/* ===================================================
	smogcheckglendale.com
	Theme Name:   Theme CSS
	File:         theme.css
	Description:  All Star Smog Check Glendale Theme CSS
	Author:       All Star Smog Check Glendale
	Author URI:   smogcheckglendale.com
	Version:      1.0.0
=================================================== */

/*********** Custom ***********/
.list-home ul { font-size: 17px; line-height: 32px; padding-left: 1em; text-indent: -1em }
.body-list ul { padding-left: 1em; text-indent: -1em }
span.call-anchor { color: #0380d7 }
span.call-anchor a { color: #0380d7 }
span.call-anchor a:hover { text-decoration: underline }

/*********** Mods ***********/
div.full_width_inner { background-color: #FFF }
/* .wpb_wrapper p { margin: 20px 0 } */

/*********** Header Footer ***********/
body .header_top {
	background-color: rgba(0, 0, 0, .25) !important
}
body .header_top .left h3 { letter-spacing: 2px; }
body .footer_bottom_holder { background: rgba(65, 65, 65, 0.2) }
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

/*********** Overlay ***********/
.nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0,0,0,0.9) }

/*********** Discount ***********/
body div.active_text { font-weight: 700; Background-color: #e91606 !important }
body .price_in_table .price { font-size: 70px }
body .qode_pricing_tables > div:first-of-type .prices { text-decoration: line-through; color: #666 }
body .qode_pricing_tables .prices { color: #FFFFFF}
body .price_in_table .mark { display: none }

/*********** Price table ***********/
body .price-wrap .pricing-table-panel {
background-color: #ffdf32;
padding: 40px 0 55px;
}
body .price-wrap .head-top {
font-size: 16px;
color: #333;
letter-spacing: 3px;
text-transform: uppercase;
}
body .price-wrap .price p {
	font-size: 70px;
	font-weight: 300;
	line-height: 1em;
	padding: 5px 0;
}
body .price-wrap .price p span.dollar-sign  {
	font-size: 40px;
	display: inline-block;
	vertical-align: top;
	margin-top: -8px;
}
body .price-wrap .notes { font-size: 13px; }
body .price-wrap .walkin-price p {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 10px 0;
}

/*********** Ribbon ***********/
img#rasr_add-icon { display: none !important }

/*********** Smog Info ***********/
.smog-info a { color: #C42B13 }
.smog-info a:hover { color: #03A3D9 }
.no-bullet .wpb_wrapper ul { list-style: none }

/*********** Contact ***********/
.contact_form { margin-top: 30px }
.map-embed-code { line-height: 0; }
imput.qbutton:hover { background-color: #333 }

/********** CF-7 **********/
body .wpcf7 form.wpcf7-form p {
    margin-bottom: 5px;
}
div.two_columns_50_50 > .column1 > .column_inner { padding-right: 5px }
div.two_columns_50_50 > .column2 > .column_inner { padding: 0 }
body span.wpcf7-not-valid-tip {
	border-top: 1px solid #dd0000;
	color: #333;
	padding: 5px 0 15px 15px;
	font-size: 11px;
	line-height: 1.4em;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
body div.wpcf7-response-output {
margin: 1em 0 1em;
padding: 1em 3.3em;
text-transform: none;
font-size: 16px;
line-height: 1.4em;
letter-spacing: 0;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #2162FF }
div.wpcf7-response-output.wpcf7-validation-errors { background-color: #dd0000 }
div.wpcf7-response-output.wpcf7-mail-sent-ng { background-color: #eb1105 }
input.wpcf7-form-control.wpcf7-captchar {
	width: 100%;
	margin: 5px 0 0;
	padding: 15px;
	border: 0;
	resize: none;
	font-size: 14px;
	line-height: 17px;
	background-color: #f7f7f7;
	color: #818181;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both
}
input.wpcf7-form-control.wpcf7-captchar:focus { outline: 0; border: 0 }

/* update v5.3 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
div.wpcf7-response-output.wpcf7-validation-errors {
	background-color: #333;
	font-size: 12px;
	font-weight: 800;
}

/*********** Widget-Footer ***********/
body .footer_top h5 { margin: 0 0 10px }
body .footer_top .address-notes {
margin-top: 8px;
font-weight: 600;
font-size: 12px;
color: #999;
line-height: 1.4em;
}

/*********** Hours ***********/
body ul.hours {
	list-style: none;
	border-top: solid 5px #bbbbbb33;
	border-bottom: solid 5px #bbbbbb33;
	padding: 10px 0;
	margin-top: 15px;
	width: 90%
}
body ul.hours li {
	padding: 0;
	margin: 0;
	line-height: 1.8em;
	font-size: 16px
}
body ul.hours li:last-child { color: #0084cd; }
body .hours label { width: 40px; float: left }

body .footer_top ul.hours li:last-child { color: #79e0ff; }
body .locations li {
	margin-bottom: 6px;
	line-height: 1.2em
}
@media only screen and ( max-width: 768px ) {
body .locations li {
	padding-top: 12px;
}
}
body .footer_bottom .textwidget a { color: #dddddd }
body .footer_bottom .textwidget a:hover { color: #999999 }
body #text-11 { margin-bottom: 20px } /* widget c3 */

/*********** Mobile ***********/
@media all and ( max-width: 600px ) {
	div.two_columns_50_50 > .column1 > .column_inner { padding-right: 0 }
}
@media all and (min-width: 780px) and (max-width: 1000px) {
body .home-banner .vc_custom_1530336881687 { margin-top: 30px !important }
}
@media all and (max-width: 1000px) {
.header_top .container { background-color: #dd0000 }
.list-home ul { line-height: 1.5em }
.price_in_table .price { font-size: 42px }
.qode_pricing_tables a.qbutton.white.small { font-size: 8px }
.two_columns_75_25>.column1 { width: 65% }
nav.mobile_menu ul li { text-align: center }
.smog-info .wpb_wrapper ul { list-style: none }
.smog-info .wpb_wrapper li { font-size: 12px }
.vc_col-sm-4 { padding-right: 10px }
.head-banner h2 { font-size: 20px }
input.wpcf7-form-control.wpcf7-quiz { margin: 0 0 20px 0 }
}
@media only screen and ( max-width: 1000px ) {
body nav.main_menu > ul > li > a { padding: 0 0 0 15px }
.header_top .left .textwidget p {
	font-size: 24px;
	line-height: 30px;
	font-weight: 800;
}
.header_top .left .inner>div:last-child { padding-top: 12px; }
.header_top .left .inner {
	display: inline-block;
	margin: 0;
}
.header_top .left { line-height: 26px; }
.header_top .right { line-height: 33px; }
.header_top .left .inner>div:last-child::after {
content: "\2605\2003\2605\2003\2605\2003\2605\2003\2605";
	color: #fff;
	font-size: 20px;
	position: relative;
	top: 6px;
}
}

/*********** 404 ***********/
body.error404 .page_not_found h2 { line-height: 1em; }
body.error404 .page_not_found p { font-size: 16px; }