/*
Theme Name: PH
Version: 1.0
Description: A child theme of Divi
Author: PeakeHerbal
Template: Divi
*/

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

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.xoo-wsc-sc-bki {
	color: #fff !important;
}

.xoo-wsc-sc-bkcont:hover .xoo-wsc-sc-bki {
	color: #000 !important;
}

/* FONTS */

@font-face {
	font-family: 'Montserrat';
	src: url('https://peakeherbal.co.za/wp-content/themes/ph/fonts/Montserrat-Regular.ttf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

.et-db #et-boc .et-l .et_pb_wc_description_0_tb_body {
	font-family: 'Montserrat' !important;
}


#main-content .et_pb_text a, #main-content .et_pb_text p, #main-content .et_pb_code a, #main-content .et_pb_code p {
	font-family: 'proxima-nova' !important;
}

body #page-container .et_pb_button_module_wrapper a.et_pb_button {
	font-family: 'proxima-nova' !important;
}

#main-content .et_pb_text a,#main-content .et_pb_text p,#main-content .et_pb_text span, #main-content .et_pb_text h2,#main-content .et_pb_code a,#main-content .et_pb_code p,#main-content .et_pb_code span, #main-content .et_pb_code h2{
	font-family: 'proxima-nova'; 
	font-weight: normal;
}

#main-content .et_pb_text .heading--italic, #main-content .et_pb_text.heading--italic{
	font-family:'Playfair Display',Georgia,"Times New Roman",serif;
	font-style: italic;
	padding-left: 35px;
}

#main-content .et_pb_text .heading--italic--nopadding, #main-content .et_pb_text.heading--italic--nopadding{
	font-family:'Playfair Display',Georgia,"Times New Roman",serif;
	font-style: italic;
	font-weight: bold;
}

#main-content .et_pb_text.subheading--large h2{
	font-family:'Playfair Display',Georgia,"Times New Roman",serif;
	font-weight: bold;
}

#main-content .et_pb_text.subheading--medium h3{
	font-family: 'proxima-nova'; 
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#main-content .et_pb_text.subheading--small, #main-content .subheading--small{
	font-family: 'proxima-nova' !important; 
	font-weight: 500 !important;
	font-size: 16px;
}

/* END OF FONTS */

/* GLOBAL ITEMS */

#Breadcrumbs{
	font-family: 'proxima-nova' !important; 
	font-weight: normal;
}

#Breadcrumbs a{
	color: #000;
	font-weight: normal;
	font-family: 'proxima-nova' !important; 
}

#WhatsappIcon{
	max-width: 35px;
	margin-left: 14px;
	margin-top: 6px;
}

#WhatsappIcon img{
	filter: invert(1);
}

.button__wrapper{
	text-align: center;
}

.button__wrapper--left{
	text-align: left;
}

#page-container .woo__module button,#page-container .woo__module a, #page-container .woo__module.woo__module.woo__module.woo__module #payment #place_order{
	font-family: 'proxima-nova' !important; 
	font-weight: 500 !important;
	transition: color 100ms ease, background-color 250ms ease, transform 250ms ease, box-shadow 250ms ease, border 250ms ease;
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0);
}

#page-container .woo__module.woo__module.woo__module.woo__module.woo__module.woo__module button:hover,#page-container .woo__module.woo__module.woo__module a:hover, #page-container .woo__module.woo__module.woo__module.woo__module #payment #place_order:hover{
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0.75);
	background-color: #FFF !important;
	color: #000 !important;
	border-color: #71cc49;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{
	transition: color 100ms ease, background-color 250ms ease, transform 250ms ease, box-shadow 250ms ease, border 250ms ease;
	border-radius: 100px;
	font-weight: 500 !important;
	padding: 13px 45px;
	background-color: #3d692a;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 16px;
	display: inline-block;
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0);
	border: 1px solid transparent;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover{
	background-color: #71cc49;
	color: #FFF;
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0.75);
	border: 1px solid #71cc49;
	transform: translatey(0) !important;
} 

