/* CORE STYLES IMPORT */
@import "WBcore.css";
/* CORE STYLES CUSTOMIZATION */
#wrapper .products .products-list .product-item .item-availability.status-unavailable,
#wrapper.page-product-detail .page-content .product-second-col .product-content .product-info .product-status.status-unavailable {
  color: hsla(var(--redHS), 50%, 1);
}
/* COMPONENT FILE CUSTOMIZATION */
.container-item .componentFile a {
  --border: hsla(var(--greyHS), var(--greyL500), 0.18);
}
/* TOP NAVIGATION BAR CUSTOMIZE */
@media (max-width: 767px) {
  .top-navigation .navigation-brand a {
    height: 30px !important;
  }
}
.top-navigation.p-fixed .navigation-bar.bar-scrolled {
  --bg: hsla(var(--greyHS), var(--greyL900), 0.85);
  -moz-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.6) !important;
  -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(10px);
}
.top-navigation .navigation-mobile {
  --bg: hsla(var(--greyHS), var(--greyL900), 0.85);
  backdrop-filter: blur(10px);
}
.top-navigation .navigation-checkbox:checked ~ .navigation-mobile {
  -moz-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.6) !important;
  -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.6) !important;
}
/* Warning tab customization */
.content-warning-tab .content-wrapper:not(.content-wrapper.theme-primary):not(.content-wrapper.theme-secondary):not(.content-wrapper.theme-grey) .tab-icon .mask-icon {
  background-color: hsla(var(--primaryHS), var(--primaryL), 1);
}
/* GALLERY LIGHTBOX CUSTOMIZE */
.pswp--open {
  backdrop-filter: blur(10px);
}
.pswp__img--placeholder--blank {
  display: none !important;
}
/* HOME HERO BLOCK CUSTOMIZE */
#wrapper .hero-with-buttons .content-wrapper .hero-content {
  max-width: 100%;
  padding-left: 200px;
  padding-right: 200px;
}
@media (max-width: 1200px) {
  #wrapper .hero-with-buttons .content-wrapper .hero-content {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media (max-width: 767px) {
  #wrapper .hero-with-buttons .content-wrapper .hero-content {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
#wrapper .hero-with-buttons .content-wrapper .hero-content .content-inner {
  max-width: 720px;
  margin-left: 0rem;
  margin-right: auto;
  text-align: left;
}
@media (max-width: 767px) {
  #wrapper .hero-with-buttons .content-wrapper .hero-content .content-inner {
    margin-left: auto;
    text-align: center;
  }
}
#wrapper .hero-with-buttons .content-wrapper .hero-content .content-inner .hero-description {
  max-width: 520px;
  margin-left: 0rem;
  margin-right: auto;
}
@media (max-width: 767px) {
  #wrapper .hero-with-buttons .content-wrapper .hero-content .content-inner .hero-description {
    margin-left: auto;
  }
}
#wrapper .hero-with-buttons .content-wrapper .hero-content .hero-buttons {
  justify-content: left;
}
@media (max-width: 767px) {
  #wrapper .hero-with-buttons .content-wrapper .hero-content .hero-buttons {
    justify-content: center;
  }
}