/** Shopify CDN: Minification failed

Line 97:0 Unexpected "{"
Line 97:1 Expected identifier but found "%"
Line 106:0 Unexpected "{"
Line 106:1 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.hero-banner-section {
      width: 100%;
      padding: 0;
      margin: 0;
      position: relative;
      overflow: hidden;
    }

  .hero-image {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }


    .hero-image-mobile {
      display: none;
    }

    .hero-banner-overlay {
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: var(--desktop-v-align, center);
      align-items: var(--desktop-h-align, center);
      text-align: var(--desktop-h-align, center);
      padding: 20px;
      box-sizing: border-box;
    }

    .hero-banner-overlay > * {
      margin: 8px 0;
    }


    .hero-banner-overlay .hero-text-block {
      margin: 0;
      color: var(--text-color);
      font-size: var(--font-size-desktop-val);
    }

    .hero-banner-overlay h1.hero-text-block {

    }
    .hero-banner-overlay h2.hero-text-block {

    }
    .hero-banner-overlay p.hero-text-block {

    }

    .gf-hero-banner-fixed {
      text-align: center;
      margin-top: 20px;
    }

    .gf-hero-banner-fixed h3 {
      font-size: 16px;
      color: #888;
      margin-top: 10px;
    }

    @media screen and (max-width: 749px) {
      .hero-image-desktop {
        display: none;
      }
      .hero-image-mobile {
        display: block;
      }

      .hero-banner-overlay {
        justify-content: var(--mobile-v-align, center);
        align-items: var(--mobile-h-align, center);
        text-align: var(--mobile-h-align, center);
      }

      .hero-banner-overlay .hero-text-block {
        font-size: var(--font-size-mobile-val); /* Mobile font size */
      }
    }
{% if template.name == 'product' %}
@media (max-width: 480px){
  .page-width.container {
    min-height:80px;
  }
  .image--container img{
    aspect-ratio:144/11;
  }
}
{% endif %}