/* ==========================================
   KEDTL NAVBAR STYLE
========================================== */


/* Main Navbar */

.kedtl-navbar{

    background:rgba(11,31,58,0.85);

    backdrop-filter:blur(10px);

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

    padding:15px 0;

    transition:all .35s ease;

    z-index:1000;

}



/* Navbar when scrolling */

.kedtl-navbar.navbar-scrolled{

    background:rgba(11,31,58,0.98);

    padding:10px 0;

    box-shadow:0 10px 30px rgba(0,0,0,0.25);

}



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


.kedtl-logo{

    height:45px;

    width:auto;

    object-fit:contain;

}



/* ==========================================
   BRAND
========================================== */


.kedtl-navbar .navbar-brand{

    color:#ffffff;

    font-size:24px;

    font-weight:800;

    letter-spacing:.5px;

    transition:.3s ease;

}



.kedtl-navbar .navbar-brand:hover{

    color:var(--kedtl-gold);

}



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


.kedtl-navbar .nav-link{

    color:#ffffff!important;

    font-weight:500;

    margin-left:18px;

    padding:4px 0!important;

    position:relative;

    display:inline-block;

    transition:.3s ease;

}



/* Hover Color */

.kedtl-navbar .nav-link:hover{

    color:var(--kedtl-gold)!important;

}



/* Active Color */

.kedtl-navbar .nav-link.active{

    color:var(--kedtl-gold)!important;

}



/* ==========================================
   NAV LINK UNDERLINE ANIMATION
========================================== */


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

    content:"";

    position:absolute;

    left:0;

    bottom:4px;

    width:0;

    height:2px;

    background:var(--kedtl-gold);

    transition:width .35s ease;

}



/* Hover + Active underline */

.kedtl-navbar .nav-link:hover::after,

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

    width:100%;

}



/* ==========================================
   DONATE BUTTON
========================================== */


.btn-kedtl-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:var(--kedtl-gold);

    color:#0B1F3A!important;

    padding:11px 28px;

    border-radius:30px;

    font-weight:700;

    text-decoration:none;

    margin-left:20px;

    transition:.35s ease;

}



.btn-kedtl-primary:hover{

    transform:translateY(-3px);

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

}



/* ==========================================
   MOBILE TOGGLER
========================================== */


.kedtl-navbar .navbar-toggler{

    border:none;

    padding:5px;

}



.kedtl-navbar .navbar-toggler:focus{

    box-shadow:none;

}



.kedtl-navbar .navbar-toggler i{

    color:#ffffff;

    font-size:30px;

}



/* ==========================================
   MOBILE MENU
========================================== */


@media(max-width:991px){


    .kedtl-navbar{

        padding:12px 0;

    }


    .kedtl-navbar .navbar-collapse{

        background:rgba(11,31,58,.97);

        margin-top:15px;

        padding:25px;

        border-radius:15px;

    }



    .kedtl-navbar .nav-link{

        margin-left:0;

        padding:12px 0!important;

    }



    .btn-kedtl-primary{

        margin-left:0;

        margin-top:15px;

    }


}