/*
Theme Name: Dr. Woods Naturals QNY
Author: Edison Dairo Jimenez / QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* fonts */
@import url("https://use.typekit.net/bxf8ktr.css"); /* new adobe fonts */

html{ font-size: 22px; }
*{ font-size: 1rem; font-family:"poppins"; font-weight: 400;}
body{ color: var(--blue);}
h1, h2, h3, h4, h5, h6, .button, header ul li.bold a, label{ }
.shopify-buy__btn.shopify-buy__btn--cart-checkout{ font-size: 1.636rem; /*36px;*/}
.shopify-buy__btn--close { font-size: 1.591rem; /*35px; */}
.shopify-buy-cart-wrapper *{  font-size:1rem; /*22px; */ }
.shopify-buy__btn__counter,
.shopify-buy__quantity-decrement, .shopify-buy__quantity-increment,
.upsellPop{ font-size: 0.818rem; /*18px; */}
.shopify-buy__cart-item__title,
.shopify-buy__cart-item__price,
.upsellPop .productButton h2{  font-size: 0.773rem; /*17px;*/}
.divMessage,
.categoriesList .category .text h2 span,
.shopify-buy__btn--cart-checkout,
.shopify-buy__quantity,
.upsellPop .productButton .shopify-buy__product__price{ font-size: 0.727rem; /*16px;*/}
.shopify-buy__cart__notice,
.shopify-buy__cart__note__description,
.shopify-buy__cart__note__text-area,
.shopify-buy__cart__discount__text,
.breadcrumbs{  font-size: 0.682rem; /*15px;*/}
.shopify-buy__cart-item__full-price,
.shopify-buy__cart-item__discount ,
.shopify-buy__cart-item__variant-title,
.shopify-buy__cart__discount__amount,
.shopify-buy__cart__currency{  font-size: 0.545rem; /*12px; */}

/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}