.button--hGreen:hover{
	background-color: #71cc49;
	color: #FFF;
	transform: translatey(-5px);
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0.75);
	border-color: #71cc49;
}

.button:hover{
	transform: translatey(-5px);
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0.75);
	background-color: #FFF;
	color: #000;
	border-color: #71cc49;
}

.button, .button--product, .button--product-single{
	transition: color 100ms ease, background-color 250ms ease, transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease;
	border-radius: 100px;
	font-weight: 500 !important;
	padding: 13px 45px;
	background-color: #71cc49;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 16px;
	display: inline-block;
	color: #FFF;
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0);
	border: 1px solid transparent;
}

.button--darkgreen{
	background-color: #3d692a;
}

.proxima h5{
	font-family: 'proxima-nova' !important; 
}

/* END OF GLOBAL ITEMS */

/* HEADER FOOTER STYLES*/
#NavigationSection .xoo-wsc-cart-trigger{
	justify-content: flex-end;
}

#NavigationSection .xoo-wsc-menu-item{
	display: none !important;
}

#NavigationSection a, #NavigationSection--mobile a{
	font-family: 'proxima-nova'; 
	font-weight: normal;
}

#NavigationSection .xoo-wsc-sc-bkcont{
	line-height: 1;
	display: flex;
	align-items: center;
	gap: 7px;
	color: #FFF;
	background-color: #000;
	border-radius: 100px;
	padding: 13px 23px;
	font-weight: normal;
	font-family: 'proxima-nova'; 
	border: 1px solid transparent;
	transition: color 100ms ease, background-color 250ms ease, border-color 250ms ease;
}

#NavigationSection .xoo-wsc-sc-bkcont:hover{
	background-color: #FFF;
	color: #000;
	border-color: #000;
}

#NavigationSection .xoo-wsc-sc-bkcont::after{
	content: "My Cart";
	color: currentcolor;
	font-size: 14px;
}

#NavigationSection > .et_pb_row{
	display: flex;
	align-items: center;
}

#MainNavigation .et_pb_menu__wrap{
	margin-left: 75px;
}

#menu-primary-navigation,#menu-footer-menu{
	gap: 30px;
}

#FooterLinks .et_pb_column:not(.et-last-child)::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	width: 1px;
	height: 12px;
	background-color: #382B3C;
}

#FooterMenu a{
	opacity: 1 !important;
}

/* END OF HEADER FOOTER STYLES */

/* ABOUT PAGE STYLES */

.testimonial__wrapper{
	display: flex;
	align-items: stretch;
	position: relative;
	overflow: hidden;
}

.testimonial__item{
	flex-shrink: 0;
	width: 40%;
	border: 1px solid #f5f3ef;
	border-radius: 25px;
	padding: 35px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1.4em;
	margin-right: 35px;
	background-color: #FFF;
	font-family: 'proxima-nova';
    font-weight: normal;
}

.testimonial__item .testimonial__body{
	margin-bottom: 30px;
}

.testimonial__item .testimonial__author p{
	font-family:'Playfair Display',Georgia,"Times New Roman",serif !important;
}

.newsletter__container{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.newsletter__container .form__row{
	width: 100%;
	max-width: 730px;
}

.newsletter__container .form__row--50 p{
	display: flex;
	border: 1px solid #000;
	border-radius: 100px;
}

.newsletter__container .form__row--100 p{
	text-align: center;
	margin-top: 25px;
}

.newsletter__container input{
	width: 100%;
	border: none;
	background-color: transparent;
	padding: 17px 25px;
	color: #000;
	letter-spacing:1px;
}

.newsletter__container input::placeholder{
	text-transform: uppercase;
	color: #000;
}

.newsletter__container .wpcf7-spinner{
	position: absolute;
}

#NewsletterSubmit{
	background-color: #F5F3EF;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 16px;
	display: inline-block;
	border-radius: 100px;
	width: auto;
	border: 1px solid transparent;
	cursor: pointer;
	padding: 13px 45px;
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0);
	transition: transform 250ms ease, color 100ms ease, background-color 250ms ease, box-shadow 250ms ease, border-color 250ms ease;
}

