/*
Theme Name: Smog Check WH Mod
Theme URI: https://www.smogcheckwh.com/
Description: Smog Check Woodland Hills Mod
Author: Smog Check Woodland Hills
Author URI: https://www.smogcheckwh.com/
Version: 1.0.0
Template: smogcheckwoodlandhills
*/
@import url("../smogcheckwoodlandhills/style.css");


/*********** Vertical Align Row Column -  In Grid */
.vertical-align-content .section_inner_margin {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media only screen and ( min-width: 768px ) {
.vertical-align-content .section_inner_margin {
	display: flex;
	flex-direction: row;
	align-items: center;
}
}

/*********** Vertical Align Row Column -  Full Width */
.vertical-align-content .full_section_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media only screen and ( min-width: 768px ) {
.vertical-align-content .full_section_inner {
	display: flex;
	flex-direction: row;
	align-items: center;
}
}

/************ Header Top */
header.fixed.scrolled .header_top {
	background-color: rgba(0,26,102,1) !important;
}
/*body header .header_top p { padding: 0; }*/
/* body header .header_top {
line-height: 20px;
padding: 15px 0;
} */
body header .header_top .right .header-widget a {
font-weight: 300;
text-transform: capitalize;
line-height: 16px;
}
body header .header_top .right .header-widget a:hover {
color: #ffc926;
}

/************ General */
body .content p {
	margin-top: 10px;
	margin-bottom: 10px;
}
body .content li {
list-style-type: disc;
list-style-position: inside;
text-indent: -1em;
padding-left: 1em;
}
.map-container { margin-bottom: -1px; }

/************ Home */
.h1-head-home h1 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	background-color: #002ba8;
	text-align: center;
	letter-spacing: 1px;
	padding: 20px;
}
.section .location-photo .mobile-video-image, div.section { background-position: -60px center; }
.map-embed-code { line-height: 0; }
@media only screen and ( min-width: 500px ) {
.h1-head-home h1 {
	font-size: 30px;
	line-height: 34px;
}
}

/************ Home location image */
p.text-over-image a {
	display: block;
	top: 0;
	left: 0px;
	background-color: #002baa;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
	padding: 6px;
	border-left: 0 solid #ffc809;
	transition: .5s;
}
p.text-over-image a:hover {
	background-color: #0038dd;
/* 	border-left: 35px solid #eb7500; */
}
@media only screen and ( min-width: 800px ) {
p.text-over-image a {
	position: absolute;
	top: 90px;
	left: 15px;
	background-color: #002baa;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1.2em;
	word-spacing: 3px;
	white-space: nowrap;
	padding: 10px 20px 10px 30px;
}
p.text-over-image a:before {
	position: absolute;
	left: -22px;
	top: 9px;
	font-family: FontAwesome;
	content: "\f041";
	font-size: 17px;
}
p.text-over-image a:hover {
	background-color: #0038dd;
	border-left: 36px solid #eb7500;
}
}

/************ Discount */
body .discountcoupon p { margin: 0; }

