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

:root{
    --primary:#e2ce9a;
    --primary-alt:#fce402;
    --secondary:#0e251d;
    --bg:#0e251d;
}

body{
    font-family:  "League Spartan",  sans-serif !important;
    background-size:cover !important;
    background-position-y:-400px !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: var(--bg);
  }

  #nav_profile_pic:before{
    content:'';
    position:absolute;
    top:0;
    left:35px;
    width:100%;
    height:100%;
    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:beofre{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:url(./uploads/city-bg.png) ;
}

.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;
}

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

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

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

.input-group-label:hover {
    background-color: var(--bg) !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(--bg) !important;
    color:var(--primary-alt) !important;
    font-weight:600 !important; 
}

.btn-primary {
    border-color: var(--bg)  !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:var(--primary-alt) !important;
    }

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

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

#menu-ul{
    overflow-y: hidden !important;
    display:flex;
    
    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 #ffffff1c;
}

.storeinfo{

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

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

}

#menu-ul{
    display:flex;
    justify-content:center;
    background:var(--bg);
}

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

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

#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;
}

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

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

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

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

#menu-items h1{
    color:var(--primary-alt);
    text-align:center;
}


#menu-items ul li.group,
#menu-items ul li.single {
    border:NONE;
    display:flex;
    background: #1c4536;
    outline: 4px solid #1c4536;
    color:#FFF;
    border:none;
    border-radius:7px;
    outline-offset:-3px;
    transition: all 0.3s ease;
    
    .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 ;
        padding:7px ;
        color:var(--primary) ;
        background:none ;
    }
}
#menu-items ul li.group:hover,
#menu-items ul li.single:hover {
    background: #091c15;
    outline: 4px solid #112d23;
    outline-offset: 0;
    box-shadow: 0 4px 18px #ffffff40;

}

@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 #ffffff36;
    }
    
    .menu-title-img{
        border:none;
        border-radius:7px;
        box-shadow:0 2px 4px #cdcbcb78;
        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;
    }

#menu-items ul li.group,
#menu-items ul li.single {
    border:NONE;
    display:flex;
    margin:4PX;

    .item-thumb,.item-block-no-image{
        min-height:160px;
        min-width:160px;
        
        img{
            height:100%;
            width:100%;
        }

    }

    .item-title-container{
        padding-top:20px;
        
        .item-title{
            min-height:auto !important;
            font-size:16px !important;
            font-weight:600;
            z-index:0 !important;
            color:#ffff !important;
        }
    }

    .item-description{
        font-size:12px !important;
        font-weight:400;
    }

    .item-price {
        font-weight:700 !important;
        font-size:20px !IMPORTANT;
        width:fit-content;
        margin-top:10px;
        text-shadow:none !important;
        padding:7px !important;
        background:none !important;
    }
}

}

@media (max-width: 991px) {
    #menu_items.modal {

        background-color: var(--bg)!important;
    }
}