#NewsletterSubmit:hover{
	transform: translatey(-2px);
	box-shadow: 0px 17px 41px -19px rgba(0,0,0,0.75);
	background-color: #FFF;
	color: #000;
	border-color: #71cc49;
}

/* END OF ABOUT PAGE STYLES */

/* LANDING PAGE STYLES */

.banner__slider{
	position: relative;
}

.banner__slider h1{
	font-family: 'proxima-nova' !important;
	font-size: 38px;
	text-transform: uppercase;
	line-height: 1.7em;
	padding-left: 100px;
}

.banner__slider h1 span{
	font-family:'Playfair Display',Georgia,"Times New Roman",serif !important;
	font-size: 275%;
	font-style: italic;
	font-weight: 700 !important;
	color: #71cc49;
	text-transform: none;
	margin-left: -100px;
}

.banner__text{
	margin-top: 175px;
}

.banner__text__item{
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 15px;
}

.banner__body{
	margin-top: 20px;
	margin-bottom: 80px;
	padding-inline: 75px;
}

.banner__button a{
	font-size: 20px;
	line-height: normal;
	padding: 13px 35px;
}

.banner__body img{
	width: 100%;
	max-width: 25px;
	flex-shrink: 0;
}

.banner__body p{
	color: #000;
	font-family:'Playfair Display',Georgia,"Times New Roman",serif !important;
	font-weight: 700 !important;
	font-size: 26px;
	line-height: 1.15em;
	font-style: italic;
}

.slide__inner{
	display: flex;
	justify-content: space-between;
	padding-inline: 150px;
	padding-right: 80px;
}

.banner__slide img{
	width: 100%;
}

.banner__navigation{
	position: absolute;
	right: 3%;
	top: 35%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.banner__arrows{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.banner__arrows .slick__button{
	border-radius: 100%;
	background-color: transparent;
	border: 1px solid #d7d7d7;
	color: #d7d7d7;
	height: 35px;
	font-size: 16px;
	aspect-ratio: 1/1;
	cursor: pointer;
	transition: color 250ms ease, border-color 250ms ease;
}

.banner__arrows .slick__button:hover{
	color: #382b3c;
	border-color: #382b3c;
}

.banner__dots{
	margin: 20px 0;
}

.banner__dots ul{
	list-style-type: none;
	padding: 0;
}

.banner__dots button{
	width: 5px;
	padding: 0;
	background-color: #d7d7d7;
	height: 50px;
	margin: 10px 0;
	border-radius: 100px;
	text-indent: 10000px;
	border: none;
	transition: height 250ms ease, background-color 250ms ease;
}

.banner__dots .slick-active button{
	background-color: #71cc49;
	height: 100px;
}

.subheading--spacing .spacing{
	padding-left: 10px !important;
}

.subheading--spacing .more-spacing{
	padding-left: 65px;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif !important;
	font-weight: 700 !important;
	display: inline-block;
	font-size: 120%;
}

/* END OF LANDING PAGE STYLES */

/* CONTACT PAGE STYLES */

.form__wrapper{
	max-width: 550px;
}

.form__wrapper input, .form__wrapper textarea, .form__wrapper select{
	border: none;
	width: 100%;
	color: #382b3c;
	font-family: 'proxima-nova';
	font-size: 14px;
	font-weight: normal;
	opacity: 0.85;
} 

.form__wrapper textarea{
	height: 75px;
	resize: vertical;
}

.form__wrapper select{
	padding-left: 0;
	appearance: none;
}

.form__wrapper input::placeholder, .form__wrapper textarea::placeholder, .form__wrapper select::placeholder{
	color: #382b3c;
	opacity: 1;
}

.form__wrapper .form__row{
	width: 100%;
	display: flex;
	margin-bottom: 25px;
}

.form__wrapper .form__row > div, .form__wrapper .form__row > div > p{
	width: 100%;
}

.form__wrapper [data-name="consent"], .form__wrapper [data-name="consent"] *{
/* 	display: inline-block; */
	width: 100%;
	margin-left: 0;
}

.form__wrapper [data-name="consent"] label{
	display: flex;
	align-items: center;
	gap: 10px;
}

.form__wrapper [data-name="consent"] input{
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f5f3ef;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.75em;
	height: 1.6em;
	transform: translateY(-.075em);
	display: grid;
	place-content: center;
	border-radius: 5px;
}

.form__wrapper [data-name="consent"] input:before {
	content: "";
	width: .65em;
	height: .65em;
	transform: scale(0);
	box-shadow: inset .75em .75em #001622;
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.form__wrapper [data-name="consent"] input:checked:before {
	transform: scale(1);
}

.form__wrapper .form__row--submit > div, #formSubmit3, .form__wrapper{
	width: auto;
}

#formSubmit3{
	border-radius: 100px;
	padding: 13px 35px;
	background-color: #71cc49;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 16px;
}

.form__wrapper .wpcf7-spinner{
	position: absolute;
}

.form__row--submit{
	justify-content: space-between;
	align-items: baseline;
}

#MapModule, #MapModule > div, #map{
	height: 100%;
}