/* wp basic styles */
.entry-content img {margin: 0 0 1.5em 0;}
div.alignleft, img.alignleft {display: inline-block;float: left;margin-right: 1em;margin-bottom: 1em;}
div.alignright, img.alignright {display: inline-block;float: right;margin-left: 1em;margin-top: 1em;}
div.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;font-weight: bold;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;border: 0;padding: 0;}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}
.gallery-caption{font-size: 12px;}
html{height: 100%;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
p {	padding-top:0.1em;padding-bottom:0.1em;}
em{font-style: italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;}
.center{text-align: center;}
#page_content_wrapper p {padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding: 0 !important;margin: 0 !important;}
#footer p {padding-top:0.5em;padding-bottom:0.5em;}
html, body {min-height: 100%;}
img, a img {image-rendering: optimizeQuality;}
em { font-style: italic; }
::selection {background: #000; color: #f5f2e9;}
table{border-spacing: 0;}
.sticky{background: #ffffe0;padding: 30px 20px 20px 20px;border: 1px solid #e6db55 !important;box-sizing: border-box;}
.marginright{margin-right: 7px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {	float:right; margin:0 0 1em 1em}
a img.alignleft {	float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.sticky, .bypostauthor { font-weight: bold; }

/* common styles */
html { overflow-x: hidden; }
body{ margin:0; padding:0; min-width:1400px; overflow-x: hidden; position: relative;}
.contentCenter,
.wooContent .woocommerce{ width:1400px; margin:0 auto;}
.contentCenter:after{ content: ''; clear: both; float: none; width: 100%; height: 0;}
a{ color:inherit;}
a img{ border:none; display:block;}
.displayTable{ display:table; width:100%; height:100%;}
.tableCell{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.button, .shopify-buy__btn{ border: none; display: inline-block; box-sizing: border-box; cursor: pointer; text-transform: uppercase; padding: 14px 29px; color: #fff; text-decoration: none !important; transition: 0.3s ease; background: #272727; line-height: 1; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.11rem;} 
.button.active,
.button:hover,
.shopify-buy__btn:active,
.shopify-buy__btn:hover{ background: #000; color:#fff;  }

.clear{ clear:both;}
.hidden{ display: none !important;}
.row{ margin: 0 -15px;}
.row:after,
footer .left ul:after{ content: ''; width: 100%; clear: both; display: block;}
.column1{ width: calc(100% - 30px); float: left; margin: 0 15px;}
.column2{ width: calc(50% - 30px); float: left; margin: 0 15px;}
.column3{ width: calc(33.3333% - 30px); float: left; margin: 0 15px;}
.column4{ width: calc(25% - 30px); float: left; margin: 0 15px;}
.column5{ width: calc(20% - 30px); float: left; margin: 0 15px;}
.row img{ display: block; margin: 0 auto 30px;}
strong, b{ font-weight:bold;} 

/* shopify styles */
.shopify-buy__product__price{ margin: 20px 0;}
.shopify-buy-cart-wrapper * {  -webkit-box-sizing: border-box;  box-sizing: border-box; line-height: 1.2; color: #000;}
.shopify-buy-cart-wrapper select { text-rendering: auto !important;}
.shopify-buy-cart-wrapper ul { list-style: none; padding-left: 10px; margin: 0;}
.shopify-buy-cart-wrapper img { display: block; max-width: 100%;}
.shopify-buy-cart-wrapper input { -webkit-appearance: textfield; margin: 0;}
.shopify-buy-cart-wrapper .clearfix:after { content: ""; display: table; clear: both;}
.visuallyhidden { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.component-container { overflow: hidden;}
.shopify-buy__type--center { text-align: center;}
.shopify-buy--visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.shopify-buy__btn {}
.shopify-buy__btn:hover, .shopify-buy__btn:focus {}
.shopify-buy__btn--parent { background-color: transparent; border: 0; padding: 0; cursor: pointer }
.shopify-buy__btn--parent:hover .product__variant-img, .shopify-buy__btn--parent:focus .product__variant-img { opacity: .7;}
.shopify-buy__btn--cart-tab { padding: 5px 11px; border-radius: 3px 0 0 3px; position: fixed; right: 0; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); opacity: 0; min-width: inherit; width: auto; height: auto; z-index: 2147483647 }
.shopify-buy__btn--cart-tab.is-active { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1;}
.shopify-buy__btn__counter { display: block; margin: 0 auto 10px auto; }
.shopify-buy__icon-cart--side { height: 20px; width: 20px;}
.shopify-buy__btn[disabled] { background-color: #999; pointer-events: none;}
.shopify-buy__btn--close { outline: none !important; position: absolute; right: 9px; top: 8px; color: #767676; border: none; background-color: transparent; -webkit-transition: color 100ms ease, -webkit-transform 100ms ease; transition: color 100ms ease, -webkit-transform 100ms ease; transition: transform 100ms ease, color 100ms ease; transition: transform 100ms ease, color 100ms ease, -webkit-transform 100ms ease; cursor: pointer; padding-right: 9px ;}
.shopify-buy__btn--close span{ color: #fff; font-size: 2rem;}
.shopify-buy__btn--close:hover { -webkit-transform: scale(1.2); transform: scale(1.2); color: hsl(0, 0%, 41.2745098039%);}

@-webkit-keyframes flipIn {
	from { 	max-height: 0; -webkit-transform: rotatex(90deg) translatey(-50%); transform: rotatex(90deg) translatey(-50%); margin-bottom: -65px; opacity: 0; }
	to { max-height: none; -webkit-transform: none; transform: none; margin-bottom: 20px; opacity: 1; }
}
@keyframes flipIn {
	from { max-height: 0; -webkit-transform: rotatex(90deg) translatey(-50%); transform: rotatex(90deg) translatey(-50%); margin-bottom: -65px; opacity: 0;   }
	to { max-height: none; -webkit-transform: none; transform: none; margin-bottom: 20px; opacity: 1;   }
}
@-webkit-keyframes flipOut {
	from { max-height: none; -webkit-transform: none; transform: none; margin-bottom: 20px; opacity: 1; }
	to { max-height: 0; -webkit-transform: rotatex(90deg) translatey(-50%); transform: rotatex(90deg) translatey(-50%); margin-bottom: -65px; opacity: 0; }
}
@keyframes flipOut {
	from { max-height: none; -webkit-transform: none; transform: none; margin-bottom: 20px; opacity: 1; }
	to { max-height: 0; -webkit-transform: rotatex(90deg) translatey(-50%); transform: rotatex(90deg) translatey(-50%); margin-bottom: -65px; opacity: 0; }
}

.shopify-buy__cart-wrapper { height: 100%; padding-left: 10px;}
.shopify-buy__cart { height: 100%; background-color: #fff; width: calc(100% - 10px); position: absolute; right: 0; -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1); box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);}
.shopify-buy__cart__header { padding: 20px; padding-right: 40px; position: relative; z-index: 2147483647; background-color: inherit; background: #80a085;}
.shopify-buy__cart__title { margin: 0; color: #fff; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; font-weight: 500; letter-spacing: 0.1rem;}
.shopify-buy__cart-scroll { padding: 67px 0 240px 0; position: absolute; top: 0; height: 100%; width: 100%;}
.shopify-buy__cart-scroll--discounts { padding-bottom: 170px;}
.shopify-buy__cart-scroll--cart-note { padding-bottom: 200px;}
.shopify-buy__cart-scroll--cart-note.shopify-buy__cart-scroll--discounts { padding-bottom: 230px;}
.shopify-buy__cart-items { overflow: hidden; overflow-y: auto; height: 100%; position: relative; padding: 0 20px 20px; -webkit-overflow-scrolling: touch; -webkit-perspective: 400px; perspective: 400px; -webkit-perspective-origin: 50% 0px; perspective-origin: 50% 0px;}
.shopify-buy__cart-item { padding: 20px 0; border-bottom: 1px solid #ccc; min-height: 65px; margin-bottom: 0; overflow: hidden; position: relative; -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation: 200ms flipIn forwards; animation: 200ms flipIn forwards;}
.shopify-buy__cart-item.is-hidden { -webkit-animation-name: flipOut; animation-name: flipOut;}
.shopify-buy__cart-item__image { width: 65px; height: 65px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent; position: absolute; left: 0; top: 20px;}
.shopify-buy__cart-item__title { margin-left: 80px; margin-bottom: 3px; display: block;}
.shopify-buy__cart-item__price { float: right; font-weight: bold; line-height: 26px; }
.shopify-buy__cart-item__price-and-discounts { float: right; text-align: right; max-width: 100px }
.shopify-buy__cart-item__price-and-discounts .shopify-buy__cart-item__price { float: none;}
.shopify-buy__cart-item__full-price { line-height: 12px;}
.shopify-buy__cart-item__discount {  word-wrap: break-word; text-transform: uppercase }
.shopify-buy__cart-item__discount + .shopify-buy__cart-item__discount { margin-top: 5px;}
.shopify-buy__cart-item__discount__icon { width: 12px; height: 12px; vertical-align: top; fill: currentColor;}
.shopify-buy__cart-item__variant-title { margin-left: 80px; margin-bottom: 10px; color: #4c4c4c;  max-width: 220px; overflow: hidden; text-overflow: ellipsis;}
.shopify-buy__cart-bottom { background-color: #fff; position: absolute; width: 100%; bottom: 0; padding: 15px 20px 20px 20px;}
.shopify-buy__cart__subtotal__text { text-transform: uppercase; float: left; color: #80a085;}
.shopify-buy__cart__subtotal__price { float: right;}
.shopify-buy__cart__discount { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; color: #4c4c4c;}
.shopify-buy__cart__discount__text {  text-transform: uppercase; margin-right: 10px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;}
.shopify-buy__cart__discount__text__icon { width: 11px; height: 11px; vertical-align: top; fill: currentColor;}
.shopify-buy__cart__discount__amount {  line-height: 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;}
.shopify-buy__cart__currency { }
.shopify-buy__cart__notice { clear: both; padding-top: 10px; text-align: center; color: #4c4c4c;}
.shopify-buy__cart__note { clear: both; padding-top: 10px;}
.shopify-buy__cart__note__description {  color: #4c4c4c;}
.shopify-buy__cart__note__text-area { resize: none;  width: 100%; color: #4c4c4c;}
.shopify-buy__cart-empty-text { padding: 10px 15px; text-align: center; font-size: 0.7rem;}
.shopify-buy__btn--cart-checkout { clear: both; margin-top: 15px; width: 100%; padding: 10px 5px; }
.shopify-buy__quantity-container { margin-left: 80px; margin-right: 100px; height: 26px; line-height: 26px;}
.shopify-buy__quantity-container.is-loading { opacity: 0.65; pointer-events: none;}
.shopify-buy__cart-item__quantity-input { float: left; background: transparent;}

@media (max-width: 330px) {
	.shopify-buy__cart-item__price-and-discounts { max-width: 90px; }
	.shopify-buy__quantity-container { margin-right: 90px; }
}

.shopify-buy__quantity-decrement, .shopify-buy__quantity-increment { color: #4c4c4c; display: block; height: 30px; float: left; line-height: 16px;  width: 26px; padding: 0;  background: transparent; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;  text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #767676; position: relative}
.shopify-buy__quantity-decrement svg, .shopify-buy__quantity-increment svg { width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -7px; fill: currentColor;}
.shopify-buy__quantity-decrement { border-radius: 3px 0 0 3px;}
.shopify-buy__quantity-increment { border-radius: 0 3px 3px 0;}
.shopify-buy__quantity { color: black; width: 45px; height: 30px; border: none; text-align: center; -webkit-appearance: none; -moz-appearance: textfield; display: inline-block; padding: 0; border-radius: 0; border-top: 1px solid #767676; border-bottom: 1px solid #767676;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.shopify-buy__quantity-container.shopify-buy__quantity-with-btns { overflow: hidden }
.shopify-buy__quantity-container.shopify-buy__quantity-with-btns .shopify-buy__quantity { border-left: 0; border-right: 0; float: left;}
.shopify-buy__btn.shopify-buy__btn--cart-checkout:hover { background-color: #000000;}
.shopify-buy__btn.shopify-buy__btn--cart-checkout:focus { background-color: #000000;}
.shopify-buy__btn.shopify-buy__btn--cart-checkout { padding: 10px 0; background-color: #272727; color: #fff; font-weight: 500; border-radius: 0px; border: none; font-size: 1rem; }
.shopify-buy__cart-toggle:hover { }
.shopify-buy__cart-toggle:focus {}
.shopify-buy__cart-toggle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
#toggle .shopify-buy__cart-toggle__count{ display: none;}
#toggle.is-active .shopify-buy__cart-toggle__count { display: block; border-radius: 50%; width: 10px; height: 10px; position: absolute; right: -3px; bottom: -3px; background: #cf0000; text-indent: 5000px; overflow: hidden; }
.shopify-buy__select-icon{ display: none;}
.shopify-buy__option-select{ display: inline-block; padding: 0;}
.shopify-buy__option-select__label,
.shopify-buy__option-select .shopify-buy__option-select__label.visuallyhidden{ text-align: right; padding: 0 10px 0 0; box-sizing: border-box; width: auto; height: auto; position: relative; margin: 0; overflow: inherit;}
.shopify-buy__option-select__label,
.shopify-buy__option-select-wrapper{ display: inline-block; padding: 0 5px;}
.shopify-buy__option-select-wrapper select{ display: inline-block; width: 100%; text-align: left; font-size: 0.8rem;}
.shopify-buy__option-select{ margin: 0 0 5px;}
.shopify-buy__product__variant-selectors{ margin: 0 0 30px;}
body.single-product .productDetail .shopify-buy__option-select__label{ text-align: left; box-sizing: border-box; display: inline-block; width: 60px;}
body.single-product .productDetail .shopify-buy__option-select-wrapper{ width: auto; display: inline-block;}
body.single-product .productDetail .shopify-buy__option-select-wrapper select{ display: inline-block; width: auto;}
body.single-product .productDetail .shopify-buy__option-select{ display: block;}

/* preload */
.preloadDiv{ width:0; height:0; overflow:hidden; display: none;}
.showIphone,
.showIpad,
.showBigDesktop,
.hideDesktop{ display:none;}
.showDesktop{}

/* header */
header{ transition: 0.3s ease; z-index: 100; padding: 20px 0 10px; position: fixed; left: 0; top:0; width: 100%; }
body.admin-bar header{ top:32px;}
header .logo{ float: left; background: url(images/logoBrown.svg) no-repeat center center / cover; height: 74px; aspect-ratio: 401/133; overflow: hidden; text-indent: -5000px; display: block;}
header .headerIcons{ float: right; width: 77px; margin: 17px 0 0 0; text-align: right;}
.socialLinks .instagram{ vertical-align: top; transform: translateY(4px); margin: 0 0 0 14px; width: 19px; aspect-ratio: 1/1; background: url(images/insta.svg) no-repeat center center / contain; display: inline-block;}
.socialLinks .twitter{ vertical-align: top; transform: translateY(4px);margin: 0 0 0 14px; width: 19px; aspect-ratio: 36/37; background: url(images/x.svg) no-repeat center center / contain; display: inline-block;}
.socialLinks .facebook{ vertical-align: top; transform: translateY(4px);margin: 0 0 0 14px; width: 19px; aspect-ratio: 1/1;  background: url(images/fb.svg) no-repeat center center / contain; display: inline-block;}
.socialLinks .email{ vertical-align: top; transform: translateY(4px);margin: 0 0 0 14px; width: 19px; aspect-ratio: 46/32; background: url(images/mail.svg) no-repeat center center / contain; display: inline-block;}
header .mainMenu{ width: 1021px; margin: 17px 0 0 0; padding: 0; float: right; list-style-type: none; text-align: right;}
header .mainMenu li{ display: inline-block; margin: 0 0 0 58px;}
header a{ font-size: 0.76rem; text-decoration: none;}
.headerIcons .searchIcon{ transition: 0.3s ease; vertical-align: top; background:url(images/search.svg) no-repeat center center / contain; display: inline-block; width: 20px; aspect-ratio: 20/25; margin: 9px 11px 0 0; cursor: pointer;}
.headerIcons .userIcon{ transition: 0.3s ease; vertical-align: top; background:url(images/user.svg) no-repeat center center / contain; display: inline-block; width: 22px; aspect-ratio: 1/1; margin: 10px 7px 0 0; cursor: pointer;}
.headerIcons .cartIcon{ position: relative; transition: 0.3s ease; margin: 0; vertical-align: top; background:url(images/cart.svg) no-repeat center center / contain; display: inline-block; width: 17px; aspect-ratio: 20/25; cursor: pointer;}
.headerIcons .searchIcon:hover, .headerIcons .userIcon:hover, .headerIcons .cartIcon:hover{ transform: scale(1.2);}
.shopify-buy-frame--toggle:not(.is-sticky){ padding: 0 !important; overflow: visible !important;}
body.scrolled header,
body.menuOpen header{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.25);}

/* footer */
footer{ background: /*#80a085*/ #465D4A; color: #fff; margin: 203px auto 0; padding: 0 0 92px; }
footer .contentCenter{ position: relative;}
footer .newsletter{ padding: 100px 125px; box-sizing: border-box; height: 245px; background: #000; width: 100%; position: absolute; top: -120px; left: 0;}
footer .newsletter .theBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/grass.jpg) no-repeat center center / cover; opacity: 0.53;}
footer .newsletter label{ width: 442px; float: left; text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.29rem; line-height: 1.1;}
footer .newsletter form{ position: relative; z-index: 4;}
footer .newsletter form input{background: none; border: 2px solid #fff; width: 448px; height: 55px; color: #fff; text-transform: uppercase;
box-sizing: border-box; padding: 0 23px; font-size: 0.8rem;}
footer .newsletter .emailContainer{ float: right; width: 708px;}
footer .newsletter .sendForm{ display: inline-block; cursor: pointer; text-transform: uppercase; color: #212121; background: #fff; font-size: 0.8rem; letter-spacing: 0.15rem; margin: 0 0 0 5px; padding: 0 60px; line-height: 55px; transition: 0.3s ease;}
footer .newsletter .sendForm:hover{ color: #fff; background: #80a085;}
.divMessage{ display: none; margin:10px 0 0 0;}
footer .socialLinks{ float: right; padding: 397px 0 0 0; width: 266px;}
footer .socialLinks .instagram{ transform: none; background-image: url(images/insta.svg); margin: 4px 18px 0 0;	width: 28px;}
footer .socialLinks .twitter{ transform: none; background-image: url(images/x.svg); margin: 2px 22px 0 0; width: 30px; }
footer .socialLinks .facebook{ transform: none; background-image: url(images/fb.svg); margin: 0 17px 0 0; width: 32px;}
footer .socialLinks .email{ transform: none; background-image: url(images/mail.svg); width: 39px; margin: 4px 62px 0 0;}
footer .logo{ float: left; background: url(images/logoWhite.svg) no-repeat center center / cover; width: 298px; aspect-ratio: 401/133; overflow: hidden; text-indent: -5000px; display: block; margin: 0 0 24px;}
footer .left{ font-size: 0.9rem; line-height: 2; float: left; width: 448px; padding: 230px 0 0 64px; box-sizing: border-box;}
footer .middle{ float: left; width: 355px; padding: 310px 0 0;}
footer .middle ul{ margin: 0; padding: 0; list-style-type: none;}
footer .middle ul li{ float: left; width: 50%; margin: 0 0 26px;}
footer .right{ float: left; width: 255px; padding: 320px 0 0; margin: 0 0 0 47px; font-size: 0.9rem; line-height: 2;}
footer a{ font-size: 0.9rem; text-decoration: none;}
footer a:hover{ text-decoration: underline;}

/* pageHeader */
.pageHeader{ position: relative; height: 800px; box-sizing: border-box; padding: 128px 0 0 0; background: #ccc no-repeat bottom right / cover;}
.pageHeader .imgOverlay{ z-index: 1; background: no-repeat center bottom / contain; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.pageHeader h1{ z-index: 2; position: relative; margin: 0; font-family:"adobe-kis-display", sans-serif; font-weight: 400; font-size: 3.7rem; color: #5C3E34;}
.pageHeader h1 span{ font-size: 7rem; font-family: "inglesa-script-variable", sans-serif; font-variation-settings: "wght" 400; line-height: 1; display: inline-block; margin: -40px 0 0 0; }
.pageHeader .text{ width: 645px;}
.pageHeader .text, .pageHeader p{ font-size: 1.1rem; letter-spacing: 0.02rem; line-height: 1.54;}
.pageHeader p{ z-index: 2; position: relative;}
.scrollDownArrow{ margin: 40px 0 0 0; width: 54px; aspect-ratio: 1/1;  background: url(images/scrollDownArrow.svg) no-repeat center center / contain; display: block; cursor: pointer; z-index: 2; position: relative;}

.pageHeader.p83{ background: no-repeat calc(50% - 413px) 195px / 570px auto;}
.pageHeader.p83 .text{ padding: 0 0 0 683px;}
.pageHeader.p83 .text, .pageHeader.p83 p{ font-size: 0.8rem; line-height: 1.9;}

.pageHeader.p91{ background: no-repeat calc(50% - 440px) 90px / 720px auto;}
.pageHeader.p91 .text{ padding: 0 0 0 683px;}
.pageHeader.p91 .text, .pageHeader.p91 p{ font-size: 0.8rem; line-height: 1.9;}

/* fullwidthText */
.fullwidthText{ margin: 60px auto;}
.fullwidthText h1{ font-size: 1.7rem; }
.fullwidthText h2, .productDetail h2{ font-size: 1.7rem; letter-spacing: 0.25em;}
.fullwidthText h2:first-child{ margin-top: 0;}
.fullwidthText.p9.fwt0 p{ box-sizing: border-box; padding: 0 90px;}
.size08{ font-size: 0.8rem;}

/* scrollingText */
.scrollingText{ background:#272727; color: #fff; padding:20px 0;}
.scrollingText .wrap{ white-space: nowrap;}
.scrollingText  span{ vertical-align: middle; animation: scrollTextAnim 20s linear infinite; display: inline-block; font-size: 0.8rem; letter-spacing: 0.2rem;}
@keyframes scrollTextAnim {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

/* productCircles */
.productCircles{ margin: 0 auto 60px;}
.productCircles .row{ position: relative; text-align: center; padding: 0 0 68px;}
.productCircles .row:before{ width: calc(100% - 30px); height: 289px; z-index: 1;; content: ''; background: #f3efe6; border-radius: 20px; position: absolute; left: 15px; bottom: 0;}
body.page-id-83 .productCircles .row:before{ background: #fbf3cf;}
.productCircles .product{ text-decoration: none; position: relative; z-index: 2; display: inline-block; width: 25%; padding:0 0 10px}
.productCircles .product .image{ transition: 0.3s ease; position: relative; z-index: 2; transform: scale(1.2) translateY(-11px); width: 100%; aspect-ratio:1/1; background: no-repeat center center / contain;}
.productCircles .product .circle{ transition: 0.3s ease; opacity: 0; width: 73%; aspect-ratio: 1/1; border-radius: 50%; z-index: 1; position: absolute; left: 12.5%; top: 100px;}
.productCircles .product .text{ width: 73%; z-index: 3; position: absolute; left: 12.5%; bottom: -60px; transition:0.3s ease; color: #fff; font-size: 0.5rem;}
.productCircles .product .text h2{ margin: 0 0 10px; font-weight: 600; font-size: 1rem;}
.productCircles .product .text h2 span{ display: block; font-weight: 700;  font-size: 0.75rem;}
body.isMobile .productCircles .product .image,
              .productCircles .product:hover .image{ transform: scale(0.95) translateY(-60px);}
body.isMobile .productCircles .product .text,
              .productCircles .product:hover .text{ color: #fff !important; } 
body.isMobile .productCircles .product .circle,
              .productCircles .product:hover .circle{ opacity: 1;}

.productCircles .row{  margin: 0 -10px; padding: 0;}
.productCircles .row:before{ bottom:auto; top: 65px; height: 339px;}
.productCircles .product{ width: calc(20% - 20px); margin: 0 10px; padding: 0 0 120px; }
body.isMobile .productCircles .product .image,
.productCircles .product:hover .image{ transform: scale(1.2) translateY(-11px);}
.productCircles .product       .circle{ width: 0;    left:calc(50% - 10px); top: calc((264px / 2) + 127px); }
body.isMobile .productCircles .product .circle,
.productCircles .product:hover .circle{ width: calc(100% - 20px); left: 10px; top: 127px; }
.productCircles .product .text{ width: 90%; left: 5%; bottom: auto; top: 287px;}

/* bgOpen */
.bgOpen{ margin: -1px auto; padding: 1px 0;}

/* section */
section{ padding: 104px 0 0 0; position: relative;}
section:has(.pageHeader){ padding: 0;}

/* textWithImage */
.textWithImage{ margin: 60px auto;}
.textWithImage .flex{ display: flex; flex-direction: row; align-items:center;}
.textWithImage.Right .flex{ flex-direction: row-reverse;}
.textWithImage .image{ width: 50%; box-sizing: border-box; padding: 0 40px;  position: relative;}
.textWithImage .image:hover img{ transform: scale(1.05);}
.textWithImage .image img{ display: block; max-width: 100%; transition: 0.3s ease;}
.textWithImage .text{ width: 50%; box-sizing: border-box; padding: 0 40px;}
.textWithImage *, .fullwidthText *, .productDetail *{ font-size: 0.8rem; line-height: 1.65;}
.textWithImage h1, .textWithImage h2, .productDetail h1{ line-height: 1; font-family: "adobe-kis-display", sans-serif; font-weight: 400; font-style: normal; font-size: 2.7rem;}
.textWithImage h1, .fullwidthText h1{ margin-bottom: 0;}
.textWithImage h1 span, .textWithImage h2 span, .fullwidthText h1 span, .fullwidthText h2 span{ font-family: "inglesa-script-variable", sans-serif; font-variation-settings: "wght" 400; font-size: 3.5rem;}
.textWithImage h1:first-child, .textWithImage h2:first-child{ margin-top: 0;}
.textWithImage .text .testimonial{ font-size: 0.685rem; line-height: 2;}

body.tax-product-category .textWithImage.twi0{ margin-top: 0;}
body.tax-product-category .textWithImage.twi0 h2{ margin-bottom: 0;}

/* story box 1 */
.textWithImage.p11.twi0 .image,
.textWithImage.p9.twi0 .image { width: 610px; margin: 0 0 0 8px;}
.textWithImage.p11.twi0 .image:before,
.textWithImage.p9.twi0 .image:before{ content: ''; position: absolute; left: -82px; top: -77px; rotate: -77deg; width: 210px; background: url(/wp-content/uploads/2025/02/drop-1.png) no-repeat center center / contain; aspect-ratio: 1/1; z-index: 2;}
.textWithImage.p11.twi0 .text,
.textWithImage.p9.twi0 .text{ width: calc(100% - 610px);}

/* story box 1 */
.textWithImage.p9.twi1 .image { width: 616px; padding: 0;}
.textWithImage.p9.twi1 .text{ width: calc(100% - 616px);}

/* productCategoryBoxes */
.productCategoryBoxes{ margin: 60px auto 30px;}
.productCategoryBoxes .contentCenter{ /*padding: 0 40px;*/ box-sizing: border-box;}
.productCategoryBoxes .category{ overflow: hidden; margin: 0 15px 30px; float: left; border-radius: 20px; position: relative; background: var(--regular-color); transition: 0.3s ease;}
.productCategoryBoxes .category:hover{ background: var(--hover-color);}
.productCategoryBoxes .category .text{ transition: 0.2s ease; position: absolute; left: 20px; bottom: -10px; color: #fff;}
.productCategoryBoxes .category .text h2{ font-size: 1.36rem; font-weight: 500; margin: 0;}
.productCategoryBoxes .category .text span{ font-size: 0.7rem; opacity: 0; color: rgba(0,0,0,0.6);}
.productCategoryBoxes .category .image{ transition: 0.3s ease;}
.productCategoryBoxes .category:hover{ transition: 0.3s ease;}
.productCategoryBoxes .category:hover .text{ bottom: 20px;}
.productCategoryBoxes .category:hover .text span{ opacity: 1;}
.productCategoryBoxes .category.c4{ width: calc(50% - 30px); aspect-ratio: 1/0.827;}
.productCategoryBoxes .category.c4:hover .image{ scale: 1.08;}
.productCategoryBoxes .category.c4 .image{ position: absolute; right: 10px; bottom: 40px; background: no-repeat center center / contain; aspect-ratio: 1/1; height: calc(100% - 60px);}
.productCategoryBoxes .category.c5{ width: calc(50% - 30px); aspect-ratio: 1/0.442;}
.productCategoryBoxes .category.c5 .image{ position: absolute; right: 80px; bottom: 0; background: no-repeat center center / contain; aspect-ratio: 383/342;  height: 100%; transform-origin: top;}
.productCategoryBoxes .category.c5:hover .image{ scale: 1.145; }
.productCategoryBoxes .category.c6,
.productCategoryBoxes .category.c7{ width: calc(25% - 30px); aspect-ratio: 1/0.71;}
.productCategoryBoxes .category.c6 .image{ position: absolute; right: 0; bottom: 0; background: no-repeat center center / contain; aspect-ratio: 170/261;  height: 100%;}
.productCategoryBoxes .category.c6:hover .image{ scale: 1.1; }
.productCategoryBoxes .category.c7 .image{ position: absolute; right: 10px; bottom: 10px; background: no-repeat center center / contain; aspect-ratio: 1/1;  height: calc(100% - 20px);}
.productCategoryBoxes .category.c7:hover .image{ scale: 1.1; }

/* instagramImages */
.instagramImages{ margin: 60px auto; text-align: center;}
.instagramImages .row{ margin: 0 -24px;}
.instagramImages .row a{ text-decoration: none; width: calc(33.3333% - 48px); float: left; display: block; margin: 0 24px; position: relative; aspect-ratio: 1/1; text-indent: -5000px; overflow: hidden; transition: 0.3s ease; background: #ccc no-repeat center center / cover;}
.instagramImages .row a:hover{ transform: scale(1.05);}

/* contactForm */
.contactForm{ margin: 60px auto; }
.contactForm form{ margin: 0 auto; width: 600px; }
.contactForm label{ display: block; font-size: 0.75rem; text-transform: uppercase; margin: 0 0 5px; color:#5c3e34;}
.contactForm input[type=text], .contactForm select, .contactForm textarea{ margin: 0 0 20px;  width: 100%; height:45px; border-radius: 4px; border: solid 1px #d3d3d3; background-color: #fff; padding: 0 10px; box-sizing: border-box; font-size: 0.75rem;}
.contactForm textarea{ resize: none; height: 155px; padding: 6px 10px; }
.contactForm .button{ padding:12px 60px;}
.g-recaptcha{ transform: scale(0.9); width: 302px; margin: 0 auto 20px;}
.divMessage{ display: none; margin: 30px 0 0;  letter-spacing: 0.65px;}
.divMessage.error{ color: #cf0000;}
.redBorder{ border-color:#cf0000 !important;}
.locationIcon{ padding: 0 0 0 48px; background: url(images/locationIcon.svg) no-repeat 0 0; margin: 20px 0 0 0;}
.phoneIcon{ padding: 0 0 0 48px; background: url(images/phoneIcon.svg) no-repeat 0 0; margin: 20px 0 0 0;}
.emailIcon{ padding: 0 0 0 48px; background: url(images/emailIcon.svg) no-repeat 0 5px; margin: 32px 0 50px 0;}
.emailIcon a,
.phoneIcon a{ text-decoration: none;}
.phoneIcon a:hover,
.emailIcon a:hover{ text-decoration: underline;}

/* breadcrumbs */
.breadcrumbs{ color: #5c3e34;}
.breadcrumbs *{ font-size: 0.7rem;}
.breadcrumbs a{ text-decoration: none;}
.breadcrumbs a:hover{ text-decoration: underline;}

/* productDetail */
.productDetail{ margin: 60px auto;}
.productDetail h1{ margin:20px 0 0;}
.productDetail h2{ font-size: 1.4rem;}
.productDetail .sizes{ margin: 5px 0 0; font-size: 0.9rem;}
.productDetail .left{ float: left; width: 40%;}
.shopifyImages{}
.shopifyImages img{ display: block; width: 100%; background: #fff; border: 1px solid #ccc;}
.shopifyImages .thumbs{ text-align: center; margin:30px 0 0 0;}
.shopifyImages .thumbs a{ background: #fff no-repeat center center / contain; border: 1px solid #ccc; display: inline-block; margin: 0 5px 5px; width: 90px; aspect-ratio: 1/1;}
.productDetail .right{ float: right; width: 60%; box-sizing: border-box; padding: 0 0 0 60px;}
.productDescription, .productIngredients{ margin: 30px 0 0 0;}
.productDetail .shopify-buy__product__actual-price { font-size: 1rem; color: #80a085; font-weight: bold; }
.productDetail .shopify-buy__option-select__label{ line-height: 40px; font-size: 1rem; text-transform: uppercase;} 
.productDetail .shopify-buy__option-select-wrapper select{ height: 40px; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; background: #fff;}

/* Screen Reader Text Styles */

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  word-wrap: normal !important;
}

/* big desktop */
@media screen and (min-width:1400px){
	.hideBigDesktop{ display: none !important;}
}

/* all desktop versions */
@media screen and (min-width:1280px){
	.mobileMenuItems{ display: none !important;}
}

/* small desktop */
@media screen and (max-width:1399px){
	body{ min-width: 1280px;}
	.contentCenter, .wooContent .woocommerce{ width: 1200px;}
	
	html{ font-size: 20px;}
	
	header .mainMenu { width: 850px;}
	.pageHeader .text { width: 600px;}
	
	.productCircles .product { width: calc(23% - 20px);}
	.textWithImage.twi3.p2 h2 span{ margin-bottom: -30px; display: block;}
	.textWithImage.twi3.p2 h2 br{ display: none;}
	footer .newsletter {  padding: 100px 75px;}
	footer .newsletter .emailContainer { width: 608px;}
	footer .newsletter form input{ width: 403px;}
	footer .left {width: 340px; padding: 230px 0 0 0;}
	footer .middle { width: 280px;}
	
	.pageHeader.p83 .text { padding: 0 0 0 563px;}
	.productCircles .product { width: calc(19% - 20px);}
	.productCircles .product .text {top: 222px;}
	.productCircles .row::before { height: 290px;}
	
	.pageHeader.p91 .text { padding: 0 0 0 543px;}	
}

/* tablet */
@media screen and (min-width:0px) and (max-width:1279px){
	.hideIpad,
	header ul.mainMenu,
	.showDesktop{ display:none !important;}
	.showIpad{ display:block !important;}
	
	body{ min-width: 810px;}
	.contentCenter, .wooContent .woocommerce{ width:780px;}
	
	html{ font-size: 18px;}
	
	footer .newsletter { padding: 60px 60px; text-align: center;}
	footer .newsletter label { width: 100%; float: none;}
	footer .newsletter .emailContainer { float: none; margin: 25px auto 0;}
	footer .left { text-align: center; float: none; margin: 0 auto;}
	footer .logo{ float: none; margin: 0 auto;}
	footer .middle ul li { float: none; width: auto; margin: 20px; display: inline-block;}
	footer .middle { width: 470px; float: none; padding: 20px; margin: 0 auto; text-align: center;}
	footer .right { float: none; width: 100%; padding: 0; margin: 0; text-align: center;}
	footer .socialLinks { float: none; padding: 40px 0 0; width: 100%; text-align: center;}
	footer .socialLinks .email {margin: 4px 0;}
			
			
	.pageHeader .text { width: 80%; text-align: center; margin: 0 auto;}
	.pageHeader.p2{ height: auto; padding: 150px 0 450px;}
	.scrollDownArrow { margin: 40px auto 0;}
	.pageHeader h1 { font-size: 3rem;}
	.pageHeader h1 span { font-size: 6rem;}
	.pageHeader.p2 .imgOverlay { background: no-repeat calc(50% - 180px) bottom / 900px auto;}
	
	.productCircles .product { width: calc(45% - 20px);}
	.productCircles .product .text{ top: 357px;}
	.productCircles .product .text h2{ font-size: 1.1rem; line-height: 1;}
	.productCircles .product .text,
	.productCircles .product .text h2 span{ font-size: 0.8rem;}
	.productCircles .row::before { height: calc(100% - 50px);}
	
	.textWithImage .text,
	.textWithImage .image{ padding: 0 20px;}
	.textWithImage h1, .textWithImage h2, .productDetail h1{ font-size: 2.2rem;}
	
	.productCategoryBoxes .category.c4,
	.productCategoryBoxes .category.c5,
	.productCategoryBoxes .category.c6,
	.productCategoryBoxes .category.c7 { width: calc(50% - 30px); aspect-ratio: 1/0.6;}
	.productCategoryBoxes .category.c5 .image{ right: -60px;}
	.productCategoryBoxes .category.c4 .image{ right: 0px; bottom: 10px; height: calc(100% - 20px);}
	
	.fullwidthText.p2.fwt3 .row img {  height: 130px;}
	
	/* mobileMenu */
	header .menuIcon{ margin:0 0 0 20px; position: relative; transition: 0.3s ease; vertical-align: middle; display: inline-block; width: 49px; height: 35px; text-indent: -5000px; overflow: hidden; float: right; cursor: pointer;}
	header .menuIcon .l1{ transition: 0.3s ease; position: absolute; left: 0; top: 0; width: 40px; height: 4px; border-radius: 2px; background: #000;}
	header .menuIcon .l2{ transition: 0.3s ease; position: absolute; left: 0; top: 15px; width: 40px; height: 4px; border-radius: 2px; background: #000;}
	header .menuIcon .l3{ transition: 0.3s ease; position: absolute; left: 0; top: 31px; width: 40px; height: 4px; border-radius: 2px; background: #000;}
	body.menuOpen header .menuIcon .l1{ left: 7px; top: 15px; transform: rotate(-45deg); width: 35px;}
	body.menuOpen header .menuIcon .l2{ opacity:0; }
	body.menuOpen header .menuIcon .l3{ left: 8px; transform: rotate(-135deg); top: 15px; width: 35px;}
	body.menuOpen .mobileMenuItems{ top: 0;}

	.mobileMenuItems{ transition: 0.4s ease; box-sizing: border-box; width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 90; text-align: center; backdrop-filter: blur(8px);}
	.mobileMenuItems .theBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #5C3E34; opacity: 0.8; z-index: 1;}
	.mobileMenuItems .displayTable{ z-index: 2; position: relative;}
	.mobileMenuItems ul{ margin: 0; padding: 0; list-style-type: none;}
	.mobileMenuItems ul li{ margin: 15px 0; }
	.mobileMenuItems a{ font-size: 1.8rem; text-decoration: none; color: #fff;}
	body.menuOpen .mobileMenuItems{ top: 0; padding: 90px 0 0 0;}
	body.menuOpen.admin-bar .mobileMenuItems{ top: 0; padding: 122px 0 0 0;}
	
	.headerIcons .cartIcon{ width: 32px; margin: -4px 0 0 0;}
	header .headerIcons{ width: 110px;}
	
	.textWithImage .flex { display: block;}
	.textWithImage .image{ margin: 0 auto 30px !important;}
	.textWithImage .text{ width: 100% !important; text-align: center;}
	
	.fullwidthText.p9.fwt0 p{ padding: 0;}
	
	.pageHeader.p83 {  background: no-repeat calc(50% - 243px) 168px / 370px auto;}
	.pageHeader.p83 .text { padding: 0 0 0 340px;  width: 55%;}
	.pageHeader h1 span { font-size: 4.5rem;}
	.pageHeader{ padding: 104px 0 0; height: 650px;}
	.textWithImage ul{ list-style-type: none; padding: 0;}
	.textWithImage ul li:before{ content: '-'; margin-right: 6px; display: inline-block;}
	
	.pageHeader.p91 .text { padding: 0 0 0 273px; width: 60%;}
	.pageHeader.p91 { background: no-repeat calc(50% - 330px) 110px / 460px auto;}
}	

/* phone */
@media screen and (min-width:0px) and (max-width:767px){
	.hideIphone,
	#wpadminbar{ display:none !important;}
	.showIphone{ display:block !important;}
	
	body{ min-width: 390px;}
	.contentCenter, .wooContent .woocommerce{ width:370px;}
	
	html{ font-size: 16px;}
	.textWithImage *, .fullwidthText *, .productDetail *{ font-size: 1rem;}
	.pageHeader h1 span { font-size: 4rem; }
	.textWithImage h1 span, .textWithImage h2 span, .fullwidthText h1 span, .fullwidthText h2 span{ font-size: 3rem;}
	.pageHeader h1, .textWithImage h1, .textWithImage h2, .productDetail h1{  font-size: 2rem;}
	.mobileMenuItems a{ font-size: 1.6rem;}
	.fullwidthText h2, .productDetail h2 {  font-size: 1.4rem; letter-spacing: 0.1em;}
	
	body.admin-bar header{ top: 0;}
	body.admin-bar{ margin: -46px 0 0;}
	header{ padding: 10px 0;}
	header .logo{ height: 50px;}
	header .headerIcons { margin: 7px 0 0 0;}
	
	
	.pageHeader .text { width: 90%;}
	.pageHeader.p2 {  padding: 100px 0 230px;}
	.pageHeader.p2 .imgOverlay { background: no-repeat calc(50% - 95px) bottom / 450px auto;}
	
	.productCircles .product { width: calc(90% - 20px);}
	
	.textWithImage .flex { display: block;}
	.textWithImage .image, .textWithImage .text{ width: 100%; padding: 0;}
	.textWithImage .text{ padding: 20px 0 0 0; text-align: center;}
	.textWithImage.twi3.p2 h2 span { margin-bottom: -10px;}
	
	 .productCategoryBoxes .category.c4, .productCategoryBoxes .category.c5, .productCategoryBoxes .category.c6, .productCategoryBoxes .category.c7 { width: calc(100% - 30px);}
	
	.instagramImages .row { margin: 0 -5px;}
	.instagramImages .row a { width: calc(33.3333% - 10px); margin: 0 5px;}
	
	.fullwidthText.p2.fwt3 .column4{ width: calc(50% - 30px);}
	.fullwidthText.p2.fwt3 .column4:nth-child(1),
	.fullwidthText.p2.fwt3 .column4:nth-child(2){ margin-bottom: 30px;}
	
	footer .newsletter { height: auto; padding: 40px 20px;}
	footer .newsletter .emailContainer {  width: 100%;}
	footer .newsletter .sendForm{ padding: 0 15px;}
	footer .newsletter form input { width: 225px;}
	footer .logo{ width: 200px; margin: 0 auto 20px;}
	footer .left {padding: 140px 0 0 0;}
	
	footer .middle { width: 100%; padding: 20px 0;}
	footer .middle ul li {  margin: 12px;}
	footer { padding: 0 0 50px;}
	
	.textWithImage.p9.twi0 .image,
	.textWithImage.p9.twi1 .image{ width: 90%;}
	.pageHeader.p83{ padding: 104px 0 260px;  height: auto; background:no-repeat calc(50% - -7px) BOTTOM / 180px auto;}
	.pageHeader.p83 .text { padding: 0;  width: 90%;}
	

	.pageHeader.p91{ padding: 104px 0 260px;  height: auto; background:no-repeat calc(50% - -7px) BOTTOM / 180px auto;}
	.pageHeader.p91 .text { padding: 0;  width: 90%;}
	
	.textWithImage.p11.twi0 .image, 
	.textWithImage.p9.twi0 .image { width: 90%; }
	.textWithImage.p11.twi0  .text{ padding: 0;}
	.contactForm form {  width: calc(100% - 50px);}
	
	.productDetail .left{ width: 100%;}
	.productDetail .right{ width: 100%; padding: 30px 0 0;}
	
	
}