/** Shopify CDN: Minification failed

Line 98:9 Cannot use type selector "--active" directly after nesting selector "&"

**/
/*!*******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/scss/layout/header.scss ***!
  \*******************************************************************************/
/* Desktop (>= 990px) */
@media screen and (min-width: 990px) {

    header-menu>details {
        position: inherit;
    }

    .section-header {
        .header__submenu {
            border-radius: 24px !important;
            top: calc(100% + 10px);
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 10px 20px !important;

            .list-menu__item {
                padding: 5px 10px;
            }
        }
    }
}

.section-header {
    z-index: 9;

    .header-wrapper {
        width: 100%;
        left: 0;
        right: 0;
    }

    .menu-drawer-container {
        display: flex;
    }

    .header {
        display: grid;
        grid-template-areas: "heading navigation button";
        grid-template-columns: 1fr auto auto;
        position: sticky;
        padding: 10px 0;
        width: 100%;
        z-index: 9;
        gap: 20px;
        transition: .5s;
    }

    .header__heading {
        * {
            font-size: 1.8rem;
        }
    }

    .list-menu {
        list-style: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0px;
        padding: 0;
        margin: 0;
        line-height: normal;
    }

    nav.header__inline-menu {
        margin: 0;
    }

    summary.list-menu__item {
        padding-right: 2.7rem;
    }

    .list-menu__item {
        display: flex;
        flex-direction: row;
        align-items: center;
        line-height: normal;
        gap: 14px;
        text-decoration: none !important;
        justify-content: space-between;
        transition: .5s;

        &:hover {
            text-shadow: 0px 0px 0px #000;
        }

        &--active {
            text-shadow: 0px 0px 0px #000;
        }

        * {
            text-decoration: none !important;
        }

        .menu-item__icon {
            width: 50px;
            height: 50px;
            object-fit: contain;
            padding: 12px;
            background: #EBF3FF;
            border-radius: 16px;
        }
    }

    .header__active-menu-item {
        text-shadow: 0px 0px 0px #000;
    }

    .menu-drawer__navigation {
        padding: 0;
    }

    .menu-drawer {
        box-shadow: 0px 0px 0px 2px #EDEDF1;

        .menu-drawer__menu {
            display: flex;
            flex-direction: column;

            li {
                border-bottom: 1px solid #D8D9DF;
            }
        }
    }

    .menu-drawer__submenu {
        .menu-drawer__menu {
            justify-items: stretch;

            li {
                border-bottom: 0;
            }
        }

        .list-menu__item {
            flex-direction: column;
        }
    }

    /* Mobile (<= 989px) */
    @media (max-width: 989px) {
        .header-wrapper {
            top: 0;

            .page-width {
                padding: 0;
            }
        }

        .header {
            grid-template-areas: "heading navigation";
            grid-template-columns: auto auto;
            justify-content: space-between;
            border-radius: 0;
            padding: 5px 10px;

            .button {
                display: none;
            }
        }

        .menu-drawer__utility-links {
            .button {
                display: flex;
            }
        }
    }
}
/*!********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/scss/components/custom-class-id.scss ***!
  \********************************************************************************************/
#Sustainability {
    .block-video-mp4 {
        position: relative;

        &:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url('/cdn/shop/files/well-sustainability.svg');
            background-position: center;
            background-repeat: no-repeat;
            --logo-w: min(80%, 400px);
            background-size: var(--logo-w) auto;
        }
    }

    .block-heading {
        max-width: 400px;
    }
}

#NewsletterPromotions {
    .block-wrapper {
        
        .block-form {
            display: flex;
            align-items: center;
            flex-direction: row;
            gap: 20px 40px;

            .field {
                margin: 0;
            }

            input {
                border-color: #D8D9DF;
            }

            button[type="submit"] {
                margin-top: 0;
            }
        }
    }

    @media (max-width: 989px) {
        .shopify-block {
        &.block-wrapper {
            padding: 32px 0;
            gap: 0;

            .container {
                padding: 8px 20px;

                .block-form {
                    flex-direction: column;

                    button[type="submit"] {
                        width: 100%;
                    }
                }
            }
        }
        }
    }
}
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/index.scss ***!
  \**************************************************************************************************************/