/*---------------------------------------------------------------------------------

 Theme Name:   Divi-Child
 Description:  Ace 24 Hour Towing
 Author:       LocalX Marketing
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
a {
    color: #c60000 !important;
}



/* Divi Overrides */

img { image-rendering: -webkit-optimize-contrast; }

textarea { max-width: 100%; }
#main-content h1 { font-size: 3.750em; font-weight: 600; text-transform: uppercase; padding: 0.2em 0.5em; background: #000; color: #FFFFFF;  }
#main-content .et_pb_text_inner h1 { font-size: 3.0em; margin-bottom: 0.75em; }
#main-content h2 { font-size: 2.6em;  font-weight: 700; text-transform: uppercase; padding: 0.4em 1em; background: #000; color: #FFFFFF; margin-bottom: 0.75em; display: table; }
#main-content h3 {
    font-size: 2.813em;
    font-weight: 600;
    text-transform: uppercase;
}
#main-content h4 {
    font-size: 2.188em;
    font-weight: 600; 
    text-transform: uppercase;
    margin: 1.0em 0;
    padding: 0;
}
#main-content h5 { font-size: 2.7em; text-transform: uppercase; }
h6 { font-size: 1.7em; padding: 1em; }

p { font-size: 21px; line-height: 28px; }
p a {  }


.blocked { display: block; }
.parent-relative { position: relative; }
.child-absolute { position: absolute; }
.flex-parent, .flex-wrap .et_pb_text_inner { display: flex; height: 100%; align-items: center; }
#home-banner.flex-parent .et_pb_code_inner { margin: auto; }
.flex-child, #footer-bottom .sb_divi_fe { flex: 1; }
.inline-block { display: inline-block; }
.left { float: left; }
.right { float: right; }
.tabled, .tabled-text { display: table; margin: 0 auto; }

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

.disable { pointer-events: none; }
.pointer-hover > a { cursor: default; }

#page-container .full-width { width: 100%; max-width: none; }
#page-container .no-padding { padding: 0; margin: 0; }
#page-container .no-padding .full-width { padding: 0; }

body, .arial { font-family: Arial, sans-serif; }
.rajdhani, #menu-content-menu li a { font-family: 'Rajdhani', sans-serif; text-transform: uppercase; }

.small-text { font-size: 0.6em; line-height: 1.24em; }
#main-content .blue-text { color: #344b6d; }
.red-text { color: #c60000; }
.white-text { color: #FFFFFF; }
.black-text { color: #0d1014; }
#main-content .white-text { color: #FFFFFF; }

.text-shadow { text-shadow: 0 5px 7px rgba(0, 0, 0, 0.97); }
.large-text { font-size: 1.3em; }

.drop-shadow, .img-drop-shadow img {
    -webkit-box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.4);
}

#main-content .white-bg { background: #FFFFFF; }
#main-content .blue-bg { background: #344b6d; }

.extra-margin-top { margin-top: 2em; }
.extra-margin-bottom { margin-bottom: 0.5em; }


#et-main-area { overflow: hidden; }
.callout-link {
    border: solid 3px #c60000;
    background: #FFFFFF;
    font-size: 1.5em; 
    font-weight: 300;
    text-transform: uppercase;
    padding: .4em 0.4em;
    margin: .2em auto;
    display: table;
    text-align: center;
    transition: background .2s linear, color .2s ease-in;
}
#main-content .callout-link:hover, .left-page-nav ul > li a:hover {
    background: #fff;
    color: #FFFFFF;
}
.callout-button {

}
.callout-button:hover, .link-list a:hover {

}
.callout-list {
    font-size: 1.563em;
    font-weight: 700;
    line-height: 1.7em !important;
    text-align: left;
    display: table;
    margin: 2em auto;
}

#main-header {
    border-bottom: solid 7px #c60000;
    -webkit-box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.4);
}
#main-header:before {
    content: "";
    height: 12.5em;
    width: 32em;
   
    background-size: contain;
    position: absolute;
    top: 8.2em;
    left: 0;
    margin: auto;
    z-index: -1;
    transition: top .4s ease-in-out;
}
#main-header:after {
    content: "";
    height: 12.5em;
    width: 32em;
    
    background-size: contain;
    position: absolute;
    top: 8.2em;
    right: 0;
    margin: auto;
    z-index: -1;
    transition: top .4s ease-in-out;
     transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#main-header.et-fixed-header:before, #main-header.et-fixed-header:after { top: 3.7em; }
