.navbar-nav{
    font-size: 2rem;
    /* text-transform: uppercase; */
    font-weight: 500;
    font-family: var(--serif);
    letter-spacing:-0.03em;
    background-color: var(--primary);
    /* background-color: white; */
    border-radius: 0px;
    text-align: left;
    padding-top: 1rem;
    margin-top: 0.3rem;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
    color: white;
    max-width: 100%;
    margin-bottom: 0.25rem;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:0;
    bottom:0;
}
.navbar-nav>li{
    padding:0 0rem;
    border-radius:0;
    border-right:none;
}
.navbar-nav>li:last-child{
    border-right:none;
}

nav.navbar-dark .navbar-nav .nav-link {
    color: var(--text);
    opacity: 1;
    margin:0.01em 1.2rem;
    line-height:0.75;
    display:inline-block
}
.social-n-togglah{
    z-index:20;
    margin-top: 1rem;
    margin-left: 0.1rem;
    /* background: var(--warmwhite); */
    padding: 0.5rem 1rem;
    /* outline: 1px dotted magenta; */
}
.menu-showing .social-n-togglah{
    background: transparent;
}
.navbar .navbar-collapse{
    top: 0;
    right: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background:var(--primary);
    /* min-height:100vh; */
    height:100vh;
    padding-top:60px;
    padding-bottom:40px;
}
/* .container .navbar .navbar-collapse .container{
    max-width:100%;
    padding-left:0;
    padding-right:0;
} */
nav.navbar-dark .navbar-nav .nav-link {
    color: var(--text);
    margin-left:0;
}
.navbar-toggler{
    padding:0.05rem 0.5rem;
    padding-left: 0.35rem!important;
    bottom:auto!important;
}
@media(min-width:992px){
    nav.navbar-dark .navbar-nav .nav-link {
        color: var(--text);
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }
    .navbar-expand-lg .navbar-collapse:not(.show) {
        display: none!important;
    }
    .position-lg-fixed{
        position:fixed!important;
    }
    body.admin-bar .position-lg-fixed,
    body.admin-bar .navbar-collapse.position-lg-fixed{
        margin-top:48px;
    }

    .navbar-nav{
        font-size: 2.2rem;
    }
    .navbar-collapse{
        padding-top:0!important;
    }
    .nav-container{
        padding-bottom:0!important;
    }
    .navbar-nav{
        min-height:none!important;

    }
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align: left;
    }
    .navbar-expand-lg .navbar-toggler {
        display: inline-block;
    }
    .navbar-nav{
        background-color:transparent;
    }
}
@media(min-width:1200px){
    body.admin-bar .position-lg-fixed,
    body.admin-bar .navbar-collapse.position-lg-fixed{
        margin-top:32px;
    }
}

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

    border-radius:0;
}
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{background-color:var(--warmwhite); border-color:var(--warmwhite)!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:after,
.navbar-toggler-icon:before{
    display:block;
    content:"";
    width:100%;
    position:absolute;
    height:3px;
    border:1px solid var(--text);
    border:none;
    border-radius:1px;
    background-color: var(--text);
    top:7px;
    -webkit-transition: all 0.2s cubic-bezier(.88,.11,.83,.67) 0.2s;
    transition: all 0.2s cubic-bezier(.88,.11,.83,.67) 0.2s;

    height:2px;
    top:6px;
}
.navbar-toggler-icon:after{
    top:auto;
    bottom:6px;

    bottom:6px;
}
.menu-showing .navbar-toggler-icon:after,
.menu-showing .navbar-toggler-icon:before{
    border-color:var(--primary);
    background-color:var(--primary);

}
.container .container:not(.nav-container){width:100%!important; padding:0; max-width:none;}
.nav-container{
    height:100%;
    position:relative;
}


@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(--text); */
        /* background-color: transparent; */
        /* background-color: inherit; */
        /* opacity: 0.8; */
    }
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before{
    transform: rotate(45deg) translate(0.1em, 0.34em);
    width: 1.9em;

    width: 1.5em;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{
    transform: rotate(-45deg) translate(0.225em, -0.45em);
    width: 1.9em;

    width: 1.5em;
    bottom:3px;
}

/*SOCIAL*/
.navbar-collapse{
    flex-grow:0;
    -ms-flex-positive:0;
}
nav.main-navigation{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}
.social{
    display: inline-block;
    font-size: 1.95rem;
    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);
    color:var(--warmwhite);
    margin-right:5px;
}
body .social a:hover{
    color:var(--primary);
}
.navbar-collapse{
    top: calc(100% - 1rem);
    right: auto;
    left: 0;
}
@media(min-width:992px){
    .navbar-collapse{
        top: 0;
        /* position: fixed!important; */
        right: auto;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--primary);
    }
    .navbar-nav#primary-menu > li.nav-item:first-child > .nav-link{
        /* padding-left:0; */
    }
}
.menu-showing .site-logo a:hover .st0{
    fill: var(--white);
    transition:all 0.4s;
}
.menu-showing .social a:hover {
    color: var(--white);
}