.navbar-nav {
    font-size: 1.1rem;
    /* text-transform: uppercase; */
    font-weight: 300;
    font-family: var(--sans);
    background-color:var(--dark-red);
    /* background-color: white; */
    border-radius: 0px;
    text-align: center;
    padding-top: 0.7rem;
    margin-top: 0rem;
    padding-bottom: 0.7rem;
    margin-bottom: 0rem;
    color: white;
    max-width: 100%;
    margin-bottom: 0.1rem;
}
.navbar-nav>li{
    padding:0 0rem;
    border-radius:0;
    border-right:none;

    margin: 0 3px;
    background-color:transparent;
}
.navbar-nav>li:last-child{
    border-right:none;
}

.site-header{border-color:var(--red);}

nav.navbar-dark .navbar-nav .nav-link {
    color: var(--text);
    opacity: 1;
    padding:0.4rem 1rem;
    line-height:1;
    color:white!important;
}
@media(min-width:992px){
    nav.navbar-dark .navbar-nav .nav-link {
        color: var(--text);
    }
    .navbar-nav{
        background-color:transparent;
    }
    .navbar-nav>li {
        margin: 0 10px;
    }

}
.navbar-dark .navbar-nav .nav-link:focus,
nav.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
    background-color:var(--text-medium);
    /* background-color:inherit; */
    opacity: 1;
}
.navbar-dark .navbar-nav .nav-link:focus{opacity:0.4;}
nav.navbar-dark .navbar-nav .active > .nav-link{
    color: var(--white75);
    opacity: 1;
}
nav.navbar-dark .navbar-nav .active > .nav-link:hover{
    color: #fff;
    background-color:inherit;
    opacity: 0.7;
}
nav.navbar-dark .navbar-nav .dropdown-menu{
    border-top: none;
    font-size:1em;
    padding-top:0!important;
    padding-bottom:0!important;
    background-color:white;
    padding-inline-start: 0!important;
    text-align:right;
    border-left: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    border-right: 2px solid var(--primary);

    border-radius:0 0 5px 5px;
}
nav.navbar-dark .navbar-nav .dropdown-menu li:first-child a{
    padding-top:0.4rem;
}

nav.navbar-dark .navbar-nav .dropdown-menu li:last-child:not(:first-child) a{
    padding-bottom:0.8rem;
}


nav.navbar-dark .navbar-nav .dropdown-menu a{
    color: var(--text-medium)!important;
    font-weight:500;
    padding-top:0.6rem;
    padding-bottom:0.6rem;
}
nav.navbar-dark .navbar-nav .dropdown-menu a:hover{
    color: var(--text)!important;
    background-color:rgba(74,74,74,0.12);
}



/*TOGGLER*/
.navbar-toggler{background-color:transparent; border-color:var(--text)!important;}
.navbar-toggler-icon{
    background-image:none!important;
    position: relative;
    width:1.4em;
    height:1.6em;
    left:2px;
    width:1.2em;
    height:1.4em;
    left:2px;

}
.navbar-toggler-icon .center-bar,
.navbar-toggler-icon:after,
.navbar-toggler-icon:before{
    display:block;
    content:"";
    width:100%;
    position:absolute;
    height:3px;
    border:1px solid var(--white);
    border:none;
    border-radius:1px;
    background-color: var(--white);
    top:7px;
    transition: all 0.5s cubic-bezier(.88,.11,.83,.67) 0.2s;

    height:2px;
    top:4px;
}
.navbar-toggler-icon .center-bar{
    top:11.5px;
    transform:scale(1);
}
.navbar-toggler-icon:after{
    top:auto;
    bottom:5px;
}

@media (min-width:992px){
    .navbar-nav{max-width:none;}
    .navbar-dark .navbar-nav .nav-link:focus,
    nav.navbar-dark .navbar-nav .nav-link:hover {
        color: var(--primary-dark);
        /* background-color:white; */
        /* background-color:inherit; */
        opacity: 1;
    }
    nav.navbar-dark .navbar-nav .active > .nav-link {
        color: var(--primary);
        color: white;
        background-color:var(--primary);
    }
    nav.navbar-dark .navbar-nav .active > .nav-link:focus,
    nav.navbar-dark .navbar-nav .active > .nav-link:hover {
        color: var(--primary-dark);
        background-color: inherit!important;
        opacity: 0.7;
    }
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before{
    transform: rotate(45deg) translate(0.2em, 0.4em);
    width: 1.9em;
    width: 1.6em;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .center-bar{
    transform: scale(0);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{
    transform: rotate(-45deg) translate(0.2em, -0.45em);
    width: 1.9em;
    width: 1.6em;
    bottom:3px;
}

/*SOCIAL*/
.navbar-collapse{
    flex-grow:0;
    -ms-flex-positive:0;
}
nav.main-navigation{
    justify-content:flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.social{
    display: inline-block;
    font-size: 2.25rem;
    vertical-align: bottom;
    margin-right: 1rem;
    position: static;
    /* bottom: -7px; */
    margin-bottom: -1px;
    line-height: 1;
}
body .social a:visited,
body .social a:focus,
body .social a{
    color:var(--text);
    margin-right:5px;
}
body .social a:hover{
    color:var(--primary);
}