#map{
	border-radius: 150px 30px 10px 30px;
}

/* END OF CONTACT PAGE STYLES */

/* SHOP STYLES */

.products__grid{
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 75px;
}

.product__image:hover img{
	-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.25);
}

.product__item:has(.button--product:hover) .product__image img{
	-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.25);
}

.product__image img{
	transition: box-shadow 250ms ease;
	border-radius: 30px;
}

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

.product__item h2{
	padding: 10px 0;
}

.product__item .category{
	text-transform: uppercase;
	opacity: .75;
	font-size: 12px;
}

.product__meta{
	margin-bottom: 20px;
}

.product__meta .price *{
	font-weight: 500 !important;
	font-size: 18px;
	color: #382b3c !important;
}

.products__grid .button__wrapper{
	margin-top: auto;
}

.button--product{
	padding: 12px 22px;
	letter-spacing: 0;
	color: #000;
	background-color: #F5F3EF;
	line-height: normal;
}
/* END OF SHOP STYLES */

/* PRODUCT STYLES */
#AddToCart form{
	display: flex;
	align-items: stretch;
}

.quantity{
	font-family: "proxima-nova"; 
}

#AddToCart .quantity .minus, #AddToCart .quantity .plus {
	color:#000000 !important;
	background:transparent !important;
	border:0px !important;
	width:20px !important;
	height:10px !important;
}

#AddToCart .quantity .minus {
	right:-10px !important;
}


.woocommerce .quantity input.qty{
	width: 90px;
	background-color: #FFF;
	border: 1px solid #cbcbcb;
	border-radius: 100px;
	padding: 10px 25px;
	opacity: 1;
	color: #000;
	transition: border-color 250ms ease;
	font-size: 16px;
}

.woocommerce .quantity input.qty:hover{
	border-color: #000;
}

.woocommerce .quantity input.qty::placeholder{
	color: #000;
}

input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin: 0;
}

.button--product-single{
	border: 1px solid #3d692a;
	font-weight: normal !important;
	padding: 12px 30px;
	transition: background-color 250ms ease, color 250ms ease;
	letter-spacing: 0;
	cursor: pointer;
	line-height: 27px !important;
	font-family:'proxima-nova',Helvetica,Arial,Lucida,sans-serif !important;
}

.button--product-single:hover{
	border-color: #71cc49;
	background-color: #FFF;
	color: #000;
}

.information__header{
	display: flex;
	justify-content: center;
	gap: 50px;
}

.information__inner{
	position: relative;
}

.information__header .information__item.active, .information__header .information__item.active h3{
	opacity: 1;
}

