/*
 Theme Name:   kl-bottega
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.3.0
 Text Domain:  bootscore
*/

/*
All style editing is done via scss/_bscore_custom.scss
*/

body {
    font-family: "Arvo", Sans-serif;
    overflow-x: hidden;
}

.top-header {
    background-color: black;
    height: 50px;
}

.top-header span {
    font-size: 1rem;
    font-family: "Montserrat", Sans-serif;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

nav#nav-main {
    background-color: white;
}

@media (max-width: 1199.98px) {
    #nav-main {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media (min-width: 1200px) {
    #nav-main {
        top: 0;
        left: 0;
        right: 0;
    }
}

.navbar .container {
    display: block;
}

#bootscore-navbar li a {
    font-family: "Montserrat", Sans-serif;
    text-transform: uppercase;
    color: black;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0;
}

#bootscore-navbar li a.nav-link.active {
    border-image: url('/wp-content/themes/kl-bottega/img/icon/-small.png') !important;
}

#bootscore-navbar li a.dropdown-item:active,
#bootscore-navbar li a.dropdown-item.active,
#bootscore-navbar li a.dropdown-item.visited {
    background-color: black;
color: white;
}

nav.navbar .dropdown:hover .dropdown-menu,
.dropdown:active .dropdown-menu {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.navbar .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom;
    content: url("/wp-content/themes/kl-bottega/img/icon/Arrow icon.png");
    border: 0;
}

#footer-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: 8px;
    vertical-align: bottom;
    content: url("/wp-content/themes/kl-bottega/img/icon/Arrow white.png");
    border: 0;
}

li .link-hover-img {
    max-width: 70px;
    width: auto;
    margin: 0 auto;
    height: 0px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

li:hover .link-hover-img,
li.nav-item.current-menu-item .link-hover-img {
    opacity: 1;
}

.link-hover-img img {
    margin-top: -20px;
}

.header-actions button {
    border: none;
    outline: none;
}

span.bottega-icon {
    font-size: 14px;
    padding: 15px 5px 5px 10px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
}

span.bottega-icon img {
    margin-right: 10px;
    height: 20px;
}

span.text-secondary {
    color: black !important;
}

.header-actions a,
.header-actions button i {
    font-size: 1.5rem;
}

.header-actions a.btn:active {
    /* border: white; */
    border-color: white;
}

.cart-content-count {
    margin-left: 10px;
}

ul#footer-menu li a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Montserrat", Sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 16px;


}

ul#footer-menu li a.dropdown-item,
ul#footer-menu li a.dropdown-item:hover,
ul#footer-menu li a.dropdown-item:active{
    color:black !important; 
    background-color: white !important;   
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Montserrat", Sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 16px;
}

@media (max-width: 600px) {
    .home-content{
        margin-top: -30px;
    }
}



.footer-items {
    color: white;
    font-family: "Montserrat", Sans-serif;
    font-weight: bold;
}

.cart-content-count.badge {
    top:10px;
}

