/*!
Theme Name: MyMilkman
Theme URI: http://underscores.me/
Author: ZOO
Author URI: https://www.zoodigital.ie
Description: MyMilkman theme 2020
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mmm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

MyMilkman is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.ZOO {/*hello*/}
#page-preloader {
    display: none;
}
#page-preloader.loading {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background-color: #f0f8ff9c;
}
#primary {
    min-height: calc(100vh - 386px);
}
.datepicker-once-off{
    display: none;
}
.form-icon.btn.btn-clear{
    display: none;
    height: 1.8rem;
    width: 1.8rem;
    line-height: 2.3rem;
    right: 0.2rem;
}
.form-input-hint.has-error, .form-input-hint.is-error {
    text-align: left;
}
.choose-products{
    text-align: center;
}
.choose-products .h2 {
    font-style: italic;
    font-size: 30px;
    color: #08719c;
}
.choose-products .h1 {
    font-weight: 900;
    font-size: 30px;
    color: #0098cc;
    text-transform: uppercase;
}
.title {
    color: #0098cc;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px;
}
.item.icon.icon-info:before {
    background-image: url(./images/icons/blue/icon-info.svg);
}
.form-input-hint.active {
    color: #4a5058;
}
.panel .product-line .prod-img{
    text-align: center;
}
.panel .product-line .prod-img img{
    height: 100%;
}
.grey-circle {
    background-color: #979797;
    border: 1px solid #979797;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    height: 150px;
    width: 150px;
}
.modal-container .modal-header .closer,
.modal-container .modal-header .js-closer,
.modal-container .modal-header .js-closer-reload,
.modal-container .modal-header .js-closer-account,
.modal-container .modal-header .js-closer-order {
    position: absolute;
    top: 10px;
    right: 5px;
    line-height: 2.9rem;
    z-index: 99999;
}
.prod-promo{
    font-size: .833rem;
}
.product-price s,.prod-price s{
    color: rgba(71,71,71,0.6);
}
.referbox a{color: #fff;font-size: 1rem;text-decoration: underline;}
.product-group .swiper-slide {width: 200px;}
.disabled2{
    box-shadow: none !important;
    cursor: default;
    opacity: .3;
}
#primary,#download-billing{
    background: #fff;
}
.product .product-size {
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.small .product .product-size {
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
img + h3,img + h2{margin-top: .5em;}
.d-flex-centered + .d-flex-centered h3{margin-top: .5em;}
.d-flex-centered + .d-flex-centered img{margin-top: .5em;}
.best {top: 8px;font-size: 1.1rem;}
.ribbon-container.best span {padding: 2px 13px;height: 22px;margin-left: 12px;}
.ribbon-container.best:before {
    top: 2px;
    left: -4px;
    border-top: 9px solid rgba(0,0,0,0.3);
    border-bottom: 15px solid rgba(0,0,0,0.3);
    border-right: 17px solid rgba(0,0,0,0.3);
    border-left: 13px solid transparent;
}
.ribbon-container.best:after {
    height: 3px;
    bottom: -3px;
    left: 26px;
    right: 6px;
}
.best span:before {
    border-top: 9px solid #0089d0;
    border-bottom: 13px solid #0089d0;
    top: 0;
    left: -13px;
}
.best span:after{border-top: 7px solid #004a70;bottom: -7px;right: 0;}
/*.icon.view-password:before{padding-top: 2px;top: 4px;background-image: url(./images/icons/blue/icon-eye.svg);}
.icon.view-password.hide-pass:before{background-image: url(./images/icons/blue/icon-eye-slash.svg);}
*/
.modal-cart .prod-name, .modal-cart .prod-size{display: inline;}
.prod-edit.d-flex{display: block;}
.page-template-tpl_about footer{margin-top:50px}
.modal-title.lobster{color: #08719C; font-weight: 100;}
p.large b{color: #08719C;}
a:focus, a:hover, a:active, a.active {font-weight: bold;}
.ribbon-left {background: url(./images/bg_ribbon_left2.png) 0 no-repeat;left: -14px;top: 3px;height: 44px;background-size: cover;}
.ribbon-right {background: url(./images/bg_ribbon_right2.png) 100% no-repeat;right: -14px;top: 3px;height: 44px;background-size: cover;}
.footer-navigation .menu-footer-container{float:left}
.js-product-modal .btn{width: auto !important;max-width: inherit;}
.js-product-modal .col-mx-auto .btn{width: 100% !important;}
.day {font-weight: bold;}
.wo-centered {display: block !important;float: none;}
.wo-centered .btn {width: 45%}
/*.wo-centered .btn.js-cart-disabled-button {width: 90%}
.wo-centered .btn.js-closer-order{display: block}*/
.wo-centered .btn.js-closer-order{display: inline-block}
.wo-centered .btn {width: 45% !important}
.mobile-menu button.mobile-header {
    position: absolute;
    display: flex;
    top: 25px;
    right: 0;
    cursor: pointer;
    pointer-events: auto;
    z-index: 200;
    padding: 2px 10px;
    font-size: 1rem;
    border-radius: 8px;
    font-weight: lighter;
    margin-right: 20px;
}
.cat-milk-next, .cat-milk-prev {
    background: #fff;
    top: 40% !important;
    height: 105% !important;
    width: 30px !important;
    margin-top: -108px !important;
    transition: all 0.5s;
    outline: none;
}
.cat-milk-prev {
    left: -36px !important;
    /*box-shadow: 10px 0 20px -2px rgb(0 0 0 / 30%);*/
}
.cat-milk-next {
    right: -42px !important;
    /*box-shadow: -10px 0 20px -2px rgb(0 0 0 / 30%);*/
}
.cat-milk-next.swiper-button-disabled, .cat-milk-prev.swiper-button-disabled {
    opacity: 0 !important;
}
.swiper-container.milk-swiper {
    overflow: visible;
    margin-left: 28px;
    margin-right: 28px;
    width: 95%;
}
.js-product-has-label{margin-left: 28px;}
.js-cart-also-bought-content .swiper-button-prev {left: -18px !important;}
.js-cart-also-bought-content .swiper-button-next {right: -18px !important;}
.swiper-container.category-swiper {
    overflow: visible;
    margin-left: 28px;margin-right: 28px;width: 96%;
}
.swiper-container.category-swiper .swiper-wrapper{/*width: 96%;*/}
.cat-next, .cat-prev {
background: #fff;
height: 60px !important;
width: 30px !important;
margin-top: -30px !important;
transition: all 0.5s;
outline: none;
opacity: 1 !important;
overflow: visible;
box-shadow: none;
}
.cat-prev{
left: -30px !important;
}
.cat-next{right: -30px !important;}
.signup-box{z-index: 95;}
.promo-slider{margin-top: 0}
.promo-slider .swiper-slide{height: auto;}
#modal-login{width: 520px;margin: 0 auto;}
#modal-login .modal-body{padding: 0}
.refer-icon-refer{float:left;width: 50px;position: relative;top: 20px;left: 55px;}
.refer-get-20{width: 124px;position: relative;top: 0;left: 15px;}
.refer-friend-speech{height: 170px;margin-left: -65px;}
.refer-block-code{font-size:1.44rem; float: left;margin-left: -150px;}
.refer-block-code .text-code{margin: 4px 25px;font-weight: bold}
.refer-block-code .h4{color: #38a2d5;}
.refer-button-friend{line-height: 2.1rem}
@media (min-width: 1440px){.modal-cart{right: 0}}
/*@media (min-width: 1620px){.modal-cart{right: 143px;}}
@media (min-width: 1620px){.modal-cart{right: 143px;}}*/
@media (max-width: 1440px){.swiper-container.milk-swiper {width: 96%;}}
@media (max-width: 1200px){.swiper-container.milk-swiper {width: 95%;}}
@media (max-width: 940px){.show-md{display: block !important;}.refer-block-code{margin-left:0}.refer-view-referal .col-6{width: 100%;}
@media (max-width: 680px){
/*.backto:before{content: '';display: block;background-color:unset}*/
.grey-circle {
    width: 100px;
    height: 100px;
}
.btn.w100{min-width: 160px !important;max-width: inherit;}
.btn.regular{width: auto !important;max-width: inherit; margin:auto;}
.entry-title:before{margin: 0 50px 0 10px;z-index: 10;}
.backto{font-size:0;display: block}
.backto:before{content: none;}
.backto:hover:before {background-color:#ffffff;}
.backto-mobile:before {
    content: '';
    background-color:#ffffff;
    background-image: url('./images/icons/blue/icon-arrow-right.svg');
    transform: rotate(180deg);
    display: block !important;
    background-size: 20px 20px;
    width: 13px;
    height: 17px;
    position: absolute;
    top: -8px;
    left: 0;
}
.form-icon.btn.btn-clear{
    right: -0.4rem;
}
.page-template-page_orders .accordion {margin: 0;}
.product-group .swiper-slide {width: 140px;}.site-main{padding: 100px 15px 0 15px;}
#modal-login{width: auto;}
}
/*@media (min-width: 681px){.site-main{padding: 100px 15px;}}*/
.hide-md{display: none !important;}
.ribbon-container.best:before {border-top: 8px solid rgba(0,0,0,0.3);}
.site-main{padding: 75px 10px;}
.swiper-container.milk-swiper {margin-left: 0;margin-right: 0;width: 100%;}
.js-product-has-label{margin-left: 0}
.cat-next,.cat-prev,.cat-milk-prev,.cat-milk-next{opacity: 0 !important;}
.swiper-container.category-swiper{margin-left: 3.3%;margin-right: 3.3%;width: 95.4% !important;}
.refer-friend-speech{height: 125px;margin-left: 0}
}
@media (min-width: 1620px){.modal-cart{right:-165px}}
@media (max-width: 1619px){.modal-cart:after{left: 92.5%;}}
@media (max-width: 794px){.edit-controls .btn{margin: 5px auto}}
@media (max-width: 679px){
.icon-cart{top: 0}.modal-cart{top: 155%;}.modal-cart:after{left: 93%;}
.wo-fixed{position: fixed;width: 100%;bottom: 0;left: 0;height: 90px;background: #ffffff;z-index: 100;}
.wo-centered .btn.js-closer-order{display: inline-block}
.wo-centered .btn {width: 45% !important}
.this-week-centered .btn.js-closer-order{display: inline-block}
.this-week-centered .btn {width: 45% !important}
/*.ym-fixed{position: fixed;width: 100%;bottom: 0;left: 0;height: 60px;background: #ffffff;z-index: 100;}
.ym-fixed > div{margin-top: 5px}
.ym-fixed > div .btn{width: 90% !important}*/
}
@media (max-width: 545px){.form-group.plus-minus-input{margin-bottom: 6px !important}}
@media (max-width: 420px){.modal-cart:after{left: 92%;}}
@media print {#page > :not(.printable){display:none !important;}.site-main {padding: 0 10px;}.printable .btn{display:none !important;}}

.custom-swiper-container.swiper-container-initialized {
    opacity: 1;
}
.custom-swiper-container:not(.swiper-container-initialized) {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.custom-swiper-container:not(.swiper-container-initialized) ~ .sw-prev, .custom-swiper-container:not(.swiper-container-initialized) ~ .sw-prev {
    opacity: 0;
}
.custom-swiper-container.swiper-container-initialized ~ .sw-prev, .custom-swiper-container.swiper-container-initialized ~ .sw-prev {
    opacity: 1;
}
.custom_product_group {
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.custom_product_group .product {
    padding: 0;
}
.hide_arrows .swiper-button-prev, .hide_arrows .swiper-button-next {
    display: none;
}

.form-input-hint.is-grey:not(.is-success):before{
    content: "";
    display: block;
    background: url('./images/check-solid-grey.svg') no-repeat;
    color: #979797;
    width: 13px;
    height: 13px;
    float: left;
    margin: 3px 3px 0 3px;
}
.icon.icon-drs:before {
    background-image: url('./images/DRS-billing-icon.png');
    background-size: cover;
    width: 28px;
    height: 28px;
    margin-left: -5px;
}
.drs-icon {
    display: inline-block;
    background: url('./images/DRS-icon.png') no-repeat;
    background-size: cover;
    width: 25px;
    height: 20px;
    margin-left: -4px;
    margin-bottom: -5px;
}
.drs-icon.producticon {
    display: inline;
    background: url('./images/DRS-icon.png') no-repeat;
    background-size: cover;
    width: 18px;
    height: 15px;
    position: absolute;
    margin-top: 26px;
    margin-left: 1px;
}
.drs-icon.product-info-icon {
    display: inline-block;
    background: url('./images/DRS-icon.png') no-repeat;
    background-size: cover;
    width: 33px;
    height: 26px;
    position: absolute;
    margin-left: 177px;
    margin-top: 149px;
    margin-bottom: 0px;
}
.drs-icon.product-list-icon {
    display: inline-block;
    background: url('./images/DRS-icon.png') no-repeat;
    background-size: cover;
    width: 25px;
    height: 20px;
    position: absolute;
    margin-left: 140px;
    margin-top: 90px;
    margin-bottom: 0px;
}
.drs-icon.promo-list-icon {
    display: inline-block;
    background: url('./images/DRS-icon.png') no-repeat;
    background-size: cover;
    width: 25px;
    height: 20px;
    position: absolute;
    margin-left: 80px;
    margin-top: 90px;
    margin-bottom: 0px;
}
.product-price small {
    font-size: 70%;
}

@media (max-width: 680px){
    .drs-icon.product-list-icon {
        margin-left: 80px;
    }
    .drs-icon.product-info-icon {
        width: 27px;
        height: 22px;
        margin-top: -10px;
        right: 30px;
    }
    .drs-icon.producticon {
        width: 16px;
        height: 13px;
    }
    .modal .product-name {
        max-width: 324px;
    }
}