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

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

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 13px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 13px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 12px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #20b7e4;
	--wd-alternative-color: #06afe2;
	--btn-default-bgcolor: #20b7e4;
	--btn-default-bgcolor-hover: #02aee2;
	--btn-accented-bgcolor: #20b7e4;
	--btn-accented-bgcolor-hover: #09b0e2;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #20b7e4;
	--wd-link-color-hover: #16b3e2;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://bethelmendels.com/wp-content/uploads/2020/12/newsletter-wood-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 600px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 251px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #00687f;
	background-image: none;
}
.page .wd-page-content {
	background-color: #f7f7f7;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

.elementor-pagination {
 padding-top: 20px;
}
.elementor-testimonial {
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 24px;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 20px 45px rgba(0, 0, 0, 0.20),
    0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
  position: relative;
}

.elementor-testimonial:hover {
  transform: translateY(-4px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.55),
    0 26px 52px rgba(0, 0, 0, 0.26),
    0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Text needs a touch more weight/contrast since the panel is more see-through now */
.elementor-testimonial__header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.elementor-testimonial__image img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.85);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.elementor-testimonial__name {
  font-size: 15px;
  font-weight: 700;
  color: #1F2E22;
  display: block;
  text-shadow: 0 1px 2px rgba(255,255,255,0.4);
}

.elementor-testimonial__title {
  font-size: 12px;
  color: #4A4A42;
  display: block;
  margin-top: 2px;
}

.elementor-star-rating { margin: 4px 0; }

.elementor-star-full,
.elementor-star-5,
.elementor-star-7,
.elementor-star-8 {
  color: #C9713F;
  font-size: 13px;
}

.elementor-testimonial__text {
  font-size: 14px;
  line-height: 1.6;
  color: #262620;
  font-style: italic;
  font-weight: 500;
}

.elementor-testimonial__cite {
  position: relative;
  flex: 1;
}

.elementor-testimonial__icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 26px;
  height: 26px;
}

/* Swiper nav arrows to match */
.elementor-swiper-button {
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
  color: #1F2E22;
}

.swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #1F3D2B;
}

@media (max-width: 640px) {
  .elementor-testimonial { padding: 18px; }
  .elementor-testimonial__image img { width: 40px; height: 40px; }
}
.e-n-tabs-heading {
  gap: 12px;
  flex-wrap: wrap;
}

/* Glass pill buttons (inactive) */
.e-n-tab-title {
  background: rgba(255, 255, 255, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6),
    0 8px 20px rgba(63, 208, 245, 0.14);
  color: #0E7C99 !important;
  transition: all 0.25s ease;
  padding: 16px 20px !important;
}

.e-n-tab-title:hover {
  background: rgba(255, 255, 255, 0.5) !important;
  transform: translateY(-2px);
}

/* Active tab — blue glass instead of solid black */
.e-n-tab-title[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(63,208,245,0.85) 0%, rgba(30,160,200,0.85) 100%) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    0 12px 28px rgba(63, 208, 245, 0.35);
}

/* Icon color follows text color (currentColor) */
.e-n-tab-icon svg path {
  fill: currentColor !important;
}

.e-n-tab-title-text {
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.3px;
}

/* Content panel — glass card */
.e-n-tabs-content {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 18px;
  margin-top: 16px;
  padding: 32px !important;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6),
    0 20px 45px rgba(63, 208, 245, 0.12),
    0 4px 12px rgba(0,0,0,0.06);
}

.e-n-tabs-content [role="tabpanel"] {
  padding: 0 !important;
}

/* Body text inside tabs */
.wcf--text p {
  font-size: 15px;
  line-height: 1.75;
  color: #2A2A24;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .e-n-tab-title {
    padding: 12px 14px !important;
    flex: 1 1 auto;
  }
  .e-n-tab-title-text {
    font-size: 12px !important;
  }
  .e-n-tabs-content {
    padding: 20px !important;
  }
}
/* ---- The glass card itself — no page-level background hack needed ---- */
.wd-product .product-wrapper {
  position: relative;
  background: rgba(255, 255, 255, 0.32);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.12),
    inset 0 1px 1px rgba(255, 255, 255, 0.5);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
              box-shadow 0.4s ease,
              background 0.4s ease;
}

