/* Loaded after the legacy responsive styles so the active state is consistent in production. */
header .nav nav > a {
    position: relative;
    color: #000;
}

header .nav nav > a.active-menu {
    color: #f93d91;
}

header .nav nav > a.active-menu::after {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    bottom: -14px;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: #f93d91;
    display: block;
}

@media (max-width: 860px) {
    header .nav nav > a.active-menu::after {
        bottom: -7px;
    }
}