.hero-image {
    /* The image used */
    /* background-image:url("http://kllocal.bottega.my/wp-content/uploads/2018/05/HOME__featured_image.jpg"); */
    /* background-image: linear-gradient(to bottom, rgb(0 0 0 / 60%), rgb(159 153 153 / 10%)), url(http://kllocal.bottega.my/wp-content/uploads/2018/05/HOME__featured_image.jpg); */
    /* Set a specific height */
    min-height: 740px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.overlay {
    background-color: #0c0a0a;
    opacity: 0.5;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.hero-section {
    margin-top: 15%;
    position: relative;
}

.hero-section2 {
    margin-top: 10%;
    position: relative;
}

@media (max-width: 992px) {
    .hero-section2 {
        margin-top: 10%;
    }
}

h2.section-title {
    color: #ffffff;
    font-size: 67px;
    font-weight: 600;
    line-height: 75px;
    z-index: 1;
}

h3.section-title-small {
    color: #ffffff;
    font-size: 32px;
    line-height: 42px;
    z-index: 1;
}

.section2 {
    margin-bottom: 10%;
}

.section2-title {
    h1 {
        height: 70px;
        font-size: 45px;
        /* line-height: 50px; */
    }

    h2,
    h6 {
        font-family: "Montserrat", Sans-serif;

    }

    h2 {
        line-height: 50px;
        font-size: 35px;

    }

    h6 {
        font-size: 16px;
        line-height: 22px;
    }
}

a.btn-primary.order-food,
a.btn-primary.buy-groceries,
a.btn-primary.order-food:visited,
a.btn-primary.buy-groceries:visited {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background: #D2401E 0% 0% no-repeat padding-box;
    padding: 15px;
    border: none;
    /* width: 47%; */
    /* margin: 5px; */
    width: 311px;
    height: 54px;
}

a.btn-primary.order-food:active,
a.btn-primary.buy-groceries:active,
a.btn-primary.order-food:hover,
a.btn-primary.buy-groceries:hover,
.ajax_add_to_cart .btn-loader {
    background-color: black;
}

a.btn-primary.order-food-2,
a.btn-primary.order-food-2:visited {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background: #D2401E 0% 0% no-repeat padding-box;
    padding: 4px;
    border: none;
    width: 195px !important;
    height: 54px;
    line-height: 50px;
}

a.btn-primary.order-food-2:active,
a.btn-primary.order-food-2:hover {
    /* background-color: #009246; */
    background-color: black;

}

a.btn-primary.ws-link,
a.btn-primary.ws-link:visited {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background: #d3d3d3 0% 0% no-repeat padding-box;
    padding: 4px;
    border: none;
    width: 195px !important;
    height: 54px;
    line-height: 50px;
    color: black;
}

a.btn-primary.ws-link:active,
a.btn-primary.ws-link:hover {
    background-color: #009246;
    /* background-color: black; */
    color: white;

}

.btn-close:focus{
    box-shadow: none;
}

.qr-code {
    padding: 18px;
    opacity: 0.8;
    background: #F7F7F7 0% 0% no-repeat padding-box;
    border-radius: 18px;
    /* margin: 0 auto; */
    max-width: 647px;
    /*height: 250px;*/
}

.qr-title {
    color: black;
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.qr-caption {
    text-align: center;
    color: black;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;

}

.qr-img img {
    width: 192px;
    height: 192px;
}

img.home-background-img {
    position: absolute;
    z-index: 0;
    height: 1145px;
    width: 1734px;
    top: 700px;
    /* left: 135px; */
    left: 100px;
}

@media (max-width:1100px){
    img.home-background-img {
        left: 0;
    }
}

.card.card-menu {
    border-radius: 15px;
    padding: 18px;
    width: 567px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    margin: 0 auto;
}

.section5 .card {
    border-radius: 15px;
    padding: 18px;
}

.card-menu .card-title,
.section5 .card-title {
    font-family: "Arvo", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
}

.card-menu .menu-caption,
.card-menu .menu-caption-list {
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
    line-height: 20px;
}

.section3 {
    /* background-image: url("http://kllocal.bottega.my/wp-content/uploads/2018/06/Bottega_Cafe_Imports_Shop.jpg"); */
    background-position: center;
    background-size: cover;
    height: 829px;
    margin-bottom: 15%;

    .overlay2 {
        height: 600px;
        width: 100%;
        left: 0;
        position: absolute;
        background-color: black;
        opacity: 0.5;
    }

}

.section7-text {
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
}

.section7 img{
    filter: invert(1) brightness(0);
}

@media (min-width:500px) and (max-width: 768px) {
    .section3 {
        margin-bottom: 270px;
    }
}

@media (max-width:499px) {
    .section3 {
        margin-bottom: 200px;
    }

    span.bottega-icon {
        font-size: 11px;
    }
}

.shop-info {
    padding-top: 350px;

    .card {
        /* background-color: #FFFFFFAD; */
        /* background: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 70%)); */
        width: 1294px;
        height: 650px;
        background: #F7F7F7 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 18px;
        opacity: 0.95;
    }

    .sm-title-info1 {
        font-size: 18px;
    }

    .sm-title-info {
        color: black;
        font-size: 18px;
        font-weight: bold;
        font-family: 'Montserrat', Sans-serif;
    }

    .sm-title-info:first-of-type {
        margin-bottom: 30px;
    }

    .sm-title-info:last-of-type {
        line-height: 27px;

    }

    .card-subtitle:last-of-type {
        margin-bottom: 0;
        line-height: 27px;
    }

    .sm-title-info:not(:first-of-type) {
        margin-bottom: 0;
    }

    .card-subtitle:not(:last-of-type) {
        margin-bottom: 40px;
        margin-top: 5px;
    }

    h5,
    h6 {
        font-family: "Montserrat", Sans-serif;
    }

    h5 {
        line-height: 18px;
        font-size: 18px;
    }

    h6 {
        /* line-height: 15px; */
        font-weight: 700;
        font-size: 15px;
    }

    .title-info {
        font-size: 33px;
        line-height: 40px;
    }

    h2.title-info-2 {
        font-size: 25px;
        line-height: 30px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 18px;
    }

    a.img {
        width: 50px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {

    a.btn-primary.order-food,
    a.btn-primary.buy-groceries,
    a.btn-primary.order-food:visited,
    a.btn-primary.buy-groceries:visited {
        width: 250px;
    }
}

@media (max-width: 1200px) {

    a.btn-primary.order-food,
    a.btn-primary.buy-groceries,
    a.btn-primary.order-food:visited,
    a.btn-primary.buy-groceries:visited {
        width: 200px;
    }

    .qr-title {
        font-size: 32px;
    }

    .qr-caption {
        font-size: 20px;
    }

    .qr-img img {
        width: 150px;
        height: 150px;
    }

    .card.card-menu {
        width: 340px;
        margin: 0 auto;
    }

    .shop-info {
        padding-top: 180px;


    }
}

@media (max-width: 768px) {
    h3.section-title-small {
        font-size: 36px;
        line-height: 50px;
    }

    h2.section-title {
        font-size: 47px;
        line-height: 49px;
    }

    a.btn-primary.order-food,
    a.btn-primary.buy-groceries {
        width: 311px;
    }

    .qr-code {
        max-width: 313px;
        max-height: 300px;
        margin: 0 auto;
    }

    .qr-title {
        font-size: 30px;
    }

    .qr-caption {
        font-size: 18px;
        line-height: 18px;
    }

    .qr-img img {
        width: 100px;
        height: 100px;
    }

    .shop-info h4.sm-title-info {
        font-size: 16px;
    }

    .shop-info h6.card-subtitle1 {
        font-size: 14px;
        line-height: 16px;
    }

    .shop-info .sm-title-info1 {
        font-size: 20px;
    }

    .shop-info h2.title-info {
        font-size: 25px;
        width: 175px;
        line-height: 30px;
    }

    .shop-info .card {
        width: auto;
    }

    .shop-info h5.card-title {
        line-height: 18px;
        font-size: 16px;
    }

    .shop-info h2.title-info-2 {
        font-size: 25px;
    }

    .shop-info .sm-title-info:last-of-type {
        line-height: 18px;
        margin-top: 0;
    }

    .shop-info .card-subtitle:last-of-type {
        line-height: 18px;
    }

    .shop-info .sm-title-info:not(:last-of-type) {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .shop-info .card-subtitle:not(:last-of-type) {
        margin: 0;
    }

    .shop-info a.img {
        width: 64px;
    }
}

@media (max-width: 992px) {
    .hero-section {
        margin: 0;
    }

    .section2 {
        margin-bottom: 0;
    }

    /* a.btn-primary.order-food-2,
    a.btn-primary.ws-link {
        width: 311px !important;
    } */

    .shop-info .card {
        height: 780px;
    }
}


.section4 {
    /* background-image: url("http://kllocal.bottega.my/wp-content/uploads/2020/04/bottega-aperitivity.jpg"); */
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    height: 450px;

    .reservation h2 {
        color: #ffffff;
        font-size: 45px;
        font-weight: 600;
        line-height: 73px;
        position: relative;
        padding-top: 5%;
        /* width: 50%; */
    }

    .reservation span {
        position: relative;
    }


    @media (max-width: 768px) {
        .reservation h2 {
            font-size: 36px;
            line-height: 42px;
            padding-top: 25%;
        }
    }
}

.section6 {
    background-position: center center;
    background-size: cover;
    height: 410px;
    margin-bottom: 15%;

    .map h2 {
        color: white;
        font-size: 45px;
        font-weight: bold;
        /* line-height: 36px; */
        /* letter-spacing: 1.4px; */
        padding-top: 12%;
        padding-bottom: 3%;
    }

    .map-info span {
        color: black;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1.2px;
    }

}

.section7 .map-icon {
    font-size: 2rem;
}

@media (max-width: 767px) {
    #footer-menu {
        flex-direction: column;
        /* Change flex-direction to column for vertical layout */
        align-items: center;
        /* Center items vertically */
        text-align: center;
        /* Center text within each list item */
    }

    .section6 .map h2 {
        font-size: 45px;
    }
    
    
}

@media only screen and (max-width: 460px) {
    .section6{
        margin-bottom: 25%;
    }
  }

/* //////////////////PRODUCT CARD////////////////////////// */
.woocommerce .card a.button,
button.see-more.btn.btn-primary,
.woocommerce .card a.button:visited {
    background-color: #d2401e !important;
    border: none;
    width: auto;
    height: 45px;
    border-radius: 8px;
    padding: 12px 20px 15px 20px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 700;
font-size: 14px;
}

a.button.see-more{
    background-color: #d2401e !important;
    border: none;
    width: auto;
    height: 45px;
    border-radius: 8px;
    padding: 12px 20px 15px 20px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    text-decoration: none;
    font-size: 14px;

}

@media(max-width:789px){
    .food-menu-only a.button,
    .food-menu-only button.see-more.btn{
        width: 145px !important;
        height: 30px !important;
        font-size: 12px !important;
        padding: 5px !important;
    }

    .food-menu-only .woocommerce-product-details__short-description{
        font-size: 12px;
    }

    .food-menu-2-only a.button.see-more{
        font-size: 12px !important;
        padding: 10px !important;
    }
}

.woocommerce .card a.button:hover,
.woocommerce .card a.button:active,
.woocommerce .card a.button:focus-visible,
button.see-more.btn.btn-primary:hover,
button.see-more.btn.btn-primary:active,
.woocommerce-mini-cart__buttons a:hover {
    background-color: black !important;
}

/* .woocommerce .card a.button:visited,
.woocommerce .card a.button:hover,
.woocommerce .card a.button:active,
.woocommerce .card a.button:focus-visible, */
/* .woocommerce-mini-cart__buttons a:hover {
    background-color: #009246 !important;
} */

.breadcrumb-img {
    background-image: linear-gradient(to top, rgb(255 255 255 / 80%), rgb(162 153 153 / 10%)), url(/wp-content/uploads/2020/04/bottega-food-delivery.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 330px;
    width: 100%;
    position: relative;
    display: inline-block;
}

@media(max-width:650px){
    .breadcrumb-img.single{
        display: none;
    }

    .summary.entry-summary{
        border-top-right-radius: 30px;
        margin-top: -60px;
        position: relative;
        border-top-left-radius: 30px;
        background-color:white;
    }
    .summary.entry-summary h1.product_title.entry-title{
        font-size: 22px;
    }
}

.woocommerce-products-header h1 {
    color: #000000;
    /* font-family: 'Montserrat'; */
    font-family: 'Arvo';
    font-size: 50px;
    text-transform: capitalize;
    font-weight: bold;
}


/* ///////////////////////////////CATEGORY//////////////////////////////// */

.accordion-header {
    margin: 0 0 10px 0;
    font-family: 'Montserrat', sans-serif;

    button.accordion-button.collapsed {
        background-color: lightgray;
        padding: 10px;
        color: black;
        /* font-family: 'Montserrat', sans-serif; */
        /* font-size: 45px; */
        font-size: 30px;
        /* text-transform: uppercase;
        letter-spacing: 2.4px; */
        border-radius: 20px;
        font-weight: 700;
        border: 3px solid lightgray;
        letter-spacing: -1px;
    }

    button.accordion-button {
        background-color: #d2401e;
        padding: 10px;
        color: white;
        /* font-family: 'Montserrat', sans-serif; */
        /* font-size: 1.5rem; */
        font-size: 30px;
        /* text-transform: uppercase;
        letter-spacing: 2.4px; */
        border-radius: 20px;
        font-weight: 700;
        border: 3px solid #d2401e;
        letter-spacing: -1px;
    }

    button:active,
    button:hover,
    button:not(.collapsed) {
        background-color: #d2401e;
        color: white;
    }

}

.accordion-body {
    li {
        font-family: 'Montserrat', sans-serif;
        /* background-color: #F4F6F3; */
        background-color: white;
        transition: border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        padding: 5px 10px 5px 10px;
        border-radius: 20px;
        margin: 0 0 10px 0;
        height: 75px;

        img {
            width: 50px;
            height: 50px;
        }

        .cat-title {
            a {
                text-decoration: none;
                color: black;
                font-size: 18px;
                text-transform: uppercase;
                /*letter-spacing: -2px;*/
                font-weight: bold;
            }
        }
    }

    li.selected {
        background-color: black;

        a {
            color: white;
        }

        img {
            filter: brightness(0) invert(1);
		/*background-color: white;*/
        }
    }

    li:hover {
        box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 15%);
    }
}

@media(max-width:1030px) {
    .accordion-body {
        li {
            .cat-title {
                a {
                    font-size: 16px;
                }
            }
        }
    }
}

.accordion-button i:before {
    /* content: "\f068"; */
    /* content:url("http://kllocal.bottega.my/wp-content/themes/kl-bottega/img/icon/- white.png"); */
    content: url("/wp-content/themes/kl-bottega/img/icon/-white.png");
    /* background-color: white; */
    /* border-radius: 50%; */
    /* padding: 2px 5px 3px 4px; */
    zoom: 70%;
    margin-right: 50px;
    color: white;
    font-size: 18px;
    margin-left: 20px;
    vertical-align: middle;
}

.accordion-button.collapsed i:before {
    /* content: "\2b"; */
    /* content:url("http://kllocal.bottega.my/wp-content/themes/kl-bottega/img/icon/+.svg"); */
    content: url("/wp-content/themes/kl-bottega/img/icon/+.svg");
    color: black;
    zoom: 70%;
}

.accordion-button.selected-parent.collapsed i:before {
    /* content: "\2b"; */
    /* content:url("http://kllocal.bottega.my/wp-content/themes/kl-bottega/img/icon/+.svg"); */
    content: url("/wp-content/themes/kl-bottega/img/icon/+.svg");
    color: white;
    zoom: 70%;
}

button.accordion-button.selected-parent i.fas,
button.accordion-button i.fas {
    padding-bottom: 5px;
padding-top: 5px;
}


.woocommerce .card .woocommerce-loop-product__title,
h2.woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    /*line-height: 22px;*/
height: 55px;
    overflow-y: clip;
}

button.accordion-button,
button.accordion-button.collapsed {
    border-radius: 20px !important;
}

button.accordion-button.collapsed:hover {
    background-color: white;
    border: 3px solid black;
    color: black;
}

.accordion-button.selected-parent.collapsed:hover i:before {
    color: black;
}

.woocommerce-LoopProduct-link .woocommerce-Price-amount {
    font-size: 18px;
    font-weight: bold;
    color: #009246;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    border-radius: 8px;
}

/* /////////////////////////MINI CART/////////////////////////// */
.woocommerce-mini-cart__buttons a {
    color: white;
    background-color: #d2401e;
    border: none;
    padding: 10px 20px;
    /* border-radius: 25px 25px 25px 25px; */
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1.4px;
    font-family: "Montserrat";
    font-weight: 700;
}

.woocommerce-mini-cart-item a {
    color: black;
    text-decoration: none;
}

/* ////////////////////////////CART////////////////////////////////// */

form.woocommerce-cart-form td.product-name a {
    color: black;
    text-decoration: none;
}

form.woocommerce-cart-form td.product-price,
form.woocommerce-cart-form td.product-subtotal {
    color: #009246;
}

form.woocommerce-cart-form .coupon button,
form.checkout_coupon.woocommerce-form-coupon [name="apply_coupon"],
form.woocommerce-cart-form button[name="update_cart"],
form.woocommerce-cart-form button[name="update_cart"]:disabled[disabled] {
    color: white;
    background-color: black;
    border-color: black;
}

form.woocommerce-cart-form .coupon button.button:active,
form.woocommerce-cart-form .coupon button.button:hover,
form.woocommerce-cart-form button[name="update_cart"]:active,
form.woocommerce-cart-form button[name="update_cart"]:hover {
    background-color: black !important;
    border-color: black !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:visited,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
#place_order,
a.btn.btn-primary.top-button,
.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button .btn-loader,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
    color: white;
    background-color: black !important;
    border: none !important;
    outline: none !important;
}

form.woocommerce-shipping-calculator a.shipping-calculator-button {
    color: black !important;
    text-decoration: none;
}

/* tr.cart_item td.product-name {
    width: 45%;
} */

@media(max-width:768px) {
    /* tr.cart_item td.product-name {
        width: 100%;
    } */
}

ul.woocommerce-error,
.wc-block-components-notice-banner.is-error,
.woocommerce-mini-cart__empty-message.woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-info,
section.no-results.not-found p.alert-info {
    background-color: #e2401c !important;
    color: #fff;
    border: none;
    border-left: 10px solid rgba(0, 0, 0, 0.15);
    font-size: 14px;
    padding: 15px 45px;
    margin-bottom: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-transform: none;
}

.cart-empty.woocommerce-info {
    background-color: #9FE0DD;
    color: #00938D;
    color: red;
    border: none;
    font-size: 14px;
    padding: 15px 45px;
    margin-bottom: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-transform: none;
    text-align: center;
    border-radius: 10px;
}

.cart-empty {
    display: none !important;
}

.custom-empty-cart-message.woocommerce-info::before {
    display: none;
}

.woocommerce-info.custom-empty-cart-message {
    /* background-color: #9FE0DD; */
    /* color: #00938D; */
    background-color: #E2A799;
    color: #D2401E;
    border: none;
    outline: none;
    font-weight: bold;
    width: 350px;
    margin: 0 auto;
}

.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-mini-cart .woocommerce-message,
.wc-block-components-notice-banner.is-info{
    background-color: black !important;
    color: white;
    border: none;
    border-left: 10px solid rgba(0, 0, 0, 0.15);
    font-size: 14px;
    padding: 15px 45px;
    margin-bottom: 25px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-transform: none;
}

.woocommerce-message{
    background-color: #000000;
    color: white;
}


.wc-block-components-notice-banner.is-info>svg{
    background-color: black !important;
}

.wc-block-components-notice-banner.is-info{
    border-color: white !important;
}

.wc-block-components-notice-banner__content a.button.wc-forward,
.wc-block-components-notice-banner.is-info a{
    color: white !important;
}

.woocommerce form .form-row .woocommerce-input-wrapper .description {
    background-color: #009246 !important;
}

ul.wc_payment_methods li .woocommerce-info {
    background-color: #e2401c;
    color: white;
}

.product_meta span a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.woocommerce div.product span.price,
.woocommerce div.product p.price,
span.price {
    color: black !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.product_meta .posted_in,
.product_meta .sku_wrapper {
    display: none;
}

section.related.products {
    padding-top: 20%;
}

.woocommerce table.cart img,
.woocommerce-page #content table.cart img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.woocommerce-page table.cart img {
    height: 50px;
    width: auto;
}

@media only screen and (max-width: 768px) {

    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block;
        color: white;
    }

    .woocommerce table.cart img,
    .woocommerce-page #content table.cart img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
    .woocommerce-page table.cart img {
        height: 150px;
        display: block;
        margin: 0 auto;
    }
}

.woocommerce div.product form.cart {
    display: inline;
}

.single-quantity .quantity {
    margin: 0 auto;
}

#modalProductPrice {
    color: #009246;
}

img.wp-post-image {
    border-radius: 8px;
}

/* //////////////////////////ABOUT US///////////////////////// */

.about-image {
    height: 330px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-us-title {
    color: black;
    font-size: 50px;
}

.about-section2 .card {
    width: 1294px;
}

.about-section2 .card,
.about-section3 .card,
.about-section3 img,
.about-section2 img {
    border-radius: 18px;
}

@media only screen and (max-width: 1400px) {
    .about-section2 .card {
        width: auto;
    }
}

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

    .about-us-title {
        /* padding-top: 20%; */
        font-size: 40px;
    }

}

@media only screen and (max-width: 500px) {

    .about-us-title {
        font-size: 30px;
    }

}

/* .content-image{
    position: relative;
    height: 540px;
    overflow: hidden;
    border-bottom-left-radius: 45px !important;
    border-bottom-right-radius: 45px !important;

} */

.content-image img {
    border-radius: 20px !important;
    object-fit: cover;
    height: 540px;
}

.content-text h1 {
    font-size: 50px;
}

.content-text p {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.2;
}

.content-text h5,
.content-text h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.content-text .history{
    width: 780px;
}

@media only screen and (max-width: 992px) {
    .content-text .history{
        width: 100%;
    }

    .content-text p {
        font-size: 16px;
    }
    .content-text h1 {
        font-size: 25px;
    }
}

/* /////////////////////////GROCERY STORE////////////////////////// */

.grocery-store a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
font-family: 'Montserrat';
}



.breadcrumb-img-cat {
    background-image: linear-gradient(to top, rgb(255 255 255 / 80%), rgb(162 153 153 / 10%)), url(/wp-content/uploads/2020/04/bottega-food-delivery.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
    width: 100%;
    position: relative;
    display: inline-block;
}

h1.category-page {
    font-size: 50px;
}

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

    h1.category-page {
        font-size: 32px;
    }

    .card-title.grocery-store {
        font-size: 14px;
    }

    .breadcrumb-img-cat {
        height: 300px;
    }
}

/* /////////////////////////////ACCOUNT//////////////////////////// */

.woocommerce-MyAccount-content a {
    text-decoration: none;
    color: black;
font-weight: bold;
}

.woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions a.woocommerce-button,
.woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions a.woocommerce-button:active,
.woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
.woocommerce-order-details .order-again a.button,
.woocommerce-order-details .order-again a.button:active,
.woocommerce-EditAccountForm.edit-account p button.woocommerce-Button,
.woocommerce-EditAccountForm.edit-account p button.woocommerce-Button:active,
.woocommerce-address-fields p button.button,
.woocommerce-address-fields p button.button:hover,
.woocommerce-address-fields p button.button:active,
a.button.wc-forward  {
    background-color: black;
    color: white;
    outline: none;
    border: none;
}

/* /////////////////////////////////CONTACT///////////////////////////////// */

.contact-image {
    /* height: 350px; */
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

h1.contact-us-title {
    color: black;
    font-size: 55px;
    font-weight: bolder;
}

@media (max-width: 992px) {
    h1.contact-us-title {
        font-size: 50px;
    }

    h3.contact-us-title {
        font-size: 28px;
    }
}

h3.contact-us-title {
    font-size: 30px;
    color: black;
}

@media (max-width: 768px) {
    h1.contact-us-title {
        font-size: 38px;
    }

    h3.contact-us-title {
        font-size: 19px;
    }
}

a.btn-primary.contact-order-food,
a.btn-primary.contact-order-food:visited {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background-color: #009246;
    padding: 20px;
    border: none;
    width: 70%;
    margin: 0px 15px 15px 15px;
}

a.btn-primary.contact-order-food:active,
a.btn-primary.contact-order-food:hover {
    background-color: #d2401e;
}

.contact-section3 {
    background-image: url("/wp-content/uploads/2020/04/bottega-aperitivity.jpg");
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    height: 450px;

    .overlay3 {
        height: 450px;
        width: 100%;
        left: 0;
        position: absolute;
        background-color: black;
        opacity: 0.5;
    }

    .reservation h2 {
        color: #ffffff;
        font-size: 45px;
        font-weight: 600;
        line-height: 73px;
        position: relative;
        padding-top: 5%;
        /* width: 50%; */
    }

    .reservation span {
        position: relative;
    }


    @media (max-width: 768px) {
        .reservation h2 {
            font-size: 36px;
            line-height: 42px;
            padding-top: 25%;
        }
    }
}

.contact2-section2 .card {
    font-family: 'Montserrat', sans-serif;
    width: 1080px;
    /* height: 468px; */
    margin: auto;

    h1 {
        font-family: 'Arvo', sans-serif;
        font-size: 50px;
        line-height: 50px;
    }
}

@media screen and (max-width:1400px) {
    /* .contact-section2 .card{
        width: 950px;
        height: 468px;
    } */
}

@media (max-width: 1200px) {
    .contact2-section2 .card {
        height: auto;
        width: auto;

    }
}

@media (max-width: 992px) {
    .contact-section2 .card {
        height: 1040px;
        width: 350px;

    }
}

.contact-map{
    padding-right:10rem !important;
    padding-left:10rem !important;
}

@media (max-width: 789px) {
    .contact-map{
        padding-right:0 !important;
        padding-left:0 !important;
    }
}


/* /////////////////////////////////EVENTS////////////////////////////////////// */
/* .event-card {
    width: 1080px;
    margin: auto;
} */

.events-page-title h1 {
    color: #ffffff;
    font-size: 3.8rem;
    text-transform: uppercase;
}

.event-text {
    display: inline;
}

.event-image a img {
    width: 282px;
    height: auto;
}

@media (max-width:789px){
    .event-image .carousel-item img{
        height: 250px;
    }
}


p.event-title {
    color: #333333;
    font-size: 37px;
    text-transform: uppercase;
    font-weight: bold;
    /* font-family: 'Oswald'; */
}

.event-price {
    color: #009246;
    font-size: 37px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Montserrat';
    line-height: 15px;
}

p.month-of-event,
p.time-of-event {
    font-size: 37px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Montserrat';
}

p.event-caption {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 600;
}

a.event-ws-link,
a.event-ig-link {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    font-weight: bolder;
    font-family: 'Montserrat';
}

.event-ws-link span i {
    padding-right: 10px;
}

.event-header-image {
    /* background-image: linear-gradient(to bottom, rgb(139 139 139 / 60%), rgb(255 255 255 / 60%)), url(/wp-content/uploads/2020/04/bottega-kuala-lumpur.jpg); */
    height: 250px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

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

    p.event-title {
        font-size: 30px;
    }

    p.month-of-event,
    p.event-price {
        font-size: 22px;
    }

    p.event-caption {
        font-size: 16px;
    }
}

@media screen and (max-width:1400px) {
    /* .contact-section2 .card{
        width: 950px;
        height: 468px;
    } */
}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
    .contact-section2 .card {
        height: 1170px;
        width: 350px;

    }
}

@media (max-width: 768px) {}

/* ///////////////////////////////PAGINATION//////////////////////////////////// */

ul.pagination li.page-item span,
ul.pagination li.page-item a {
    background-color: #333333;
    border: #333333;
    border-radius: 3px;
    margin: 5px;
    color: white;
}

ul.pagination li.page-item.active span {
    background-color: black;
}

a.page-link:focus{
    box-shadow: none;
}

/* ////////////////////////////////////SALE SPAN/////////////////////////// */

.woocommerce span.onsale,
span.onsale,
span.onsale-modal {
    position: absolute;
    background-color: #ff0000;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    z-index: 10;
}

@media screen and (max-width:770px){
    span.onsale {
        padding: 3px 5px;
        font-size: 10px;
    }
}

div.summary.entry-summary.single-popup {
    float: none !important;
    width: 100% !important;
}

div.summary.entry-summary.single-popup .product_meta,
div.summary.entry-summary.single-popup.popup-single p.price {
    display: none;
}

.popup-img img {
    max-height: 680px !important;
    max-width: 700px;
}

@media screen and (max-width:500px) {
    .popup-img img {
        max-width: 200px !important;
    }

    .popup-content {
        h3 {
            font-size: 4vw;

        }

        h4,
        p {
            font-size: 3vw;
        }

        .modal-for-md {
            font-size: 2.5vw;
        }
    }
}

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

    .modal-for-md .single-popup form.cart .single_variation_wrap,
    .modal-for-md .single-popup form.cart .quantity-wrap {
        display: none;
    }
}

