/*
 Theme Name:     Surf Thru Express Car Wash Custom Theme
 Theme URI:      http://surfthruexpress.com
 Description:    Customized theme for Surf Thru Express Car Wash
 Author:         Kristina Price
 Author URI:     http://pricelesskreations.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body {
	background-color: #005d7f !important;
	font-size: 16px;
}
body.custom-background {
	background-repeat: no-repeat !important ;
	background-size: auto auto!important;
	}
h2, h3 {
	color: #438e1b;
}
#main-header {
	background-color: transparent !important;
	}
#main-header {
	padding: 0px!important;
} 

.et_pb_fullwidth_header {
	padding: 0px !important;
	}  

.et_pb_section_0.et_pb_section {padding-top: 30px!important;}
/********* Main Content ************/
.et_section_transparent, .et_pb_pagebuilder_layout #main-content {

}
/********** Logo Area ************/
#logo {
	max-height: 120px !important;
	margin-top: 10px !important;
float:left;
}
/*********** Header Social & Hours *********/
#social-header {
	position: relative;
	float: right;
	margin-right: -60px;
	width: 100px;
	padding: 5px 5px 8px 5px;
	background-color: rgba(255,255,255,0.8);
	color: #002a6b;
	text-align: center;
	border-bottom-left-radius: 5px!important;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px!important;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
@media only screen and ( max-width: 980px )  {
	#social-header {
		margin: 0 auto !important;
		float: none;
	}
	#et-top-navigation {
		margin: 0 auto!important;
		float: none !important;
	}
	#logo {
		float: none!important;
		margin: 10px auto !important;
}
#hours {
	display: none !important;
}}
#hours {
	position: relative;
	float: left;
	color: #002a6b;
	width: 200px;
	margin: 40px 20px 0px 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
/********** Mobile Menu **************/
@media only screen and (max-width:1200px) { 
#main-header .container {
	text-align: center;
	}
	#social-header {
		margin: 0px auto !important;
		float: none;
	}
	#et-top-navigation {
		margin: 0px auto 10px auto!important;
	}
	#hours {
	position: relative;
	float: none!important;
	margin: 0px auto;
	}
	#logo, #et-top-navigation, nav#top-menu-nav, #top-menu {
	float: none!important;
	padding-bottom: 0px !important;
	}
}
@media only screen and (max-width:980px) { 
#main-header .container {
	text-align: center;
	}
#logo, #et-top-navigation, nav#top-menu-nav, #top-menu {
	float: none;
	padding-bottom: 0px !important;
	}
nav#top-menu-nav {
	display: none;
	}
.et_mobile_menu li a, .et_nav_text_color_light .et_mobile_menu li a, .et_nav_text_color_dark .et_mobile_menu li a {
color: #00457C!important;
}
#et_top_search {
	display: none !important;
	}
#et_mobile_nav_menu {
	float: none;
	position: relative;
	}
#main-header .mobile_nav {
	display: block;
	text-align: left;
	padding: 5px 10px;
	margin-top: 10px!important;
	margin-bottom: 10px !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.mobile_nav .select_page {
	display: inline-block;
	color: #fff;
	}
.mobile_menu_bar {
	position: absolute;
	right: 5px;
	top: 2px;
	}
.et_mobile_menu {
	top: 51px;
	}
.mobile_nav .select_page::before {
	content: "Navigation Menu:";
	color: #fff!important;
	margin-right: 10px;
	}
}

/********* Main Navigation Styles **********/

#et-top-navigation {
	margin-top: 25px;
	margin-right: -60px;
padding: 0px!important;
font-weight: normal!important;
	float: right;
	clear: right;
	background-color: rgba(0,43,104,0.7) !important;
	border-radius: 10px!important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 30px!important;
	}

#et_top_search {
	padding-right: 20px;
	display: none;
}
#main-header nav#top-menu-nav {
	padding-top: 0px !important;
	}
#top-menu a {
	font-size: 16px;
}

ul#top-menu.nav {
	margin-left: 0px !important;
}
#top-menu li {
	padding: 0px 10px;
	height: 42px !important;
	line-height: 40px !important;
	}
#top-menu li:first-child {
	padding-left: 15px !important;
	border-top-left-radius: 10px!important;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px!important;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
#top-menu li:last-child {
	padding-left: 15px !important;
	border-top-right-radius: 10px!important;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px!important;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#top-menu li:last-child {
	padding-right: 15px !important;
}
#top-menu li li.current-menu-ancestor {
	background-color: transparent !important;
}

