/* 190720 temp fixes */
[class^=wps-] button {
    font-family: 'foundersgroteskx-cndweb-bld';
    font-size: 24px;
}

#section-halo-list a .post-item.img-height img {
    max-width: 80%;
    margin: 10% 0 0 0;
}

/* NICD */
#elementor-popup-modal-3908 {
    background-color: rgba(245,166,214, .95) !important;
}

    #elementor-popup-modal-3908 .dialog-widget-content {
        box-shadow: none !important;
        background-color: transparent;
    }

.nicd_headline, .elementor-widget-heading .elementor-heading-title {
    font-family: 'FoundersGroteskX-CndWeb-Bld' !important;
}

.elementor-text-editor {
    font-family: 'Founders Grotesk Light' !important;
}

    .elementor-text-editor span.fg-med {
        font-family: 'Founders Grotesk Medium' !important;
    }

    .elementor-text-editor span.free {
        font-family: 'FreightMicro Pro Bold Italic' !important;
        line-height: 0;
    }

#nicd-col2 {
    max-width: 800px;
}

    #nicd-col2 .nicd_bodyText {
        max-width: 625px;
    }

.elementor-text-editor span.ncid_avail {
    font-family: 'FoundersGroteskX-CndWeb-Bld' !important;
    text-transform: uppercase;
    color: #C6326E;
    font-size: 75%;
    letter-spacing: 1px;
    padding-top: 2px;
}

.elementor a {
    color: #372F2B;
    font-family: 'Founders Grotesk Semibold';
    line-height: 14px;
}

.elementor-text-editor span.ncid_city {
    font-family: 'FoundersGroteskX-CndWeb-Bld' !important;
    color: #ffffff;
    font-size: 64px;
    line-height: 1px;
    padding-top: 5px;
    letter-spacing: .25px;
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #nicd-col2 {
        transform: scale(.9);
        margin-left: -2.5%;
        margin-top: 4%;
        width: 800px;
    }

    .elementor-3082 .elementor-element.elementor-element-2d385c0 > .elementor-container {
        margin-top: -10%;
    }

    .elementor-row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .elementor-text-editor {
        font-size: 75%;
        line-height: 27px;
        margin-top: -10px;
    }

    #nicd-asterisk .elementor-text-editor {
        padding: 0;
        line-height: 10px;
        font-size: 85%;
        margin-top: -15px;
    }

    #nicd-swipe {
        padding-top: 100px;
    }

    .elementor-element.elementor-element-ad9e484 {
        margin: 0px;
        padding-top: 100px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .elementor-row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .elementor-3082 .elementor-element.elementor-element-5d579a6 {
        width: 45%;
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .nicd_headline, .elementor-widget-heading .elementor-heading-title {
    }

    #nicd-col2 {
        transform: scale(.75);
        min-width: 500px;
        max-width: 600px;
        position: absolute;
        top: -25px;
        right: -2.5%;
    }

    .elementor-3082 .elementor-element.elementor-element-0d46de2 {
        top: 19px;
    }

    body:not(.rtl) .elementor-3082 .elementor-element.elementor-element-0d46de2 {
        left: 345px;
    }

    .elementor-3082 .elementor-element.elementor-element-6a74cd5 > .elementor-widget-container {
        padding: 32px 0px 32px 10px;
    }

    .elementor-3082 .elementor-element.elementor-element-d1b91fa.elementor-widget-heading .elementor-heading-title {
        padding-left: 10px;
    }

    .elementor-text-editor span.ncid_city {
        font-size: 44px;
        letter-spacing: 1px;
    }

    .elementor-text-editor span.ncid_avail {
        font-size: 50%;
    }

    .elementor-3082 .elementor-element.elementor-element-b01aa9c > .elementor-widget-container {
        padding: 40px 31px 19px 32px;
    }

    .elementor-3082 .elementor-element.elementor-element-d5dd922 > .elementor-element-populated {
        padding-top: 5%;
    }

    body:not(.rtl) .elementor-3082 .elementor-element.elementor-element-7369a33 {
        left: -346px;
    }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
    .elementor-text-editor span.ncid_avail {
        font-size: 50%;
    }

    .elementor-text-editor span.ncid_city {
        font-size: 200%;
    }

    .elementor-text-editor {
        font-size: 85%;
    }

    .elementor-3082 .elementor-element.elementor-element-ad9e484 > .elementor-container {
        padding: 3%;
    }

    .elementor-3082 .elementor-element.elementor-element-9277c8a .elementor-text-editor {
        line-height: 27px;
    }

    p {
        margin-bottom: 0rem;
    }

    .elementor-3082 .elementor-element.elementor-element-487a0e1 > .elementor-widget-container, .elementor-3082 .elementor-element.elementor-element-9068390 > .elementor-widget-container, .elementor-3082 .elementor-element.elementor-element-b01aa9c > .elementor-widget-container, .elementor-3082 .elementor-element.elementor-element-5a2cdb3 > .elementor-widget-container, .elementor-3082 .elementor-element.elementor-element-a6f2459 > .elementor-widget-container {
        padding: 40px 31px 19px 32px
    }
}

.wp-image-3635, .wp-image-3637, .wp-image-3638, .wp-image-3639 {
    position: ABSOLUTE;
    width: 30px;
    top: 10%;
    right: -10px;
}

.wp-image-3644 {
    position: ABSOLUTE;
    width: 60px;
    top: 23px;
    right: -23px;
}

/* PDP PREV NEXT FLAV2 */
/* PDP PREV NEXT FLAV */
/* PDP PREV NEXT FLAV */

.flav_nav_wrap {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0px;
    top: 0;
    list-style-type: none;
    pointer-events: none;
    z-index: 5;
}

.prev_flav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    text-align: left;
    pointer-events: all;
}

.next_flav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    text-align: right;
    pointer-events: all;
}

.flav_nav_wrap a {
    font-family: 'Founders Grotesk Bold';
    font-size: 80%;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: #ffffff;
}

    .flav_nav_wrap a:hover {
        text-decoration: none;
    }

.flav_nav_wrap li {
    padding: 2px 10px;
}
/* ———————————————————————— */

/* Global Nav */
/* Global Nav */
/* Global Nav */
span.cart-counter {
    color: #d7176f !important;
    font-family: 'Founders Grotesk Bold';
}
/* ———————————————————————— */

/* Global Footer */
/* Global Footer */
/* Global Footer */
.newsletter-container.open-card .form-action {
    padding: 35px 30px 25px 30px;
}

    .newsletter-container.open-card .form-action .row.mt-30 {
        margin-top: 0px;
    }
/* ———————————————————————— */