.summary.entry-summary.single-popup button.single_add_to_cart_button.button {
    background-color: #d2401e !important;
    border: none !important;
    outline: none !important;
    width: 311px;
    height: 54px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: white;
    border-radius: 8px;
}

@media (max-width:992px) {
    .summary.entry-summary.single-popup button.single_add_to_cart_button.button {
        width: 131px;
        height: 35px;
        font-size: 13px;
    }
}

.summary.entry-summary.single-popup button.single_add_to_cart_button.button:hover {
    background-color: black !important;
}

.close-modal {
    float: right;
    /* font-size: 25px; */
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0;
    /* line-height: 28px; */
    z-index: 9;
    width: 35px;
    /* height: 28px; */
    /* background: #ea1f2e; */
    border-radius: 50%;
    text-align: center;
cursor:pointer;
    /* color: #fff; */
    /* font-family: "Oswald", Sans-serif; */

}

@media screen and (max-width:500px){
    .close-modal{
        width: 30px;
    }
}

.modal-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 18px;}

.popup-content h3 {
    font-weight: 600;
    font-size: 30px;
}

.popup-price .price {
    /* color: #009246; */
    font-weight: bold;
    /* font-family: 'Montserrat'; */
    font-size: 25px !important;
    text-transform: uppercase;

    span{
        font-family: 'Montserrat';
    }
}

