*::after, *::before,
* {
	box-sizing: border-box;
	margin: 0;
}

a { color: inherit; text-decoration: none; }
h1 { font-size: 2.22em; text-align: center; text-transform: uppercase; }
h2 { font-size: 1.5em; text-transform: uppercase; }

.site-main p{
	margin-bottom: 1em;
}
.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5{
	margin-bottom: 1em;
}

.ah-breadcrumb{
	margin-bottom: 2em;
}

.about-us h2{
	margin-bottom: 0;
}

.background {
	background: rgb(238,243,220);
	background: linear-gradient(0deg, rgba(238,243,220,1) 0%, rgba(227,234,194,1) 49%, rgba(160,190,149,1) 100%);
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.site-branding { max-width: 1500px;margin: 0 auto; padding: 37px 0 18px 20px; }

body { color: #3B4A0A; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 18px; margin: 0;}
textarea { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }

.woocommerce .quantity .single_add_to_cart_button,
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button,
.btn {
	display: inline-block;
	background-color: #EEDF13;
	border-radius: 0;
	padding: 23px 30px;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: center;
	border: none;
}
.btn.h { min-width: 290px; }

.input-text,
.woocommerce-Input,
.inpt {
	padding: 20px 15px;
	border: 2px solid #3B4A0A;
	border-radius: 0;
	background-color: transparent;
	width: 100%;
}


#site-navigation { background-color: rgba(243, 245, 231, 0.7); padding: 20px 0; display: flex; justify-content: center; margin-top: 0;}
#site-navigation .menu-menu-1-container { margin-top: 0; }
#site-navigation .menu-toggle { display: none; }
#site-navigation #primary-menu { display: flex; list-style: none; }
#site-navigation #primary-menu > li { display: flex; padding: 0 30px; margin-top: 0; color: #3B4A0A; font-size: 1.3em; text-transform: uppercase; position: relative;}
#site-navigation #primary-menu > li::after { content: attr(title); display: block;  font-weight: bold;height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
#site-navigation #primary-menu > li > a { z-index: 2; }
#site-navigation #primary-menu > li:hover { font-weight: bold; }
#site-navigation #primary-menu > li.current_page_item { font-weight: bold; }
#site-navigation #primary-menu > li.current_page_item::before { content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; background-color: #EEDF13; height: 10px; }

#ah-breadcrumb {list-style: none; display: flex; font-size: 15px; text-transform: lowercase; padding: 0;}
#ah-breadcrumb > li + li { margin-left: 5px; margin-top: 0; }

.site-footer, .site-main { max-width: 1500px;margin: 0 auto; background-color: #F3F5E7; }
.site-header { margin-bottom: 60px; }
.site-main { padding: 60px 70px 40px 50px; }
.site-footer { padding: 50px 0;display: flex;justify-content: center;  }

.home .site-footer { display: none; }

.site-main.home-page { background-color: transparent; padding: 0 0 40px 0; }

.page-display { position: relative; }
.page-display p {font-size: 30px; max-width: 60%; position: relative; padding-left: 50px; }
.page-display p::before { content: "\""; color:#EEDF13; font-size: 100px; position: absolute; left: 0; top: -28px; }
.page-display .btns { margin-top: 80px; z-index: 2; position: relative; }
.page-display .btns .btn:first-child{ margin-right: 90px; }
.page-display .soc-media { margin-top: 74px; list-style: none; display: flex; padding: 0; }
.page-display .soc-media li + li{ margin-left: 25px; margin-top: 0;}
.page-display img { position: absolute; bottom: 0; right: 0; }

.products { display: flex; }

.site-footer ul { list-style: none; display: flex; padding: 0; align-items: flex-end;}
.site-footer ul li:first-child { font-weight: bold; text-transform: uppercase; }
.site-footer ul li + li { margin-left: 34px; }

.main-split { display: flex; margin-top: 60px; }
.main-split .left { width: calc(100% / 4 ); }
.main-split .right { width: calc(100% / 4 * 3); }

.about-us { display: flex; justify-content: space-between; margin-top: 43px;  }
.about-us .form { width: calc(100% / 12 * 7); margin-top: 0; }
.about-us .info { width: calc(100% / 3); }

.wpcf7-form { display: flex; flex-wrap: wrap; margin: 0 -18px; }
.wpcf7-form > * { width: calc(100% / 2); }
.wpcf7-form > p { position: relative; margin-top: 30px; padding: 0 18px; }
.wpcf7-form > p:nth-child(6) { width: 100%; }
.wpcf7-form > p:nth-child(7) { width: 100%; }
.wpcf7-form .btn{ width: 100%; }
.wpcf7-form label { position: absolute; left: 36px; top: 12px; }

.info h2:not(:first-child){ margin-top: 75px; }

.woocommerce {}
.woocommerce-account .woocommerce-MyAccount-navigation {float: initial; width: 100%; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; display: flex; justify-content: flex-end; list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li {padding: 0 5px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li a { z-index: 2; position: relative; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li + li { margin-top: 0; margin-left: 15px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active { position: relative;}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active::before { content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; background-color: #EEDF13; height: 10px;}

.woocommerce-account .woocommerce-MyAccount-content { float: initial; width: 100%; margin-top: 70px; }
.woocommerce-account .woocommerce-MyAccount-content fieldset { margin-top: 40px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button { margin-top: 40px; }


.product-view { display: flex; margin-top: 67px; }
.product-view .left-side { width: 212px; }
.product-view .right-side { padding-left: 100px; width: calc(100% - 212px); }

.product-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin: 0 -30px; }
.product-list li { width: 200px; margin: 37px 30px; position: relative; display: none;}
.product-list li.open {  display: block;}
.product-list li > * { position: relative; }
.product-list li::before { display: none; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background-color: #F3F5E7; -webkit-box-shadow: 0 0 30px 5px #999; transform: scale(1.3) translateY(20px);}
.product-list li img { max-width: 100%; }
.product-list .discount {z-index: 1; position: absolute; left: -19px; top: -33px; background-color: #EEDF13; text-align: center; color: #3B4A0A; text-transform: uppercase; padding: 5px 7px; display: none; }
.product-list .image { height: 285px; display: flex; justify-content: center; align-items: center; position: relative;}
.product-list .image a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.product-list .title { color: #6D6D6D; font-size: 16px; text-align: center; font-size: 16px; text-transform: uppercase; margin-top: 15px;}
.product-list .price {display: flex; justify-content: space-around; margin-top: 15px; align-items: baseline; }
.product-list .reg-price { color: #6D6D6D; font-size: 22px; text-decoration: line-through; }
.product-list .final-price { text-transform: uppercase; font-weight: bold; font-size: 22px; color: #3B4A0A; }
.product-list .btn { display: none; position: absolute; width: 100%; left: 0; bottom: -60px; padding: 15px; }
.product-list li:hover { z-index: 1; }
.product-list li:hover::before { display: block;}
.product-list li:hover .title { font-weight: bold; }
.product-list li:hover .btn { display: block; }
.product-list li:hover .discount { display: block; }

.category-title {text-transform: uppercase; font-size: 18px; font-weight: bold; border-bottom: 2px solid #3B4A0A; color: #3B4A0A; }
.category-list { list-style: none; padding: 0; margin-top: 36px; }
.category-list li {  margin-top: 26px; text-transform: uppercase; font-size: 16px; cursor: pointer; }
.category-list li.open { font-weight: bold; }
.category-list li:hover { font-weight: bold; }

/* Single product page */
.product { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; }
.pruduct header { width: 100%; text-align: center;}
.summary { padding-left: 50px; }
.summary > div {margin-top: 30px; }  
.summary > div p + p { margin-top: 15px; }
.entry-content { margin-top: 60px; }
.woocommerce span.onsale { background-color: #EEDF13; border-radius: 0; color: #3B4A0A; left: 0; top: 0; width: 150px; }
.woocommerce div.product p.price { color:#3B4A0A; }
.related {  flex-wrap: wrap; margin-top: 50px; }
.related ul.products {  margin-top: 30px; }
.related h2 { width: 100%; }
.product + nav { display: none; }
.woocommerce-page div.product div.summary { float: none; position: relative; }
.woocommerce div.product form.cart { position: absolute; left: 50px; bottom: 0; margin-bottom: 0;}
.woocommerce-page div.product div.images { float: none; max-width: 450px; }
.woocommerce div.product p.price {font-size: 35px; }
.woocommerce .quantity .qty { height: 42px; border:2px solid #3B4A0A; font-size: 25px; font-weight: bold; background-color: transparent; text-align: center; margin-right: 50px;}

.link-to-cart { position: relative; }
.link-to-cart span { font-size: 10px; position: absolute; background-color: #3B4A0A; color: white; border-radius: 100%; width: 14px; height: 14px;text-align: center;line-height: 14px;top: -8px;right: -6px}

/* Cart page */
.page-id-7 .main-split  {justify-content: center; }
.page-id-7 .main-split .left { display: none; }
.page-id-7 .woocommerce-cart-form { margin-top: 30px; }
.woocommerce-cart .cart-collaterals .cart_totals table { margin-top: 30px; }
.page-id-7 .cart_totals {margin-top: 50px; }
.woocommerce table.shop_table { text-align: right; }
.woocommerce button.button,
.woocommerce a.button,
.woocommerce div.product form.cart .button,
.woocommerce button.button,
.woocommerce-page #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background-color: #EEDF13; color: black; }
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color: #a1970c; color: black;}

/* Checkout */
.select2-container--default .select2-selection--single { background-color: transparent; border: none}
.select2-selection__rendered { border: 2px solid #3B4A0A; border-radius: 0; background-color: transparent; }
#order_review_heading {margin-top: 50px; }
#order_review { margin-top: 30px; }

.woocommerce ul.products li.product .woocommerce-loop-product__title { height: 80px;}
.woocommerce ul.products li.product .price { text-align: center; color: #3B4A0A; font-size: 22px; font-weight: bold;}

@media screen and (max-width:720px) {
	h1 {font-size: 1.5em; }
	.btn {padding: 17px 30px;font-size: 1em;}
	.custom-logo { max-width: 100%;height: auto; } 
	.page-display > svg { display: none; }
	.page-display p { font-size: 18px; max-width: 100%; margin-top: 50px; padding-right: 127px; }
	.page-display img { width: 40%; bottom: auto; top: 0; }
	.page-display .btns { text-align: center; margin-top: 44px; }
	.page-display .btns .btn:first-child {margin-right: 0; }
	.page-display .btns .btn + .btn { margin-top: 20px; }
	.page-display .soc-media { justify-content: center; }
	
	.btn.h { width: 90%;}

	.site-main.home-page { padding: 0; }
	.site-header { margin-bottom: 0; }
	.site-main { padding: 50px 20px 0 20px ; }
	.site-footer {padding: 30px 0; }
	.main-split .right { width: 100%; }
	.product-view .right-side { padding-left: 0;  width: auto; }
	.product-view .left-side { position: fixed;  z-index: 2; background-color: #F3F5E7; left: 0; top: 150px; transform: translateX(-100%); transition: all 0.3s;}

	.product-list { justify-content: center; margin: 0;} 

	.site-footer ul { flex-direction: column; align-items: center; margin-top: 15px;}
	.site-footer ul > li + li { margin-top: 20px; margin-left: 0; }
	#place_order { margin-top: 20px; }

	.woocommerce table.shop_table { text-align: left; }

	.site-branding { width: 120px; margin: auto; margin-left: 0px; padding: 15px 0 13px 9px; z-index: 11; position: relative;}
	#site-navigation { position: fixed; left: 0; top: 0; width: 100%; z-index: 10;}
	#site-navigation .menu-menu-1-container { display: none; }

	.woocommerce form .form-row-first, .woocommerce-page form .form-row-first { float: none; width: 100%; }
	.woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: none; width: 100%; }

	.about-us { flex-direction: column-reverse; }
	.about-us .form { width: 100%; margin-top: 50px;}
	.about-us .info { width: 100%; }
	.info h2:not(:first-child) { margin-top: 30px; }
	.wpcf7-form > * { width: 100%; }

	#site-navigation .menu-toggle {display: block; position: absolute; right: 20px; top: 8px; font-size: 0; height: 45px; border: none; background-color: transparent; z-index: 1; }
	#site-navigation .menu-toggle::before { content: url(./images/burger.svg); }
	#site-navigation #primary-menu { flex-direction: column; align-items: center; padding-left: 0; }
	#site-navigation #primary-menu > li + li { margin-top: 15px; }
	#site-navigation.toggled .menu-menu-1-container { display: flex; width: 100%; height: 100%; position: fixed; justify-content: center; align-items: center; background-color: #F3F5E7; left: 0; top: 0; }

	.woocommerce div.product div.summary { margin-left: 0; }

	.summary { padding-left: 0; } 
	.related .products {display: flex; flex-wrap: wrap; justify-content: center; }
	.related .products .product { width: 250px !important; float: none !important;  }
	.woocommerce ul.products li.product .button { width: 100%; text-align: center; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { text-align: center; }
	.woocommerce div.product form.cart { position: relative; left: 0; }
	.woocommerce .quantity .qty { margin-right: 20px; }
}