/* Specular highlight — light sheen across the top, signature glass detail */
.wd-product .product-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Hover — glass lifts and brightens slightly, catching more light */
.wd-product:hover .product-wrapper {
  transform: translateY(-8px) scale(1.015);
  background: rgba(255, 255, 255, 0.45);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.18),
    inset 0 1px 1px rgba(255, 255, 255, 0.6);
}

/* Image area — sits inside the glass frame, kept crisp */
.wd-product .product-element-top {
  position: relative;
  z-index: 2;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  margin: 10px 10px 0;
  background: rgba(255, 255, 255, 0.4);
}

.wd-product .product-image-link img {
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.wd-product:hover .product-image-link img {
  transform: scale(1.05);
}

/* Remove default WoodMart borders that clash with the glass edge */
.products-bordered-grid-ins .wd-product {
  border: none !important;
}

/* Content area */
.wd-product .product-element-bottom {
  position: relative;
  z-index: 2;
  padding: 16px 18px 20px;
}

.wd-product .wd-entities-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #1a1a1a;
  margin-bottom: 6px;
  min-height: 38px;
}

.wd-product .wd-entities-title a {
  color: inherit;
  transition: color 0.25s ease;
}

.wd-product:hover .wd-entities-title a {
  color: #0E7C99;
}

.wd-product .price {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
}

/* Hard-scope to the Shop page only — body.woocommerce-shop is WooCommerce's own class,
   this guarantees the homepage carousel is never touched regardless of shared class names */

body.woocommerce-shop .products-bordered-grid,
body.tax-product_cat .products-bordered-grid {
  --wd-gap-lg: 26px;
  --wd-gap-sm: 16px;
  row-gap: 26px;
  column-gap: 26px;
}

body.woocommerce-shop .products-bordered-grid .wd-product,
body.tax-product_cat .products-bordered-grid .wd-product {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin-bottom: 10px;
}

