/** Shopify CDN: Minification failed

Line 310:11 Expected identifier but found whitespace
Line 310:12 Unexpected bad string token
Line 310:56 Unterminated string token
Line 311:14 Unexpected "{"
Line 311:23 Expected ":"
Line 311:50 Unexpected "1024w"
Line 312:14 Unexpected "{"
Line 312:23 Expected ":"
Line 312:48 Expected identifier but found "600w"
Line 312:54 Unterminated string token

**/
.section-footer__content {
    align-items: flex-start;
}

.section-multitile__text ol,
.section-multitile__text ul {
    margin: 1em 2em 0.5em 2em !important;
}

.max-w-narrower {
    max-width: 980px !important;
}

.section-multitile__content ul {
    list-style: disc !important;
    padding-inline-start: 0 !important;
}

.store-locator-card__paragraph,
p.store-locator-card__paragraph,
.store-locator-card__paragraph p {
    font-size: 16.94px !important;
}

.store-locator-card__content.color-scheme-1.gradient h5 {
    margin-bottom: 20px !important;
}

.store-locator-card__content {
    justify-content: center;
}

.product-card .product-card__info .product-card__title {
    width: 100%;
    justify-content: center;
}

.product-card .product-card__info {
    align-items: center;
}

.header__nav-item.dropdown .header__nav-dropdown,
.header__nav-item.dropdown .header__nav-sublinks {
    padding: 0 !important;
}

.compare-slider__content {
    justify-content: center !important;
}

.media-position--background .content {
    gap: 20px;
}

@media screen and (min-width: 750px) {
    .announcement-bar {
        padding: 1.5rem 0 2rem 0 !important;
    }
}

.section-footer__content p em {
    font-size: 13.2px;
    line-height: 20px !important;
    float: left;
    font-style: normal;
    color: #b3b3b3;
}

.media-position--background .media {
    background-color: #000;
}

.header__card-text .card__content {
    background-color: rgba(0, 0, 0, 0.4);
}

.breadcrumbs__list>li {
    white-space: normal !important;
}

.media-position--background .media img {
    opacity: 0.7;
}