.home .main-wrap #header-wrapper .page-banner {
    margin-top: 116px;
    padding-top: 0;
}

.home #header-wrapper .page-banner .slide-item {
    min-height: 1px!important;
}

.main-wrap #header-wrapper .header-top {
    padding: 10px 33px 0px 33px;
}

#header-wrapper .wrap-nav {
    height: 110px;
    position: fixed;
}

/* Carousel >1200px */
#header-wrapper .page-banner .slide-item .banner-caption.left {
    left: 10%;
    top: 12%;
}
#header-wrapper .page-banner .slide-item.all-new .banner-caption.center {
    left: 30%;
    top: 20%;
    text-align: center;
}
#header-wrapper .page-banner .slide-item.all-new .banner-caption.center .small {
    font-size: 60px;
    line-height: 100px;
    font-weight: lighter;
}
#header-wrapper .page-banner .slide-item.all-new .banner-caption.center .medium.bold {
    font-size: 120px;
    font-weight: bold;
    line-height: 60px;
    text-transform: none;
}

#header-wrapper .page-banner .slide-item.pops .banner-caption.center {
    left: 10%;
    top: 0;
}
#header-wrapper .page-banner .slide-item.fruit .banner-caption.center {
    left: 25%;
    top: 5%;
}
#header-wrapper .page-banner .slide-item.base .banner-caption.center {
    text-align: center;
}
    #header-wrapper .page-banner .slide-item.base .banner-caption.center span {
        text-align: center;
    }
#header-wrapper .page-banner .slide-item.fruit .banner-caption.center span {
    color: #58ba49;
}
#header-wrapper .page-banner .slide-item.dairy .banner-caption.center span {
    color: #c76b14;
}

#header-wrapper .page-banner .slide-item.base.dairy .banner-caption.center span.highlighted-word {
    color: #bd942a;
}
#header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
    left: 25%;
    top: 0;
}
#header-wrapper .page-banner .slide-item.keto .banner-caption.center {
    left: 25%;
    top: 0;
}
    #header-wrapper .page-banner .slide-item.base .banner-caption.center span {
        text-transform: uppercase;
        font-size: 126px;
        line-height: 100px;
        margin-bottom: 0;
        font-family: "FoundersGroteskX-CndWeb-Bld", Arial;
        display: contents;
    }
    #header-wrapper .page-banner .slide-item.keto .banner-caption.center span {
        left: 25%;
        top: 0;
        color: #966a4f;
    }
        #header-wrapper .page-banner .slide-item.base .banner-caption.center span.highlighted-word {
            padding-right: 20px;
            font-size: 146px;
        }
        #header-wrapper .page-banner .slide-item.keto .banner-caption.center span.highlighted-word {
            left: 25%;
            top: 0;
            padding-right: 20px;
            font-size: 146px;
            color: #fdf5e0;
        }
#header-wrapper .page-banner .slide-item.pops .banner-caption.center span {
    left: 25%;
    top: 0;
    font-size: 146px;
    color: #ffffff;
}
#header-wrapper .page-banner .slide-item.base .banner-caption.center span.highlighted-word {
    left: 25%;
    top: 0;
    padding-right: 20px;
    font-size: 146px;
    color: #b2e5d4;
}
/* Mobile Carousel */
/* Mobile Carousel */
/* Mobile Carousel */
@media screen and (max-width: 767px) {

    #header-wrapper .page-banner .slide-item.dairy .banner-caption.left {
        left: 5%;
        top: calc(100vh - 90vh);
    }

    #header-wrapper .page-banner .slide-item .banner-caption .order-now {
        position: absolute;
        right: -5px;
        bottom: -20px;
        transform: scale(.6) !important;
    }
}

@media screen and (min-width: 1601px) {
    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 25%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
        left: 10%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 25%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 27%;
        top: 15%;
    }
}

@media screen and (min-width: 1501px) and (max-width: 1600px) {
    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 15%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
        left: 7%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 20%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.keto .banner-caption.center {
        left: 20%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 24%;
        top: 20%;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1500px) {
    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 15%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
        left: 5%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 18%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.keto .banner-caption.center {
        left: 17%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 27%;
        top: 25%;
    }

    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
        font-size: 60px;
    }
        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
            font-size: 100px;
        }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
    #header-wrapper .page-banner .slide-item.base {
        height: 600px;
        min-height: unset;
    }
    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 5%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
        left: 3%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 15%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.keto .banner-caption.center {
        left: 17%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 27%;
        top: 25%;
    }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
            font-size: 60px;
        }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
            font-size: 100px;
        }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #header-wrapper .page-banner .slide-item.base {
        height: 500px;
        min-height: unset;
    }
    #header-wrapper .page-banner .slide-item .banner-caption h1 {
        font-size: 132px;
        line-height: 100px;
    }

    #header-wrapper .page-banner .slide-item .banner-caption .order-now {
        transform: scale(1);
        float: right;
    }

    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 5%;
        top: 5%;
    }

    #header-wrapper .page-banner .slide-item.base.pops .banner-caption.center {
        left: 9%;
        top: 5%;
    }
    #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
        font-size: 100px;
    }
    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 10%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 27%;
        top: 30%;
    }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
            font-size: 40px;
            line-height: 75px;
        }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
            font-size: 80px;
            line-height: 40px;
        }
}

@media screen and (min-width: 851px) and (max-width: 1024px) {
    #header-wrapper .page-banner .slide-item.base {
        height: 500px;
        min-height: unset;
    }
    #header-wrapper .page-banner .slide-item .banner-caption span {
        font-size: 110px;
        line-height: 80px;
    }

    #header-wrapper .page-banner .slide-item .banner-caption .order-now {
        transform: scale(1);
        float: left;
        position: relative;
    }

    #header-wrapper .page-banner .slide-item .banner-caption span {
        padding-right: 10%;
    }

    #header-wrapper .page-banner .slide-item .banner-caption.left {
        width: 90%;
        margin-top: 5%;
    }

    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 10%;
    }

    #header-wrapper .page-banner .slide-item.base.pops .banner-caption.center {
        left: 1%;
    }

    #header-wrapper .page-banner .slide-item.base.keto .banner-caption.center {
        top: 5%;
        left: 14%;
    }

    #header-wrapper .page-banner .slide-item.keto .banner-caption.center span {
        font-size: 96px;
    }

        #header-wrapper .page-banner .slide-item.keto .banner-caption.center span.highlighted-word {
            font-size: 116px;
        }

        #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
            font-size: 100px;
        }
    #header-wrapper .page-banner .slide-item.fruit .banner-caption.center {
        left: 19%;
    }
    #header-wrapper .page-banner .slide-item.fruit .banner-caption.center span {
        font-size: 80px;
    }
            #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span{
                font-size: 80px;
            }
                #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span.highlighted-word {
                    font-size: 100px;
                }
       #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 18%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 22%;
        top: 30%;
    }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
            font-size: 40px;
            line-height: 75px;
        }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
            font-size: 80px;
            line-height: 40px;
        }
    .new-category-bug {
        left: 9em;
    }
    @media screen and (min-width: 992px) and (max-width: 1024px)
    {
        .new-category-bug {
            right: 1em;
        }
    }
}

