/*
Theme Name:   Bacola Child
 Theme URI:    http://klbtheme.com/bacola/
 Description:  Bacola Child Theme
 Author:       KlbTheme
 Author URI:   http://themeforest.net/user/KlbTheme
 Template:     bacola
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bacola-child
*/

:root {
  --font-primary: "Roboto", Arial, sans-serif;
  --font-secondary: "Roboto", Arial, sans-serif;
  --theme-body-font: "Roboto", Arial, sans-serif;
  --theme-heading-font: "Roboto", Arial, sans-serif;
  --theme-product-price-font: "Roboto", Arial, sans-serif;
  --theme-product-name-font: "Roboto", Arial, sans-serif;
  --theme-topbar-font: "Roboto", Arial, sans-serif;
  --theme-main-menu-font: "Roboto", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: "Roboto", Arial, sans-serif;
}

/* Match the wide Bacola Home 1 presentation used by the reference demo. */
@media screen and (min-width: 75rem) {
  .container,
  .elementor-section.elementor-section-boxed > .elementor-container {
    width: calc(100% - 6rem) !important;
    max-width: 91.0625rem !important;
  }

  .site-header .header-main .container {
    min-height: 4.375rem;
  }

  .site-header .header-top .container {
    min-height: 3.125rem;
  }

  .site-header .header-main .site-brand {
    min-width: 15rem;
  }

  .site-header .header-main .column-center {
    flex: 1;
  }

  .site-header .header-main .header-search {
    flex: 1;
  }

  .site-header .header-nav .container {
    min-height: 5rem;
    align-items: center;
  }

  .site-header .header-nav {
    margin-top: -1.25rem;
  }

  .site-header .header-nav .all-categories {
    flex: 0 0 270px;
    width: 270px;
    margin-right: 3rem;
    top: 5px;
  }

  .site-header .header-nav .all-categories > a,
  .site-header .header-nav .all-categories .dropdown-categories {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .site-header .header-nav .all-categories > a::after {
    margin-left: auto;
  }

  .site-header .header-nav .primary-menu {
    flex: 1;
  }

  /* Keep equal breathing room above and to the left of the active hero slide. */
  .home .elementor-element.elementor-element-a406213 {
    padding-top: 5px !important;
  }

  .home .elementor-element.elementor-element-b471779 {
    width: 22.5% !important;
  }

  .home .elementor-element.elementor-element-c4ab63a {
    width: 77.5% !important;
  }

  /* Align the products section with the hero banner's left edge. */
  .home .elementor-element.elementor-element-80d9e2d {
    width: 22% !important;
  }

  .home .elementor-element.elementor-element-9a40b7e {
    width: 78% !important;
  }

  .site-header .header-nav .primary-menu > .menu {
    justify-content: space-between;
    margin-left: 0;
  }

  .site-header .header-nav .primary-menu .menu > li + li {
    margin-left: 1rem;
  }

  .site-header .all-categories .dropdown-categories {
    top: calc(100% + .625rem);
  }
}

/* Render the first hero immediately if the carousel takes a moment to boot. */
.module-slider .slider-wrapper:not(.slider-loaded) .site-slider {
  max-height: none;
  opacity: 1;
  visibility: visible;
}

.module-slider .slider-wrapper:not(.slider-loaded) .site-slider > div:not(:first-child) {
  display: none;
}

.module-slider .slider-wrapper:not(.slider-loaded) > .preloader {
  display: none;
}

/* Keep the database-driven home hero at the compact reference height. */
.home .elementor-element.elementor-element-a406213 > .elementor-container {
  min-height: 410px !important;
}

.home .elementor-element-c4ab63a .module-slider,
.home .elementor-element-c4ab63a .module-slider .module-body,
.home .elementor-element-c4ab63a .module-slider .slider-wrapper,
.home .elementor-element-c4ab63a .module-slider .site-slider,
.home .elementor-element-c4ab63a .module-slider .slick-list,
.home .elementor-element-c4ab63a .module-slider .slick-track,
.home .elementor-element-c4ab63a .module-slider .slick-slide,
.home .elementor-element-c4ab63a .module-slider .slick-slide > div,
.home .elementor-element-c4ab63a .module-slider .slider-item {
  height: 410px !important;
  min-height: 410px !important;
}

.home .elementor-element-c4ab63a .module-slider .image-wrapper,
.home .elementor-element-c4ab63a .module-slider .image-wrapper img {
  width: 100%;
  height: 100%;
}

.home .elementor-element-c4ab63a .module-slider .image-wrapper img {
  object-fit: cover;
}

.home .elementor-element-c4ab63a .module-slider .content-description,
.home .elementor-element-c4ab63a .module-slider .entry-title,
.home .elementor-element-c4ab63a .module-slider .content-text {
  -webkit-text-stroke: .5px #e5e7eb;
  paint-order: stroke fill;
  text-shadow:
    -1px 0 #e5e7eb,
    0 1px #e5e7eb,
    1px 0 #e5e7eb,
    0 -1px #e5e7eb;
}

@media screen and (min-width: 64rem) {
  .home .elementor-element-c4ab63a .module-slider .content-wrapper {
    top: 50%;
    padding: 0 5rem;
    transform: translateY(-50%);
  }

  .home .elementor-element-c4ab63a .module-slider .content-header,
  .home .elementor-element-c4ab63a .module-slider .content-main {
    margin-bottom: .75rem;
  }

  .home .elementor-element-c4ab63a .module-slider .content-main .entry-title {
    margin-bottom: .35rem;
    font-size: 2.35rem;
    line-height: 1.2;
  }

  .home .elementor-element-c4ab63a .module-slider .button {
    margin-top: .625rem;
  }
}

.site-header .header-top .header-switchers .menu > li > a::after {
  content: "\e8c5";
  font-family: "klbtheme";
  font-size: .625rem;
  margin-left: .375rem;
}

.store-notice.charmont-dismissible-notice {
  position: relative !important;
}

.store-notice.charmont-dismissible-notice .container {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.charmont-dismissible-notice[hidden] {
  display: none !important;
}

.store-notice.charmont-dismissible-notice .charmont-notice-dismiss {
  position: absolute;
  top: 50% !important;
  right: 1rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: transparent;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%) !important;
  z-index: 2;
  opacity: .8;
}

.site-header .header-top .topbar-notice {
  display: none !important;
}

.site-header .all-categories > a .description {
  display: none !important;
}

.site-header .header-main .site-brand .desktop-logo {
  width: 230px;
  height: auto !important;
}

@media screen and (min-width: 75rem) {
  .site-header .header-main.header-wrapper {
    padding-top: 0 !important;
  }
}

.site-header .header-main .site-brand .mobile-logo {
  width: 120px;
  height: auto !important;
}

.site-canvas .site-brand img {
  width: 180px;
  height: auto;
}

.charmont-notice-dismiss:hover,
.charmont-notice-dismiss:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .14);
  opacity: 1;
  outline: 2px solid rgba(255, 255, 255, .7);
  outline-offset: 1px;
}

