/******************************************************************
Theme Name: MotorMate
Version: 1
******************************************************************/

body { font-family: 'Raleway', sans-serif;  } 


h1, h2, h3, h4 { font-family: 'Raleway', sans-serif;  } 

h1 { color: #787878; font-size: 35px; font-weight: 700 !important; } 

h3 { color: #787878; }

h2 { color: #4579B4; } 

p { font-family: 'Raleway', sans-serif; font-weight: 400; } 

hr {
    margin: .5rem auto;
}

#top_grey_nav { background-color: #333; font-family: 'Raleway', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 12px; height: 35px; overflow: hidden;
} 

#top_grey_nav a, .top-bar li a { color: white; } 

.top-bar li li a { color: black; } 

.top-bar ul {margin:0; padding:0;}

.top-bar-right a { color: white; font-size:1.4em; } 


.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
}


#top_grey_menu { float: right; padding: 0px;} 

.page-title img { height: 40px; margin-top: 7px; margin-bottom: 0;  } 

.standard_button a { background-color: #4579B4 !important; font-weight: 600; font-size: 20px !important;  }

.store_locator input:nth-child(1) { border-radius: 5px; padding: 10px; color: white; text-transform: uppercase; box-shadow: none !important; display: inline-block; width: 150px; background-color: #4579B4 !important; font-weight: 600; font-size: 20px !important;} 

.store_locator p { width: 300px; display: inline-block; 
} 

.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern, .menu .active > a { background-color: #4278B6; }  

#desktop_right_mobile_center { text-align: right; margin-top: 5px; } 

#desktop_left_mobile_center { text-align: left; } 

#featH1 {
	font-size:2.5em;
	margin:.25em 0;
}


#top_grey_nav li { padding: 0px;  }

.ubermenu-submenu { background-color: white !important; } 

.ls-fullscreen-wrapper { z-index: 1; position: relative; } 



#page_header {
	border-bottom: 1px solid #B4B4B4;
}

#page_header div:first-child {
	border-right: 1px solid #B4B4B4;
}


#page_header h3 {
	font-size:2em;
	padding-top:.25em;
	font-weight:600;
}


.shop_by_brand { 
	margin:0;
	padding:0;
	height:19em;
	background-image:url("/wp-content/uploads/2018/06/menu_wave.jpg");
	background-size:cover;
 } 

.shop_by_brand h3 { 
	text-align: center; 
	color: #787878;   

	font-size:3.5em;
	font-weight:600;
	padding-top:8%;
	text-align:left;
} 

.menuBtBorder {
	border-bottom:1px solid #c4c4c4 !important;
	width:60%;
	padding:0;
}

.ubermenu .ubermenu-submenu-type-stack {
    padding-bottom: 0;
}

.ubermenu-main.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop {
    margin-top: 1em;
}

.menu-select-your-motor-homepage-container ul { 
	margin: auto; 
	width: 25em;
	width: -moz-fit-content;
	width: fit-content;
	text-transform: uppercase; 
	margin-top: -10px;
	font-size:1.4em;
} 

.menu-select-your-motor-homepage-container ul a { color: #707070; } 

.menu-select-your-motor-homepage-container ul li a:hover { color: #4278B6; } 

.menu-select-your-motor-homepage-container ul li {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D2D2D2;
	font-weight:bold;
	font-size:1em;
	margin-bottom:.5em;
}

.menu-select-your-motor-homepage-container ul li:last-child { border-right: none;  } 

.top-bar {position:relative; z-index:50; width: 100%;}

.top-bar ul {background-color: transparent; font-size: 14px; }

.top-bar ul ul {background-color: rgba(255, 0, 0, 1); }

.homepage_image_area a {
	color: white;
	display: block;
	box-sizing: border-box;
	height: 100%;
} 

.homepage_image_area { text-align: center; color: white; font-weight: 600; font-size:1.5em;  } 

.homepage_image_area .left_image a,
.homepage_image_area .right_image a {
	padding-top: 140px;
	padding-left: 5px;
	padding-right: 5px;
}

.homepage_image_area .left_top_image a,
.homepage_image_area .left_bottom_image a {
	padding-top: 40px;
	padding-left: 5px;
	padding-right: 5px;
}

.homeWaveBg {
	background-image:url("/wp-content/uploads/2018/06/homepage_bkgnd_image-tall2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.menu-item-5197, .menu-item-5198, .menu-item-5199 { margin-top: 5px; } 

#breadBar { padding-bottom: .25em; margin-bottom: -10px; padding-top:.5em; font-size:.85em; text-transform: uppercase; 
} 

#page_header h1 { text-transform: uppercase !important; color: #4579B4 !important;} 
#page_header h1 { text-transform: uppercase !important; color: #4579B4 !important;} 

#product_menu ul { 
	margin: 1em auto; 
	font-size:1.5em;
	max-width: 40em;
	display: flex;
	justify-content: center;
 } 

#product_menu ul li { 
border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D2D2D2;
} 

#product_menu .current-menu-item a { background-color: transparent; color: #0978BC; } 

#product_menu ul li:last-child { border-right: none;  } 

#interior_image_area {
	padding-top: 30em;
	background-repeat: no-repeat;
	background-size: 100%;
}

