@charset "UTF-8";

/* CLIENT NAVIGATION */

#client-navigation {
	background-color: var(--theme-bg-color);
}

#client-navigation .nav-link {
	color: var(--white-75);
	padding-top: 1rem;
}

#client-navigation .nav-link:hover {
	color: var(--white);
}

#client-navigation .nav-link:after {
    content: "";
    display: block;
    width: 0;
    padding-top: .5rem;
    border-bottom: 1px solid var(--white);
    transition: .5s;
}

#client-navigation .nav-link:hover:after,
#client-navigation .nav-link.active:after {
    width: 100%;
}

/* CLIENT NAVIGATION MOBILE */

#client-navigation-mobile {
	background-color: var(--theme-bg-color);
}

#client-navigation-mobile button {
	color: var(--white-75);
}

/* XS */
@media only screen and (min-width : 0px) {

    #client-navigation .nav-link {
        padding: .5rem .25rem;
        font-size: 10px;
    }

    #client-navigation.nav-fill .nav-item {
        width: 100%;
        flex-basis: unset;
    }

}

/* SM (landscape phones, 576px and up) */
@media (min-width: 576px) {

    #client-navigation.nav-fill .nav-item {
        width: unset;
        flex-basis: unset;
    }

}

/* MD (tablets, 768px and up) */
@media (min-width: 768px) {


}

/* LG (desktops, 992px and up) */
@media (min-width: 992px) {

    #client-navigation .nav-link {
        padding: 1rem 1rem .75rem;
        font-size: 1rem;
    }

}

/* XL (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}