#top-menu > li:hover, #top-menu > li.current-menu-item {
	background-color: rgba(3,151,214,1) !important;
	box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.2);
	-webkit-transition: background-color 0.3s ease-in; 
	-moz-transition:background-color 0.3s ease-in; 
	-o-transition: background-color 0.3s ease-in; 
	transition: background-color 0.3s ease-in; 
	}
#top-menu li.current-menu-ancestor {
	background-color: rgba(3,151,214,0.75) !important;
	color: #fff !important;
	-webkit-transition: background-color 0.3s ease-in; 
	-moz-transition:background-color 0.3s ease-in; 
	-o-transition: background-color 0.3s ease-in; 
	transition: background-color 0.3s ease-in; 
	}
#top-menu li > a {
	padding-bottom: 0px !important;
}
#top-menu li li.current-menu-item > a, #top-menu li li.current-menu-item > a:hover, .et_nav_text_color_dark #top-menu > li > a:hover, #top-menu a:hover, #top-menu > li a:hover, #top-menu > li.current-menu-item a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {
	color: #fff!important;
opacity: 1!important;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
	content: "";
	border: none !important;
	}
.et_pb_pricing ul {
	margin-left: 25px!important;
}
.et_pb_pricing li {
	list-style-image: url(images/check-green.png);
	padding: 0px;
	margin-bottom: 7px;
	line-height: 20px!important;
}
/********* Sub Menu Styles ***********/
#top-menu li li a {
color: #7cc3f3;
}

#top-menu li li.menu-item-has-children > a:first-child:after {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	}
#top-menu li li#menu-item-172.menu-item-has-children > a:first-child:after {
	top: 15px;
}
#top-menu li li#menu-item-124.menu-item-has-children > a:first-child:after {
	right: 3px;
}
#top-menu li li:first-child {
	padding-left: 0px !important;
}
#top-menu li li {
	padding-right: 0px !important;
}
ul.sub-menu li {
	padding: 0px !important;
	border: none !important;
}
.nav li ul {
	top: 42px!important;
	left: -15px;
	width: 200px !important;
	}
.nav li ul ul {
	top: 10px!important;
	left: 200px;
	width: 200px !important;
	}
#top-menu li li a {
	padding: 0px 20px !important;
}
#top-menu li ul {
	padding: 0px;
}
#top-menu li li#menu-item-112 a, #top-menu li li#menu-item-113 a, #top-menu li li#menu-item-114 a, #top-menu li li#menu-

item-115 a,#top-menu li li#menu-item-125 a,#top-menu li li#menu-item-129 a, #top-menu li li#menu-item-116 a, #top-menu li 

li#menu-item-172 a {
	line-height: 1.3em !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.et_mobile_menu li a:hover { 
	color: #000!important;
	background-color: rgba(180,151,90,0.1)!important;
	}
.nav li ul { 
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); 
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
	}
#top-menu li li:last-child {
padding-left: 0px !important;}

/*****Gets rid of grey line below logo and nav******/
#main-header {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.et_boxed_layout #page-container {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
/*************** Home Page Slider *********/

#home-page-slider .et_pb_slider, 
#home-page-slider .et_pb_slider .et_pb_slides,
#home-page-slider .et_pb_slider .et_pb_slides .et_pb_slide,
#home-page-slider .et_pb_slider .et_pb_slides .et_pb_slide .et_pb_container {
	height: 350px!important;
	}
#home-page-slider.et_pb_section {
	padding-top: 0px !important;
}
#home-page-slider .et_pb_slide_description {
	padding: 25px!important;
	margin: 10px 100px 10px 40px !important;
	width: 37% !important;
	float: left;
}
#home-page-slider .et_pb_slide_description h2 {
	font-weight: 400;
	font-size: 34px;
	color: #C00;
	}
@media only screen and ( max-width: 768px ) {
#home-page-slider {
	display:none;
	}
	}
.et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {
	left: 10px;
	opacity: 1;
	}
.et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {
	right: 10px;
	opacity: 1;
	}
