/* Minification failed. Returning unminified contents.
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(42,17): run-time error CSS1039: Token not allowed after unary operator: '-color-brand'
(46,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(55,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(61,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(71,41): run-time error CSS1046: Expect comma, found '0'
(71,45): run-time error CSS1046: Expect comma, found '/'
(85,25): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(97,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(101,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(105,28): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(109,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(113,41): run-time error CSS1046: Expect comma, found '0'
(113,45): run-time error CSS1046: Expect comma, found '/'
(125,24): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(129,24): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(133,28): run-time error CSS1039: Token not allowed after unary operator: '-color-masthead'
(134,24): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(155,28): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-color-page'
(165,32): run-time error CSS1039: Token not allowed after unary operator: '-color-masthead'
(169,32): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(173,32): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
(177,32): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight'
 */
@font-face {
    font-family: "aktiv-grotesk";
    src: url("https://use.typekit.net/af/ab3e12/000000000000000077359d4f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ab3e12/000000000000000077359d4f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ab3e12/000000000000000077359d4f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "aktiv-grotesk";
    src: url("https://use.typekit.net/af/a798a9/000000000000000077359d55/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/a798a9/000000000000000077359d55/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/a798a9/000000000000000077359d55/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

:root {
    --color-masthead: #d5e7d0;
    --color-page: #d5e7d0;
    --color-highlight: #516B49;
    --color-text: #333333;
    --color-cream: #7aa06f;
}

:root {
    --color-background: #d5e7d0;
    --color-brand: #7aa06f;
    --color-brand-text: #fff;
    --color-orange: #7aa06f;
    --color-brand-text-inverse: #7aa06f;
    --color-promotion: #7aa06f;
    --color-menu-background: #d5e7d0;
    --color-masthead-background: #d5e7d0;
    --color-nav-background: #d5e7d0;
    --color-masthead-text: #7aa06f;
    --color-category-text: #7aa06f;
    --color-nav-text: #000;
}

#menu-toolbar {
    background-color: var(--color-background);
    color: var(--color-brand);
}

html, body, #home-page, #app {
    background: var(--color-background);
}


#backdrop:after {
    content: none;
}

html, #backdrop{
    background: var(--color-background);
}

body {
    font-family: 'aktiv-grotesk', sans-serif;
    font-weight: 400 !important;
    color: var(--color-text);
    overflow-y: scroll;
}


#home-page{
    background-color: transparent;
}

.category-data > image-viewer > .tillex-image-frame {
    box-shadow: 0px 22px 24px 0px rgb(0 0 0 / 8%);
    border-radius: 6px;
    overflow: hidden;
}

.opening-info{
    display: none;
}

.navbar-expand-sm .navbar-nav .nav-link{
    font-weight: 400;
}

.nav-item, .nav-item a{
     border-color: var(--color-highlight);
}

.menu-address {
    display: none;
}

#marketing-question.legal-question > .custom:last-child:before {
    content: "Tick this box if you would like to receive marketing offers and promotions from My Refill Life via email. You can opt out at any time, and we promise never to sell your details to other businesses.";
}

.category-container .category-data{
    color: var(--color-highlight);
}

.current-delivery-address:before, .current-delivery-time:before {
    color: var(--color-highlight);
}

.cart-checkout-button, .brand-box {
    background-color: var(--color-highlight);
}

.tag{
    color: var(--color-highlight);
}

.category .item {
    box-shadow: 0px 22px 24px 0px rgb(0 0 0 / 8%);
}

