/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first

**/
@font-face {
    font-family: 'Rizoma L';
    src: url('/cdn/shop/files/RizomaL-Light.eot?v=1733773229');
    src: url('/cdn/shop/files/RizomaL-Light.eot?v=1733773229') format('embedded-opentype'),
        url('/cdn/shop/files/RizomaL-Light.woff2?v=1733773249') format('woff2'),
        url('/cdn/shop/files/RizomaL-Light.woff?v=1733773228') format('woff'),
        url('/cdn/shop/files/RizomaL-Light.ttf?v=1733773228') format('truetype'),
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@import url("https://use.typekit.net/bpw6dvd.css");


@font-face {
    font-family: 'Crimson Pro';
    src: url('/cdn/shop/files/CrimsonPro-Regular.eot?v=1733773824');
    src: url('/cdn/shop/files/CrimsonPro-Regular.eot?v=1733773824') format('embedded-opentype'),
        url('/cdn/shop/files/CrimsonPro-Regular.woff2?v=1733773824') format('woff2'),
        url('/cdn/shop/files/CrimsonPro-Regular.woff?v=1733773824') format('woff'),
        url('/cdn/shop/files/CrimsonPro-Regular.ttf?v=1733773898') format('truetype'),
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Crimson Pro';
    src: url('/cdn/shop/files/CrimsonPro-Italic.eot?v=1733848369');
    src: url('/cdn/shop/files/CrimsonPro-Italic.eot?v=1733848369') format('embedded-opentype'),
        url('/cdn/shop/files/CrimsonPro-Italic.woff2?v=1733848369') format('woff2'),
        url('/cdn/shop/files/CrimsonPro-Italic.woff?v=1733848369') format('woff'),
        url('/cdn/shop/files/CrimsonPro-Italic.ttf?v=1733848369') format('truetype'),
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/* FONT STYLES */
h1, .h1, .loaded .slideshow__slide.is-selected .hero__title .animation-contents, .loaded[data-aos=hero__animation] {
  font-family: 'Rizoma L'!important;
  font-size: 50px;
  line-height: 57px;
}

h2, .h2 {
  font-family: 'Rizoma L'!important;
  font-size: 38px;
  line-height: 42px;
}

h3, .h3 {
  font-family: 'Rizoma L'!important;
  font-size: 30px;
  line-height: 45px; 
}

h4, .h4, .btn, [data-type_product_capitalize=true] .grid-product__title, .site-nav__link, .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level), .grid-product__price, .testimonials-slider__text cite, .footer__title {
  font-family: "sweet-sans-pro", sans-serif!important;
  font-size: 13px!important;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
}

p, .p, .hero__subtitle {
  font-family: "Crimson Pro", serif;
  font-size: 17px;
  line-height: 25px;
  font-style: normal;
}

.announcement-text, .announcement-link-text, .testimonials__info {
  font-family: "Crimson Pro", serif;
  font-size: 16px;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0px;
}



/* Hero image on homepage */
@media only screen and (max-width: 767px) {
  .hero__text-wrap {
    padding-left: 20px;  
    padding-right: 20px; 
    text-align: center;  
  }

  .hero__title, .hero__subtitle {
    font-size: 30px; 
    line-height: 35px; 
  }
}


/* Move the hamburger icon slightly to the left */
.site-nav__link--icon.js-drawer-open-nav {
  margin-left: 10px; 
}


/*style with purpose section*/

@media only screen and (max-width: 768px) {
  #shopify-section-template--23622246138166__rich-text {
    .page-width {
      padding-top: 20px; 
      padding-bottom: 10px; 
      padding-left: 15px;  
      padding-right: 15px; 
      text-align: center;  
    }

    .image-container {
      text-align: center;
      margin-bottom: 0px; 
    }

    .theme-block h2 {
      text-align: center;
      font-size: 24px;  
      margin-top: 0px;
      padding-left: 10px;  
      padding-right: 10px; 
    }
    .rte p {
      text-align: center;
      font-size: 17px; 
      line-height: 1.5; 
      margin-top: 0px;
      padding-left: 10px;  
      padding-right: 10px; 
    }
  }
}

/* Hotspot Mobile*/
.grid-product__image-mask, .image-wrap {
  display: block; 
  width: 100%; 
}

.grid-product__image {
  display: block; 
  margin: 0 auto; 
}

@media (max-width: 767px) {
  .grid-product__image-mask, .image-wrap {
    padding-left: 10px; 
    padding-right: 10px; 
  }

  .grid-product__image {
    margin-left: auto;
    margin-right: auto; 
    width: 100%; 
  }
}