/*
 Theme Name:     Master Fender Covers
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Master Fender Covers
 Author:         How We Do LLC.
 Author URI:     http://artistronwertz.com/
 Template:       Divi
 Version:        1.0.0
 Text Domain:    Master Fender Covers
*/





/*https://www.modularscale.com/?1,1140,12&em&1.3*/

:root {
	color: var(--secondary-color-3, #dddddd);
	font-size: 100%;

	/* define CSS variables */
	/* palatte */
	--brand-color: #8BACDA;
	--brand-color-2: #ffffff;
	--brand-color-3: #2B2A69;
	--brand-color-4: #FFEC00;
	--secondary-color: #a41224;
	--secondary-color-2: #FFCD05;
	--secondary-color-3: #f4f4f4;
	--secondary-color-4: #333333;


	/* fonts */
	--base-font: calc(12px + .27vw);
	--xxlarge-font: clamp(2.5rem, 4vw, 3.713rem); /* 59px */
	--xlarge-font: clamp(2.2rem, 4vw, 3.257rem); /* 52px */
	--product-title: clamp(2.0rem, 4vw, 2.57rem);
	--x-xlarge-font: clamp(1.8rem, 4vw, 2.25rem); /* 36px */
	--large-font: clamp(1.6rem, 4vw, 1.927rem); /* 30px */
	--medium-font: clamp(1.4rem, 4vw, 1.69rem); /* 27px */
	--small-font: clamp(1.3rem, 4vw, 1.471rem); /* 23px */
	--xsmall-font: clamp(1.2rem, 4vw, 1.3rem); /* 20px */
	--x-xsmall-font: clamp(1.12rem, 4vw, 1.125rem); /* 18px */
	--xxsmall-font: clamp(1rem, 4vw, 1rem); /* 16px */


	--light: 200;
	--regular: 400;
	--medium: 500;
	--bold: 700;
	--heavy: 900;

	--italic-font: italic;
	--uppercase-text: uppercase;

	--primary-font: rucksack;
	--secondary-font: filson-pro;
	--body-font: apertura-condensed;
}




/* =========== DESKTOP TYPE SETTINGS ===============================*/
/* ================================================================ */

body {
	color: var(--dark-grey, #272727);
	font-family: var(--body-font, sans-serif) !important;
	font-size: var(--base-font, 12px) !important;
	line-height: calc(12px + .85vw) !important;
}

h1, h3, h4, h5, h6, p, span, ul, li, a {
	font-style: normal;
}

.et_builder_inner_content h1 {
	font-family: var(--primary-font, sans-serif);
	font-size: var(--xxlarge-font, 3.713rem);
	font-weight: var(--heavy, 900);
	line-height: clamp(1.1em, 4vw, 1.5em);
}

.et_builder_inner_content h2,
.et_builder_inner_content h2 span {
	font-family: var(--primary-font, sans-serif);
	font-size: var(--large-font, 1.927rem);
	font-weight: var(--heavy, 900);
	line-height: clamp(1.2em, 4vw, 1.4em);
}

.et_builder_inner_content h3 {
	font-size: var(--small-font, 1.471rem);
	line-height: calc(12px + .6vw);
}

.et_builder_inner_content h4 {
	font-size: var(--medium-font, 1.616rem);
}

.et_builder_inner_content h5 {
	font-size: var(--small-font, 1.471rem);
}

.et_builder_inner_content h6 {
	font-size: var(--xsmall-font, 1.3rem);
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: calc(18px + .25vw);
}

.et_builder_inner_content h4, .et_builder_inner_content h5, .et_builder_inner_content h6 {
	line-height: calc(12px + .9vw);
}

.et_builder_inner_content p,
.et_builder_inner_content li,
.et_builder_inner_content a {
	font-size: var(--small-font, 1.471rem);
	font-weight: var(--regular, 400);
	line-height: clamp(1.3em, 4vw, 1.35em);
}

.et_pb_module li{
	margin-bottom: 6px;
}


#top-menu li a {
	color: var(--brand-color-3, #2B2A69);
	font-family: var(--primary-font, sans-serif);
	font-size: var(--small-font, 1.471rem);
	font-weight: var(--regular, 400);
}

#top-menu li.current-menu-item a {
	color: var(--secondary-color, #a41224);
	font-weight: var(--bold, 700);
}

a.et_pb_button.order-now-btn {
	font-weight: var(--bold, 700);
}

.product-title h1 {
	color: var(--primary-color-3, #2B2A69);
	font-size: var(--product-title, 2.57rem);
	margin-bottom: 0;
}

/*==================================================================*/

/* ========= BEGIN DESKTOP MAIN HEADER ============================= */
/* ================================================================== */

/* ========= END DESKTOP MAIN HEADER ============================== */
/* ==================================================================





/* ========= BEGIN DESKTOP BLOCKS =================================== */
/* ================================================================== */
.et_builder_inner_content .et_pb_section {
	margin: 0;
	padding: 0;
}

.et_builder_inner_content .et_pb_row {
	padding: 115px 30px;
}

.et_pb_section.sct-full-width {
	max-width: 100%;
	width: 100%;
}

.et_pb_section.sct-medium-width {
	max-width: 90%;
	width: 90%;
}

.et_pb_section .et_pb_row.row-full-width {
	max-width: 100%;
	width: 100%;
}

.et_pb_section .et_pb_row.row-medium-width {
	max-width: 1200px;
	width: 100%;
}

.et_builder_inner_content .home-products .et_pb_row .product-col {
	justify-self: center;
	margin-right: 0;
}

.et_builder_inner_content .home-products .et_pb_row .product-col .et_pb_row_inner.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2em;
}

.et_pb_section.home-products {
	margin-bottom: 60px;
	margin-top: 80px;
}

.et_builder_inner_content .et_pb_row.grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 4em;
	grid-row-gap: 2em;
}

.et_builder_inner_content .et_pb_row.grid-4 .et_pb_column {
	margin-right: 0;
	width: 100%;
}

.et_builder_inner_content .home-products .et_pb_row .product-col-img {
	padding: 0;
	width: 100%;
}

.et_builder_inner_content .home-products .et_pb_row .product-col .et_pb_row_inner .et_pb_column {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-right: 0;
	width: 100%;
}

.order-now-btn {
	white-space: nowrap;
}

.et_pb_section.product-description-container {
	background-image: linear-gradient(90deg,#2b2a69 47%,#f4f4f4 49%);
}

.et-db #et-boc .et_builder_inner_content .product-hero__col__0 {
	padding: 40px;
	z-index: 1000;
}

.product-title {
	background-color: var(--secondary-color-2, #FFCD05);
	padding: 14px 10px 10px;
	border-radius: 8px;
}

.hero-product-img {
	max-width: 500px;
}

.warranty-image {
	padding-top: 30px;
}

.et-db #et-boc .et_builder_inner_content .product-description-container {
	margin: 0;
	padding: 0;
  background-color: var(--secondary-color-3, #f4f4f4);
}

.et-db #et-boc .et_builder_inner_content 	.product-description-row {
	margin-bottom: 50px;
	padding: 0;
}

.product-description__col__0 {
	background-color: var(--brand-color-3, #2B2A69);
	padding: 80px 60px;
}

.product-description__col__1 {
	background-color: var(--secondary-color-3, #f4f4f4);
	padding: 40px;
}

.prod-description h2,
.prod-description p {
	color: var(--brand-color-2, #ffffff);
}

.prod-price .variations_form {
	max-width: 380px;
}

.prod-price .single_variation_wrap {
	display: grid;
  grid-template-columns: 36% 1fr;
}

.prod-price .woocommerce-variation-description:before {
	content: "Cost Each";
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
	display: flex;
}

.woocommerce div.product form.cart .variations td select {
  font-size: 16px !important;
  font-weight: 800;
}

.prod-price.price-range .et_pb_module_inner:before {
	content: "Price Range";
}

.prod-price .label,
.prod-price .woocommerce-Price-amount {
	color: var(--brand-color-3, #2B2A69);
	font-weight: 700;
}

.prod-price .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
	background-color: var(--secondary-color-4, #333333) !important;
	height: 100%;
}

.single_variation_wrap .single_add_to_cart_button {
	border-radius: 4px !important;
	white-space: nowrap;
	transform: translateY(0px);
}

.single_variation_wrap .single_add_to_cart_button:hover {
	transform: translateY(-3px);
	transition-duration: 500ms;
}

.et-db #et-boc .et_builder_inner_content .table-container .chart {
	padding: 75px 0;
}

.woocommerce-notices-wrapper {
	left: 70%;
	right: 0;
	position: absolute;
	z-index: 1000;
}

.woocommerce-message {
	display: flex;
  flex-direction: column;
  text-align: center;
}

.woocommerce-message a.button.wc-forward {
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 200px;
  text-align: center;
}

body #page-container .et_pb_section .et_pb_button.order-now-btn {
	padding-bottom: 12px !important;
	padding-top: 12px !important;
	width: 100%;
}

body #page-container .et_pb_section .et_pb_button.order-now-btn:hover {
}

body #page-container .et_pb_section .et_pb_button.order-now-btn:hover:after {
	margin-left: .8em;
	transition-duration: .5s;
}

.et_pb_section .product-col .et_pb_button_module_wrapper {
	transform: translate(0, 0px)!important;
	transition-duration: 500ms;
}

.et_pb_section .product-col .et_pb_button_module_wrapper:hover {
	transform: translate(0, -3px)!important;
	transition-duration: 500ms;
}

.footer-img {
	min-height: 460px;
}
/* ========= END DESKTOP BLOCKS ===================================== */
/* ================================================================== */





/* ========= BEGIN DESKTOP ELEMENTS =================================== */
/* ================================================================== */
.et-boc .et_builder_inner_content .product-hero .et_pb_row.product-hero__row {
	margin: 0 auto;
	padding-bottom: 0;
	padding-top: 130px !important;
}

.product-hero__col__1 {
	padding: 0;
}

/* ========= END DESKTOP ELEMENTS ===================================== */
/* ================================================================== */






/* ========= BEGIN DESKTOP MODIFIERS =================================== */
/* ================================================================== */

/* ========= END DESKTOP MODIFIERS ===================================== */
/* ================================================================== */




/*================== BEGIN MEDIA QUERIES =========================*/
@media only screen and (min-width: 1281px) {

}

/* 1340px */
@media (max-width: 83.75em) {


}

/* 1070px */
@media (max-width: 66.875em) {

}

/* 980px */
@media (max-width: 61.25em) {

	/* ========= BEGIN TYPESETS ============================= */
	/* ================================================================== */

	/* ========= END TYPSETS ============================== */
	/* ================================================================== */



	/* ========= BEGIN MAIN HEADER ============================= */
	/* ================================================================== */

		/* add fixed navigation on mobile*/
		.et_non_fixed_nav.et_transparent_nav #main-header,
		.et_non_fixed_nav.et_transparent_nav #top-header,
		.et_fixed_nav #main-header,
		.et_fixed_nav #top-header {
			position: fixed;
		}

		.et_menu_container {
			width: 100%;
		}

		.et_header_style_left .logo_container {
    	padding: 0 20px;
		}

		/* add fixed navigation on mobile*/
		.et_mobile_menu {
			overflow: scroll !important;
			max-height: 83vh;
		}

		/* add fixed navigation on mobile*/
		.et_header_style_centered .mobile_menu_bar {
			padding-left: 8px !important;
			width: 100% !important;
		}

	/* background color of dropdown */
		#main-header .et_mobile_menu {
			background-color: var(--brand-color-3, #2B2A69) !important;
		}

	/* backgroui\nd color of main header*/
		.main-header {
			background-color: var(--tertiary, #3D0071);
		}

		.et_mobile_menu {
			border-color: var(--brand-color-3, #2B2A69) !important;
		}

	/* set color of main nav link color */
		#main-header .mobile_nav .et_mobile_menu li a	 {
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			color: #ffffff;
			font-size: 20px;
			font-weight: 400;
		}

		/* set the sub menu links color */
		.et_mobile_menu .sub-menu-parent.menu-item-has-children .sub-menu li a {
			color: var(--dark-grey, #272727);
			font-weight: var(--light, 200);
		}

	/*remove the padding below tjhe hamburger menu */
		.et_header_style_left #et-top-navigation .mobile_menu_bar {
	    padding-bottom: 0;
		}


	/* add text bvefore the mobile hamburger menu */
		#et_mobile_nav_menu:before {
				bottom: 50px;
				color: var(--brand-color-3, #2B2A69) !important;
				content: 'Menu';
				font-size: 14px;
				margin: 0 auto;
				position: absolute !important;
				right: 16px;
				text-transform: uppercase !important;
		}

		/* shopping cart icon*/
		.et-cart-info span:before {
			margin-right: 20px;
		}

		#et-top-navigation .et-cart-info {
	    margin: 20px 0 0 22px;
	    font-size: 20px;
}

		.mobile_menu_bar_toggle {
			right: 1.2vw;
		}

	/* change the size and color of hamburber menu */
		.mobile_menu_bar:before {
		    font-size: 60px;
		    color: var(--brand-color-3, #2B2A69) !important;
		}

	/* change the hamburger to an X on open */
		.mobile_nav.opened .mobile_menu_bar:before {
				border: none;
				color: var(--brand-color-3, #2B2A69) !important;
		 		content: '\4d';
		}
	/* ========= END MAIN HEADER ============================== */
	/* ================================================================== */




	/* ========= BEGIN FLEX & GLOBAL ============================= */
	/* ================================================================== */

	/* ========= END FLEX & GLOBAL =============================== */
	/* ================================================================== */





	/* ========= BEGIN BLOCKS =================================== */
	/* ================================================================== */
	.et-db #et-boc .et-l div.et_pb_section.et_pb_section_1 {
    background-image: none;
	}

	.home-products .et_pb_row {
	    grid-template-columns: 1fr;
	}

	.home-products .et_pb_row .et_pb_image_wrap {
			padding: 35px;
	}

	.et-db #et-boc .et_builder_inner_content .product-hero__col__0 {
		margin-bottom: 70px !important;
	}
	.et_pb_row.product-description-row {
		width: 100% !important;
	}

	.et_pb_row.product-description-row .et_pb_column {
		padding: 100px 50px;
	}

	.prod-price .variations_form {
    max-width: 600px;
    margin: 0 auto !important;
	}

	.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    justify-content: flex-end;
	}

	/* ========= END BLOCKS ===================================== */
	/* ================================================================== */





	/* ========= BEGIN ELEMENTS =================================== */
	/* ================================================================== */

	/* ========= END ELEMENTS ===================================== */
	/* ================================================================== */




	/* ========= BEGIN MODIFIERS =================================== */
	/* ================================================================== */

	/* ========= END MODIFIERS ===================================== */
	/* ================================================================== */

}