@media screen and (min-width: 768px) and (max-width: 850px) {
    #header-wrapper .page-banner .slide-item.base {
        height: 400px;
        min-height: unset;
    }
    #header-wrapper .page-banner .slide-item .banner-caption h1 {
        font-size: 110px;
        line-height: 80px;
    }

    #header-wrapper .page-banner .slide-item .banner-caption .order-now {
        transform: scale(1);
        float: left;
        position: relative;
    }

    #header-wrapper .page-banner .slide-item .banner-caption h1 {
        padding-right: 10%;
    }

    #header-wrapper .page-banner .slide-item .banner-caption.left {
        width: 90%;
        margin-top: 5%;
    }
    #header-wrapper .page-banner .slide-item.base .banner-caption.center {
        left: 10%;
    }

    #header-wrapper .page-banner .slide-item.base.pops .banner-caption.center {
        left: 1%;
    }

    #header-wrapper .page-banner .slide-item.base.keto .banner-caption.center {
        top: 5%;
        left: 5%;
    }

    #header-wrapper .page-banner .slide-item.keto .banner-caption.center span {
        font-size: 96px;
    }

        #header-wrapper .page-banner .slide-item.keto .banner-caption.center span.highlighted-word {
            font-size: 116px;
        }

    #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
        font-size: 100px;
    }
    #header-wrapper .page-banner .slide-item.fruit .banner-caption.center {
        left: 15%;
    }

        #header-wrapper .page-banner .slide-item.fruit .banner-caption.center span {
            font-size: 80px;
        }

    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span {
        font-size: 80px;
    }

        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span.highlighted-word {
            font-size: 100px;
        }

    #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
        left: 10%;
        top: 3%;
    }
    #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
        left: 17%;
        top: 30%;
    }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
            font-size: 40px;
            line-height: 75px;
        }

        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
            font-size: 80px;
            line-height: 40px;
        }
    .new-category-bug {
        left: 8em;
        right: 0;
    }
}




    @media screen and (min-width: 601px) and (max-width: 767px) {
        #header-wrapper .page-banner .slide-item.base {
            height: 350px;
            min-height: unset!important;
        }
        #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
            font-size: 60px;
            line-height: 50px;
        }

        #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
            left: 8%;
            top: 5%;
        }

        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center span {
            font-size: 60px;
        }

        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center {
            left: 17%;
            top: 0%;
        }

        #header-wrapper .page-banner .slide-item.base.keto .banner-caption.center {
            top: 5%;
            left: 9%;
        }
        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span {
            font-size: 80px;
        }

            #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span.highlighted-word {
                font-size: 100px;
            }

        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
            left: 7%;
            top: 3%;
        }
        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
            left: 23%;
            top: 30%;
        }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
                font-size: 30px;
                line-height: 70px;
            }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
                font-size: 60px;
                line-height: 20px;
            }
        .new-category-bug {
            top: 0;
            left: 14em;
        }

        @media screen and (min-width: 761px) and (max-width: 767px) {

            .new-category-bug {
                left: 10em;
            }
        }
    }


    @media screen and (min-width: 501px) and (max-width: 600px) {
        #header-wrapper .page-banner .slide-item.base {
            height: 350px;
            min-height: unset!important;
        }
        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center span {
            font-size: 50px;
        }

        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center {
            left: 20%;
            top: 0%;
        }

        #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
            font-size: 60px;
            line-height: 50px;
        }

        #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
            left: 1%;
            top: 5%;
        }

        #header-wrapper .page-banner .slide-item.base.keto .banner-caption.center {
            top: 5%;
            left: 5%;
        }
        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span {
            font-size: 60px;
        }

            #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span.highlighted-word {
                font-size: 80px;
            }

        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
            left: 8%;
            top: 3%;
        }
        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
            left: 15%;
            top: 30%;
        }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
                font-size: 30px;
                line-height: 70px;
            }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
                font-size: 60px;
                line-height: 20px;
            }
        .new-category-bug {
            top: 0;
            left: 14em;
        }
    }
    /* ———————————————————————— */

    /* Mobile Index 3 CTA */
    /* Mobile Index 3 CTA */
    /* Mobile Index 3 CTA */
    @media screen and (min-width: 400px) and (max-width: 500px) {
        #header-wrapper .page-banner .slide-item.base {
            height: 300px;
            min-height: unset!important;
        }
        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center span {
            font-size: 50px;
            line-height: 50px;
        }

        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center {
            left: 10%;
            top: 5%;
        }
        #header-wrapper .page-banner .slide-item.base .banner-caption.center {
            left: 18%;
        }

        #header-wrapper .page-banner .slide-item.keto .banner-caption.center span {
            font-size: 60px;
            line-height: 55px;
        }

            #header-wrapper .page-banner .slide-item.keto .banner-caption.center span.highlighted-word {
                font-size: 80px;
            }

        #header-wrapper .page-banner .slide-item.keto .banner-caption.center {
            left: 3%;
            top: 5%;
        }

        #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
            left: 1%;
            top: 5%;
        }

            #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
                font-size: 60px;
                line-height: 50px;
            }
        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span {
            font-size: 60px;
            line-height: 50px;
        }

            #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span.highlighted-word {
                font-size: 80px;
                line-height: 50px;
            }

        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
            left: 8%;
            top: 3%;
        }
        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
            left: 8%;
            top: 30%;
        }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
                font-size: 30px;
                line-height: 50px;
            }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
                font-size: 60px;
                line-height: 40px;
            }
        .new-category-bug {
            top: 0;
            left: 14em;
        }
    }

    @media screen and (min-width: 300px) and (max-width: 399px) {
        #header-wrapper .page-banner .slide-item.base {
            height: 150px;
        }
        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center span {
            font-size: 50px;
            line-height: 50px;
        }

        #header-wrapper .page-banner .slide-item.fruit.base .banner-caption.center {
            left: 5%;
            top: 5%;
        }
        #header-wrapper .page-banner .slide-item.base .banner-caption.center {
            left: 3%;
        }

        #header-wrapper .page-banner .slide-item.base.keto .banner-caption.center span {
            font-size: 60px;
            line-height: 55px;
        }

        #header-wrapper .page-banner .slide-item.keto .banner-caption.center span.highlighted-word {
            font-size: 60px;
        }

        #header-wrapper .page-banner .slide-item.keto .banner-caption.center {
            left: 6%;
            top: 5%;
        }

        #header-wrapper .page-banner .slide-item.pops .banner-caption.center {
            top: 5%;
        }

            #header-wrapper .page-banner .slide-item.pops .banner-caption.center span, #header-wrapper .page-banner .slide-item.pops .banner-caption.center span.highlighted-word {
                font-size: 60px;
                line-height: 50px;
            }

        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span {
            font-size: 60px;
            line-height: 50px;
        }

            #header-wrapper .page-banner .slide-item.dairy .banner-caption.center span.highlighted-word {
                font-size: 80px;
                line-height: 50px;
            }

        #header-wrapper .page-banner .slide-item.dairy .banner-caption.center {
            left: 6%;
            top: 3%;
        }
        #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center {
            left: 10%;
            top: 30%;
        }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.small {
                font-size: 20px;
                line-height: 50px;
            }

            #header-wrapper .page-banner .slide-item.all-new.base .banner-caption.center span.medium.bold {
                font-size: 50px;
                line-height: 40px;
            }
            .new-category-bug
            {
                top: 0;
                left:14em;
            }
    }

    @media screen and (max-width: 767px) {
        .home .col-lg-4.px-0 {
            min-height: 60vh;
        }

        .home .column-box {
            background-size: cover;
            /*min-height: 60vh;*/
            padding: 10%
        }

           /* .home .column-box.home-keto-series-grid-banner,  .home .column-box.home-dairy-grid-banner, .home .column-box.home-fruit-pops-grid-banner {
                padding: 0%;
            }*/

            .home h2 {
                font-size: 42px;
            }

        .home .text-links a {
            font-size: 21px;
        }
    }

    .column-box h2 {
        line-height: 40px;
        letter-spacing: 1px;
    }

    /* ———————————————————————— */

    /* Mobile Buy Now Panel */
    /* Mobile Buy Now Panel */
    /* Mobile Buy Now Panel */
    .section-shop-container {
        top: 0px;
        height: calc(100vh - 140px);
    }

        .section-shop-container .row {
            /*min-height:calc(100vh - 200px ) !important;
    max-height:calc(100vh - 140px ) !important;*/
        }
    /* ———————————————————————— */

    /* Mobile Header */
    /* Mobile Header */
    /* Mobile Header */
    @media all and (max-width: 767px) {
        body:not(.home) .main-content {
            /* padding-top: 110px; */
            padding-top: 6ex;
        }

        #header-wrapper .wrap-nav {
            border-top: 2px solid #ad8b19;
        }

        body #header-wrapper .wrap-nav {
            /* height: 70px; */
            height: 6ex;
        }

        #header-wrapper .header-top {
            padding: 10px 20px 10px 10px;
            background-color: transparent;
        }
    }

    /* Mobile Nav */
    /* Mobile Nav */
    /* Mobile Nav */
    .section-shop-container {
        top: 0px;
    }

    @media all and (max-width: 990px) {

        .home .main-wrap #header-wrapper .page-banner {
            /* margin-top: 90px; */
            margin-top: 6ex;
        }
        .home #header-wrapper .wrap-nav {
            /*height: 60px;*/
            height: 6ex;
        }

        #header-wrapper .header-navigation nav ul {
            margin-top: 75px;
            padding-bottom: 65px;
            text-align: center;
        }
    }

    @media all and (max-width: 768px) and (max-height: 1024px) {

            #header-wrapper .page-banner .slide-item .banner-caption.left {
                margin-top: -18px;
            }
    }

    @media all and (max-width: 767px) {
        #header-wrapper .header-navigation .navbar {
            min-height: calc(100vh - 84px);
            max-width: 100% !important;
        }

        #header-wrapper .header-navigation nav ul {
            margin-top: 75px;
            padding-bottom: 65px;
            text-align: center;
        }

            #header-wrapper .header-navigation nav ul li {
                height: calc(65vh / 8)
            }

        #header-wrapper .header-navigation #search-wrapper {
            position: absolute;
            z-index: 99;
            top: -20px;
            border-top: grey 1px solid;
            border-bottom: grey 1px solid;
            width: 100%;
        }

            #header-wrapper .header-navigation #search-wrapper .search-fields #btn-search {
                left: 0px !important;
                padding-left: 25px;
                top: 45%;
            }

            #header-wrapper .header-navigation #search-wrapper .search-fields input {
                margin-left: 20px;
            }

        #header-wrapper .header-navigation nav ul li a {
            letter-spacing: 3px;
            padding-top: calc(2.25vh)
        }

        #header-nav .current-menu-item a {
            color: #ffffff !important;
        }
    }

    @media all and (min-width: 769px) and (max-width:991px) {
        #header-wrapper .header-top {
            padding: 30px 22px;
            background-color: transparent;
        }

        #header-wrapper .wrap-nav {
            height: 75px;
        }

        #header-wrapper .page-banner {
            padding-top: 73px;
        }
    }

    @media all and (min-width: 992px) and (max-width:1024px) {
        #header-wrapper .header-top {
            padding: 35px 22px 0px 22px;
        }

        #header-wrapper .header-navigation {
            margin-top: 0px
        }

        #header-wrapper .page-banner {
            padding-top: 112px;
        }
    }
    /* ———————————————————————— */

    /* Mobile Footer */
    /* Mobile Footer */
    /* Mobile Footer */
    @media all and (max-width: 767px) {
        .footer-wrapper {
            padding: 50px 10px;
        }

        .breadcrumbs {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .footer-menu {
            padding: 25px 5px 25px 15px;
            transform: scale(.95)
        }

        .footer-wrapper .footer-menu ul {
            flex-wrap: nowrap;
        }

        .footer-wrapper .footer-menu > ul > li {
            max-width: 33.33%;
            text-align: left;
        }

        .footer-wrapper .footer-search {
            padding: 20px 0 35px;
        }

        .footer-search .d-flex {
            flex-wrap: nowrap !important;
        }

        .footer-wrapper .footer-search .footer-search-wrapper {
            width: auto;
            padding-top: 0px;
        }

        .find-store-section h2 {
            margin-left: 0px;
            padding: 0px 100px
        }
    }

    /* ———————————————————————— */

    /* Pints PDP */
    /* Pints PDP */
    /* Pints PDP */
    .dairy .dairy, .dairy-free .dairy-free {
        display: none;
    }
    /* ———————————————————————— */

    /* PLP Responsive */
    /* PLP Responsive */
    /* PLP Responsive */
    .pops #section-o-banner-dairy .col-lg-6, .dairy-free #section-o-banner-dairy .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pops #section-o-banner-dairy .checkout-element .checkout-wrapper, .dairy-free #section-o-banner-dairy .checkout-element .checkout-wrapper {
        max-width: 80%;
    }

    .dairy #section-o-banner-dairy .checkout-element .checkout-content h2 {
        margin-left: -5%;
        width: 110%;
    }

    @media all and (min-width: 1200px) {
        .pops .col-lg-5ths {
            flex: 0 0 20%;
            max-width: 20%;
        }

        .pops #section-o-banner-dairy .checkout-element .checkout-wrapper {
            max-width: 100%;
            margin: 0;
            padding: 0;
        }

        .pops #section-o-banner-dairy .checkout-element .checkout-content h2 {
            padding: 10px 0 2px 0
        }
}

    /* PLP Mobile */
    .inner-banner .inner-content .inner-content-label {
        font-size: 100%;
    }

    @media all and (max-width: 768px) {
        .inner-banner {
            min-height: calc(42vh);
        }

        .inner-banner .inner-content h1 {
            padding: 0px 3.25%;
            width: 99%
        }

        .inner-banner .inner-content .inner-content-label {
            font-size: 60%;
        }

        .inner-banner .inner-content h2 {
            font-size: 125%;
        }

        #section-o-banner-dairy.pops-footer-bg-img, #section-o-banner-dairy.fruit-pops-footer-bg-img, #section-o-banner-dairy.yogurt-footer-bg-img {
            background-position: center center !important;
        }

        .pops #section-o-banner-dairy .checkout-element .checkout-wrapper {
            max-width: 80%;
            margin-top: -8.75%;
            padding-bottom: 8.75%;
        }

        .pops #section-halo-list .col-sm-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .dairy-free #section-o-banner-dairy {
            background-position: center center;
        }
    }

    @media all and (min-width: 768px) and (max-width: 1200px) {
        .pops #section-o-banner-dairy .checkout-element .checkout-wrapper {
            max-width: 80%;
            margin-top: -5.75%;
            padding-bottom: 5.75%;
        }

        .pops .checkout-element h2 {
            margin: 0 auto;
        }
    }

    @media all and (min-width: 991px) and (max-width: 1200px) {
        #section-o-banner-dairy .row-no-margin {
            margin-right: 5% !important;
        }
    }
    /* ———————————————————————— */

    /* Pints PDP Responsive */
    /* Pints PDP Responsive */
    /* Pints PDP Responsive */
    @media all and (max-width: 768px) {
        #section-flavor-detail .container {
            padding-top: 30px;
        }

        #section-flavor-detail .banner-right-wrapper .nutrition-label-detail, #section-flavor-detail .banner-right-wrapper .product-detail-title {
            font-size: 48px;
        }

        #section-flavor-detail .banner-right-wrapper p {
            font-size: 110%;
        }

        .m-b-30-xs {
            margin-bottom: 10px;
        }

        #section-flavor-detail {
            /* height: calc(120vh - 100px) !important; */
            background-position: 8% bottom !important;
        }

        .background-lite-orange-wrapper .close-item-container {
            right: 15px;
            top: 15px;
            padding: 25px;
        }

        .background-lite-orange-wrapper .inner-wrapper {
            transform: translate(-50%, -55%);
        }

        @media all and (max-height: 568px) {
            #section-flavor-detail {
                height: calc(150vh) !important;
                background-position: 8% bottom !important;
            }
        }
    }
    /* ———————————————————————— */

    /* Pops PDP Nutrition Facts */
    /* Pops PDP Nutrition Facts */
    /* Pops PDP Nutrition Facts */
    .inner-wrapper.pops {
        color: #ffffff
    }

    .pops .pops {
        max-width: 500px;
    }

    li.perBar {
        width: 31.5%;
    }

    .background-lite-orange-wrapper .pops ul {
        padding-left: 1.25%;
        margin-bottom: 2%
    }

    .background-lite-orange-wrapper .pops li {
        display: inline-block;
    }

    li.nutrition_type {
        width: 41%;
        font-weight: 500;
    }

    li.nutritionVal_bar {
        width: 12.5%;
    }

    li.dailyVal_bar {
        width: 18%;
    }

    li.nutritionVal_serving {
        width: 15%;
    }

    li.dailyVal_serving {
        width: 4%;
    }
    /* ———————————————————————— */

    /* BUILD YOUR PINT PACK */
    /* BUILD YOUR PINT PACK */
    /* BUILD YOUR PINT PACK */
    .shop-section .content-panel .content-inner .product-lists ul li {
        margin-bottom: 0px;
    }

        .shop-section .content-panel .content-inner .product-lists ul li a h5 {
            padding-top: 10px;
            margin-bottom: 5px;
            letter-spacing: .25px;
            font-size: 17px;
            line-height: 15px;
        }

        .shop-section .content-panel .content-inner .product-lists ul li .product-image-wrap {
            max-width: 110px;
        }

            .shop-section .content-panel .content-inner .product-lists ul li .product-image-wrap img {
                transition: all 1.5s ease;
                transform: scale(1);
            }

                .shop-section .content-panel .content-inner .product-lists ul li .product-image-wrap img:hover {
                    margin-top: -15%;
                    margin-bottom: 15%;
                    transform: scale(1.05);
                    transition: all .5s ease;
                }

        .shop-section .content-panel .content-inner .product-lists ul li .added-pints-pack {
            font-family: 'Founders Grotesk Bold';
            letter-spacing: .5px;
            color: #ac8b2f;
        }

        .shop-section .content-panel .content-inner .product-lists ul li .product-image-wrap span {
            top: 10px;
            right: 11px;
        }
    /* Mobile Build Pint Pack */
    /* Mobile Build Pint Pack */
    /* Mobile Build Pint Pack */

    @media all and (max-width: 767px) {
        .shop-section .section-panel.pints .panel-inner {
            padding: 10px 0 18px 0;
        }

            .shop-section .section-panel.pints .panel-inner .pints-wrapper .price-wrapper {
                padding-bottom: 15px;
            }

            .shop-section .section-panel.pints .panel-inner .pints-wrapper .pints-pack {
                margin: 10px;
            }

            .shop-section .section-panel.pints .panel-inner .pints-wrapper .pints-packs-content.show {
                padding-top: 18px;
            }

            .shop-section .section-panel.pints .panel-inner .pints-wrapper .pints-packs-content .pack-pint {
                width: 20%;
                margin: 5px;
            }

                .shop-section .section-panel.pints .panel-inner .pints-wrapper .pints-packs-content .pack-pint h6 {
                    margin-bottom: 2px;
                }

        .clear-pack a {
            font-size: 100%;
        }

        .shop-section .content-panel .content-inner .product-lists {
            padding-top: 0px;
        }

        .shop-section .section-panel.pints .panel-inner .pints-wrapper .pints-pack .pints-pack-label h2.pints-done {
            font-size: 115%
        }
    }
    /* ———————————————————————— */

    /* About Us Dropdown */
    #menu-item-1406 .mb-34 {
        margin-bottom: 9px;
        margin-left: 5px;
    }

    /* Hover States */
    /* Hover States */
    /* Hover States */
    #header-wrapper .page-banner .slide-item .banner-caption .order-now {
        transition: all 1.5s ease;
        transform: scale(1);
    }

        #header-wrapper .page-banner .slide-item .banner-caption .order-now:hover {
            transform: scale(1.15);
            transition: all .5s ease;
        }

    #section-halo-list .sort-by-element {
        z-index: 99
    }

    @font-face {
        font-family: 'Founders Grotesk Light';
        src: url('/content/wp-content/themes/halo-tops/assets/fonts/founders-grotesk/FoundersGrotesk-Light.eot');
        src: url('/content/wp-content/themes/halo-tops/assets/fonts/founders-grotesk/FoundersGrotesk-Light.eot?#iefix') format('embedded-opentype'), url('/content/wp-content/themes/halo-tops/assets/fonts/founders-grotesk/FoundersGrotesk-Light.woff2') format('woff2'), url('/content/wp-content/themes/halo-tops/assets/fonts/founders-grotesk/FoundersGrotesk-Light.woff') format('woff'), url('/content/wp-content/themes/halo-tops/assets/fonts/founders-grotesk/FoundersGrotesk-Light.ttf') format('truetype');
        font-weight: 100;
        font-style: normal;
    }

    .products-container {
        box-sizing: content-box;
    }

    #NutritionModal {
        color: #382E2A;
    }

        #NutritionModal .modal-header {
            padding: .5rem 1rem
        }

        #NutritionModal h2 {
            font-size: 1.4rem;
            color: #927215;
        }

        #NutritionModal h3 {
            font-size: 1.3rem;
            color: #927215;
        }

        #NutritionModal p {
            color: #382E2A;
        }

    .nf-container {
        margin: 0 auto;
        max-width: 100%;
    }

    .nutrition-closer {
        width: 24px;
        height: 24px;
        fill: #382E2A;
    }

        .nutrition-closer:hover {
            fill: #927215;
            width: 26px;
            height: 26px;
            margin-top: -1px;
            margin-right: -1px;
        }

    .filtr-item {
        overflow: hidden;
        margin-bottom: 40px;
    }

    ul.claim_icons li {
        padding: 0 5px;
        box-sizing: content-box;
    }

    .mce-succes-response {
        font-weight: bold;
        padding-top: 1.25rem;
    }

    .special-notice-message a:hover {
        text-decoration: underline !important;
    }

    /*WebP Background Images - Views > AboutUs*/
    .no-webp #about-us-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/about_us.jpg');
    }

    .webp #about-us-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/about_us.webp');
    }

    .no-webp #contact-us-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/contact_us.jpg');
    }

    .webp #contact-us-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/contact_us.webp');
    }

    .no-webp .halo-press-title-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/left_banner_Press.jpg');
    }

    .webp .halo-press-title-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/left_banner_Press.webp');
    }

    .no-webp .halo-press-orange-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/pink-banner.png');
    }

    .webp .halo-press-orange-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/pink-banner.webp');
    }

    /*WebP Bacground Images - View > Keto*/


    .no-webp .keto-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2019/05/halo-banner-right-blue.png');
    }

    .webp .keto-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2019/05/halo-banner-right-blue.webp');
    }

    .no-webp .keto-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/left_banner_KetoSeriesNC.jpg');
    }

    .webp .keto-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/left_banner_KetoSeriesNC.webp');
    }

    .no-webp .keto-banner-bottom-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/KetoPops_btm banner.jpg');
    }

    .webp .keto-banner-bottom-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/KetoPops_btm banner.webp');
    }

    /*WebP Background Images - Views > Dairy*/
    .no-webp .halo-milk-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2019/05/halo-banner-left-milk.png');
    }

    .webp .halo-milk-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2019/05/halo-banner-left-milk.webp');
    }

    .no-webp .halo-blue-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2019/05/halo-banner-right-blue.png');
    }

    .webp .halo-blue-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2019/05/halo-banner-right-blue.webp');
    }

    .no-webp .dairy-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/right_banner_DairyNC.jpg');
    }

    .webp .dairy-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/right_banner_DairyNC.webp');
    }

    .no-webp .coconut-item-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/coconut-item.jpg');
    }

    .webp .coconut-item-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/coconut-item.webp');
    }

    /*WebP Background Images - Views > DairyFree*/

    .no-webp .dairy-free-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/12/CatagoryPageBanners/left_banner_NonDairy.png');
    }

    .webp .dairy-free-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/12/CatagoryPageBanners/left_banner_NonDairy.webp');
    }

    .no-webp .dairy-free-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/right_banner_Dairy FreeNC.jpg');
    }

    .webp .dairy-free-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/columnBanner-dairyFree-coconut_flecks-e-e1561686509310.webp');
    }

    .no-webp .dairy-free-footer-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/ctaBanner-dairy-d-1.jpg');
    }

    .webp .dairy-free-footer-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/ctaBanner-dairy-d-1.webp');
    }