#main-header .et_menu_container { }
#main-header #top-menu li a {
    text-transform: uppercase;
}
#main-header #top-menu li a:hover {  }
.nav li:hover a { }
#top-menu-nav { position: relative; right: 3em; }
#top-menu-nav .sub-menu { padding: 2em 0; }
/* submenu > */
#top-menu .menu-item-has-children>a:first-child:after { display: none; }
#top-menu .menu-item-has-children>a:first-child { padding-right: 0; }

/* center vertical menu li a */
#main-header #et-top-navigation { padding: 1em 0; }
#top-menu-nav, #top-menu { display: flex; align-items: center; }
#top-menu li {
    padding: 0 0.75em;
    margin: auto 1em;
    background: #FFFFFF;
}
#main-header #top-menu li a { padding-bottom: 0; }

#main-header .et_menu_container:after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #c60000;
    position: absolute;
    top: -5px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    visibility: visible;
}
#top-menu li.centered-inline-logo-wrap { width: 18em !important; margin: 0 4em; top: -1em; }
.logo_container { position: relative; }
.logo_container a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.7em;
    margin: auto;
    transition: top .4s ease-in-out;
}
#main-header.et-fixed-header .logo_container a { top: initial; }
#header-phone {
    left: 0;
    right: 0;
    bottom: -4.6em;
    margin: auto;
    text-align: center;
    transition: bottom .4s ease-in-out;
}
#header-phone a {
    padding: 0.3em 0.5em;
    background: #FFFFFF;
    border: solid 3px #c60000;
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2.813em;
    font-weight: 900;
    letter-spacing: 0.1em;
    transition: font-size .4s ease-in-out;
}
#main-header.et-fixed-header #header-phone { bottom: -2.8em; }
#main-header.et-fixed-header #header-phone a { font-size: 150%; }

#footer-bottom {  }
#footer-info { text-align: center; float: none; }


#main-footer .flex-wrap .et_pb_text_inner { align-items: baseline; }
#footer-bottom { padding: 0; }
#footer-info { padding: 0.5em 0; }
#footer-bottom > .container { display: flex; align-items: center; }

#footer-area #footer-phone { font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif; font-size: 3.0em; font-weight: 900; }
#footer-area .flex-parent .et_pb_column:nth-child(2) { width: 40%; margin: auto; }
#footer-links .et_pb_text_inner > p { line-height: 1em; }
#footer-links a { font-size: 1.75em; font-weight: 300; text-transform: uppercase; color: #344b6d; margin: 0; transition: color .2s ease-in; line-height: 1em; }
#footer-links a:hover { color: #c60000; }
#footer-address { font-size: 1.250em; text-transform: uppercase; font-weight: 400; margin-top: 1em; }
#footer-right .et_pb_text_inner { display: table; margin-left: auto; }

#first-content-block { margin: 7em auto; }

/* Home Page */


/*#home-banner { height: 43em; }
#home-banner figure { margin: 0 0 1em 0; }
#home-banner img { display: block; width: 100%; max-width: initial; margin: auto; }
#home-banner .et_pb_code_inner {

}
#home-banner .et_pb_slider { overflow: visible; height: 100%; }
#home-banner .et_pb_slides { display: flex; height: 100%; }
#home-banner .et_pb_slide { margin-top: auto; }
#home-banner .et_pb_slide_image { height: auto; width: 52em; bottom: -4em; left: -3em; z-index: 1; }
#home-banner .et_pb_slide_description { z-index: 0; }*/



#home-banner { height: 43em; }
#home-banner figure { margin: 0 0 1em 0; }
#home-banner img { display: block; width: 100%; max-width: initial; margin: auto; }
#home-banner .et_pb_code_inner {

}
#home-banner .et_pb_slider { overflow: visible; height: 100%; }
#home-banner .et_pb_slides { display: flex; height: 100%; }
#home-banner .et_pb_slide { margin-top: auto; }
#home-banner .et_pb_slide_image { height: auto; width: 141%; max-width: 70em; bottom: -6.1em; left: -50%; right: -50%; margin: auto; z-index: 1; }
#home-banner .et_pb_slide_description { width: 100%; max-width: 36em; z-index: 0; float: none; padding: 0; position: relative; bottom: 12em; }



