/** Shopify CDN: Minification failed

Line 64:15 Expected identifier but found whitespace
Line 64:17 Unexpected "{"
Line 64:27 Expected ":"
Line 105:4 Unexpected "{"
Line 105:5 Expected identifier but found "%"
Line 105:31 Unexpected "{"
Line 105:32 Expected identifier but found "%"
Line 158:76 Expected identifier but found whitespace
Line 158:78 Unexpected "{"
Line 158:88 Expected ":"
... and 12 more hidden warnings

**/

/* ============================================================================
   MISC UTILITIES
============================================================================== */
.modu-link-under-cart {
    position: absolute;
    top: 250px;
    font-style: italic;
    z-index: -5;
    transform: rotate(270deg);
    right: -15px;
    font-size: 27px;
    margin: 0px;
}

@media screen and (max-width: 800px) {
    .modu-link-under-cart { display: none; }
}

.template-index .logoContainer { position: fixed; bottom: 32px; right: 36px; z-index: 101; }
.template-index .logoContainer path { fill: white; }

/* ============================================================================
   NEWSLETTER & HERO
============================================================================== */
.newsletter p { text-align: left; margin-top: 10px; margin-bottom: 10px; }
.newsletter .section-title { color: var(--black); }
.newsletter .line { width: 12px; height: 3px; border-radius: 1.5px; background-color: var(--black); }
.newsletter .input-group { position: relative; }
.newsletter .input-group .input-group__field { border-radius: 0.4rem; }
.newsletter .input-group .input-group__btn .newsletter__submit { height: 100%; }

.hero-wrapper .logoContainer { height: 100%; }
.hero-wrapper .logoContainer svg { position: absolute; height: 100%; left: calc(50% - 82.75px); }

/* Fixed invalid media query syntax here */
@media screen and (min-width: 801px) {
    .hero-wrapper .logoContainer { display: none; color: red; }
}

.text-center p { margin-left: auto; margin-right: auto; }

.btn.newsletter__submit {
    -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn.newsletter__submit:hover {
    background: {{ settings.menu_color_3 | color_to_rgb }};
    -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin-left: initial;
    margin-right: initial;
}

.newsletter .input-group__btn { color: var(--black); position: absolute; right: 15px; margin: auto; height: 3rem; }

/* ============================================================================
   GLOBAL LAYOUT & FOOTER
============================================================================== */
@media screen and (min-width: 800px) {
    .indexMain {
        transform: translateY(0px);
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        margin-top: 0px;
    }

    #shopify-section-footer {
        transform: translateY(0);
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
  
    body#challenge #shopify-section-footer { transform: translateY(0px); }
    body#challenge .footer-section { display: none !important; }
    body#challenge .main-content { min-height: 100vh; }
    body#challenge .shopify-challenge__container { margin-top: 20vh; min-height: 80vh; }
    
    body#challenge .shopify-challenge__container .shopify-challenge__button:hover {
        padding: 0.77rem 2.22rem 0.66rem;
    }
}

#contact_form { width: 100%; margin-bottom: 30px; margin-top: -10px; }
#contact-page #contact_form { margin-top: 0px !important; }

#contact > #PageContainer a svg path,
#contact > #PageContainer a svg rect {
    {% comment %} fill: white; {% endcomment %}
}

@media screen and (max-width: 800px) {
    .bottomFooter { flex-direction: column-reverse; padding: 0 25px; }
    .bottomfooter-icons { margin: 7px 0 !important; height: auto !important; max-width: 320px; width: 100%; }
    .b-corp-logo { position: unset !important; margin-top: 1rem; float: left; }
}

.site-footer { padding: 0; }
.site-footer .topFooter,
.site-footer .bottomFooter { display: flex; }

.site-footer .bottomFooter h4 { margin-top: 5px; margin-bottom: 5px; line-height: 1.25; padding-right: 10px; }

.site-footer .topFooter {
    background: var(--dark_grey);
    border-top: 1px solid var(--black);
    flex-direction: row;
    padding-top: 100px;
    padding-bottom: 80px;
}

.site-footer .topFooter h3,
.site-footer .topFooter h4 { margin-bottom: 5px; }
.site-footer .topFooter .socialIcons { margin: 20px 0px; }
.site-footer .topFooter .b-corp-logo { position: absolute; right: 3rem; bottom: 5rem; }

