/*
 * Generated by Theme Editor
 * Client:    15681
 * Published-By: whacky.dedase@oolio.com
 * Published: 2026-10-05T06:37:38.409Z
 */

/*
 * Generated by Theme Editor
 * Client:    15681
 * Published-By: whacky.dedase@oolio.com
 * Published: 2026-10-02T00:12:09.791Z
 */

/*
 * Generated by Theme Editor
 * Client:    15681
 * Published-By: whacky.dedase@oolio.com
 * Published: 2026-09-22T06:53:39.179Z
 */

/*
 * Generated by Theme Editor
 * Client:    15681
 * Published-By: whacky.dedase@oolio.com
 * Published: 2026-09-22T03:30:36.716Z
 */

/* Theme Editor — write your custom CSS here */

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

:root{
    --primary:#b32523;
    --primary-alt:#850003;
    --secondary:#e4dcd1;
    --bg:#000000;
}

body{
  font-family:  "League Spartan",  sans-serif !important;
}

#left-nav{
  overflow:hidden;
  left:-1px;
  
  center{
      display:none;
  }
  
  #store-nav:before{
      content:'';
      left:0;
      top:0;
      width:100%;
      height:100%;
      position:absolute;
  }
  
  #store-nav{
    position:relative;
    padding:1rem;
    height:180px !important;
    background: #FFF;
  }

  #nav_profile_pic:before{
    content:'';
    position:absolute;
    top:25px;
    left:41px;
    width:170px;
    height:170px;
    background:url('./images/logo.png');
    background-repeat:no-repeat;
    background-size:contain !important;
  }

  ul li{
    border:none;
    /* border-bottom: 1px solid var(--tertiary); */
    margin:10px;     
    background:var(--button-text-color) !important;

    a {
      font-weight:500 !important;
      color: #393939 !important;
    }
  }
}


.main-mask {
  backdrop-filter: blur(5px);
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}

.modal-content{
    border:none !important;
    text-align:center;
}



.modal-header{
  border-bottom:none;
}

.modal-header,
.modal-header .item-icons-container,
.modal-header .item-icons, .modal-title{
     background-color: #fff !important;
}

.modal-title{
    font-weight:600 !important;

    span{
        margin:0 auto; !important;
    }
}

.menu-item-option-popup{
    margin:0 auto;    
}

.item-description-popup {
    font-weight:300 !important;
}

.input-group-label{
  color: #333333;
  border:none;
  box-shadow:0 3px 10px #0000002b ;
  padding:9px !important;
}

.input-group-label:hover {
    background-color: var(--primary) !important;
    color:#fff;
}

.modal-footer input, input:checked+.input-group-label,.modal-deals .modal-header button, .modal-deals .modal-footer button, .modal-deals .modal-body .auto-deal-selection button, .modal-deals .modal-body .deal-modal-body-selection-list button{
    background-color:var(--primary-alt) !important;
}

.btn-primary {
    border-color: var(--primary)  !important;
}

.navbar{
    background-color: var(--bg) !important;
    border-bottom:none;
    border:0 !important;
    
    .toggle-left div{
        background-color: var(--primary-alt) !important;
    }

    #navbar-header li a span{
        color:#FFF !important;
        font-weight:600;
    }

    #navbar-header li a:hover{
        background:var(--secondary) !important;

        span{
            color:#fff !important;
        }
    }
}


    .img-responsive{
        border-radius:50%;
    }


#menu{
    background: var(--bg);
}

#menu-ul{
    overflow-y: hidden !important;
    display:flex;
    justify-content:center !important;

    li a{
        background:transparent;
        color: #9d9d9d !important;
        font-weight: bold !important;
        transition: all 0.3s ease;
        background:var(--bg) !important;
        
          /* font-family: "Poppins", sans-serif; */
    }
}

#menu ul  {
    overflow:hidden;
}

.horizontal-menu-fixed{
     box-shadow: 0 2px 8px #ffffff29;
    border-bottom:none !important;
} 

.storeinfo{

    .desk-top-title{
        font-size:37px !important;
    }

    #bs-navbar p{
        font-size:16px !important;
    }

}

#menu ul li a:hover, #menu ul li:hover > a {
    color: var(--primary) !important;
    background: var(--bg) !important;
    transform: scale(1);
}

