@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//herbalj.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//herbalj.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Albert Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Fredoka", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Fredoka", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Fredoka", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Fredoka", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Fredoka", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 25px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(52,82,239);
	--wd-alternative-color: rgb(250,186,91);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(52,82,239);
	--btn-accented-bgcolor-hover: rgb(47,74,214);
	--btn-transform: capitalize;
	--btn-font-size: 14px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(250,186,91);
	background-image: none;
}
 {
	font-family: "Albert Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
}
html .wd-checkout-steps li {
	font-size: 26px;
	text-transform: capitalize;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html table th {
	text-transform: capitalize;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,245,248);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -21px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgba(255,255,255,0.9);
	--wd-arrow-color-dis: rgb(255,255,255);
	--wd-arrow-bg: rgb(52,82,239);
	--wd-arrow-bg-hover: rgba(52,82,239,0.9);
	--wd-arrow-bg-dis: rgb(52,82,239);
	--wd-arrow-radius: 24px;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -5px;
	--wd-arrow-offset-v: 5px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgba(255,255,255,0.8);
	--wd-arrow-color-dis: rgb(255,255,255);
	--wd-arrow-bg: rgb(52,82,239);
	--wd-arrow-bg-hover: rgba(52,82,239,0.9);
	--wd-arrow-bg-dis: rgb(52,82,239);
	--wd-arrow-radius: 24px;
}
.wd-nav-scroll {
	--wd-nscroll-bg: rgba(250,186,91,0.15);
	--wd-nscroll-drag-bg: rgb(250,186,91);
	--wd-nscroll-drag-bg-hover: rgba(250,186,91,0.9);
}
.product-labels .product-label.onsale {
	background-color: rgb(250,186,91);
}
.product-labels .product-label.new {
	background-color: rgb(52,82,239);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 32px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-offset-h: 62px;
	}
	.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 32px;
	--wd-arrow-icon-size: 14px;
	}

}
:root{
--wd-container-w: 1420px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1420px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(255,255,255);
}

/* ================================
   ROOT VARIABLES
================================ */

:root{
  --hf-green:#0d6b3c;
  --hf-green-dark:#0a4f2c;
  --hf-green-soft:#eef7f1;

  --hf-text:#1e2a22;
  --hf-muted:#68756c;

  --hf-line:#dfe9e2;
  --hf-white:#ffffff;

  --hf-shadow:0 12px 40px rgba(16,42,26,.08);
  --hf-shadow-hover:0 18px 50px rgba(16,42,26,.12);

  --hf-radius:22px;
}


/* ================================
   BASE TYPOGRAPHY
================================ */

body.home{
  color:var(--hf-text);
}

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5{
  letter-spacing:-0.02em;
}

body.home p{
  color:var(--hf-muted);
  line-height:1.7;
}

body.home .elementor-button{
  border-radius:999px;
  font-weight:700;
  transition:all .25s ease;
}

body.home .elementor-button:hover{
  transform:translateY(-2px);
}


/* ================================
   ANNOUNCEMENT BAR
================================ */

.hf-announcement{
  background:linear-gradient(90deg,var(--hf-green-dark),var(--hf-green));
  color:#fff;
  text-align:center;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
}

.hf-announcement p,
.hf-announcement .elementor-widget-text-editor{
  color:#fff !important;
  margin:0;
}


/* ================================
   HERO SECTION
================================ */