body.woocommerce-shop .products-bordered-grid .wd-product .product-wrapper,
body.tax-product_cat .products-bordered-grid .wd-product .product-wrapper {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

body.woocommerce-shop .products-bordered-grid .wd-product:hover .product-wrapper,
body.tax-product_cat .products-bordered-grid .wd-product:hover .product-wrapper {
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
  transform: translateY(-3px);
}

body.woocommerce-shop .products-bordered-grid .product-element-top,
body.tax-product_cat .products-bordered-grid .product-element-top {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f7f7f7;
  margin: 0;
}

body.woocommerce-shop .products-bordered-grid .product-element-top img,
body.tax-product_cat .products-bordered-grid .product-element-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.woocommerce-shop .products-bordered-grid .wd-buttons.wd-pos-r-t,
body.tax-product_cat .products-bordered-grid .wd-buttons.wd-pos-r-t {
  top: 10px;
  right: 10px;
}

body.woocommerce-shop .products-bordered-grid .wd-action-btn a,
body.tax-product_cat .products-bordered-grid .wd-action-btn a {
  background: rgba(255,255,255,0.9);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

body.woocommerce-shop .products-bordered-grid .wd-entities-title,
body.tax-product_cat .products-bordered-grid .wd-entities-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 14px 14px 6px;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 36px;
  flex-grow: 1;
}

body.woocommerce-shop .products-bordered-grid .price,
body.tax-product_cat .products-bordered-grid .price {
  display: block;
  margin: 0 14px 12px;
  font-size: 14px;
  font-weight: 700;
  color: #1ba7cc;
}

body.woocommerce-shop .products-bordered-grid .wd-add-btn,
body.tax-product_cat .products-bordered-grid .wd-add-btn {
  position: static !important;
  opacity: 1 !important;
  margin: 0 14px 14px !important;
}

body.woocommerce-shop .products-bordered-grid .wd-add-btn a.button,
body.tax-product_cat .products-bordered-grid .wd-add-btn a.button {
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(135deg, #3fd0f5 0%, #1ba7cc 100%);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 11px 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  body.woocommerce-shop .products-bordered-grid,
  body.tax-product_cat .products-bordered-grid {
    row-gap: 16px;
    column-gap: 12px;
  }
  body.woocommerce-shop .products-bordered-grid .wd-entities-title,
  body.tax-product_cat .products-bordered-grid .wd-entities-title {
    font-size: 12px;
    margin: 10px 10px 4px;
    min-height: 32px;
  }
  body.woocommerce-shop .products-bordered-grid .price,
  body.tax-product_cat .products-bordered-grid .price {
    font-size: 13px;
    margin: 0 10px 10px;
  }
  body.woocommerce-shop .products-bordered-grid .wd-add-btn,
  body.tax-product_cat .products-bordered-grid .wd-add-btn {
    margin: 0 10px 10px !important;
  }
}
.wd-products.wd-grid-g {
  --wd-gap-lg: 28px;
}

.wd-product .wd-add-btn {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: -50px;
  opacity: 0;
  z-index: 6;
  transition: bottom 0.35s ease, opacity 0.35s ease;
}

.wd-product:hover .wd-add-btn {
  bottom: 16px;
  opacity: 1;
}

.wd-product .wd-add-btn a.button {
  width: 100%;
  text-align: center;
  background: rgba(26, 26, 26, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  padding: 12px 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.wd-product .wd-add-btn a.button:hover {
  background: rgba(63, 208, 245, 0.75);
}

.wd-product .wd-buttons.wd-pos-r-t {
  top: 12px;
  right: 12px;
  z-index: 6;
  opacity: 0;
  transform: translateX(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.wd-product:hover .wd-buttons.wd-pos-r-t {
  opacity: 1;
  transform: translateX(0);
}

.wd-product .wd-action-btn a {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .wd-product .product-wrapper {
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
  }
  .wd-product .wd-add-btn {
    position: static;
    opacity: 1;
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .wd-product .wd-entities-title {
    font-size: 13px;
    line-height: 1.35;
    margin: 8px 8px 4px;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 0;
    white-space: normal;
  }

  .wd-product .price {
    display: block;
    margin: 0 8px 8px;
    font-size: 13px;
  }

  .wd-product .product-element-bottom {
    padding: 0 0 8px;
  }

  .wd-product .product-element-top {
    margin: 6px 6px 0;
  }

  .wd-product .wd-add-btn {
    margin: 8px 8px 0;
  }

  .wd-product .wd-add-btn a.button {
    background: rgba(63, 208, 245, 0.9);
    border-radius: 30px;
    padding: 9px 0;
    font-size: 12px;
  }

  .wd-product .wd-buttons.wd-pos-r-t {
    opacity: 1;
    transform: none;
    top: 8px;
    right: 8px;
  }

  .wd-product .wd-compare-btn,
  .wd-product .quick-view {
    display: none;
  }
}@media (min-width: 1025px) {
	.article-inner {
 padding: 0px;
 box-shadow: none;
}

.whb-row.whb-general-header.whb-sticky-row.whb-without-bg.whb-border-fullwidth.whb-color-dark.whb-flex-flex-middle {
 box-shadow: none;
}

.site-content.col-lg-9.col-12.col-md-9 {
 box-shadow: rgb(167, 167, 167) 0px 0px 3px 1px;
 padding-top: 10px;
}

.widget-area.woodmart-sidebar-content {
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 box-shadow: rgb(162, 162, 162) 0px 0px 4px 1px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.article-inner {
 padding: 0px;
 box-shadow: none;
}

.whb-row.whb-general-header.whb-sticky-row.whb-without-bg.whb-border-fullwidth.whb-color-dark.whb-flex-flex-middle {
 box-shadow: none;
}

.site-content.col-lg-9.col-12.col-md-9 {
 box-shadow: rgb(167, 167, 167) 0px 0px 3px 1px;
 padding-top: 10px;
}

.widget-area.woodmart-sidebar-content {
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 box-shadow: rgb(162, 162, 162) 0px 0px 4px 1px;
}
}