/* 768px */
@media (max-width: 48em) {
	/* ========= BEGIN TYPESETS ============================= */
	/* ================================================================== */

	/* ========= END TYPSETS ============================== */
	/* ================================================================== */



	/* ========= BEGIN MAIN HEADER ============================= */
	/* ================================================================== */


	/* ========= END MAIN HEADER ============================== */
	/* ================================================================== */




	/* ========= BEGIN FLEX & GLOBAL ============================= */
	/* ================================================================== */

	/* ========= END FLEX & GLOBAL =============================== */
	/* ================================================================== */




	/* ========= BEGIN BLOCKS =================================== */
	/* ================================================================== */

	/* ========= END BLOCKS ===================================== */
	/* ================================================================== */





	/* ========= BEGIN ELEMENTS =================================== */
	/* ================================================================== */

	/* ========= END ELEMENTS ===================================== */
	/* ================================================================== */




	/* ========= BEGIN MODIFIERS =================================== */
	/* ================================================================== */

	/* ========= END MODIFIERS ===================================== */
	/* ================================================================== */



	}


/* 600px */
@media (max-width: 37.5em) {
	/* ========= BEGIN TYPESETS ============================= */
	/* ================================================================== */

	/* ========= END TYPSETS ============================== */
	/* ================================================================== */



	/* ========= BEGIN MAIN HEADER ============================= */
	/* ================================================================== */


	/* ========= END MAIN HEADER ============================== */
	/* ================================================================== */




	/* ========= BEGIN FLEX & GLOBAL ============================= */
	/* ================================================================== */

	/* ========= END FLEX & GLOBAL =============================== */
	/* ================================================================== */




	/* ========= BEGIN BLOCKS =================================== */
	/* ================================================================== */
	.et_builder_inner_content .et_pb_row.grid-4 {
		grid-template-columns: 1fr;
	}
	.et_pb_section.product-description-container {
		background-image: none;
	}

	.et-boc .et_builder_inner_content .product-hero .et_pb_row.product-hero__row {
		padding-top: 70px !important;
		width: 90% !important;
	}

	.et-db #et-boc .et-l .et_pb_row .et_pb_column.et-last-child {
		margin-top: 10px !important;
	}

	.et_pb_section.product-description-container {
		background-image: none;
	}

	.et_pb_row.product-description-row .et_pb_column {
	    padding: 60px 30px;
	}

	.prod-price .single_variation_wrap {
	    grid-template-columns: repeat(2,1fr);
	}

	.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
	    flex-direction: column;
	}

	.woocommerce div.product form.cart .button {
	    margin-top: 15px;
	}

	.et_pb_section.table-container {
		padding: 0 !important;
	}

	.et_builder_inner_content .et_pb_row {
		padding: 50px 0;
	}

	.product-col {
		padding: 0 30px;
	}

	.et_builder_inner_content .home-products .et_pb_row .product-col .et_pb_row_inner.grid-2 {
	    grid-template-columns: 1fr;
	    grid-gap: 1em;
	}
	/* ========= END BLOCKS ===================================== */
	/* ================================================================== */





	/* ========= BEGIN ELEMENTS =================================== */
	/* ================================================================== */

	/* ========= END ELEMENTS ===================================== */
	/* ================================================================== */




	/* ========= BEGIN MODIFIERS =================================== */
	/* ================================================================== */

	/* ========= END MODIFIERS ===================================== */
	/* ================================================================== */
}