.hf-hero{
  padding:48px 0 36px;

  background:
    radial-gradient(circle at top left, rgba(13,107,60,.10), transparent 30%),
    linear-gradient(180deg,#f8fbf9 0%, #ffffff 100%);

  border-radius:36px;
}

.hf-hero .elementor-container,
.hf-hero .e-con-inner{
  max-width:1240px;
}

.hf-eyebrow{
  display:inline-block;
  background:var(--hf-green-soft);
  color:var(--hf-green);
  border:1px solid #d8eadf;

  padding:8px 18px;
  border-radius:999px;

  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;

  margin-bottom:18px;
}

.hf-hero h1{
  font-size:clamp(38px,5vw,64px);
  line-height:1.02;
  margin-bottom:18px;
}

.hf-hero p{
  font-size:18px;
  max-width:760px;
}

.hf-hero .elementor-widget-button{
  display:inline-block;
  margin-right:12px;
  margin-bottom:12px;
}

.hf-hero .elementor-button{
  padding:16px 28px;
  box-shadow:0 10px 25px rgba(13,107,60,0.25);
}

.hf-hero .elementor-button:hover{
  box-shadow:0 16px 40px rgba(13,107,60,0.35);
}

.hf-ghost .elementor-button{
  background:#fff !important;
  color:var(--hf-text) !important;
  border:1px solid var(--hf-line) !important;
  box-shadow:none !important;
}

.hf-hero img{
  width:100%;
  border-radius:28px;

  box-shadow:
  0 30px 70px rgba(0,0,0,0.12),
  0 10px 30px rgba(0,0,0,0.08);
}


/* ================================
   COMMON SECTION SPACING
================================ */

.hf-trust,
.hf-categories,
.hf-bestsellers,
.hf-lifestyle,
.hf-proof{
  padding:48px 0;
}


/* ================================
   SECTION TITLE
================================ */

.hf-section-title{
  text-align:center;
  margin-bottom:30px;
}

.hf-section-title h2{
  font-size:clamp(28px,4vw,46px);
  line-height:1.08;
  margin-bottom:10px;
}

.hf-section-title p{
  max-width:680px;
  margin:0 auto;
}


/* ================================
   TRUST BOXES
================================ */

.hf-trust .elementor-icon-box-wrapper{
  background:#fff;
  border:1px solid var(--hf-line);
  border-radius:18px;

  box-shadow:var(--hf-shadow);

  padding:22px;
  height:100%;

  transition:all .25s ease;
}

.hf-trust .elementor-icon-box-wrapper:hover{
  transform:translateY(-4px);
  box-shadow:var(--hf-shadow-hover);
}

.hf-trust .elementor-icon{
  color:var(--hf-green);
}

.hf-trust .elementor-icon svg{
  fill:var(--hf-green);
}

.hf-trust .elementor-icon-box-title{
  font-size:18px;
  font-weight:700;
  margin-bottom:8px;
}

.hf-trust .elementor-icon-box-description{
  font-size:15px;
  line-height:1.7;
}


/* ================================
   CATEGORIES
================================ */

.hf-categories .elementor-widget-container{
  background:#fff;
  border-radius:22px;
  padding:16px;

  box-shadow:0 10px 30px rgba(0,0,0,0.05);

  transition:all .25s ease;
}

.hf-categories .elementor-widget-container:hover{
  transform:translateY(-6px);
}

.hf-categories img{
  border-radius:18px;
  aspect-ratio:4/3;
  object-fit:cover;
}

.hf-categories .elementor-image-box-title{
  color:var(--hf-text);
}

.hf-categories .elementor-image-box-description{
  color:var(--hf-muted);
}


/* ================================
   BEST SELLERS PRODUCTS
================================ */

.hf-bestsellers .products{
  gap:24px;
}

.hf-bestsellers ul.products li.product{

  background:#fff;
  border:1px solid var(--hf-line);

  border-radius:24px;
  overflow:hidden;

  box-shadow:var(--hf-shadow);

  padding:16px 16px 20px;

  transition:all .25s ease;
}

.hf-bestsellers ul.products li.product:hover{
  transform:translateY(-8px);
  box-shadow:var(--hf-shadow-hover);
}

.hf-bestsellers ul.products li.product img{
  border-radius:18px;
  transition:transform .35s ease;
}

.hf-bestsellers ul.products li.product:hover img{
  transform:scale(1.04);
}

.hf-bestsellers ul.products li.product .woocommerce-loop-product__title,
.hf-bestsellers ul.products li.product .wd-entities-title{
  font-size:16px;
  line-height:1.45;
  min-height:46px;
}

.hf-bestsellers ul.products li.product .price{
  font-size:18px;
  font-weight:700;
  color:var(--hf-green-dark);
  margin-top:8px;
  margin-bottom:12px;
}

.hf-bestsellers ul.products li.product .button,
.hf-bestsellers ul.products li.product .add_to_cart_button{
  width:100%;
  text-align:center;
  border-radius:999px;
  font-weight:700;
}


/* ================================
   PRODUCT SELECT (VARIABLE)
================================ */

.hf-bestsellers ul.products li.product select{

  width:100%;
  min-height:44px;

  border:1px solid var(--hf-line);
  border-radius:999px;

  padding:0 16px;

  background:#fff;
}


/* ================================
   LIFESTYLE SECTION
================================ */

.hf-lifestyle{
  background:#f7faf8;
  border-radius:36px;
  padding:80px 70px;
}

.hf-lifestyle img{
  width:100%;
  border-radius:28px;
  box-shadow:0 25px 70px rgba(0,0,0,0.10);
}

.hf-lifestyle .hf-benefit{
  background:#fff;
  border:1px solid var(--hf-line);

  border-radius:18px;

  box-shadow:var(--hf-shadow);

  padding:18px;
  margin-bottom:14px;
}

.hf-lifestyle .elementor-button{
  padding:16px 28px;
  box-shadow:0 10px 24px rgba(13,107,60,.18);
}


/* ================================
   TESTIMONIAL / PROOF
================================ */

.hf-proof .elementor-testimonial,
.hf-proof .hf-testimonial-card{

  background:#fff;
  border:1px solid var(--hf-line);

  border-radius:var(--hf-radius);

  box-shadow:var(--hf-shadow);

  padding:24px;
  height:100%;
}

.hf-proof .hf-cta-box{

  background:linear-gradient(180deg,#ffffff 0%,#f6fbf8 100%);

  border:1px solid var(--hf-line);
  border-radius:28px;

  box-shadow:var(--hf-shadow);

  padding:34px;
}

.hf-proof .elementor-button{
  padding:16px 28px;
  box-shadow:0 10px 24px rgba(13,107,60,.18);
}


/* ================================
   MOBILE
================================ */

@media (max-width:1024px){

  .hf-hero h1{
    font-size:48px;
  }

  .hf-trust,
  .hf-categories,
  .hf-bestsellers,
  .hf-lifestyle,
  .hf-proof{
    padding:40px 0;
  }

}

@media (max-width:767px){

  .hf-hero,
  .hf-trust,
  .hf-categories,
  .hf-bestsellers,
  .hf-lifestyle,
  .hf-proof{
    padding:28px 0;
  }

  .hf-hero h1{
    font-size:34px;
    line-height:1.08;
  }

  .hf-hero p{
    font-size:16px;
  }

  .hf-trust .elementor-icon-box-wrapper,
  .hf-lifestyle .hf-benefit,
  .hf-proof .hf-cta-box,
  .hf-proof .elementor-testimonial{
    padding:18px;
  }

  .hf-bestsellers ul.products li.product{
    border-radius:18px;
    padding:12px 12px 16px;
  }

  .hf-bestsellers ul.products li.product .woocommerce-loop-product__title{
    font-size:15px;
    min-height:auto;
  }

  .hf-hero .elementor-widget-button{
    display:block;
    margin-right:0;
  }

  .hf-hero .elementor-button,
  .hf-proof .elementor-button,
  .hf-lifestyle .elementor-button{
    width:100%;
    text-align:center;
  }

}



.woocommerce form.track_order {
    background: #ffffff;
    border-radius: 12px;
    padding: 28px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.05);
}

.woocommerce form.track_order input {
    border-radius: 8px;
    padding: 12px 14px;
}

.woocommerce form.track_order button {
    border-radius: 8px;
    padding: 12px 26px;
    font-weight: 600;
}

.elementor-icon-box-wrapper {
    text-align: center;
}

.elementor-icon {
    font-size: 28px;
}
.woocommerce form.track_order {
    background:#ffffff;
    border-radius:16px;
    padding:32px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.woocommerce form.track_order input {
    border-radius:10px;
    height:50px;
}

.woocommerce form.track_order button {
    border-radius:10px;
    height:50px;
    font-weight:600;
}

.elementor-icon-box-title {
    font-size:20px;
}

.elementor-icon-box-description {
    color:#6b7280;
}