#interior_image_area h1 { font-size: 50px; color: white;  margin-top: -15px; text-shadow: 0px 0px 3px #000;} 
#interior_image_area h2 { font-size: 25px; font-weight: normal; color: white;  margin-top: -15px; text-shadow: 0px 0px 3px #000; } 


.product-archive-section {
	padding: 2em 0;
}

.grey-section {
	background-color: #eaeaea;
}

.phoneTxt {
	font-weight:700; 
	font-size:1.25em;
	font-family: Helvetica, Arial, sans-serif; 
}

.menu-footer-menu-container li, .menu-footer-menu-2-container li { display: block; width: 100%;
 } 

 .intMenu


.vc_custom_1526583823411 { background-size: cover; } 

.footer a {color: white; } 

.copyright { font-family: Helvetica, Arial, sans-serif; color: white;} 

.footer_contact { text-align: right; padding-right: 20px; padding-top: 10px; } 
.socialFb {float:right; margin:.5em;}
.socialInst {float:left; margin:.5em;}


@media only screen and (max-width: 640px) {

#top_grey_nav, .homepage_image_area, #menu-item-5208 { display: none; } 

.footer_contact { text-align: center; } 

.footer, footer {text-align:center;}

.socialFb {display:block; width:2em;}
.socialInst {display:block; width:2em;}


/* #page_header h1 { font-size: 35px !important;  } */

	.menu-select-your-motor-homepage-container ul li, #product_menu ul li  { 
		display: inline-block; 
		border-right: none; 
	} 

	.ubermenu-submenu-id-5197 {
		border:3px solid red;
	}
	.menu-select-your-motor-homepage-container ul { 
		margin: auto;
		text-transform: uppercase; 
		margin-top: -10px;
		font-size:.9em;
	} 


	.menu-select-your-motor-homepage-container li a {
		float:left;
		width:45%;
		padding:0;
		margin:.5em .5em;
	}

	.menuBtBorder {
		border-bottom:none;
	}	

	.top-bar-right a { text-align:center; } 
	
	.menu a img {text-align:center; margin:0 auto; width:450px !important;}

	#featH1 {
		font-size: 1.5em;
		margin: .5em 0;
	}

}

@media only screen and (max-width: 1024px) {

#desktop_right_mobile_center { text-align: center !Important;  } 

#desktop_left_mobile_center { text-align: center; } 

/* #page_header h1 { font-size: 25px;  } */



}


/* WOOCOMMERCE */