.single-popup table.woocommerce-product-attributes.shop_attributes tr th,
.single-popup table.woocommerce-product-attributes.shop_attributes tr td {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 23px;
    line-height: 27px;
    width: 40%;
}

.single-popup table.woocommerce-product-attributes.shop_attributes tr th {
    font-weight: 700;
}

.single-popup table.woocommerce-product-attributes.shop_attributes tr td {
    font-weight: 600;
}

/* .single-popup table.woocommerce-product-attributes.shop_attributes tr {
    border-bottom: black 1px solid;
} */

@media (min-width:1200px) {
    .modal-xl {
        min-width: 80%;
    }

    .modal-xl .modal-content .modal-body {
        width: 100%;
    }
}

@media (max-width:992px) {

    .popup-content h3,
    .popup-price .price {
        font-size: 18px !important;
    }

    .single-popup .woocommerce-product-details__description,
    .single-popup table.woocommerce-product-attributes.shop_attributes tr th,
    .single-popup table.woocommerce-product-attributes.shop_attributes tr td {
        font-size: 12px;
        padding: 0;
    }

    .single-popup table.shop_attributes td p{
        padding: 0 !important;
    }

}

.single-popup .product_title.entry-title,
.ex-required span.exfood-label .exwo-otitle:after {
    display: none;
}

