/** Shopify CDN: Minification failed

Line 462:4 "diaplay" is not a known CSS property
Line 587:3 Expected "}" to go with "{"

**/
/* Product Collection Carousel */
.featured-collection .section-header__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 20px !important;
  color: #36454F; 
  position: relative;
  text-align: center;
  margin: 0 auto; 
  max-width: 40%; 
  gap: 15px;
}

.featured-collection .section-header__title::before,
.featured-collection .section-header__title::after {
  content: "";
  width: 80px;
  flex-grow: 1;
  height: 1px;
  background-color: #36454F; 
}


@media (min-width: 768px) and (max-width: 1024px) {
 .featured-collection .section-header__title {
      font-size: 20px;
      max-width: 60%; 
      gap: 15px; 
      white-space: nowrap;
}

.featured-collection  .section-header__title::before,
.featured-collection  .section-header__title::after {
      content: "";
      width: 100px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; 
    }
}

@media (min-width: 320px) and (max-width: 767px) {
 .featured-collection .section-header__title {
      font-size: 18px;
      max-width: 100%; 
      gap: 15px; 
      white-space: nowrap;
    }

   .featured-collection .section-header__title::before,
   .featured-collection .section-header__title::after {
      content: "";
      width: 50px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; 
      }
} 

.featured-collection .section-header {
    margin-bottom: 1.6rem;
}

/* Product Collection Carousel - View All Button */
.featured-collection .btn.view-all {
    display: flex;
    justify-content: center;
    background-color: #0B6757; 
    color: white;
    padding: 12px 24px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    margin: 10px auto !important;
    width: fit-content;
}
/* 
@media (min-width: 320px) and (max-width: 767px){
    .featured-collection .btn.view-all {
          padding: 10px 20px;
          font-size: 10px;
    }
}
 */

@media (max-width: 768px){
    .featured-collection .btn.view-all {
          padding: 10px 20px;
          font-size: 12px;
    }
  
    .featured-collection .btn.view-all:hover {
        background-color:  #0B6757;
        color:#fff;
        transition-delay: 0.25s;
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    }

 .featured-collection .grid__item.grid__item--view-all{
    display: none !important;
  }
  
}

/* @media (min-width: 768px) and (max-width: 1024px){
    .featured-collection .btn.view-all {
          padding: 10px 20px;
          font-size: 12px;
    }
  
    .featured-collection .btn.view-all:hover {
        background-color: #0B6757;
        color:#fff;
        transition-delay: 0.25s;
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    }
} */



/* Collapsible Tabs - Product Page */
.collapsible-trigger-btn{
    text-align: left !important;
}

/* Collection List Carousel */
.collection-list .section-header__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 20px !important;
  color: #36454F; 
  position: relative;
  text-align: center;
  margin: 0 auto; 
  max-width: 40%; 
  gap: 15px;
}

.collection-list .section-header__title::before,
.collection-list .section-header__title::after {
  content: "";
  width: 80px;
  flex-grow: 1;
  height: 1px;
  background-color: #36454F; 
}


@media (min-width: 768px) and (max-width: 1024px) {
.collection-list .section-header__title {
      font-size: 20px;
      max-width: 60%; 
      gap: 15px; 
      white-space: nowrap;
}

.collection-list .section-header__title::before,
.collection-list .section-header__title::after {
      content: "";
      width: 100px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; 
    }
}

@media (min-width: 320px) and (max-width: 767px) {
.collection-list .section-header__title{
      font-size: 18px;
      max-width: 100%; 
      gap: 15px; 
      white-space: nowrap;
    }

.collection-list .section-header__title::before,
.collection-list .section-header__title::after {
      content: "";
      width: 50px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; 
      }
} 

.collection-list .section-header {
    margin-bottom: 1.6rem;
}


/* Testimonial - Homepage */
.testimonial-section h2{
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 20px !important;
    color: #36454F; 
    position: relative;
    text-align: center;
    margin: 0 auto; 
    max-width: 40%; 
    gap: 15px;
}

.testimonial-section h2::before,
.testimonial-section h2::after {
    content: "";
    width: 80px;
    flex-grow: 1;
    height: 1.5px;
    background-color: #36454F; 
}

@media (min-width: 768px) and (max-width: 1024px) {
 .testimonial-section h2 {
      font-size: 20px;
      max-width: 60%; 
      gap: 15px; 
      white-space: nowrap;
}

.testimonial-section h2::before,
.testimonial-section h2::after {
      content: "";
      width: 100px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; /* Sea Green */
    }
}

.testimonial-section .section-header {
    margin-bottom: 1.6rem;
}

@media (min-width: 320px) and (max-width: 767px) {
 .testimonial-section h2 {
      font-size: 18px;
      max-width: 100%; 
      gap: 15px; 
      white-space: nowrap;
    }

   .testimonial-section h2::before,
   .testimonial-section h2::after {
      content: "";
      width: 50px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; 
      }
} 

.testimonial-section .slideshow-wrapper {
    top: auto !important;
}

.testimonial-section .testimonials-section--with-divider {
    border-top: none !important;
    border-top-color: none !important;
}

@media only screen and (min-width: 769px) {
   .testimonials-section {
        padding: 0 !important;
    }
}

/* Spacing below the collection list and overlapping while hover - Homepage */


@media (min-width: 320px) and (max-width: 767px){
.collection-item--below img {
    object-fit: cover !important;
}
}

@media (min-width: 768px) and (max-width: 1024px){
.collection-item--below img {
    object-fit: cover !important;
}
}

/* Collection List Card Title Name - Homepage */
.collection-list .collection-item__title {
    margin-top: 15px !important;
    font-size: 16px !important;
}