.button { background-color: #4278B6 !important; color: white !important; } 

.product-categories-sidebar li a { color: #848484; text-transform: uppercase; font-size: 20px;   } 

.product-categories-sidebar li { border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cbcbcb;
list-style-type: none;
padding: 10px; 
} 

.product-categories-sidebar p, .product-categories-sidebar li { color: red !important; } 

.product-categories-sidebar .current-cat { background-color: #848484; } 

.product-categories-sidebar .current-cat a { color: white; } 

.product-categories-sidebar h4 { font-weight: 700; text-align: center; text-transform: uppercase;  color: #848484; } 

.price { font-size: 3.5em !important; color: #4278B6 !important; font-weight: 700; text-align: center;  } 

del { font-size: 40px !important; }

ins { color: #DD3333; padding: 5px; }

.woocommerce span.onsale { 
	background-color: #DD3333; 
	font-size: 20px; 
} 

.woocommerce-variation-description p, .woocommerce-Price-amount { padding: 5px; }

p.price {
	margin:0;
	padding:0;
}

/* .woocommerce-product-gallery__image */
.woocommerce div.product div.images.woocommerce-product-gallery > :first-child {
	border: 1px solid #848484;
	/* margin-left: 20px;
	margin-right: 20px; */
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
	padding: 0.5em 0;
	margin-left: -0.5em;
	margin-right: -0.5em;
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs > li {
	display: block;
	box-sizing: border-box;
	padding: 0.5em;
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs > li > img {
	border: 1px solid #848484;
}

.woocommerce table.shop_attributes {
    margin-bottom: 1em;

}

table.measurements-table {
	border-collapse:initial;
}

.shop_attributes th, .shop_attributes td { text-align: left !important; padding-left: 15px !important; 
} 

.entry-summary { 	border: 1px solid #B2AFAF; box-shadow: 0px 5px 5px #B2AFAF; } 

.entry-summary p { hyphens: auto; } 

.product-detail-bar {
	background-color: #EAEAEA;
	text-align: center;
	border-bottom: 1px solid #c4c4c4;
	padding: .5em 0;
	color: #8b8b8b;
	font-weight:bold;	
}

.product-detail-bar:first-of-type {
	border-top: 1px solid #c4c4c4;
	color: #8b8b8b;
	font-weight:bold;
}

.entry-summary h4 { text-align: center !important; font-weight: 700;  color: #848484; text-transform: uppercase; font-size: 18px; padding-top: 10px; } 

.measurements-table-label, .measurements-table-value { font-weight: 700; background-color: white; } 

.entry-summary .label  { background-color: white; text-align: center; width: 100px; } 


.add-to-cart-instructions {
	padding: 0 1.5em;
	font-style: italic;
}

.woocommerce-variation-add-to-cart { padding: 25px;  } 

.woocommerce table.shop_attributes tr:nth-child(2n) th, .woocommerce table.shop_attributes tr:nth-child(2n) td { background-color: white; } 

.woo_description { background-color: #EAEAEA; padding: 25px; position: static; left: 0px; } 

.product-buttons .cell a { padding: 20px; text-transform: uppercase;  } 

.woo_description h2 { text-align: center; } 

/* .type-product { margin: 5px; } */

.type-product .swatches-learn-more { padding: 14px !important; } 

.type-product .measurments { color: #333; font-size: 15px; color: #787878 } 

.woocommerce-loop-product__title { text-transform: uppercase; } 

.related h2 { text-align: center; } 



#measurementModal {
	padding: 1rem 2rem 2rem;
}

#measurementModal h1 {
	text-transform: uppercase;
	font-size: 1.75em;
	margin-bottom: 1rem;
}

#measurementModal h2 {
	font-weight: 400;
	font-size: 1.75em;
	color: #787878;
	margin: 0;
}

#measurementModal .product-info-bar {
	background-color: #ECECEC;
	border-top: 1px solid #787878;
	border-bottom: 1px solid #787878;
	
	margin-left: -2rem;
	margin-right: -2rem;
	
	padding-left: 1rem;
	padding-right: 1rem;
	
	/* padding: 10px; */
}

#measurementModal .product-info-bar .measurements-table {
	margin: 0;
}

#measurementModal .product-info-bar .measurements-table * {
	background-color: transparent;
}

#measurementModal .product-info-bar .measurements-table-value {
	font-weight: 400;
}

#measurementModal .product-info-bar .measurements-table-label,
#measurementModal .product-info-bar .measurements-table-value
 {
	padding: 0.25em 1em;
	color: #787878;
}

#measurementModal .measurement-modal-body {
	margin: 2em 0;
}

#measurementModal .button.modal_add_to_cart_button {
	font-size: 1.25em;
	text-transform: uppercase;
	padding: 1em;
}

#measurementModal .close-button {
	font-size: 4em;
	top: -0.0625em;
}


.swatches-learn-more .button {
	margin-top: 0 !important;
}

.swatches-learn-more .swatches-cell {
	font-size: 0.75em;
	font-style: italic;
	vertical-align: middle;
	/* line-height: 1.5rem; */
	/* margin-right: -0.9375rem; */
	/* white-space: nowrap; */

}

.swatches-learn-more .swatches-cell > div {
	display: inline-block;
	vertical-align: middle;

}

.swatches-learn-more .swatches-cell .tawcvs-swatches {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin-left: 0.5em;

}

.swatches-learn-more .swatches-cell .tawcvs-swatches > .swatch {
	width: 1rem;
	height: 1rem;
	margin-right: 0.5em;
	opacity: 1;
	vertical-align: middle;
	
}

.tawcvs-swatches > .swatch {
border: 1px solid #787878;

}

#water_type ul {
	margin: 0em auto;
    font-size: 1.5em;
    text-align: center;
	max-width: 25em;
	display: flex;
    justify-content: center;
}

.active_underline {
	text-decoration: underline;
	font-weight: 900;
}

 /*###### ####### ####### ######  ######     #     #####  #    #    ####### ####### ######  #     # 
 #       #       #       #     # #     #   # #   #     # #   #     #       #     # #     # ##   ## 
 #       #       #       #     # #     #  #   #  #       #  #      #       #     # #     # # # # # 
 #####   #####   #####   #     # ######  #     # #       ###       #####   #     # ######  #  #  # 
 #       #       #       #     # #     # ####### #       #  #      #       #     # #   #   #     # 
 #       #       #       #     # #     # #     # #     # #   #     #       #     # #    #  #     # 
 #       ####### ####### ######  ######  #     #  #####  #    #    #       ####### #     # #     */
						   
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    color:#848484;
}

 .feedback-panel {
	background-color: #4579B4;
	margin-bottom: 2em;
   }

   .bottom-margin {
	margin-bottom: 2em;
   }
  
   .center {
	display: block;
	/* width: 70%; */
	margin-left: auto;
	margin-right: auto;
	padding: 6em 0em 1em 9em;
  }
  
  .feedback-text{
	 color: #fff;
   }
  
  .feedback-text .big-text{
	font-size: 2.5em;
	line-height: 1.1;
	font-weight: 600;
  }

  .feedback-text p {
	line-height: 1.7;
    font-size: 1.2em;
  }
  
  .feedback-form .gform_wrapper {
	padding-top: 4em;
	padding-left: 2em;
	padding-right: 2em;
	max-width: 50em;
  }

  .feedback-form::-webkit-input-placeholder  { color:#000000!important;}

  .feedback-form > [type='text'], .feedback-form > [type='date'],  .feedback-form > [type='datetime'], .feedback-form > [type='datetime-local'], .feedback-form > [type='month'], .feedback-form > [type='week'], .feedback-form > [type='email'], .feedback-form > [type='number'], .feedback-form > [type='search'], .feedback-form > [type='tel'], .feedback-form > [type='time'], .feedback-form > [type='url'], .feedback-form > [type='color'], .feedback-form > textarea, .feedback-form > select {
	border-radius: 5px;
	padding: 28px 21px;
	margin: unset;
	-webkit-box-shadow: 2px 6px 23px -9px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 6px 23px -9px rgba(0,0,0,0.5);
	box-shadow: 2px 6px 23px -9px rgba(0,0,0,0.5);
	
  }

  
  .feedback-form .gform_wrapper ul li.gfield { 
	margin-top: 0em;
  }
  .feedback-form .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
	margin-bottom: 0.5em;
	height: 2.5em;
  }

  .feedback-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size: 1.2em;
	padding-left: 1em;
	border-radius: 5px;
  }
  body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0em;
	margin-bottom: .5em;
  }
  .feedback-form .gform_wrapper li.hidden_label input {
	margin-top: 0em;
	height: 2.5em;
  }

  .feedback-form select {
	  color: #848484;
	  font-weight: 900;
	  text-transform: uppercase;
	  height: 3em;
  }
  .feedback-form .ginput_container_select{
	position: relative;
	display: inline-block;
	width: 100%;
  }
  .feedback-form .ginput_container_select::after {
    position: absolute;
	content: "";
	border: solid #848484;
	border-width: 0 2px 2px 0;
	display: inline-block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	padding: 3px;
    top: 15px;
    right: 20px;
    height: 12px;
    width: 12px;
}

  .feedback-form #input_1_4, #input_1_5{
	  padding-left: 1em;
	  border-radius: 5px;
  }
  .feedback-form #input_1_7 {
	font-size: 1.2em;
	padding-left: 1em;
	height: 130px;
	margin-bottom: 4em;
	border-radius: 5px;
  }

  #gform_submit_button_1 {
	float: right;
	margin-top: -9.3em;
    margin-right: 1.5em;
    padding: 1em 3.2em;
  }

  .gform_confirmation_message {
	  color: #fff;
	  font-size: 1.5em;
	  padding: 2em;
	  text-align: center;
  }