.exrow-group .exfood-label {
    text-align: start;
    font-family: 'Montserrat';
    font-size: 23px;
    line-height: 27px;
}

.exwo-product-options{
    margin-bottom: 10px;
}

.exwo-container {
    margin: 4px;
    border-radius: 4px;
    float: left;
    border: 1px solid #fff;
    display: inline-grid;
    margin: 0;
    padding: 0;
}

.exwo-container label {
    float: left;
    font-size: 23px;
    font-family: 'Montserrat';
    font-weight: 600;
    padding-top: 20px;
}

.exwo-container label span.woocommerce-Price-amount {
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    margin-left: 20px;
}

/* Style for unchecked checkboxes */
.exwo-container .ex-options:checked+label span.woocommerce-Price-amount {
    background-color: #009246;
    color: white;
}

/* Style for checked checkboxes */
.exwo-container .ex-options:not(:checked)+label span.woocommerce-Price-amount {
    background-color: #E2E2E2;
}

.exwo-container textarea.ex-options {
    border-radius: 8px;
    width: 400px !important;
    height: 144px;
    background: #E2E2E2 !important;
}

.exfd_nutrition,
.ex_modal .modal-content .fd_modal_des .exfd_nutrition,
.exwo-container span input.ex-options {
    display: none !important;
}