/* Collection Card Name in Mega Menu - Header - Homepage */
.megamenu .h5 {
    text-align: center;
}

/* Hierarchy 2 in Mega Menu - Header - Homepage */
a.site-nav__dropdown-link.child2 {
    /* display: none !important; */
  text-align: center !important;
}

.text-center .megamenu .grid {
    display: flex;
}

/* Collection Card Images in Mega Menu - Header - Homepage */
img.megamenu__collection-image.image-element {
    object-fit: cover !important;
    object-position: top !important;
    width: 100% !important;
    height: 100% !important;
   display: block !important;
}

.megamenu .site-nav__dropdown-link {
    padding-bottom: 0;
}
.megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) {
    padding-top: 0;
    margin-bottom: 10px;
}

/* Placement of logo in center - Mobile */
@media (max-width: 768px) {
.header-item.header-item--navigation.text-center {
    display: none !important;
}
  
  .site-header__logo {
    text-align: center;
  }

  .site-header__logo img {
    display: inline-block;
  }

  a.site-nav__link {
    padding: 0;
}

  a.site-nav__link {
    padding: 0;
}
  a.wishlist-hero-header-icon {
    padding: 5px !important;
}
}

@media (max-width: 1024px) {
.header-item.header-item--navigation.text-center {
    display: none !important;
}
  
  .site-header__logo {
    text-align: center;
  }

  .site-header__logo img {
    display: inline-block;
  }

    a.site-nav__link {
    padding: 5px;
}

  a.site-nav__link {
    padding: 5px;
}
  a.wishlist-hero-header-icon {
    padding: 10px !important;
}
}


/* You Make ALso Like Section - Product Page */
.recommended-products .section-header__title {
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 20px !important;
        color: #36454F; 
        position: relative;
        text-align: center;
        margin: 0 auto; 
        max-width: 40%; 
        gap: 15px;
}

.recommended-products .section-header__title::before,
.recommended-products .section-header__title::after {
      content: "";
      width: 80px;
      flex-grow: 1;
      height: 1px;
      background-color: #36454F; 
}


@media (min-width: 768px) and (max-width: 1024px) {
.recommended-products .section-header__title {
      font-size: 20px;
      max-width: 60%; 
      gap: 15px; 
      white-space: nowrap;
}

.recommended-products .section-header__title::before,
.recommended-products .section-header__title::after {
      content: "";
      width: 100px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; /* Sea Green */
    }
}

@media (min-width: 320px) and (max-width: 767px) {
 .recommended-products .section-header__title {
      font-size: 18px;
      max-width: 100%; 
      gap: 15px; 
      white-space: nowrap;
    }

   .recommended-products .section-header__title::before,
   .recommended-products .section-header__title::after {
      content: "";
      width: 50px;
      flex-grow: 1; 
      height: 1px;
      background-color: #36454F; 
      }
} 


/* Product Carousel in Mobile Screens - Home Page */
@media  only screen and (max-width: 768px){
  .grid-overflow-wrapper .grid__item{
    diaplay: inline-block;
    flex: 0 0 81vw !important;
    float: none;
    white-space: normal;
    width: 39vh !important;
    object-position: top !important;
  }
}

/* Wishlist at Product Cards - Homepage */
.wishlisthero-floating {
    position: absolute !important;
    top: auto !important;
    right:auto !important;
}

.wishlisthero-floating button svg.svg-inline--fa.fa-heart.fa-w-16.fa-1x {
    font-size: 18px !important;
}

/* Wishlist Icon at Product Cards - Product Page */

.wishlisthero-product-page-button-container button {
    font-size: 18px !important;
    width: fit-content !important;
    padding: 0.125em 0 0 !important;
}

/* Wishlist Icon In Header */
@media (max-width: 767px){
  .wishlist-hero-header-icon {
    margin-top:0 !important;
    }
}


/* Navigation Drawer alond with tabs and sub-tabs and dropdown in Mobile - Homepage */
@media (max-width: 768px){
div#NavDrawer {
    font-size: 12px !important;
}

  ul.mobile-nav__sublist {
    font-size: 14px;
}

    ul.mobile-nav__sublist button{
    display:none !important;
}


/* @media (min-width: 320px) and (max-width: 767px){
div#NavDrawer {
    font-size: 10px !important;
}

  ul.mobile-nav__sublist {
    font-size: 12px;
}

    ul.mobile-nav__sublist button{
    display:none !important;
}
}

@media (min-width: 768px) and (max-width: 1024px){
div#NavDrawer {
    font-size: 12px !important;
}

  ul.mobile-nav__sublist {
    font-size: 14px;
}

    ul.mobile-nav__sublist button{
    display:none !important;
}
} */

  #SiteHeader {
    padding: 0 !important;
}

  #SiteHeader .site-header{
    padding:0px !important;
    top: auto !important;
    bottom: auto !important;
  }

  /* Footer */
  .footer__collapsible {
    text-align: left !important;
    font-size: 1em !important;
    font-weight: 500 !important;
}

  .h4.footer__title{
    font-size: 1em !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}

  .product-single__meta {
    text-align: left !important;
}

  nav.breadcrumb {
    text-align: left !important;
}

  .product__policies.rte.small--text-center {
    text-align: left !important;
}

  button.label.collapsible-trigger.collapsible-trigger-btn.collapsible-trigger-btn--borders.collapsible--auto-height {
    font-weight: 800;
    letter-spacing:1px !important;
}

  .collapsible-content__inner.rte {
    padding-left: 10px !important;
}

  .collapsible-content__inner .rte p{
    margin-bottom: 0px !important;
  }