/*
Theme Name: Sip n Snacks
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.1.1
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

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

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
h1,h2,h3,h4,h5,h6{ font-family: "PT Serif", serif !important;}
body{ font-family: "Quicksand", sans-serif !important; font-weight: 500;}
p{line-height: 1.3 !important;}
#masthead{
    padding-top:10px;
}
.site-header{background-color: #fff;}
.navbar-brand{max-width: 120px; display: block; width: 100%;}
.navbar-brand img{max-width:100px; position: absolute; top:0;}
#bootscore-navbar > li > a{font-weight: bold; }
.account-toggler{border-radius: 40px;}
.cart-toggler{background-color: #f0f0f0; border: none !important;}
.orderbtn{background-color: #e0b653; padding:6px 30px; border-radius: 30px; color:#000; font-weight: bold;}
.orderbtn:hover{}
.container{width: 100% !important; max-width: 1360px !important;}

#offcanvas-cart dl.variation{display: block !important;}
#offcanvas-cart dl.variation dt{font-weight: bold;}

.woocommerce-ordering, .woocommerce-result-count{display: none !important;}
.asideNav{
    position: sticky; top: 72px; z-index: 434; background-color: #fff;
}
.proCate{
    flex-wrap: nowrap; list-style: none; align-items: center;
    white-space: nowrap; overflow-x: auto; padding:10px 0; margin: 0;
}
.proCate li{padding:0 6px; }
.proCate li > ul{
    margin: 0; padding: 0; list-style: none;
}
.proCate li > ul li > a{
    font-size: 14px;
    text-decoration: none; color:#000; padding:8px 15px; display: flex; font-weight: bold;
     border-radius:20px; transition: all ease 0.2s;
}
.proCate li > ul li > a:before{content: "-"; margin-right: 8px;}
.proCate li img{width: 40px !important; height: 40px; margin: auto;}
.proCate > li > a{
    text-decoration: none; color:#000; padding:8px 15px; display: flex; font-weight: bold;
     border-radius:20px; transition: all ease 0.2s; flex-direction: column; justify-content: center;
    font-size: 16px;
}
.proCate li a:hover{background-color: #ededed;}
.proCate li a.active{
    text-decoration: none; color:#000; padding:8px 15px;
    background-color: #e0b653;
}

.bg-dark{color:#999;}
footer ul.menu li{margin-bottom: 10px;}
footer ul.menu li a{
    text-decoration: none; color:#999;

}
footer ul.menu li a:hover{color:#ddd;}
.bootscore-copyright{color: #999;}

.woocommerce-variation-add-to-cart.variations_button{
    align-items: start; flex-wrap: wrap;
}



.mobileMenu{
    position: fixed; left: 20px; right: 20px; top: 20px; bottom: 60px;
    background-color: rgba(260, 260, 260, 0.8); z-index: 9998; border-radius: 30px;
    backdrop-filter: blur(8px);
    padding: 30px; text-align:center; display: none;
}
.mobileMenuWrapper{overflow: auto; height: 100%;}
.mobileMenuHead{ position: sticky; top: 0; }
.mobileMenuHead h3{font-weight: bold; margin: 0;}
.mobileMenuWrapper .proCate li > ul li > a{display: block !important;}
.mobileMenuWrapper .proCate > li > a{font-size: 23px;}

.menuOpenMobile{
    position: fixed; right: 20px; bottom: 20px; width: 55px; height: 55px;z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    background-color: rgba(0, 0, 0, 0.7); cursor: pointer;
    backdrop-filter: blur(7px); color: #fff;
    border-radius: 40px;text-align: center;
    border:1px solid #343434; font-size: 11px; text-transform: uppercase;
}
.menuOpenMobile svg{
    width: 24px; height: 24px;
}

@media(min-width:680px){
.menuOpenMobile{display: none;}
}