.et_pb_slide_description a.et_pb_more_button {
  	color: #fff !important;
  	border-radius: 6px !important;
	padding: 3px 15px !important;
	font-size: 18px !important;
	background-color: #FF6600 !important;
	border: none;
}
.et_pb_slide_description a.et_pb_more_button:hover {
	padding: 3px 34px 3px 14px !important;
	border: none;
}
.et_pb_slide_description a.et_pb_more_button:after {
		top: 2px !important;
}
/****** Home Page ******/
.home-page-full-ad h1 {
	color: #438e1b !important;
}
.et_pb_fullwidth_header_subhead {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #1a4a95!important;
	}
.home-page-blurbs {
	padding-top: 0px!important;
}
.home-page-slider-row {
	padding-bottom: 0px!important;
}
/********** Inner Page Styles *****************/
ul {
	margin-left: 30px;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left {
width: 90% !important;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
margin: 0px!important;
padding: 0px!important;
}
.inner-page-header {
	background-color: rgba(255,255,255,0.5)!important;
	border-top-left-radius: 15px!important;
	-moz-border-top-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px!important;
	-moz-border-top-right-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.inner-page-header h1 {

	color: #438e1b !important;
	font-size: 2.1em;
	text-transform: uppercase;
	padding-top: 30px!important;
}

.et_pb_pricing_heading h2 {
	text-shadow: 1px 1px 3px #666;
}
.et_pb_pricing li {
	padding-bottom: 0px;
}
.et_pb_pricing_content_top .et_pb_sum {
	color: #438e1b!important;
}
/********* Locations Page ***********/
.location-area h2 {
		color: #438e1b;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #438e1b;
		margin: 0px;
}
.et_pb_text.location-area {
	margin-bottom: 0px !important;
}
.sidebar-contact h1 {
	color: #438e1b;
	font-size: 26px;
}
.location-descrip h3 {
	color: #2ea3f2 !important;
	font-size: 20px;
}
/******** Jobs Page *********/
.hours-divider {
	margin-top: 25px;
	margin-bottom: 20px;
}
.job-location-area h2 {
	color: #438e1b;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #438e1b;
}

/********* FAQs **************/
.membership-type h2 {
	color: #FF6600!important;
}
.membership-type h3 {
	  color: #2ea3f2 !important;
	  font-size: 26px;
}
/******** Bottom Footer Styles *********/
#main-footer {
	background: url(images/body-bg14.png);
}
#footer-nav-list {
	margin-left: 20px!important;
}
.et_pb_widget a {
	color: #2ea3f2 !important;
	}
a.quick-links {
	text-decoration: none;
	color: #fff!important;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.quick-links:hover {
	color: #0397d6 !important;
}
.et-social-icon a {
	color: #fff !important;
}
#footer-widgets {
  padding-top: 40px !important;
}
#footer-widgets .footer-widget li:before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: none;
  border-style: solid;
  border-width: 3px;
  content: "";
  left: 0;
  position: absolute;
  top: 9px;
}
#footer-info a {
	font-weight: normal !important;
	text-decoration: underline;
	color: #efefef;
	}
#footer-info a:hover {
	color: #efefef;
}
#footer-info {
	color: #efefef;
}
#submit .vip-club {
	background-color: #fff;
	color: #000;
}
.footer-faq {
	margin-left: 20px;
	margin-top: -26px;
	display: inline-block;
	
}
.mobile-terms {
	margin-top: 15px;
	font-size: .8em;
}
.mobile-join submit {
	background-color: #fff;
	color: #000;
}
#form1 input[type=text], #subForm input[type=text] {
	line-height: 24px;
	padding: 4px;
	border: none;
}
#subForm input[type=text] {
	margin-bottom: 10px;
	border: none;
}
#subForm input[type=submit] {
	margin-top: 0px!important;
}
#form1 input[type=submit], #subForm input[type=submit] {
	cursor: pointer;
	margin: 10px 20px;
	font-size: 16px; 
	font-weight: 500;
	color: #fff;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
	padding: 6px 20px; 
	line-height: 1.7em; 
	background: #FF6600!important; 
	border: none; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
	-moz-transition: all 0.2s; 
	-webkit-transition: all 0.2s; 
	transition: all 0.2s; 
	position: relative;
	margin-right: 50px;
}
#form1 input[type=submit]:hover, #subForm input[type=submit]:hover { 
	background: #2ea3f2 !important;
	color: #000!important;
	border: none; 
	padding: 6px 25px;
	}

@media only screen and ( max-width: 768px ) {
.footer-widget h4 {
	border-top: 1px solid #fff!important;
	padding-top: 20px;
}
.footer-widget {
  width: 100%;
  margin: 0px !important;
  float: none;
}}