/*HEADER SECTION*/
#header{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.header-logo{
    width: 100%;
    text-align: center;
}
.header-logo-img{
    width: 320px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
a.header-button-one {
    display: block!important;
    border-radius: 100px;
    background-color: var(--txt-white);
    color: var(--bg-black);
    padding: 12px 20px;
    box-shadow: rgba(0, 0, 0, 0.78) 0px 6px 12px -2px, rgba(0, 0, 0, 0.49) 0px 3px 7px -3px;
}
a.header-button-two{
    display: block!important;
    background-image: url("/assets/img/chalkboard-btn.jpg");
    background-position: center center;
    border-radius: 100px;
    border: 1px solid var(--txt-white);
    padding: 12px 20px;
    box-shadow: rgba(0, 0, 0, 0.78) 0px 6px 12px -2px, rgba(0, 0, 0, 0.49) 0px 3px 7px -3px;
}
a.header-button-two:hover{color: white;}
.header-info{
    max-width: 100%;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: var(--border-radius);
}
h3.opening-hours, h3.delivery-zone{
    width: 100%;
    border-bottom: 1px solid #3d3d3d;
    line-height: 0;
    margin: 10px auto;
}
h3.opening-hours span, h3.delivery-zone span{
    background: var(--bg-darkgray);
    padding-right: 20px;
}

/* FACTS SECTION*/
.facts-container{
    width: fit-content;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.facts-halal-img{
    width: 100px;
    height: 100px;
    padding: 0;
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.78) 0px 6px 12px -2px, rgba(0, 0, 0, 0.49) 0px 3px 7px -3px;
}

.facts-text{ max-width: 230px;}

/*MENU SECTION*/
h2.menu-header, h2.contact-header{
    width: 90%;
    text-align: center;
    margin: 10px auto;
}
.menu-section-header-category{
    background-color: var(--bg-darkgray);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: relative;
    z-index: 10;
}
.menu-section-header-category-title{
    background-color: var(--bg-black);
    border: 1px var(--bg-black) solid;
    border-top: none;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: 12px 0;
}
.menu-categories{
    width: max-content;
    min-width: 100%;
}
.float-right{float: right; transition: float 0.3s;}
a.menu-categories-item{
    font-family: 'Poppins', sans-serif;
    color: var(--txt-white);
    text-decoration: none;
    padding: 5px 15px ;
    border: 1px solid var(--bg-black) ;
}
.nav-pills .nav-link{
    font-family: 'Poppins', sans-serif;
    color: var(--txt-white);
    text-decoration: none;
    padding: 5px 15px ;
    border: 1px solid var(--bg-black);
    border-radius: 50px;
    margin-left: 10px;
}
.nav-pills .nav-link:hover{
    background-position: center center;
    border: 1px solid var(--txt-white);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-image: url("/assets/img/chalkboard-btn.jpg");
    background-position: center center;
    border: 1px solid var(--txt-white);
}
.menu-section-items{
    background-color: var(--bg-darkgray);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
img.menu-section-header-img{
    width: 100%;
    height: 120px;
    object-fit: cover;
    object-position: top;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.menu-section-item{ position: relative; }

img.item-additives-icon{cursor: pointer;}
img.item-additives-icon:hover + .item-additives:hover{ display: block}
.item-additives{
    position: absolute;
    top: 30px ;
    background-color: var(--bg-black);
    padding: 10px 20px ;
    border-radius: var(--border-radius);
    display: none;
    z-index: 1000;
}

.menu-section-bottom-line:not(:last-child) {
    width: 90% ;
    text-align: center;
    border-bottom: 1px solid #3d3d3d;
    line-height: 0.1em;
    margin: 10px auto 20px auto;
}

/*PHONE BUTTON*/
a#phone-button{
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-image: url("/assets/img/chalkboard-btn.jpg");
    background-position: center center;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    border: 1px solid var(--txt-white);
}
.hidden{opacity: 0; transition: opacity 0.3s; z-index: -1;}
.appear{ opacity: 1 ;!important; z-index: 3000}

/*FOOTER SECTION*/
#footer .d-flex a{
    margin-right: 1rem;
}
.location.container .bg-2{
    border-radius: var(--border-radius);
    box-shadow: rgba(0, 0, 0, 0.78) 0px 6px 12px -2px, rgba(0, 0, 0, 0.49) 0px 3px 7px -3px;
}
.contact-logo{
    width: 100%;
    max-width: 140px;
    text-align: center;
}
.contact-logo-img{
    width: 100%;
    height: auto;
}

/*COOKIE-CONSENT SECTION*/
section#cookie-consent{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0 ;
}

/*SMARTPHONE XS*/
@media (min-width:320px) {

}

/*SMARTPHONE*/
@media (min-width:480px) {

}

/*TABLET*/
@media (min-width:576px) {
    .nav.nav-pills{
        margin-left: auto;
        margin-right: auto;
    }

}

/*TABLET XL*/
@media (min-width:769px) {
    img.menu-section-header-img{
        height: 200px;
        object-position: 50% 10% ;
    }
}

/*DESKTOP*/
@media (min-width:993px) {

}