@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.navbar{
    background-color: black !important;
}

.nav-text{
    color: #fdc20e !important;
}
#signIn{
    color: #fdc20e !important;
}
#cartTotal{
    color: #fdc20e !important;
}
.glyphicon{
    color: #44dccf !important;
    img{
        filter: invert(100%) !important;
    }
}
.navbar-left > li > a:hover::after, .navbar-left > .menu-franchise-inquiry:hover::after, .navbar-left > li.active > a::after{
    background-color: white !important;
}

#landing-content .tag-line{
    span{
        font-size: 8rem;
    }
}
#landing{
    display:flex;
    align-items:center;
    overflow: hidden;
    background-size: cover;

    .container{
        margin-left:0;
    }

    .container:before{
        content:'';
        width:250px;
        height:500px;
        position:absolute;
        top:150px;
        right:0;
        background:url('./uploads/light.png');
        background-size:cover;
        animation: bounceAndRotate 5s infinite ease-in-out alternate;
        transform-origin: top right;
        z-index:;
    }

    .container:after{
        content:'';
        width:080px;
        height:10px;
        position:absolute;
        top:143px;
        right:-10px;
        background: #312f2ff7;
        border-radius:2px;
        BOX-shadow: #fdc21059 -10px 4px 20px;

    }
}
@keyframes bounceAndRotate {
    0% {
    transform: rotate(0deg);
    right: -2px;
}

50% {
    transform: rotate(-6deg);
    right: -5px;
}
    
}

#store-data{
    background: url("https://d2ova09jg8x3xk.cloudfront.net/localserves.com.au/cocobrewriverfront/uploads/speck-bg.png") !important;
}
#store-data h2{
    color: #fdc20e;
    font-family: "Anton", sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
}

#menu ul li a {
    background-color: #fdc20e;
    color: black !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all ease 1s;
}


#menu ul li a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: white;
    transition: left 0.3s ease;
    z-index: -1;
}

#menu ul li a:hover::before,
#menu ul li:hover > a::before{
    left: 0;
}


#menu ul li a:hover,
#menu ul li:hover > a{
    color: black !important;
    background-color: #fdc20e !important;
}

#menu-cont > #menu > #menu-ul > li > a.menu-active{
    border-bottom: none !important;
    background-color: white;
}
.item-title{
    font-family: "Anton", sans-serif; !important;
}

@media(max-width: 769px){
    #menu{
        padding: 0px !important;
        li{
            padding: 0px !important;
        }
        
    }
    #menu ul li a{
        padding-block: 20px !important;
        border-radius: 0px !important;
    }
    #menu-cont > #menu > #menu-ul > li > a.menu-active{
        color: black !important;
    }
    #menu-title, #menu-items h1{
        background-color: white !important;
        text-align: center;
    }
    #menu_items{
        padding-inline: 30px;
    }
    #menu-items ul li.group, #menu-items ul li.single{
        margin-bottom: 25px;
        border: 1px solid #00000054;
    }
}