@media (max-width:992px) {
    .exwo-container textarea.ex-options{
        width: 350px !important;
        height: 144px;
    }
    .exwo-container label,
    .exrow-group .exfood-label,
    .exwo-container span.woocommerce-Price-amount.amount{
        font-size: 16px !important;
    }
}

@media (max-width:568px) {
    .exwo-container textarea.ex-options {
        width: 288px !important;
        height: 32px;
    }
    .exwo-container label,
    .exrow-group .exfood-label,
    .exwo-container span.woocommerce-Price-amount.amount{
        font-size: 12px !important;
    }
}



/* ///////////////////////////////SELECT/////////////////////////////////// */
/* adds style to divs */
/* by default all divs are hidden */
div.custom_option {
    display: none;
    border-radius: 4px;
    background-color: #E2E2E2;
    margin-right: 10px;
    padding: 8px;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    padding-top: 10px;
}


.woocommerce div.product form.cart .variations label {
    font-weight: 700;
    text-align: left;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 23px;
    line-height: 27px;
}

@media (max-width:992px) {

    div.custom_option,
    .woocommerce div.product form.cart .variations label {
        font-size: 12px;
    }

    .single-popup .quantity button.minus#newminus,
    .single-popup .quantity button.plus#newplus {
        width: 35px;
        height: 35px;
        padding: 5px;
    }
}

.popup-content .woocommerce-product-details__description_new, 
.popup-content .woocommerce-product-details__short-description_new {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600 !important;
}

@media(max-width:1200px){
    .woocommerce-product-details__description_new{
        font-size: 12px;
        font-weight: 600 !important;
        font-family: 'Montserrat';
    }
}

.single-popup .woocommerce-product-details__description {
    display: none;
}

/* show only divs with class "is-visible" */
div.custom_option.is-visible {
    display: inline-block;
}

/* adds the style to the selected div */
div.custom_option.on {
    background-color: #111111;
    color: white;
}

.rudr-variation-radios {
    list-style-type: none;
    margin: 25px 0 0 0;
    padding: 0;
}

.rudr-variation-radios label,
.rudr-variation-radios input {
    display: inline-block;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rudr-variation-radios input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
}

.rudr-variation-radios input[type="radio"]:checked+label {
    background: yellow;
}

.rudr-variation-radios label {
    padding: 5px;
    border: 1px solid #CCC;
    cursor: pointer;
    z-index: 90;
}