.hero-banner--full .hero__content>:first-child, .hero-banner--split .hero__content>:first-child { max-width: 1000px !important; text-align: center !important; font-size: 76px !important; 
 color: #ffffff; 
 background-image: linear-gradient(-5deg, #4d4d4d 30%, #ffffff 70%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; } 
h2.hero__heading { color: #ffffff; 
 background-image: linear-gradient(-5deg, #4d4d4d 30%, #ffffff 70%); 
 background-clip: text; 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }

.newsletter__field .field__message { color: #79c378 !important;
    font-size: 14px;
    padding: 15px;
    border: 1px solid #79c378;
    margin-top: 20px; }

.hero-banner .hero__heading em {
        font-size: 66px !important;
        font-weight: bold !important;;
    }

@media screen and (min-width: 1441px) {
    .hero-banner--30-70 {
        grid-template-columns: 40% 60% !important;
    }
}

/* 13 inch */
@media screen and (max-width: 1440px) {
html .card-slider.card-slider--testimonials.carousel-none-media { margin-top: 3em !important; }
  .hero-banner .hero__heading em {
        font-size: 54px !important; }
  html h2.hero__heading, .hero-banner--full .hero__content>:first-child, .hero-banner--split .hero__content>:first-child {
    font-size: 62px !important; max-width: 800px !important; 
}
  html .h3.section__heading { max-width: 800px !important; margin: 0 auto !important; }
.hero__content.align-center.text-center.justify-start.align-start--mobile.text-start--mobile.justify-start--mobile {
    padding-top: 4rem !important;
}
    .hero-banner--30-70 {
        grid-template-columns: 45% 55% !important;
    }

    .hero__content {
        padding: 1rem calc(var(--page-gutter)* 1) !important;
    }

    .section--social-media-highlights h2 {
        font-size: 32px !important;
    }
}

/* ipad landscape */
@media screen and (max-width: 1024px) {
    .hero-banner--30-70 {
        grid-template-columns: 50% 50% !important;
    }

    .header__nav-items {
        column-gap: 0.8rem !important;
    }


}

@media screen and (min-width: 990px) {
    .hero__subheading {
        margin-block-end: 1.8rem !important;
    }

  
}

/* ipad portrait */
@media screen and (max-width: 820px) {
.hero-banner--full .hero__content>:first-child, .hero-banner--split .hero__content>:first-child { font-size: 62px !important; max-width: 670px !important; margin: 0 auto !important;  }
.media-position--background .content { justify-content: center !important; flex-wrap: wrap !important; align-content: flex-start !important; flex-direction: row-reverse !important; }
.hero__content {  padding-top: 2em !important; padding-bottom: 2em !important; }

  .section--social-media-highlights h2 {
        font-size: 22px !important;
        margin-bottom: 15px !important;
    }
    .announcement-bar__slider:has(.announcement-bar__text-content) {
        max-width: 100% !important;
    }

    .announcement-bar {
        padding: 0.8rem 0 1.2em 0 !important;
    }

    .hero__content {
        align-items: flex-start !important;
    }

    .hero__entry {
        text-align: left !important;
    }

    /* Ensure hero banner stacks vertically */
    .hero-banner--30-70 {
        display: block !important;
        width: 100% !important;
    }

    /* Stack hero inner content and left-align it */
    .hero__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        /* Align items to the left */
        justify-content: center !important;
        width: 100% !important;
    }

    /* Left-align the main heading and add spacing */
    .hero__content h1,
    .hero__content h2,
    .hero__content h3 {
        text-align: left !important;
        /* Left-align the heading */
        margin: 0 0 2rem 0 !important;
        /* Add bottom margin for spacing */
        width: 100% !important;
    }

    /* Left-align the subheading and add spacing */
    .hero__subheading {
        text-align: left !important;
        /* Left-align the subheading */
        margin: 0 0 1.5rem 0 !important;
        /* Add bottom margin for spacing */
        display: block;
        width: 100% !important;
    }

    /* Left-align the main button and add spacing */
    .hero__content .btn {
        display: inline-block;
        margin: 0 0 1.5rem 0 !important;
        /* Add bottom margin for spacing */
        text-align: left !important;
    }

    /* Left-align the sub-button and add spacing */
    .hero__sub-button {
        display: inline-block;
        margin: 0 0 1.5rem 0 !important;
        /* Add bottom margin for spacing */
        text-align: left !important;
    }

    /* Ensure media (images/videos) fill the width */
    .media-position--background .media img {
        width: 100% !important;
        height: auto !important;
        /* Maintain aspect ratio */
    }

    nav.slide-out-menu ul li.menu-card-group .card:not(:only-of-type) {
        width: 100% !important;
    }
}

/* mobile phone */
@media screen and (max-width: 480px) {
  html .card-slider.card-slider--testimonials.carousel-none-media { margin-top: 2em !important; } 
.media-position--background .content { flex-direction: column !important; }
html h2.hero__heading {
    font-size: 42px !important
}
.hero-banner--full .hero__content>:first-child, .hero-banner--split .hero__content>:first-child { font-size: 52px !important; }
 
  .hero-banner .hero__heading em {
        font-size: 24px !important;
        line-height: 0.9;
        margin-top: 5px !important;
        display: block; }
  .section--social-media-highlights h2 {
        font-size: 32px !important;
    }
}

nav.slide-out-menu li.menu-card-group {
    flex-direction: column !important;
}

.swiper-horizontal>.swiper-pagination-bullets.hero__swiper-pagination.hero__swiper-pagination-horizontal,
.swiper-pagination-bullets.swiper-pagination-horizontal.hero__swiper-pagination.hero__swiper-pagination-horizontal {
    display: none;
}



.marquee__item svg,
.marquee__item img {
    fill: white !important;
}

.section-page-banner__text.page-banner__entry.rte.small-hide.medium-hide {
    display: none;
}
/* Ensure all images are responsive and maintain their aspect ratio */
img {
    width: 100%!important;
    height: auto;
}
img {
    /* Ensure all other images load at high resolution */
    srcset: "{{ img_url | img_url: '2048x2048' }} 2048w,
             {{ img_url | img_url: '1024x1024' }} 1024w,
             {{ img_url | img_url: '600x600' }} 600w";
}