.button:before, .button:after {
    content: unset !important;
}
.button__style_1 {
    padding: 16px 10px;
    width: 300px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Red Hat Display';
    line-height: 19px;
    border: 2px solid currentColor;
    text-shadow: none;
    border-radius: 50px;
    transition: .5s;
}
.button__style_1:hover {
    background-color: #213363;
    color: #ffffff;
    border: 2px solid #213363;
}

.button__style_3 {
    border: 2px solid #213362;
    background: #f4f2e5;
    text-decoration: none;
    color: #213362;
    font-family: 'Red Hat Display';
    font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left;
    padding: 16px 10px;
    text-transform: uppercase;
    margin-top: 30px;
    border-radius: 50px;
    display: inline-block;
    width: 300px;
    text-align: center;
}
.button__style_3:hover{
    background: #213362;
    color: #ffffff;
}
.button__style_4 {
    border-radius: 42.317px;
    border: 2px solid #213362;
    background: #beb6db;
    width: auto;
    display: inline-block;
    font-family: 'Red Hat Display' !important;
    font-size: 17.773px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.005px;
    text-transform: uppercase;
    padding: 15px 50px;
    width: 300px !important;
}
.button__style_4:hover {
    background: #f4f2e5;
}
.announcement-bar--item {
    padding-left: 0;
    padding-right: 0;
}

.plugin-product-comment-product-subTitle-start svg {
    width: 28px !important;
    height: 22px !important;
}
.plugin-product-comment-product-subTitle-start>div {
    font-size: 20px !important;
}
.product-plugin-comment-rate-star{
    align-items: center;
}
.product-plugin-comment-rate-star svg{
    width: 28px !important;
    height: 22px !important;
}
/* Swiper pageination CSS */

.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    opacity: 1;
    background: transparent;
    border: 0.83px solid #213362;
}
.swiper-pagination-bullet-active {
    background: #213362 !important;
}
.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0 !important;
}

@media (max-width: 768px){
    .button__style_3{
        margin-top: 20px;
        display: block;
        text-align: center;
        margin-inline: auto;
        font-size: 16px;
        width: 200px;
        text-align: center;
    }
    .mobile-hidden {
        display: none;
    }
    .bg_image{
        background-size: cover !important;
    }
}
@media (min-width: 769px){
    .desktop-hidden{
        display: none;
    }
}

/* Contact Page css */

.contact .title3 {
    font-family: 'Red Hat Display' !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}
.field__input:focus {
    outline: none;
    box-shadow: none;
    transition: unset;
}
.field__input {
    outline: none;
    box-shadow: none !important;
}
.field__input::placeholder {
    opacity: 1; 
}
.field label {
    display: none;
}
.field__input:focus+label {
    display: none !important; 
}
.field:after{
    content: unset !important;
}
.field .field__input {
    border: 1px solid #213362;
    border-radius: 50px;
    font-family: 'Red Hat Display' !important;
    color: #213362;
    padding: 12px 14px;
    -webkit-appearance: none;
    display: block;
}
textarea.field__input {
    border-radius: 15px !important;
    width: 100%;
    line-height: normal;
    resize: none;
    transition: border-color 0.1s ease-in-out;
    background: transparent;
}
.contact__button button.button {
    font-family: 'Red Hat Display' !important;
    border: 1px solid #213362;
    color: #213362;
    border-radius: 30px;
    display: block;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.contact__button {
    margin-top: 20px !important;
}
textarea.field__input {
    height: 200px;
}
/* Product page CSS */



/* Custtom Pages */

body.template-page__wholesale, body.template-page__shipping-returns, body.template-page__accessibility-policy, body.template-page__faq, body.template-page__find-in-stores main, body.template-page__privacy-policy, body.template-page__subscription  {
    background-image: url('https://img-va.myshopline.com/image/store/1748979849639/Subscribe-0.png?w=1440&h=3474');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
body.template-page__how-to-brew {
    background-image: url('https://img-va.myshopline.com/image/store/1748979849639/How-to-Brew-top.png?w=1440&h=4295');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
body.template-login, body.template-register {
    background-image: url('https://img-va.myshopline.com/image/store/1748979849639/Account-Log-In-0.png?w=1440&h=1549');
    background-size: cover;
    background-position: top center;
}
body.template-page__find-in-stores main{
    margin-top: -100px;
    padding-top: 60px ;
}


@media (max-width: 991px){
        body.template-page__wholesale,
        body.template-page__shipping-returns,
        body.template-page__accessibility-policy,
        body.template-page__faq,
        body.template-page__find-in-stores main,
        body.template-page__privacy-policy,
        body.template-page__subscription,
        body.template-page__how-to-brew,
        body.template-login,
        body.template-register{
            background-size: unset !important;
            background-position: bottom center !important;
            background-repeat: unset !important;
        }
}


/* Find in stores Page */
#shopline-section-17511912303558dcffaf .grid {
    gap: 30px;
    justify-content: space-between;
}
#shopline-section-17511912303558dcffaf .text-columns-with-images__inner{
    width: calc(50% - 20px);
}
body>.shopline-block:has(div#storelocator) {
    display: none;
}


@media (min-width: 769px) and (max-width: 991px){
    div#shopline-section-17511912303558dcffaf .grid{
        padding: 0px 40px;
    }
    #shopline-section-17511993325481438942 .custom-html{
        padding: 50px 50px;
    }
    .bootstrap-msesl .container-fluid {
        padding: 0px !important;
    }
    .col-xs-12.col-sm-12.col-md-4.col-lg-4.add_custom_size {
        margin-top: 50px !important;
    }
}

@media (max-width: 768px){
    #shopline-section-17511912303558dcffaf .text-columns-with-images__inner {
        width: 100%;
    }
    #shopline-section-17511993325481438942 .section-header{
        margin-bottom: 30px !important;
    }
    #shopline-section-17511993325481438942 .section-header .title4 {
        text-align: center;
        font-size: 40px;
    }
    div#events {
        left: 0 !important;
        top: 0 !important;
    }
    div#maptab {
        gap: 40px !important;
        padding-bottom: 60px !important;
    }
}
/* Subscription Page CSS */

@media (min-width: 769px) and (max-width: 991px){
    div#shopline-section-17512229433853e2af33 .grid.grid-cols-1.grid-cols-1-desktop {
        padding: 0px 30px;
    }
    div#shopline-section-17512229433853e2af33 a.text-columns-with-images-item__link {
        padding-bottom: 64% !important;
    }
    div#shopline-section-17512229433853e2af33 .text-columns-with-images {
        padding: 30px 0px !important;
    }
    #shopline-section-1751224910907b9d19e3 .grid, div#shopline-section-1751226481055d0fdbe4 .grid{
        padding: 0px 30px;
    }
    div#shopline-section-1751226481055d0fdbe4 .grid-cols-2 > * {
        flex: 0 0 auto;
        width: 50% !important;
    }
}


/* WholeSale Page CSS */

@media (max-width: 768px){
    #shopline-section-175062313197428e79f4 .title5{
        line-height: 88% !important;
    }
    #shopline-section-175062313197428e79f4 .text-columns-with-images-item__content, #shopline-section-175062313197428e79f4 .page-width{
        padding: 0px !important;
    }
    #shopline-section-1750683124181f62548c .rich-text{
        padding: 0px !important;
    }
    #shopline-section-1750683886505eeed3a0 .title5 {
        font-size: 40px !important;
        line-height: 88% !important;
    }
}