.rudr-variation-radios label:hover {
    background: #DDD;
}

@media (min-width: 768px) and (max-width: 991px) {
    .woocommerce div.product form.cart .single-quantity div.quantity {
        /* margin-right: auto;
        width: 100%;
        margin-bottom: 0.5rem; */
        margin: auto;
        /* width: 50%; */
        margin-bottom: 0.5rem;
    }
}

.summary.entry-summary form.cart div.quantity {
    margin: auto;
}

/* //////////////////////////////////SINGLE PRODUCT//////////////////////////////// */

.summary.entry-summary h1.product_title.entry-title {
    font-size: 35px;
    font-weight: bold;
}

.summary.entry-summary .woocommerce-product-details__description span {
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600 !important;
}

.woocommerce-variation-add-to-cart.variations_button {
    display: inline;
}

span.woocommerce-Price-amount.amount {
    color: #009246;
    font-weight: bold;
}

.see-more span.woocommerce-Price-amount.amount{
    font-size: 23px;
}

.summary span.woocommerce-Price-amount.amount {
    font-size: 25px;
}

@media (max-width: 768px) {
    .summary.entry-summary form.cart .woocommerce-variation-add-to-cart button.single_add_to_cart_button.button.alt {
        width: 180px !important;
    }
}

@media(max-width:650px){
    .summary.entry-summary h1.product_title.entry-title{
        font-size: 22px;
    }
}

.single-product .summary.entry-summary button.single_add_to_cart_button.button {
    background-color: #d2401e !important;
    border: none !important;
    outline: none !important;
    /* width: 311px; */
    height: 54px;
    width: 100%;
    font-family: 'Montserrat';
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
}

.single-product .summary.entry-summary button.single_add_to_cart_button.button:hover,
.single-product .summary.entry-summary button.single_add_to_cart_button.button .btn-loader {
    /* background-color: #009246 !important; */
    background-color: black !important;
}

.woocommerce-product-details__short-description {
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 500;
}

a.btn-primary.category,
a.btn-primary.category:visited {
    font-size: 22px;
    font-weight: 700;
    /* text-transform: uppercase; */
    font-family: 'Montserrat';
    letter-spacing: -1px;
    background-color: lightgray;
    padding: 15px;
    border: none;
    width: 70%;
    margin-bottom: 15px;
    color: black;
}

button.form-type {
    font-size: 22px;
    font-weight: 700;
    /* text-transform: uppercase; */
    font-family: 'Montserrat';
    line-height: 50px;
    background-color: lightgray;
    padding: 0;
    border: none;
    width: 170px;
    margin: 0px 15px 15px 15px;
    color: black;
    height: 50px;
}

form.woocommerce-form-login.login,
form.woocommerce-form-register.register {
    font-family: 'Montserrat';
    font-weight: 500;
    color: #707070;
}

form.woocommerce-form-login .lost_password a{
    color: #D2401E;
}

form.woocommerce-form-login.login span.required,
form.woocommerce-form-register.register span.required {
    color: #707070;
}

a.btn-primary.category:active,
a.btn-primary.category.active,
a.btn-primary.category:hover{
    background-color: #d2401e !important;
    color: white;
}

button.form-type.active,
button.form-type:hover,
button.form-type:active {
    background-color: black !important;
    color: white;
}

.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

button.minus.input-group-text,
button.plus.input-group-text {
    background-color: black;
    color: white;
}

input.input-text.qty {
    border: none;
    width: 40%;
}

@media screen and (max-width:480px){
    input.input-text.qty{
        width: 25%;
    }
}

.return-to-shop .button.wc-backward {
    /* background-color: #d2401e; */
    background-color: black;
    color: white;
    outline: none;
    border: none;
    text-transform: uppercase;
    height: 44px;
    width: 175px;
    padding: 14px;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 700;
}

.return-to-shop .button.wc-backward:hover,
.return-to-shop .button.wc-backward:visited,
.return-to-shop .button.wc-backward:active {
    /* background-color: #009246; */
    background-color: black !important;
    color: white;
    outline: none;
    border: none;
}

a.reset_variations {
    display: inherit;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

/* .carousel-control-prev-icon,
.carousel-control-prev-icon.modal-carousel-prev {
    background-image: url("/wp-content/themes/kl-bottega/img/icon/Arrow Sx.png") !important;
    position: fixed;
}

.carousel-control-prev-icon.for-event{
    background-image: url("/wp-content/themes/kl-bottega/img/icon/Arrow Sx.png") !important;
position:relative;
}

.carousel-control-next-icon,
.carousel-control-next-icon.modal-carousel-next {
    background-image: url("/wp-content/themes/kl-bottega/img/icon/Arrow Dx.png") !important;
    position: fixed;
}

.carousel-control-next-icon.for-event {
    background-image: url("/wp-content/themes/kl-bottega/img/icon/Arrow Dx.png") !important;
    position:relative;
} */

.summary.entry-summary form.cart .quantity {
    width: 80%;
}

.summary.entry-summary.single-popup form.cart .quantity {
    width: 85%;
}


@media (max-width: 768px) {
    .summary.entry-summary form.cart .single_variation_wrap .quantity {
        width: 50%;
    }

    .summary.entry-summary form.cart .quantity .summary.entry-summary.single-popup form.cart .quantity {
        width: 100%;
    }
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: white !important;
}

.related.products h2 {
    font-size: 45px;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
ins {
    color: black;
    font-weight: bold;
}

/*
//////////////////////////FORM TYPE/////////////////////////////// */


form.woocommerce-form-login.login p input#username,
form.woocommerce-form-login.login p span input#password,
form.woocommerce-form-register.register p input#reg_email,
form.woocommerce-ResetPassword.lost_reset_password p input#user_login {
    background: transparent;
    border: none;
    border-bottom: 1px solid black;
    box-shadow: none;
    border-radius: 0;
}

button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    width: 516px;
    height: 50px;
    padding: 8px;
}

@media (max-width:991px) {
    button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
        width: 294px;
        height: 44px;
    }
}

button.woocommerce-button.button.woocommerce-form-login__submit,
button.woocommerce-button.button.woocommerce-form-login__submit:active,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
form.woocommerce-ResetPassword.lost_reset_password p button.woocommerce-Button.button {
    border: none;
    outline: none;
    color: white;
    background-color: #D2401E;
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.woocommerce-LostPassword.lost_password a {
    text-decoration: none;
    color: #D2401E;
    font-weight: bold;
}

.entry-header h1 {
    font-size: 2rem;
    font-weight: bold;
}

img.background-illustration {
    position: absolute;
    z-index: 0;
    width: 90%;
    right: 100px;
    margin-top: 120px;
}

/* ////////////////PLUS MINUS///////////////// */

.quantity button.minus,
.quantity button.plus {
    display: none;
}

.quantity button.minus#newminus,
.quantity button.plus#newplus {
    display: inline;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    padding: 8px;
}

