:root {
    /* color-dark-brown */
    --main-color: #502C1E;
    /* color-warm-yellow */
    --secondary-color: #F6BD26;
    --color-cream: #FFF2CF;
    /*--color-soft-black*/
    --black-color: #0F0B05;
}
/* scroll */
.page-menu2 .category ul::-webkit-scrollbar-thumb,
.page-menu3 .category ul::-webkit-scrollbar-thumb,
.page-checkout .innerContent aside nav ul::-webkit-scrollbar-thumb,
.sideCart .modal.in .modal-dialog .modal-body ul::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}
/* header */
.headerBottomMobile .menuIcon svg path {
    stroke: var(--main-color) !important;
}
.notification {
    background-color: var(--secondary-color);
}
header .headerTop {
    background-color: var(--black-color);
}
.header-location-box .btn-all.custom-btn {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.header-location-box .btn-all.a-location,
.header-location-box .btn-all.custom-btn.type-active {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #502c1e !important;
}
.header-locanddelverybox .btn-all.custom-btn,
.header-locanddelverybox .btn-all.custom-btn:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}
.header-locanddelverybox .btn-all.type-active {
    background-color: var(--main-color) !important;
    color: #eee !important;
}
.btn-all.custom-btn:hover,
.btn-all.custom-btn:active {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}
/* button in product menu page */
.veiws .gridView.active svg path,
.veiws .listView.active svg path {
    fill: var(--secondary-color) !important; 
}
.ourMenu .product .card .list-group .newItem,
.page-menu #ourMenu .product .card .list-group .newItem {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
@media (max-width: 767px) {
    .page-menu #ourMenu .product.listItems .card .card-img-top {
        width: 30%;
    } 
}
.page-menu #ourMenu .product .card .price,
.show-material-details {
    color: var(--black-color);
}
.page-menu #ourMenu .product .card .addCart button:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.page-menu .mainCategory h2 a,
.page-menu .mainCategory ul li a {
    color: var(--main-color) !important;
}
.main-list a:hover,
.main-list .active,
.page-menu .mainCategory ul li a:hover,
.page-menu .mainCategory ul li a.active{
    color: var(--secondary-color) !important;
}
.sideCart .modal.in .modal-dialog .modal-footer button,
.sideCart .modal.in .modal-dialog .modal-footer a {
    background-color: var(--main-color);    
}
.page-menu #ourMenu .product .card .card-body .card-title{
    /*line-height: 1;*/
    margin: 0 !important;
}
/* contact page */
.aone-slideshow fieldset .breadcrumbs a:hover,
.innerTop fieldset .breadcrumbs a:hover {
    color: var(--secondary-color);
}
.page-contactUs .innerContent aside nav li .group .title {
    color: var(--main-color);
}
/* page checkout */
.page-checkout h2.head svg path {
    stroke: var(--secondary-color) !important;
}
.page-checkout .headPayments svg path {
    fill: var(--secondary-color) !important;
}
/* footer */
footer {
    background-color: var(--black-color);
}
footer .footerTop .footerCategory ul li a:hover,
footer .footerTop .footerMenu ul li a:hover {
    color: var(--secondary-color);
}

/* banner image in contact us page and placeorder page*/
.innerTop {
    height: 550px;
    background: url('https://alkalha.phenixorders.com/storage/phenixorders_alkalha/modules/customimages/6a8ef3a670b42.webp') no-repeat center;
}
@media (max-width: 767px) {
    .banner-card, .banner-card-video {
        height: 35vh;
    }
}