/** Colors
  * Federation : #79bb58
  * Dotation : #0379bf
**/

.navbar .auto {
    margin: 0 auto;
}

.navbar {
    background-color: white;
    margin-bottom: 0;
    border-radius: 0;
    border-top: 1px solid #ccc
}

.navbar-nav li.nav-item a.nav-link {
    font-family: 'Roboto', sans-serif;
    padding: 0 16px;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
}

.nav>li.logo {
    position: relative;
}

.federation .navbar-light .navbar-nav .nav-link:focus,
.federation .navbar-light .navbar-nav .nav-link:hover,
.federation .navbar-light .navbar-nav .nav-link:active,
.federation .navbar-light .navbar-nav .nav-link.active {
    color: #79bb58;
}

.federation .dropdown-item:focus,
.federation .dropdown-item:hover {
    color: white;
    background-color: #79bb58;
}

.dotation .navbar-light .navbar-nav .nav-link:focus,
.dotation .navbar-light .navbar-nav .nav-link:hover,
.dotation .navbar-light .navbar-nav .nav-link:active,
.dotation .navbar-light .navbar-nav .nav-link.active {
    color: #0379bf;
}

.dotation .dropdown-item:focus,
.dotation .dropdown-item:hover {
    color: white;
    background-color: #0379bf;
}

.dropdown-item {
    font-family: 'Roboto', sans-serif;
}


/* MEDIA-QUERIES */

@media (max-width: 768px) {
    .navbar .navbar-collapse {
        margin-top: 25px;
        line-height: 2.25;
    }
}

@media (min-width: 992px) and (max-width: 1185px) {
    .navbar-nav li.nav-item a.nav-link {
        padding: 0 15px;
        font-size: 0.875rem;
    }
}

@media (max-width: 1700px) {
    .navbar .navbar-collapse {
        margin: 10px 0;
        line-height: 2.25;
    }
}