/*WebP Background Images - Views > BakedGoods*/

.no-webp .baked-goods-banner-left-bg-img {
    background-image: url('/content/wp-content/uploads/2023/01/CategoryPageBanners/baking-category-page-left-v1.jpg');
}

.webp .baked-goods-banner-left-bg-img {
    background-image: url('/content/wp-content/uploads/2023/01/CategoryPageBanners/baking-category-page-left-v1.webp');
}

.no-webp .baked-goods-banner-right-bg-img {
    background-image: url('/content/wp-content/uploads/2023/01/CategoryPageBanners/baking-category-page-right-v1.jpg');
}

.webp .baked-goods-banner-right-bg-img {
    background-image: url('/content/wp-content/uploads/2023/01/CategoryPageBanners/baking-category-page-right-v1.webp');
}


/*WebP Background Images - Views > Yogurt*/
.no-webp .yogurt-banner-right-bg-img {
    background-image: url('/content/wp-content/uploads/2023/03/CategoryPageBanners/right_banner_YogurtPops-v3.jpg');
}

.webp .yogurt-banner-right-bg-img {
    background-image: url('/content/wp-content/uploads/2023/03/CategoryPageBanners/right_banner_YogurtPops-v3.webp');
}

.no-webp .yogurt-banner-left-bg-img {
    background-image: url('/content/wp-content/uploads/2023/03/CategoryPageBanners/Left_banner_YogurtPops-v3.jpg');
}