#menu-cont > #menu > #menu-ul > li > a.menu-active {
    border-bottom: none !important;
    transform: scale(1.2);
    color: var(--primary-alt) !important;
    font-weight:900 !important;
    background:var(--bg) !important;
}

.pn-Advancer {
    background: var(--bg) !important;
}

.pn-Advancer_Icon {
    fill: var(--primary) !important;
}

#menu-items{
    background: var(--bg) ;
}

.menu-item {
    border-bottom:none;
    margin-top:5rem;
    background: var(--bg) no-repeat !important;

}

#menu-desc-header{
    border-bottom:0 !important;
}

#menu-items h1:before{
    content:'';
    position:absolute;
    width:100%;
    height:100px;
    top:0;
    left:0;
    background:url(./uploads/header-bg.png) !important;
    background-size:450px 450px !important;
    background-repeat:no-repeat !important;
    background-position-x:center !important;
    background-position-y:-194px !important;
    z-index:-1;
}
#menu-items h1{
    color: #fff !important;
    text-align:center;
    font-weight:600;
    z-index:1;
    background-color: var(--bg) !important;
}

#menu-desc-header{
    text-align:center;
    color:#fff;
    font-size:19px;
    padding:25px;
    position:relative;
    
}

#menu-items ul li.group,
#menu-items ul li.single {
    border:NONE;
    display:flex;
    background: #0c0c0c;
    color:#FFF;
    border:none;
    border-radius:7px;
    outline:#850003c9;
    outline-offset:-3px;
    transition: all 0.3s ease;

    .item-block-no-image{
        width:100%;
    }
    
    .item-title-container{
        
        .item-title{
            min-height:auto ;
            font-size:16px ;
            font-weight:700;
            z-index:0 ;
            color:#ffff;
        }

    }

    .item-description{
        font-size:13px ;
        font-weight:300;
        color:#ffff;
        letter-spacing:1px;

    }
    
    .item-price {
        font-weight:800 ;
        font-size:23px ;
        width:fit-content;
        text-shadow:none ;
        background:none ;
        position:relative;
        border-bottom:2px solid var(--primary);
    }

    .item-icons-container{
        width:initial;
        background:none !important;
    }
}

.item-icons img {
      filter: brightness(0) saturate(100%) invert(35%) sepia(45%) saturate(900%) hue-rotate(80deg) brightness(85%) contrast(90%);

}

.item-icons-container{
    background-color:var(--bg) !important;
    width:100%;
    
    .icon-description{
        color:#ffff !important;
    }
}

.service-fee-disclaimer{
    background-color:var(--bg);
}

.cart-collapse{
    background-color:var(--bg) !important;
    box-shadow: 0 4px 18px #ffffffa6 !important;
}

#menu-items ul li.group:hover,
#menu-items ul li.single:hover {
    background: #1d1d1d;
    outline: 4px solid #85000317;
    outline-offset: 0;
    box-shadow: 0 4px 18px #850003 !important;

}

@media(max-width:992px){
    #wrap,.store-frame,#menu-items{
       background: var(--bg) !important; 
    }

    .est-lion-container{
        min-height:0 !important;
    }

    #float-box .fbTitle{
        background:#00000000 !important;
    }

    .navbar{
        box-shadow:0 4px 8px #000000;
    }
    
    .menu-title-img{
        border:none;
        border-radius:7px;
        box-shadow:0 2px 4px #00000033;
        background-size:cover !important;
    }
    
    .grid-title{
        text-align:center;
        color:#ffffff;
        padding:5px;
        font-size:15px;
    }

    #menu_items{
        background:var(--bg) !important;
    }
    
    .modal-menu-title-container{
        background: var(--secondary);
    }

    #menu_items ul li:has(.item-thumb){
        flex-direction:row-reverse;
    }

}

@media (max-width: 1024px) {
    #menu ul {
        overflow-x: visible ;
        justify-content:start !important;
    }
    
    #menu ul li a {
        color: #9d9d9d !important;
    }
}

@media (max-width: 991px) {
    #menu_items.modal {
        background-color: var(--bg)!important;
    }
}

@media (max-width: 768px) {

    #menu ul li a {
        color: #9d9d9d !important;
    }
    
    #menu-title, #menu-items h1 {
        font-size:30px !important;
    }

    #menu-items ul li.group,
    #menu-items ul li.single{
        margin-bottom:13px;;
    }
}