@import url('reset.css');
@import url('variable.css');
@import url('color.css');
@import url('police.css');

#nav{
    /* background: transparent!important; */
    min-height: 10vh;
    border: none !important;
}

.dropdown-menu-end[data-bs-popper], .dropdown-menu[data-bs-popper] {
    top: 7vh;
    right:-12.42px;
    background-color: var(--color-secondary);
    border-radius: 0;
    border: 1px solid  var(--color-primary);
    color:var(--color-primary);
}

.dropdown-divider {
    height: 0;
    margin: 0;
    overflow: hidden;
    border-top: 1px solid var(--color-primary);
    opacity: 1;
}

.dropdown-menu {
    --bs-dropdown-padding-y: 0rem; 
    --bs-dropdown-divider-margin-y: 0rem;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--color-white);
    text-decoration: none;
    background-color: var(--color-primary);
}

.dropdown-item:hover{
    background-color: var(--color-primary);
    color:var(--color-secondary);
}

.nav-link:focus, .nav-link:hover{
    color:var(--color-primary);
}

@media screen and (max-width:992px){

    .dropdown-menu {
        --bs-dropdown-padding-y: 0rem; 
        --bs-dropdown-divider-margin-y: 0rem;
    }

    .navItems{
        text-align: center;
        background-color: #2448B6;
        position:absolute;
        width: 100%;
        padding-top: 50px;
        height: 100vh;
        top:0;
        z-index: 10;
    }

    .navItems li{
        padding: 20px 0;
    }

    .container-fluid{
        padding-left: 0;
    }

    .navbar-toggler{z-index: 11;}

}

.nav { 
    display: flex; 
    gap: clamp(16px, 2vw, 40px); 
    align-items: center;
    margin-right: 150px;
}

.nav-fcpm {
  color: white; 
  text-decoration: none; 
  letter-spacing:.02em; 
  font-weight: 600;
}