.information__header .information__item h3{
	opacity: 0.4;
	font-weight: 700;
	cursor: pointer;
	font-size: 24px;
	transition: font-weight 250ms ease-in-out, opacity 250ms ease-in-out;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif !important;
}

.information__ingredients p{
	font-size: 16px;
	text-align: center;
	margin: 40px 0 30px;
	color: #000;
}

.information__reviews {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	gap: 30px;
}

.product-reviews{
	width: 100%;
	max-height: 250px;
	overflow-y: auto;
}

.review-form{
	width: 50%;
}

.review-form p{
	padding: 0;
}

.review-form h3{
	margin-bottom: 10px;
	font-family: "proxima-nova";
	font-weight: normal;
}

.information__reviews input:not([type="submit"])::placeholder, .information__reviews textarea::placeholder, .information__reviews select::placeholder{
	color: #382b3c;
}

.information__reviews input:not([type="submit"]), .information__reviews textarea, .information__reviews select{
	width: 100%;
	border: 1px solid #000;
	border-radius: 100px;
	padding: 10px;
	color: #000;
	font-size: 16px;
	margin-bottom: 15px;
}

.product__review{
	margin-bottom: 20px;
}

/* width */
.product-reviews::-webkit-scrollbar {
	width: 10px;
}

/* Track */
.product-reviews::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.product-reviews::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
.product-reviews::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.information__reviews select{
	appearance: none;
}

.information__reviews option:not(:first-of-type) {
	color: #382b3c;
}

.information__reviews textarea{
	border-radius: 10px !important;
	margin-bottom: 7px;
}

.information__reviews input[type="submit"]{
	font-size: 14px;
}

.information__wrapper{
	opacity: 0;
	position: absolute;
	transition: opacity 250ms ease-in-out;
	width: 100%;
	top:0;
	font-family: "proxima-nova";
	font-weight: normal;
	font-size: 16px;
}

.information__wrapper.active{
	opacity: 1;
	position: relative;
}

.information__directions{
	text-align: center;
	font-size: 16px;
	color: #000;
}

.information__wrapper ul{
	columns: 2;
	padding: 0;
	color: #000;
	list-style-type: none;
	gap: 50px;
}

.information__wrapper ul li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	background-color: #71cc49;
	font-size: 18px;
	top:5px;
}

.information__wrapper ul li{
	line-height: 1.3em;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}

/* END OF PRODUCT STYLES */

/* CART AND CHECKOUT STYLES */

.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout input, .woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout textarea, .woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout .select2-selection--single, .woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout .billingVal{
	width: 100%;
	border: 1px solid #000;
	border-radius: 100px;
	padding: 10px;
	color: #000;
	font-size: 16px;
	margin-bottom: 15px;
	background-color: #FFF;
	font-family: "proxima-nova" !important;
	font-weight: normal !important;
}

.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout textarea{
	color: #000 !important;
	border-radius: 15px !important;
	font-family: "proxima-nova" !important;
	font-weight: normal !important;
}

.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout .billingVal:after{
	border-top-color: #888 !important;
	border-width: 5px 4px 0 4px !important;
}

.woo__checkout .fstElement{
	border: none; 
}

.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout.woo__checkout .select2-selection--single{
	display: flex;
	align-items: center;
	font-family: "proxima-nova" !important;
	color: #000 !important;
	font-weight: normal !important;
}

.et_pb_wc_cart_totals .select2-container .select2-selection--single .select2-selection__rendered, .et_pb_wc_checkout_billing .select2-container .select2-selection--single .select2-selection__rendered, .et_pb_wc_checkout_shipping .select2-container .select2-selection--single .select2-selection__rendered{
	color: #000 !important;
	font-family: "proxima-nova" !important;
	font-weight: normal !important;
}

.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 40% !important;
}

#PaymentModule .woocommerce-info, #PaymentModule .woocommerce-error{
	font-family: "proxima-nova" !important; 
	font-weight: normal !important;
	font-size: 16px !important;
	border-radius: 15px !important;
	background-color: #71cc49 !important;
	margin-bottom: 0 !important;
}

