/*==================================================
    MOYINNET ENTERTAINMENT & TOURISM
    Premium Cinematic Navigation
===================================================*/


/*==================================================
    NAVBAR
===================================================*/

#mainNavbar{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    padding:22px 0;

    background:transparent;

    transition:all .45s ease;

}

#mainNavbar.scrolled{

    background:rgba(7,7,7,.90);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    box-shadow:0 12px 40px rgba(0,0,0,.45);

    padding:14px 0;

    border-bottom:1px solid rgba(212,175,55,.15);

}


/*==================================================
    LOGO
===================================================*/

.logo{

    height:72px;

    transition:.4s;

}

#mainNavbar.scrolled .logo{

    height:60px;

}


/*==================================================
    NAVIGATION
===================================================*/

.navbar-nav{

    gap:10px;

}

.navbar-nav .nav-link{

    color:#ffffff;

    font-family:'Inter',sans-serif;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    padding:12px 16px;

    position:relative;

    transition:.35s;

}


/* underline */

.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:2px;

    width:0;

    height:2px;

    background:#D4AF37;

    transition:.35s;

    transform:translateX(-50%);

}


.navbar-nav .nav-link:hover{

    color:#D4AF37;

}


.navbar-nav .nav-link:hover::after{

    width:60%;

}


.navbar-nav .nav-link.active{

    color:#D4AF37;

}


.navbar-nav .nav-link.active::after{

    width:60%;

}


/*==================================================
    DROPDOWN
===================================================*/

.dropdown-menu{

    background:#111111;

    border:none;

    border-radius:18px;

    padding:18px;

    min-width:240px;

    margin-top:18px;

    box-shadow:0 20px 50px rgba(0,0,0,.45);

}


.dropdown-item{

    color:#bbbbbb;

    padding:12px 18px;

    border-radius:8px;

    transition:.3s;

    font-weight:500;

}


.dropdown-item:hover{

    background:#1d1d1d;

    color:#D4AF37;

}


/*==================================================
    BOOK BUTTON
===================================================*/

.btn-book{

    background:#D4AF37;

    color:#070707;

    padding:13px 28px;

    border-radius:50px;

    font-weight:700;

    font-size:14px;

    letter-spacing:1px;

    transition:.35s;

}


.btn-book:hover{

    color:#070707;

    background:#e9c866;

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(212,175,55,.35);

}


/*==================================================
    MOBILE BUTTON
===================================================*/

.navbar-toggler{

    border:none;

    color:#ffffff;

    font-size:34px;

    box-shadow:none !important;

}


.navbar-toggler:focus{

    box-shadow:none;

}


/*==================================================
    OFFCANVAS
===================================================*/

.offcanvas{

    background:#070707;

    color:#ffffff;

}


.offcanvas-header{

    padding:25px;

    border-bottom:1px solid rgba(255,255,255,.08);

}


.mobile-logo{

    height:55px;

}


.offcanvas-body{

    padding:30px;

}


.offcanvas .nav-link{

    color:#ffffff;

    padding:14px 0;

    font-size:18px;

    border-bottom:1px solid rgba(255,255,255,.06);

}


.offcanvas .nav-link:hover{

    color:#D4AF37;

    padding-left:10px;

}


/*==================================================
    MOBILE BOOK BUTTON
===================================================*/

.offcanvas .btn-book{

    margin-top:30px;

}


/*==================================================
    SCROLL ANIMATION
===================================================*/

@keyframes navbarFade{

    from{

        opacity:0;

        transform:translateY(-20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


#mainNavbar.scrolled{

    animation:navbarFade .4s ease;

}