/* Database-backed storefront product cards. */
.charmont-product-card {
  height: 100%;
  background: #fff;
}

.charmont-product-card .thumbnail-wrapper {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: .875rem;
}

.charmont-product-card .thumbnail-wrapper > a,
.charmont-product-card .thumbnail-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
}

.charmont-product-card .thumbnail-wrapper img {
  object-fit: cover;
}

.charmont-product-card .product-badges .onsale {
  color: #fff;
  background: #ef4444;
}

.charmont-product-card .product-badges {
  top: 1.75rem;
  left: 1.75rem;
}

.charmont-product-card .content-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-top: -.6875rem;
  padding-top: 0;
}

.charmont-product-card .product-title {
  display: -webkit-box;
  min-height: 2.75rem;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.charmont-product-card .product-title a {
  color: #1769d2;
}

.charmont-product-card .charmont-card-row {
  min-height: 1.35rem;
  color: #8b8b8b;
  font-size: .875rem;
  line-height: 1.35rem;
  white-space: nowrap;
}

.charmont-product-card .charmont-card-row + .charmont-card-row {
  margin-top: .025rem;
}

.charmont-product-card .charmont-rating-row {
  color: #202435;
}

.charmont-product-card .charmont-rating-stars {
  margin-left: .3rem;
  color: #f6b900;
  letter-spacing: .05rem;
}

.charmont-product-card .charmont-card-prices {
  display: flex;
  align-items: baseline;
  min-height: 1.75rem;
  margin-top: .5rem;
  gap: .65rem;
  white-space: nowrap;
}

.charmont-product-card .charmont-old-price {
  display: inline-block;
  min-width: 5.5rem;
  color: #c2c2d3;
  font-size: .85rem;
  font-weight: 600;
  text-decoration: line-through;
}

.charmont-product-card .charmont-card-price {
  color: #ed174a;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.charmont-product-card .charmont-card-price .woocommerce-Price-amount,
.charmont-product-card .charmont-card-price .woocommerce-Price-currencySymbol {
  color: inherit;
}

.charmont-product-card .product-button-group {
  margin-top: .6rem;
}

.charmont-product-card .product-button-group a.button {
  border-color: #2bbef9 !important;
  color: #fff !important;
  background-color: #2bbef9 !important;
}

.charmont-product-card .product-button-group a.button:hover,
.charmont-product-card .product-button-group a.button:focus-visible {
  border-color: #2bbef9 !important;
  color: #2bbef9 !important;
  background-color: #fff !important;
}

.module-hot-product .charmont-product-card .product-button-group {
  width: 12rem;
  max-width: 100%;
}

.module-hot-product .charmont-product-card .product-button-group a.button {
  width: 12rem;
  max-width: 100%;
}

@media screen and (min-width: 48rem) {
  .module-hot-product .hot-product {
    display: flex;
    flex-flow: row nowrap;
  }

  .module-hot-product .hot-product > .product {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }

  .module-hot-product .hot-product > .product + .product {
    padding-left: 1.25rem;
    border-left: 1px solid var(--color-border-light);
  }
}

@media screen and (min-width: 64rem) {
  .module-hot-product .hot-product .charmont-product-card .content-wrapper {
    margin-top: 1.25rem;
  }
}

.elementor-element-b8af8d6 .price del {
  display: none;
}