/************ Map */
.gm-style-iw { color: #333; font-weight: 400 !important; }

/************ Footer Bottom */
body .footer_bottom p { color: #000 !important; }
.column2.footer_bottom_column { color: #000; }

/************ Footer Banner */
footer a.free-carwash img {
	transition: 300ms;
}
footer a.free-carwash img:hover {
	transform: scale(1.1) rotate(-5deg);
}

/*********** Widgets */
.social-link {
display: inline-block;
/* width: 10px; */
margin: 20px 10px 20px 0;
}

/************ CF-7 home */
/* home */
.screen-reader-response { display: none; }
body.home .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text,
body.home .cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea {
	background-color: #fff;
	border-color: #fff;
}

/************ CF-7 */
form div.two_columns_50_50 > .column1 > .column_inner { padding: 0 }
form div.two_columns_50_50 > .column2 > .column_inner { padding: 0 }
form div.submit { margin-top: 5px }
form span.wpcf7-not-valid-tip {
	display: block;
	color: #d00000;
	padding: 0 0 10px 15px;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .5px;
}
body .wpcf7-not-valid-tip:before {
	font-family: FontAwesome;
	content: "\f062";
	font-size: 11px;
	padding-right: 6px;
}
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text.wpcf7-not-valid {
	border-color: #c00;
	background-color: #fff9d0fc;
}
.wpcf7 form.invalid .wpcf7-response-output:before,
.wpcf7 form.unaccepted .wpcf7-response-output:before,
div.wpcf7-response-output.wpcf7-validation-errors:before {
	display: none;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7-response-output.wpcf7-validation-errors {
	background-color: #d20000;
	margin-bottom: 30px;
}
.wpcf7 form .wpcf7-response-output,
div.wpcf7-response-output {
	padding: 17px 12px 17px 20px;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 18px;
	letter-spacing: .5px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border: none;
	border: 0;
}
form div.wpcf7-response-output {
	margin: 1em 0 1em;
	padding: 1em 3.3em;
	text-transform: none;
	font-size: 14px;
}
div.wpcf7-response-output.wpcf7-validation-errors {
	background-color: #FFC926;
	font-size: 13px;
	color: #000
}
form div.wpcf7-response-output.wpcf7-mail-sent-ok {
	background-color: #09b704;
	font-weight: 600
}
form span.wpcf7-character-count {
	float: right;
	color: #aaa;
	font-size: 13px;
}
.wpcf7-spinner {
	background-color: #999;
	margin: 0 0 0 15px;
	top: 8px;
}
.wpcf7 form.wpcf7-form p {
	margin-bottom: 0;
}

@media only screen and ( min-width: 600px ) {
form div.two_columns_50_50 > .column2 > .column_inner { padding: 0 0 0 5px }
}

/************ Site map */
.html-sitemap-list ul li {
	font-size: 15px;
	line-height: 32px;
}
.html-sitemap-list ul li a:hover {
	color: #c00;
}
.hide { display: none; }

/************ Review form */
.katb_captcha input[type="text"] {
padding: 8px;
}
.katb_input_style input.katb_submit {
color: #555;
text-transform: uppercase;
border: solid 1px #ffc022;
background-color: #ffc022;
padding: 10px 20px;
cursor: pointer;
}
.katb_input_style input.katb_submit:hover {
border: solid 1px #ffb222;
background-color: #ffb222;
}
.katb_input_style input.katb_reset {
color: #fff;
text-transform: uppercase;
border: solid 1px #ddd;
background-color: #ddd;
padding: 10px 20px;
cursor: pointer;
}
.katb_input_style input.katb_reset:hover {
border: solid 1px #ccc;
background-color: #ccc;
}
.katb_input_style textarea {
margin-bottom: 20px;
}


/************ 404 */
body.error404 .wrapper,
body.error404 .content,
body.error404 .content .container,
body.error404 .full_width { background-color: rgba(255, 255, 255, 0) !important; }
body.error404 {
background: url('https://www.smogcheckwh.com/smog-check-woodland-hills/smog-check-information-woodland-hills.jpg') no-repeat center center fixed;
background-color: transparent;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
top:0;
left:0;
z-index:10;
width: 100%;
}
body.error404 .page_not_found h2 { color: #fff; }
body.error404 .content p { color: #fff; }
body.error404 .qbutton { color: #fff; border-color: #fff; }
body.error404 .qbutton:hover { border-color: #ffc926; }

/************ Mobile */
@media only screen and ( max-width: 1000px ) {
body header .header_top .left .header-widget {
font-size: 17px;
margin-top: 10px;
}
	
body header .header_top .right {
/* line-height: 16px; */
margin-top: -15px;
}
	
#top-header-right a {
width: 100%;
display:inline-block;
line-height:20px;
}
}

/************ Custom */
/* .ghost-button-rounded-corners {
display: inline-block;
width: 150px;
padding: 8px;
color: #000000 !important;
border: 1px solid #001a66 !important;
box-sizing: border-box;
 border-radius: 5px;
text-align: center;
outline: none;
text-decoration: none;
font-weight: 600;
font-size: 16px;
background-color: #ffc926 !important;
} */
/* .ghost-button-rounded-corners:hover,
.ghost-button-rounded-corners:active {
background-color: #52c9f4 !important;
color: white !important;
font-weight: bolder;
} */
/* #custom_html-8 .ghost-button-rounded-corners{ color: #000000 !important; } */
/* .slider-coupon-text{ color:#ffc926 !important; } */