.empty-cart {
    font-size: 18px;

    .card {
        width: 350px;
        margin: 0 auto;
    }
}

.category-header {
    background-color: white;
    height: 250px;
}

.product-category .card img, .product.card img{
    border-radius: 8px !important;
}


.food-menu-only p {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

.food-menu-only-desc{
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
}

@media screen and (max-width:767px){
    .food-menu-only-desc{
        font-size: 12px;
    }
    .category-header {
        height: 175px;
    }

}

/* h1.title-food-menu{
    font-size: 60px;
} */

.wc-empty-cart-message {
    display: none;
}

textarea#custom_request_field {
    display: flex;
    border-radius: 8px;
    border: 1px solid #fff;
    background: #e2e2e2;
    /* width: 400px; */
    width: 100%;
    height: 144px;
}

.custom-request-field label {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
}

@media (max-width:992px) {
    .custom-request-field label{
        font-size: 16px;
    }
}

/* @media (max-width:580px) {
    h1.title-food-menu{
        font-size: 36px;
    }
} */

@media (max-width:568px) {
    textarea#custom_request_field {
        /* width: 288px !important; */
        /* height: 32px; */
        width: 300px;
        padding-left: 10px;    
    }
}


/* Custom Add to Cart Variation */
.variations th.label {
    font-size: 18px;
    padding-bottom: 10px;
    font-family: 'Montserrat';
}

.custom_variations .variation_button {
    display: inline-block;
    border-radius: 4px;
    background-color: #E2E2E2;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 15px 8px;
}

.custom_variations .variation_button.active {
    background-color: #111111;
    color: white;
}

footer {
    z-index: 1;
    position: relative;
}


.single-popup p.price {
    font-size: 20px !important;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
}

.single-popup.popup-variable p.price{
    display: none;
}

.modal-body td.woocommerce-product-attributes-item__value p {
    margin: 0 !important;
}

.floating-icon {
    position: fixed;
    bottom: 8%; /* Adjust this value to move the icon up or down */
    right: 4%;  /* Adjust this value to move the icon left or right */
    background-color: #009246; /* Background color of the icon */
    color: white; /* Color of the icon */
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .floating-icon:hover {
    background-color: #009246; /* Background color on hover */
  }

  @media (max-width: 1199px) {
    .floating-icon {
      top: 20%;
      bottom: auto;
      right: 20px;
    }
  }

.btn.download {
    font-family: 'Montserrat';
    text-transform: uppercase;
    border: 1px solid black;
    margin: 10px;
    font-weight: 700;
    font-size: 18px;
  }

.searchform input.form-control:focus,
#coupon_code.form-control:focus,
input#coupon_code,
select:focus,textarea#order_comments:focus,
.woocommerce form .form-row input.input-text:focus {
    box-shadow: none;
    border: 1px solid black;
  }

 .top-header-content a{
    text-decoration: none;
    outline: none;
  }

.payment-method img {
    height: 50px;
    /* width: 60px; */
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    border-radius: 8px;
    margin:0px 10px 10px 10px;
  }

.food-menu-only, .food-menu-only-desc{
    height: 102px;
    overflow-y: clip;
  }

  @media (max-width: 768px) {
    /* .food-menu-only, .food-menu-only-desc{
        height: 100px;
      } */
      h2.woocommerce-loop-product__title{
        height: auto;
        /* overflow-y: initial; */
      }
  }

  button.carousel-control-prev img, button.carousel-control-next img {
    width: 30px;
    height: 30px;
}

.carousel-control-next, .carousel-control-prev{
    transition: none !important;
}

#order_review table.shop_table td{
    width: 65%;
}



.badge-list,
.badge-list-modal,
.product_cat-food-menu .badge-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
}

.custom-badge {
    display: inline-block; /* Ensure badges are displayed inline */
}

.custom-badge img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.custom-badge-modal {
    display: inline-block; /* Ensure badges are displayed inline */
}

.custom-badge-modal img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
}

@media screen and (max-width:992px){
    .badge-list-modal{
        top: 4px;
        right: 5px;
    }

    .custom-badge-modal img {
        width: 30px;
        height: 30px;
    }
    .woocommerce span.onsale, span.onsale-modal{
        padding: 5px;
        font-size: 10px;
    }
    
}

@media screen and (max-width:767px){
    .product_cat-food-menu .badge-list{
        top: 75%;
        left: 15px;
        right: 0;    
        gap: 1px;
    }

    .badge-list-modal{
        gap: 1px;
    }

    .product_cat-food-menu .custom-badge img,
    .custom-badge-modal img {
        width: 23px;
        height: 23px;
    }
}

.yith-wapo-container{
    font-family: 'Montserrat';
}

.checkbox-button-container{
    /* width: 400px;
    position: relative; */
    padding: 10px;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option {
    position: relative;
}

.yith-wapo-addon-label, .option-price .woocommerce-Price-amount{
    font-size: 18px !important;
	text-transform:capitalize;
    font-weight: bold;
}

h3.wapo-addon-title{
	text-transform:uppercase;
    font-weight: bold;
    font-size: 18px !important;
}

.option-price {
    cursor: pointer;
    text-decoration: none;
    padding: 7px;
    border: 3px solid #e2e2e2;
    background-color: #e2e2e2;
    color: #009246;
    display: inline-block;
    border-radius: 5px;
    position: absolute;
    right: 0;
    /* margin-left: 50px; */
}

.option-price:hover, .option-price.selected {
    border: 3px solid black;
    background-color: #e2e2e2;
}

span.brackets{
    display: none;
}

span.checkboxbutton {
    visibility: hidden;
}

.yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label{
    margin-left: -25px !important;
    display: flex;
    align-items: center;
}

.yith-wapo-block {
    margin-bottom: 20px;
}

.yith-wapo-option input[type="checkbox"] {
    height: 16px;
    width: 16px;
}

@media (max-width:992px) {
    .yith-wapo-addon-label, .option-price .woocommerce-Price-amount {
        font-size: 16px !important;
    }
}

@media screen and (max-width:450px){
    .yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label{
        display: block;
    }

    .option-price{
        display: block;
        position: relative;
        width: 100px;
    }
}