@media only screen and (min-width: 2101px) {
	#interior_image_area {
		padding-top: 40em;
	}
}

@media only screen and (max-width: 2100px) {
	#interior_image_area {
		padding-top: 35em;
	}
}

@media only screen and (max-width: 1700px) {
	#interior_image_area {
		padding-top: 30em;
	}
}

@media only screen and (max-width: 1400px) {
	#interior_image_area {
		padding-top: 24em;
	}
}

@media only screen and (max-width: 1024px) {

	.phoneTxt {
		font-weight:700; 
		font-size:.85em;	
	}

	#interior_image_area {
		padding-top: 19em;
	}

}

@media only screen and (max-width: 990px) {
	#product_menu ul { 
		margin: 1em auto; 
		font-size:1.2em;
		text-align:center;
		max-width: 100%;
	 } 

	 .feedback-form .gform_wrapper {
		 max-width: 100%;
		 padding-top: unset;
	 }
	 .center {
		padding: 3em;
	 }
	 #gform_submit_button_1 {
		margin: unset;
		float: none;
		padding: 1em;
		border: solid 2px white;
	 }
}

@media only screen and (max-width: 960px) {

	#product_menu ul {
		margin: 1em auto;
		font-size: .9em;
		text-align: center;	
	}	

	#interior_image_area {
		padding-top: 17em;
		padding-bottom: unset;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	
}

@media only screen and (max-width: 700px) {
	#interior_image_area {
		padding-top: 12em;
	}
}

@media only screen and (max-width: 475px) {

	#water_type ul {
		margin: 1em auto;
		font-size: 1em;
		text-align: center;
		padding-left: 0em;
	}
	#interior_image_area {
		padding-top: 7em;
	}
}