#PaymentModule .woocommerce-error{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

#PaymentModule,#ShowOnRec{
	border-radius: 25px !important;
}

.shop_table {
	table-layout: fixed !important;
}

.woocommerce-terms-and-conditions-checkbox-text a{
	color: #71cc49 !important;
}

.xoo-wsc-btn:hover .amount{
	color: #FFF !important;
}

/* END OF CART AND CHECKOUT STYLES */

/* RESPONSIVE STYLES */

@media(max-width: 1500px){
	.banner__slider h1{
		font-size: 36px;
	}
	.banner__slider h1 span{
		font-size: 225%;
	}
	.banner__body p{
		font-size: 20px;
	}
}

@media(max-width: 1350px){
	#main-content .subheading--large h2{
		font-size: 38px;
	}
}

@media(max-width: 1250px){
	.slide__inner{
		padding-inline: 100px;
	}
	.banner__slider h1{
		font-size: 28px;
	}
	.banner__body{
		padding-inline: 25px;
	}
	#MainNavigation .et_pb_menu__logo-wrap{
		max-width: 170px !important;
	}
	#main-content .subheading--large h2{
		font-size: 28px;
	}
	.products__grid{
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 30px;
	}
}

@media(max-width: 1100px){
	.banner__image{
		display: flex;
		align-items: flex-end;
	}
}

@media(max-width: 980px){
	.slide__inner{
		flex-wrap: wrap;
		padding-inline: 30px;
		padding-right: 50px;
	}
	.banner__text{
		margin-top: 75px;
		order: 2;
	}
	.banner__image{
		margin-top: 75px;
		order: 1;
	}
	/*#NewsletterSection{
		margin-inline: 30px !important;
	}*/
	#NewsletterRow > .et_pb_column:first-child{
		margin-bottom: 30px !important;
	}
	#FooterLinks .et_pb_column:not(.et-last-child)::after{
		display: none;
	}
	#NavigationSection .xoo-wsc-menu-item{
		display: flex !important;
	}
	#mobile_menu2 .xoo-wsc-cart-trigger{
		justify-content: flex-start;
		padding: 10px 5%;
	}
	#mobile_menu2 .xoo-wsc-cart-trigger::after{
		content:"My Cart";
		color: #000;
		font-family: "proxima-nova";
		font-weight: normal;
		font-size: 16px;
		display: inline-block;
		padding-left: 5px;
	}
	#Theo > .et_pb_row > .et_pb_column:first-child{
		display: none !important;
	}
	.information__wrapper ul{
		columns: 1;
		gap: 0;
	}
	.information__wrapper ul li{
		font-size: 14px;
	}
	.information__ingredients p{
		font-size: 14px;
	}
	.information__directions{
		font-size: 14px;
	}
	.information__header .information__item h3{
		font-size: 16px;
	}
	#map{
		height: 350px;
		border-radius: 30px !important;
	}
	.mobile__hidden{
		display: none;
	}
	.information__reviews{
		flex-wrap: wrap;
		gap: 50px;
	}
	.product-reviews{
		order: 2;
	}
	.review-form{
		order: 1;
		width: 100%;
	}
	.banner__arrows .slick__button{
		height: 25px;
		font-size: 14px;
	}
	
	.wpcf7-form-control-wrap {
		width:100% !important;
	}
	
}