#ken-signature { max-width: 20em; text-align: center; }
#check-repair-callout {
    width: 100%;
    max-width: 9em;
    display: block;
    font-size: 2.5em;
    text-transform: uppercase;
    line-height: 0.9em;
    padding: 0.7em 2.5em;
    font-weight: 700;
    border: solid 8px #c60000;
    transition: border-radius .4s ease, color .4s ease;
}
#check-repair-callout:hover { border-top-right-radius: 4em; border-bottom-right-radius: 4em; color: #bf1b00; }
#check-repair-callout:hover:before {
    transform: translateX(9px);   
}
#check-repair-callout:before {
    content: "";
    height: 3.5em;
    width: 3.8em;
    background: url(images/check-mark.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2.1em;
    margin: auto;
    z-index: 2;
    transition: transform .4s ease;
}
#loaner-callout {
    display: table;
    font-size: 2.5em;
    text-transform: uppercase;
    line-height: 0.9em;
    padding: 0.7em 2.5em;
    font-weight: 700;
}
#loaner-callout:after {
    content: "";
    height: 6.5em;
    width: 11.8em;
    background: url(images/snake-river-auto-body-car-keys.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1.9em;
    right: -10em;
    margin: auto;
    z-index: 2;
}
#loaner-callout .callout-link { font-size: .8em; }
#why-choose h2 { margin: auto; }
#home-video { height: 30em; }
#home-video .et_pb_code_inner { margin: auto; }
.play-link {
    color: #FFFFFF;
    font-size: 9em;
    opacity: .8;
}


/* Interior Pages */

#review-slider { overflow: visible; }
#review-slider:after {
    content: "";
    width: 0;
	height: 0;
	border-top: 5em solid #FFFFFF;
	border-right: 6em solid transparent;
    position: absolute;
    bottom: -5em;
    left: -18em;
    right: 0;
    margin: auto;
}

#main-content h5.et_pb_toggle_title { font-size: 1.8em; color: #344b6d; }
.post-template-default #main-content { padding-top: 8em; }
.et_pb_team_member_image { max-width: 100%; }
.et_pb_module_header { border-bottom: solid 3px #bf1b00; }



/*------ Caldera Overrides ------*/

.caldera-grid .form-control {
	border: none !important;
	border-radius: 0 !important;
}
.caldera-grid .form-control:focus {
	-webkit-box-shadow: 0px 0px 26px -2px rgba(37,124,183,0.28) !important;
    -moz-box-shadow: 0px 0px 26px -2px rgba(37,124,183,0.28) !important;
    box-shadow: 0px 0px 26px -2px rgba(37,124,183,0.28) !important;
}
#main-footer input, #main-footer textarea { font-size: 1.5em; }
#main-footer input { height: 2em; }
#main-footer textarea { height: 5.5em; min-width: 100%; }
#main-footer input.btn {
    width: 7em;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #a47306;
    border: none;
	-webkit-box-shadow: 0px 0px 26px -2px rgba(0,0,0,0.57) !important;
    -moz-box-shadow: 0px 0px 26px -2px rgba(0,0,0,0.57) !important;
    box-shadow: 0px 0px 26px -2px rgba(0,0,0,0.57) !important;
}

#CF5a6f9b33d2449_1 { display: flex; align-items: center; }
#CF5a6f9b33d2449_1 .row { margin: 0 2em; }
#caldera_form_1 .btn-default, #caldera_form_2 .btn-default {
    background: none;
    outline: none;
    box-shadow: initial;
    border: solid 3px #FFFFFF;
    font-size: 1.7em;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0.1em 2em;
    font-weight: 200;
}

/* Lightbox */

.et_pb_code_inner .fluid-width-video-wrapper { display: none; }
.featherlight-inner { color: white; }
.featherlight-content #mylightbox .fluid-width-video-wrapper { width: 77em; }






/* Media Queries */

/* Larger than 1760px */
@media only screen and (min-width: 110em) {

}
/* Larger than 1488px */
@media only screen and (min-width: 93em) {

}

/* 1755px */
@media screen and (max-device-width: 109.688em), screen and (max-width: 109.688em) {
    #check-repair-callout, #loaner-callout { font-size: 200%; }
}

/* 1511px */
@media screen and (max-device-width: 94.438em), screen and (max-width: 94.438em) {
    #post-101 .et_pb_section_3 { padding-top: 4em; }
}