.site-footer svg > path, 
.site-footer svg > rect { /* fill: white; */ }

.site-footer .topFooter > div { flex: 1; }

.site-footer .bottomFooter {
    padding-top: 20px;
    padding-bottom: 17px;
    background: var(--dark_grey);
    border-top: 1px solid var(--black);
}

.site-footer .bottomFooter p { margin: 0px; }
.site-footer .bottomfooter-icons { margin: -7px 0px; height: 1.5rem; filter: brightness(0.5); }

@media only screen and (min-width: 800px) {
    .site-footer .bottomFooter h4 { padding-right: 80px; margin-bottom: 0px; margin-top: 0px; }  
}
    
.logoContainerFront { position: absolute; bottom: 8%; left: 16%; }
.logoContainerFront > svg > path { fill: white; }

/* ============================================================================
   SIDEBAR MENU DYNAMIC COLORS
============================================================================== */
.sidebar-menu > .drawer-nav__item--secondary:nth-child(1) > a:hover { color: {{ settings.submenu_color_1 | color_to_rgb }}; }
.sidebar-menu > .drawer-nav__item--secondary:nth-child(2) > a:hover { color: {{ settings.submenu_color_2 | color_to_rgb }}; }
.sidebar-menu > .drawer-nav__item--secondary:nth-child(3) > a:hover { color: {{ settings.submenu_color_3 | color_to_rgb }}; }
.sidebar-menu > .drawer-nav__item--secondary:nth-child(4) > a:hover { color: {{ settings.submenu_color_4 | color_to_rgb }}; }
.sidebar-menu > .drawer-nav__item--secondary:nth-child(5) > a:hover { color: {{ settings.submenu_color_5 | color_to_rgb }}; }

/* ============================================================================
   SLIDERS & SVG TRICKS
============================================================================== */
.special-1 .slick-list { overflow: visible; }
.special-1 .slick-list img {
    max-width: 100%;
    position: relative;
    object-fit: cover;
    aspect-ratio: 3 / 4;
    border-radius: 0.4rem;
    width: 80%;
    float: right;
}

@media screen and (max-width: 800px) {
    .special-1 .slick-list img { margin: 0px !important; }
}

.mobile-only-slider .svgContainer svg { height: 100%; width: 100%; }
.mobile-only-slider .svgContainer.oneMobile {
    animation: bubbleFloat 39s infinite linear;
    top: -40vh;
    height: 60vh;
    width: 60vh;
}
.mobile-only-slider .svgContainer.twoMobile {
    animation: tightBubbleFloat 34s infinite linear;
    bottom: 13vh;
    left: -15vw;
    height: 35vh;
    width: 35vh;
}

.mobile-only-slider h1, 
.mobile-only-slider h2.bigTitle {
    padding: 25px;
    padding-top: 7rem;
    position: absolute;
}

.mobile-only-slider .slide {
    background-size: contain;
    background-position-y: -2rem;
    margin-bottom: 6rem;
}

.mobile-only-slider .slide h2 { color: var(--black); margin-top: 130%; margin-bottom: 0; }
.mobile-only-slider .slick-dots { bottom: 5rem; }

.mobile-only-slider-blue .slick-slide > div { padding-top: 6rem; }
.mobile-only-slider-blue .slick-slide > div .slide {
    background-position: center top;
    flex-direction: column;
    justify-content: flex-end;
}
.mobile-only-slider-blue .slick-slide > div .slide img {
    width: -webkit-fill-available;
    min-height: 100vw;
    aspect-ratio: 4/5;
    object-fit: cover;
    margin: 0 25px;
    border-radius: 0.4rem;
}
.mobile-only-slider-blue .slick-slide > div .slide h2 { margin-top: 10px; margin-bottom: -30px; }

#moduLogoLink svg { transition: transform .15s ease-in-out; width: 9rem; }
#moduLogoLink:hover { opacity: 1; }
#moduLogoLink:hover svg { transform: scale(1.07); transition: transform .25s cubic-bezier(.18,.89,.32,3); }

#shopify-section-contact-background-image, 
#shopify-section-coming-soon-background {
    overflow: visible;
}

.btn.newsletter__submit, 
.btn.newsletter__submit:hover {
    padding: 10px 39px;
    line-height: 32px;
}