.masthead-logo .logo {
    width: 80px;
    height: 80px;
    cursor: pointer;
    background-size: 100% 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 194.92 194.92"><defs><style>.cls-1{fill:%2379a06e;}.cls-2{fill:%2365b2e8;}.cls-3{fill:%23fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="97.46" cy="97.46" r="97.46"/><path class="cls-2" d="M105,37.77c0-.21,0-.44,0-.66a9.16,9.16,0,0,0-1.14-3.41c-.52-1-1-1.78-1.58-2.67a38.75,38.75,0,0,1-3.17-5.9,20.83,20.83,0,0,1-1.76-5.33A24.16,24.16,0,0,1,95.84,25a40.91,40.91,0,0,1-3.21,6c-.55.88-1.06,1.72-1.59,2.67a9,9,0,0,0-1.13,3.41c0,.22,0,.45,0,.66a7.59,7.59,0,1,0,15.17,0Z"/><path class="cls-3" d="M169.46,72.5a33.74,33.74,0,0,0-9.13-20.08c-8.77-9.26-19.75-12.93-32.65-10.89C115.86,43.41,107,50.08,101.37,61.4l-.05.11c-2.13,5.52-1.52,12.16-.63,16.76s2.5,9.28,3.63,10.68c.13.16.26.33.41.54a11.08,11.08,0,0,0,1.13,1.35,9.63,9.63,0,0,1,2.8,4.43,11.36,11.36,0,0,1,.44,2.89c0,5.6,0,22.44,0,30.54v3.45c0,.59-.17.76-.76.76H86.55c-.59,0-.76-.17-.76-.76v-3.46c0-8.09,0-24.94,0-30.53a11.82,11.82,0,0,1,.44-2.89,9.74,9.74,0,0,1,2.81-4.43,11.27,11.27,0,0,0,1.12-1.35q.21-.28.42-.54c1.13-1.4,2.76-6.19,3.62-10.68s1.5-11.24-.64-16.79l0-.12c-5.63-11.28-14.47-18-26.29-19.83-12.91-2-23.89,1.63-32.65,10.89A33.75,33.75,0,0,0,25.45,72.5,46,46,0,0,0,27,90.38a51.91,51.91,0,0,0,8.07,16C40,113.05,46,118.85,51.73,124.11c3.56,3.26,6.84,6.11,10,8.86,4.1,3.55,8,6.9,12.36,11.06a135.6,135.6,0,0,1,14.57,16.32l8.78,10.9,8.79-10.92A137.7,137.7,0,0,1,120.8,144c4.39-4.15,8.26-7.5,12.37-11.06,3.17-2.74,6.45-5.59,10-8.85,5.75-5.26,11.75-11.06,16.65-17.77a51.88,51.88,0,0,0,8.06-16A45.83,45.83,0,0,0,169.46,72.5ZM83,94.41a14.69,14.69,0,0,0-.55,3.72c0,5.28,0,20.47,0,29.55v4.47a3.9,3.9,0,0,0,4.1,4.11h21.81a3.91,3.91,0,0,0,4.11-4.11V128.7c0-8.1,0-25,0-30.57a14.74,14.74,0,0,0-.56-3.72,12.92,12.92,0,0,0-3.69-6,8.45,8.45,0,0,1-.8-1q-.23-.32-.48-.63c-1.06-1.32-5.88-15.24-2.52-24,5.12-10.24,13.13-16.29,23.8-18,11.74-1.86,21.74,1.46,29.7,9.88a30.45,30.45,0,0,1,8.24,18.13,42.7,42.7,0,0,1-1.45,16.59,49,49,0,0,1-7.56,14.93c-4.73,6.47-10.58,12.13-16.21,17.28-3.52,3.22-6.78,6-10,8.8-4.13,3.58-8,7-12.46,11.15a140.34,140.34,0,0,0-15,16.75L97.46,166l-6.12-7.68A139.61,139.61,0,0,0,76.41,141.6C72,137.39,68.07,134,63.93,130.43c-3.16-2.73-6.42-5.56-9.94-8.78-5.62-5.15-11.48-10.81-16.2-17.28a48.61,48.61,0,0,1-7.56-14.93,42.7,42.7,0,0,1-1.45-16.59A30.4,30.4,0,0,1,37,54.72c6.53-6.9,14.42-10.38,23.53-10.38a38.63,38.63,0,0,1,6.16.5c10.68,1.69,18.69,7.74,23.78,17.91,3.38,8.86-1.43,22.78-2.5,24.1l-.49.64a9.21,9.21,0,0,1-.78,1A13,13,0,0,0,83,94.41Z"/></g></g></svg>');
}

.masthead-info {
    border-color: var(--color-highlight);
}

.masthead-nav {
    border-color: var(--color-highlight);
}

.category-nav {
    background-color: var(--color-masthead);
    border-color: var(--color-highlight);
}

.tx-description em{
    background-color: transparent !important;
}

.tx-description a{
    color: #fff;
    text-decoration: underline;
}

.tx-description li{
    padding-bottom: 1em;
}

.tx-description * {
    background-color: transparent !important;
}

.modifier-category-data {
    background-color: var(--color-highlight);
    color: var(--color-page);
}

.jumbo {
    display: none;
}

@media screen and (min-width: 769px) {
    #menu-article::-webkit-scrollbar-track, .page-container-scroller::-webkit-scrollbar-track {
        background-color: var(--color-masthead);
    }

    .miller-form-body::-webkit-scrollbar-thumb {
        background-color: var(--color-highlight);
    }

    .cart-scroll-container::-webkit-scrollbar-thumb {
        background-color: var(--color-highlight);
    }

    #menu-article::-webkit-scrollbar-thumb, .page-container-scroller::-webkit-scrollbar-thumb {
        background-color: var(--color-highlight);
    }
}

@media screen and (max-width: 1440px) {
    .masthead-logo .logo {
        margin-left: -8px;
    }

}

@media screen and (max-width: 576px) {
    body {
        font-size: 14px;
    }

    .masthead-nav {
        font-size: 0.8em;
    }

    .masthead-logo > .custom:last-child{
        display: none;
    }

    .masthead-logo .logo {
        width: 50px;
        height: 50px;
        margin-left: -2px;
    }

    .masthead-panel2{
        margin-bottom: 0.5rem;
    }

    .masthead-nav-container.container {
        padding: 0.25rem 10px;
        font-size: 1em;
    }

    .category-nav-container {
        width: 100%;
    }
}

.masthead-logo .logo {
    filter: none;
}

.numeric, .cart-checkout-button > .custom:first-child {
    font-family: 'aktiv-grotesk', sans-serif;
}

.tx-description strong, .linked-item-description span, .linked-item-description strong {
    background-color: transparent !important;
}

@media screen and (max-width: 576px) {
    body {
        font-size: 16px;
    }

}