/* 1488px */
@media screen and (max-device-width: 93em), screen and (max-width: 93em) {
    #footer-area #footer-phone { font-size: 2.5em; }
    #check-repair-callout { font-size: 1.5em; }
}

/* 1366px */
@media screen and (max-device-width: 85.375em), screen and (max-width: 85.375em) {
    #main-header #top-menu li a { font-size: 1em; }
    
    .featherlight-content #mylightbox .fluid-width-video-wrapper { width: 50em; }
    #loaner-callout:after { height: 5.5em; width: 8.8em; bottom: 0; right: -7em; }
    #footer-area #footer-phone { font-size: 2.1em; }
}

/* 1104px */
@media screen and (max-device-width: 69em), screen and (max-width: 69em) {
    #CF5a6f9b33d2449_1 { flex-direction: column; }
    #loaner-wrap .flex-parent { flex-direction: column; }
    #check-repair-callout { margin: 1em auto; }
}

/* 980px */ /* Setting the breakpoint of the mobile menu */
@media screen and (max-device-width: 61.250em), screen and (max-width: 61.250em) {
    #main-content h4 {  }
    .flex-parent { flex-direction: column; display: block; }
    #home-banner.flex-parent { display: flex; }
    .flex-child { width: 100%; margin: 1em auto; text-align: center; }
    
    #home-banner { height: 20em; }
    #home-banner .et_pb_slide_image { display: none; }
    #home-banner .et_pb_slide_description { float: none; width: 100%; }
    #home-banner h1 { font-size: 2em; display: table; margin: auto; }
    #footer-links .et_pb_text_inner { text-align: center; }
    #footer-right .et_pb_text_inner { display: initial; margin: 5em auto 0; }
    
    
    #header-phone { font-size: 0.7em; bottom: -5em; }
    #main-header:before, #main-header:after { font-size: 0.7em; top: 10.93em; }
    #home-banner .et_pb_slide_description { bottom: 7em; }
    #footer-links a { margin: auto; }
    #footer-bottom > .container { flex-direction: column; }
    .featherlight-content #mylightbox .fluid-width-video-wrapper { width: 20em; }
    #home-video .flex-parent { display: flex; }
    #loaner-callout:after { display: none; }
    #loaner-callout { display: block; text-align: center; padding: 0; }
    #check-repair-callout { font-size: 1.0em; max-width: 10em; margin: 0 auto; }
    #ken-signature { margin: 2em auto 0; }
}

/* 848px */
@media screen and (max-device-width: 53em), screen and (max-width: 53em) {
    #quality-wrap .et_pb_image_wrap { max-width: 14em; }
}

/* 752px */
@media screen and (max-device-width: 47em), screen and (max-width: 47em) {
    h2 { font-size: 3em; }
}

/* Phone 600px */
@media screen and (max-device-width: 37.500em), screen and (max-width: 37.500em) {
    #main-content h1 { font-size: 1.8em !important; }
    #main-content h2 { font-size: 1.7em; }
    #main-content h3 { font-size: 1.25em; }
    #main-content h5 { font-size: 2.0em; }
    #main-content h6 { font-size: 1.25em; }
    
    #header-phone { font-size: 0.4em; bottom: -6.5em; }
    #main-header:before, #main-header:after { font-size: 0.5em; top: 15.6em; }
    #review-slider:after { left: -4em; border-right: 3em solid transparent; }
    .callout-link { font-size: 1em; }
}

/* Phone 480px */
@media screen and (max-device-width: 30em), screen and (max-width: 30em) {
    #main-content h1 { font-size: 1.4em !important; }
    #main-content h4 { font-size: 1.1em; }
    #main-content h5 { font-size: 1.7em; }
    
    #footer-links a { font-size: 1.25em; line-height: 0.25em; }
    #footer-area #footer-phone { font-size: 1.6em; }
    #footer-address { font-size: 1em; margin-bottom: 1em; }
    .featherlight-content #mylightbox .fluid-width-video-wrapper { width: 10em; }
    .play-link { font-size: 5em; }
    #caldera_form_1 .btn-default, #caldera_form_2 .btn-default { font-size: 1.2em; }
    #CF5a6f9b33d2449_1 .row { margin: 0 1em; }
    .callout-list { font-size: 1.1em; }
    .et-pb-controllers { display: none; }
    .et_pb_row { width: 91%; }
    
}

/* 384px */
@media screen and (max-device-width: 24em), screen and (max-width: 24em) {
    
}