.container {

    max-width: 1520px;

}



.outline-unset{

    outline: unset;

}

.background-position-center{

    background-position: center;

}

.background-size-cover{

    background-size: cover;

}



/* FONT FAMILY */



@font-face {

    font-family: "comma-base";

    /*src: url(https://use.typekit.net/bil7vee.css);*/

    src: url(../../fonts/commabase_regular.otf);

}



.ff-poppins{

    font-family: "Poppins", sans-serif;

}      

.ff-comma{

    font-family: "comma-base", sans-serif;

}



/* FONT COLOR */



.fc-white{

    color: #fff;

}  

.fc-olive{

    color: #9a9c7a;

}   

.fc-olive-dark{

    color: #808168 !important;

}    

.fc-grey-dark{

    color: #979797;

}   

.fc-orange-yellow{

    color: #FECB69;

}  

.fc-pastel-grey{

    color: #CCD7AE !important;

}

.fc-red {
    color: red !important;
}





.fw-200{

    font-weight: 200;

}

.fw-500{

    font-weight: 500;

}

.fw-600{

    font-weight: 600;

}
.fw-700{

    font-weight: 700;

}

.text-shadow-1{

    text-shadow: 0px 10px 15px rgba(23, 23, 23, 0.2);

}

.bg-olive{

    background: #9a9c7a;

}

.bg-champagne{

    background: #f1dda7;

}

.bg-grey{

    background: #f5f5f5;

}

.bg-grey-dark{

    background: #e4e4e4;

}

.bg-dirty-white{

    background: #E8EECA !important;

}

.bg-sage{

    background: #b4b994 !important;

}





.rounded-6{

    border-radius: 60px;

}

.border-top-left-radius-1{

    border-top-left-radius: 60px;

}



.bc-olive-dark{

    border-color: #808168 !important;

}

.bc-grey-dark {

    border-color: #e4e4e4 !important;

}



.w-fit-content{

    width: fit-content;

}



.mix-blend-mode-multiply{

    mix-blend-mode: multiply;

}



.cursor-pointer{

    cursor: pointer;

}

.cursor-not-allowed{

    cursor: not-allowed !important;

}



/* btn */



.btn-1{

    background-color: #808168;

    color: #fff;

    transition: 0.25s;

    border: 2px solid #808168;

}

.btn-1:hover{

    background-color: #fff;

    color: #808168;

}



/* responsive */



.fs-lg-1{

    font-size: 3rem;

}

.fs-lg-2{

    font-size: 3rem;

}



@media only screen and (min-width: 992px) {

    .fs-lg-1{

        font-size: 7rem;

    }

    .fs-lg-2{

        font-size: 8rem;

    }

}





@media all and (min-width:0px) and (max-width: 576px) {

    .reservation-button-basic {

        padding: 10px 20px;

    }

    .switch-pill-section .switch-pill-sub, .switch-pill-section .switch-pill {

        margin-right: 10px;

        margin-bottom: 10px;

    }

    .search-container .search-button-wrapper .pill {

        width: 75%;

    }

    .scroll-pill {
        width: 75%;
    }

    .scroll-pill svg{
        height: 25px;
    }
    .scroll-pill .underline-btn {
        padding: 11px;
    }


    .presentation-container .top-container .text-area-outer{
        padding: 50px 20px;
    }

    .reservation-button-basic{
        text-wrap: balance;
    }


    .circle-gift-card {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}



/* checkout */

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    text-align: center;
    justify-content: center;
}


/* hide klaviyo on checvkout */

p#kl_newsletter_checkbox_field {

    display: none;

}



/* massage card */



.massage-card-container .bottom-section .info-container .name h4{

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    line-height: 1.2em;

    min-height: 1.4em;

}



/* checkout */

input#billing_phone {

    padding-left: 60px !important;

}

input#billing_phone::placeholder {

    opacity:0.5;

}

.iti.iti--inline-dropdown {

    width: 100%;

}



/* select2 */



span.select2-selection {

    border-radius: 35px !important;

    border: 2px solid whitesmoke !important;

    padding: 0px 15px !important; 

    font-size: 0.875rem !important;

    font-weight: 400 !important;

    color: #808168 !important;

    background-color: white !important;

    font-family: "Poppins", sans-serif !important;

    transition: 0.2s all ease-in-out;

    height: 45px !important;

    display: flex !important;

    align-items: center;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 45px !important;

    right: 15px;

}



.select2-dropdown {

    border: 2px solid whitesmoke !important;

    border-bottom-left-radius: 15px !important;

    border-bottom-right-radius: 15px !important;

}