.webp .yogurt-banner-left-bg-img {
    background-image: url('/content/wp-content/uploads/2023/03/CategoryPageBanners/Left_banner_YogurtPops-v3.webp');
}

.no-webp .yogurt-footer-bg-img {
    background-image: url('/content/wp-content/uploads/2023/02/CategoryPageBanners/FruitPops_btm banner-v1.jpg');
    background-position: center !important;
}

.webp .yogurt-footer-bg-img {
    background-image: url('/content/wp-content/uploads/2023/02/CategoryPageBanners/FruitPops_btm banner-v1.webp');
    background-position: center !important;
}


    /*WebP Background Images - Views > Home*/

    .no-webp .carousel-peanut-butter-bg-img {
        background-image: url('/content/wp-content/uploads/2020/07/ssy-carousel-peanut-butter.png');
        width: 100%;
        display: inline-block;
    }

    .webp .carousel-peanut-butter-bg-img {
        background-image: url('/content/wp-content/uploads/2020/07/ssy-carousel-peanut-butter.webp');
        width: 100%;
        display: inline-block;
    }

    .no-webp .carousel-keto-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_KetoSeries.jpg');
        width: 100%;
        display: inline-block;
    }

    .webp .carousel-keto-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_KetoSeries.webp');
        width: 100%;
        display: inline-block;
    }

    .no-webp .carousel-dairy-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_NewDairyPintLineup.jpg');
    }

    .webp .carousel-dairy-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_NewDairyPintLineup.webp');
    }

    .no-webp .carousel-pops-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_PopsLineup.jpg');
    }

    .webp .carousel-pops-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_PopsLineup.webp');
    }

    .no-webp .carousel-pumpkin-bg-img {
        background-image: url('/content/wp-content/uploads/2020/08/carousel-pumpkin.jpg');
    }

    .webp .carousel-pumpkin-bg-img {
        background-image: url('/content/wp-content/uploads/2020/08/carousel-pumpkin.webp');
    }

    .no-webp .carousel-gingerbread-bg-img {
        background-image: url('/content/wp-content/uploads/2020/09/carousel_GingerbreadHouse_NC.jpg');
    }

    .webp .carousel-gingerbread-bg-img {
        background-image: url('/content/wp-content/uploads/2020/09/carousel_GingerbreadHouse_NC.webp');
    }

    .no-webp .carousel-strawberry-cheesecake-bg-img {
        background-image: url('/content/wp-content/uploads/2020/12/carousel_strawberry_cheesecake.jpg');
    }

    .webp .carousel-strawberry-cheesecake-bg-img {
        background-image: url('/content/wp-content/uploads/2020/12/carousel_strawberry_cheesecake.webp');
    }

    .no-webp .carousel-fruit-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_FruitPops.jpg');
    }

    .webp .carousel-fruit-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_FruitPops.webp');
    }

    .no-webp .carousel-all-new-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_AllNew2021.jpg');
    }

    .webp .carousel-all-new-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/carousel_AllNew2021.webp');
    }

    .no-webp .home-footer-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Home_BtmLeft_Footer.v2.jpg');
    }

    .webp .home-footer-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Home_BtmLeft_Footer.v2.webp');
    }

    .no-webp .home-footer-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Home_BtmRight_Footer.jpg');
    }

    .webp .home-footer-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Home_BtmRight_Footer.webp');
    }

    .strawberry-cheesecake-link:hover {
        color: none;
        text-decoration: none;
    }

    .strawberry-cheesecake-caption-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-left: 25%;
    }

    .strawberry-cheesecake-caption {
        font-size: 9vw;
        color: #b58344;
        font-family: "FoundersGroteskX-CndWeb-Bld", Arial;
        text-transform: uppercase;
    }

    .gingerbread-caption {
        position: absolute;
        bottom: 10%;
        font-size: 7vw;
        color: #fff;
        font-family: "FoundersGroteskX-CndWeb-Bld", Arial;
        right: 17%;
        text-shadow: 2px 2px rgba(0,0,0, .2);
        text-transform: uppercase;
    }

    .pumpkin-caption {
        position: absolute;
        bottom: 8%;
        font-size: 13vw;
        color: #fff;
        font-family: "FoundersGroteskX-CndWeb-Bld", Arial;
        right: 10%;
        text-shadow: 2px 2px rgba(0,0,0, .2);
        text-transform: uppercase;
    }

    @media only screen and (max-width: 1000px) {
        .gingerbread-caption {
            font-size: 8vw;
            right: 13%;
        }
    }

    @media only screen and (max-width: 1300px) {
        .pumpkin-caption {
            font-size: 17vw;
            right: 5%;
        }
    }

    @media only screen and (max-width: 550px) {
        #header-wrapper .page-banner .slide-item.carousel-pumpkin-bg-img {
            background-position: 25%;
        }

        .pumpkin-caption {
            right: auto;
            left: 13%;
            bottom: auto;
            top: 15%;
            font-size: 80px;
            white-space: nowrap;
        }
    }

    .home-banner-carousel-image {
        margin-top: -200px;
    }

    @media screen and (max-width: 1300px) {
        .delivered.home-banner-carousel-image, .home-banner-carousel-image {
            margin-top: -100px;
        }
    }

    @media screen and (max-width: 600px) {
        .delivered.home-banner-carousel-image, .home-banner-carousel-image {
            margin-top: 0;
        }
    }

    /* 2021 Grid Banners */
    .no-webp .home-fruit-pops-grid-banner {
        background-image: url('/content/wp-content/uploads/2021/07/FruitPop_sectionNC.jpg');
    }

    .webp .home-fruit-pops-grid-banner {
        background-image: url('/content/wp-content/uploads/2021/07/FruitPop_sectionNC.webp');
    }

    .no-webp .home-fruit-pops-grid-banner.new-content-date {
        background-image: url('/content/wp-content/uploads/2021/12/HomepageCarouselBanners/Fruit_section.jpg');
    }

    .webp .home-fruit-pops-grid-banner.new-content-date {
        background-image: url('/content/wp-content/uploads/2021/12/HomepageCarouselBanners/Fruit_section.webp');
    }

    .no-webp .home-dairy-grid-banner {
        background-image: url('/content/wp-content/uploads/2021/07/Dairy_section.jpg');
    }

    .webp .home-dairy-grid-banner {
        background-image: url('/content/wp-content/uploads/2021/07/Dairy_section.webp');
    }


    .no-webp .home-keto-series-grid-banner {
        background-image: url('/content/wp-content/uploads/2021/07/KetoSeries_section.jpg');
    }

    .webp .home-keto-series-grid-banner {
        background-image: url('/content/wp-content/uploads/2021/07/KetoSeries_section.webp');
    }

    /* Other Grid Banners */
    .no-webp .home-pops-section-bg-img {
        background-image: url('/content/wp-content/uploads/2020/04/pops_section0420.jpg');
    }

    .webp .home-pops-section-bg-img {
        background-image: url('/content/wp-content/uploads/2020/04/pops_section0420.webp');
    }

    .no-webp .home-dairy-section-bg-img {
        background-image: url('/content/wp-content/uploads/2020/04/dairy_section0420.jpg');
    }

    .webp .home-dairy-section-bg-img {
        background-image: url('/content/wp-content/uploads/2020/04/dairy_section0420.webp');
    }

    .no-webp .home-dairy-free-section-bg-img {
        background-image: url('/content/wp-content/uploads/2020/09/dairyfree_section_0920.jpg');
    }

    .webp .home-dairy-free-section-bg-img {
        background-image: url('/content/wp-content/uploads/2020/09/dairyfree_section_0920.webp');
    }

    .no-webp .home-food-wine-section-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/food-wine-bg-1.png');
    }

    .webp .home-food-wine-section-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/food-wine-bg-1.webp');
    }

    /*WebP Background Images - Views > Whats New*/
    .no-webp .whats-new-left-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Left_banner_WhatsNew_2ndRound.jpg');
    }

    .webp .whats-new-left-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Left_banner_WhatsNew_2ndRound.webp');
    }

    .no-webp .whats-new-right-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/Right_banner_WhatsNew_pink.jpg');
    }

    .webp .whats-new-right-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/Right_banner_WhatsNew_pink.webp');
    }

    /*WebP Background Images - Views > Fruit Pops*/
    .no-webp .fruit-pops-left-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/05/Left_banner_FruitPops.v2.jpg');
    }

    .webp .fruit-pops-left-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/05/Left_banner_FruitPops.v2.webp');
    }

    .no-webp .fruit-pops-right-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/right_banner_FruitPops.jpg');
    }

    .webp .fruit-pops-right-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/right_banner_FruitPops.webp');
    }

    /*WebP Background Images - Views > Pops*/

    .no-webp .pops-strawberry-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/columnBanner-pops-strawberryCheesecake.jpg');
    }

    .webp .pops-strawberry-banner-bg-img {
        background-image: url('/content/wp-content/uploads/2021/03/columnBanner-pops-strawberryCheesecake.webp');
    }

    .no-webp .pops-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Left_banner_Dairy PopsNC.jpg');
    }

    .webp .pops-banner-left-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/Left_banner_Dairy PopsNC.webp');
    }

    .no-webp .pops-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/right_banner_Dairy Pops.jpg');
    }

    .webp .pops-banner-right-bg-img {
        background-image: url('/content/wp-content/uploads/2021/07/right_banner_Dairy Pops.webp');
    }

    .no-webp .pops-footer-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/KetoPops_btm banner.jpg');
        background-position: center !important;
    }

    .webp .pops-footer-bg-img {
        background-image: url('/content/wp-content/uploads/2021/06/CatagoryPageBanners/KetoPops_btm banner.webp');
        background-position: center !important;
    }

    .no-webp .pops-trio-footer-bg-img {
        background-image: url('/content/wp-content/uploads/2020/04/trio_footer0420.jpg');
    }

    .webp .pops-trio-footer-bg-img {
        background-image: url('/content/wp-content/uploads/2020/04/trio_footer0420.webp');
    }

    @media (min-width: 220px) and (max-width: 400px) {
        .special-notice {
            top: 7ex !important;
        }

        .special-notice-message {
            height: 7ex !important;
            top: 0;
        }
    }

    @media (min-width: 401px) and (max-width: 744px) {
        .special-notice {
            top: 5ex !important;
        }

        .special-notice-message {
            height: 5ex !important;
            top: 0;
        }
    }

    @media (min-width: 745px) {
        .special-notice {
            top: 4ex !important;
        }

        .special-notice-message {
            height: 4ex !important;
            top: 0;
        }
    }

    .locator-closer {
        position: absolute;
        right: -1ex;
        top: -1ex;
        background-color: #382e2a;
        color: #fff;
        display: inline-block;
        width: 1em;
        height: 1em;
        text-align: center;
        border-radius: 1em;
        padding: .5ex;
        line-height: 1;
        box-sizing: content-box;
        font-size: 175%;
        transition: 0.70s;
        -webkit-transition: 0.70s;
        -moz-transition: 0.70s;
        -ms-transition: 0.70s;
        -o-transition: 0.70s;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

        .locator-closer:hover {
            text-decoration: none;
            color: #eee;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .locator-closer:active {
            text-decoration: none;
            color: #ddd;
        }

    .banner-item {
        width: 100%;
    }
    .test-image {
        width: 100%;
    }

    .policy-content h2{
        font-size: 20px;
    }

    .row-bar .post-image picture img, .row-bar .post-image picture source {
        width: 200px;
    }

    .delivery-service-logo {
        margin: 30px;
        height: 40px;
    }

    .delivery-options {
        text-align: center;
        padding-bottom: 3ex;
    }

    .buy-online-links-section {
        text-align: center;
        background-color: #f1f1ef;
        min-height: 350px;
        padding-top: 5px;
        padding-bottom: 40px;
    }

    .delivery-header {
        color: #927215;
        font-size: 3rem;
        font-family: "Founders Grotesk Semibold", Arial;
        line-height: 1;
        margin-top: 50px;
        padding-bottom: 30px;
    }

    @media (max-width: 991px) {
        .delivery-header {
            margin-top: 10px;
        }
    }

    .delivery-header.stores {
        padding-top: 20px;
    }

    .buy-online-link-box {
        background-color: #f8ccd2;
        height: 225px;
        margin: auto;
        max-width: 500px;
    }

    .link-box-header {
        font-size: 2rem;
        font-family: "Founder Grotesk Semibold", Arial;
        color: #927215;
        line-height: 1;
        font-weight: bold;
        margin: 25px;
        padding-top: 25px;
    }

    .buy-online-links-section .buy-online-link-box .link-box-button {
        padding: 25px;
    }


        .buy-online-links-section .buy-online-link-box .link-box-button a {
            width: 160px;
            padding-right: 53px;
        }

        .buy-online-links-section .buy-online-link-box .link-box-button .icon.icon-cart:after {
            content: url(../wp-content/themes/halo-tops/assets/images/cart.svg);
            position: absolute;
            padding-left: 10px;
        }