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

#t4-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    padding: 18px 0;

    background: transparent;

    transition: all .35s ease;
}


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

#t4-header.navbar-scrolled {

   background: rgba(46, 61, 150, 0.92);

    backdrop-filter: blur(10px);

    padding: 12px 0;

    box-shadow: 0 2px 15px rgba(0,0,0,0.25);

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


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

#t4-header .logo-img {

    width: 70px;

    height: auto;

    transition: all .3s ease;
}


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

#t4-header .nav-link {

    color: #ffffff;

    font-size: 1rem;

    font-weight: 500;

    margin-left: 18px;

    transition: color .3s ease;
}


#t4-header .nav-link:hover {

    color: #2ed3a7;
}


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

#t4-header .dropdown-menu {

    background: rgba(0,0,0,0.92);

    border: none;

    border-radius: 10px;

    padding: 10px;
}


#t4-header .dropdown-item {

    color: white;

    border-radius: 6px;

    transition: all .25s ease;
}


#t4-header .dropdown-item:hover {

    background: #2ed3a7;

    color: white;
}


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

.navbar-toggler {

    border: none;

    color: white;
}


.navbar-toggler:focus {

    box-shadow: none;
}