@media(max-width: 768px){
	.banner__slider h1 {
		font-size: 20px;
	}
	.banner__slider h1 span{
		font-size: 185%;
	}
	.banner__body p{
		font-size: 14px;
	}
	.banner__image{
		margin-top: -100px;
	}
	.banner__body{
		margin-top: 20px;
		margin-bottom: 60px;
	}
	.banner__body img{
		max-width: 15px;
	}
	.testimonial__item{
		width: 80%;
		font-size: 14px;
		padding: 25px;
	}
	.products__grid{
		grid-template-columns: 1fr;
		gap: 15px;
	}
	.product__image img{
		max-width: 200px;
	}
	.newsletter__container .form__row--50 p{
		flex-wrap: wrap;
		border: none;
		gap: 15px;
	}
	.newsletter__container .form__row--50 p input{
		width: 100%;
		border: 1px solid #000;
		border-radius: 100px;
		padding: 20px;
	}
	#main-content .et_pb_text.subheading--small, #main-content .subheading--small{
		font-size: 14px;
	}
	.button, .button--product, .button--product-single{
		font-size: 14px;
	}
	#main-content .subheading--large h2{
		font-size: 22px;
	}
	.newsletter__container .form__row--50 p input{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#NewsletterSubmit{
		font-size: 14px;
	}
	#main-content .et_pb_text .heading--italic, #main-content .et_pb_text.heading--italic{
		padding-left: 0;
	}
}

@media(max-width: 600px){
	.banner__slide img{
		scale: 1.15;
	}
	.banner__slider h1{
		padding: 0;
	}
	.banner__slider h1 span{
		margin: 0;
	}
	.banner__text{
		width: 100%;
	}
	.banner__body{
		justify-content: center;
		padding: 0;
		margin-bottom: 40px;
	}
	.banner__image{
		margin-top: 40px;
		transform: translatex(-30px);
	}
	.banner__button a{
		font-size: 14px;
	}
	.banner__slider h1{
		text-align: center;
	}
	.banner__button{
		text-align: center;
	}
	.form__wrapper .form__row{
		flex-wrap: wrap;
		margin: 15px;
		gap: 15px;
	}
	.form__wrapper [data-name="consent"] label{
		flex-wrap: wrap;
	}
}

.xoo-wsch-basket {
    display:none !important;
	
}

.xoo-wsc-header .xoo-wsch-text, .xoo-wsc-ft-totals .xoo-wsc-ft-amt-subtotal {
	font-family:'Playfair Display',Georgia,"Times New Roman",serif;
}

span.xoo-wsc-footer-txt {
	font-size:12px !important;
}


/*--- Mobile Menu ---*/
/* Style for the icon */
    #icon {
      width: 30px;
      height: 24px;
      position: absolute;
      z-index: 999;
      cursor: pointer;
      top: 10px;
      right:0px;
      
    }

    /* The burger lines */
    .bar {
      width: 20px;
      height: 2px;
      background-color: black;
      margin: 3px 0;
      transition: 0.4s;
    }

    /* The div that will fade in and out */
    #menuToggle {
      display: none;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
      background-color: rgba(255, 255, 255, 1);
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 998;
    }

    /* Class to show the menu (fading effect) */
    #menuToggle.active {
      display: block;
      opacity: 1;
    }

    /* Burger to X animation */
    .change .bar1 {
      transform: rotate(-45deg) translate(0px, 6px);
    }

    .change .bar2 {
      opacity: 0;
    }

    .change .bar3 {
      transform: rotate(45deg) translate(-1px, -7px);
    }

#menuToggle .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,#menuToggle .lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
#menuToggle .lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}

#menuToggle .et_pb_menu .et_pb_menu__menu>nav>ul {
	display:block;
}

#menuToggle, #menuToggle .et_pb_menu, #menuToggle .et_pb_menu .et_pb_menu__menu, #menuToggle .et_pb_menu .et_pb_menu__menu>nav, #menuToggle .et_pb_menu .et_pb_menu__menu>nav>ul, #menuToggle .et_pb_menu .et_pb_menu__menu>nav>ul li, #menuToggle .et_pb_menu .et_pb_menu__menu>nav>ul li a {
	text-align:right;
	width:100%;
}

#menuToggle .et_pb_menu .et_pb_menu__menu>nav>ul li a{
	font-size: 30px;
    line-height: 30px;
    padding: 15px 0;
    text-align: right;
	font-family:'proxima-nova';
	font-weight:normal;
}

/*--END- Mobile Menu -END--*/

/* END OF RESPONSIVE STYLES */