.navbar{-ms-flex-pack: center !important; justify-content:center;}
.navbar-toggler{background-color:var(--white);}

nav.navbar{padding-bottom:1rem;}
body .navbar-dark .navbar-toggler{border:none;}
.navbar-nav{
    font-size: 1.65rem;
    font-weight: 300;
    font-family:var(--sans);
    background-color: transparent;
    border-radius: 1px;
    text-align: right;
    padding-top: 1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    color: var(--text);

    justify-content:center;
    align-items:center;
}
.navbar-nav>li{
    background-color: white;
    padding:0;
    /* border-radius:6px; */
    border-right:none;
    text-align:center;
    max-width: 10em;
    margin-bottom: 0.2em;
}


.navbar-nav>li:first-child{
    background-color: white;
}
.navbar-nav>li:nth-child(3){
    background-color: white;
}
.navbar-nav>li:last-child{
    border-right:none;
}
nav.navbar-dark .navbar-nav li:first-child.active {
    background-color:white;
    opacity: 1;
}
nav.navbar-dark .navbar-nav .nav-link:focus,
nav.navbar-dark .navbar-nav .nav-link {
    color: var(--text-light);
    opacity: 1;
    width:100%;
    display:inline-block;
    padding-left: 2em;
    padding-right: 2em;
    padding:6px 20px;
    transition: font-variation-settings .8s;
    font-variation-settings: 'wght' 230;
}
@media(min-width:992px){
    nav.navbar{padding-bottom:0;}
    nav.navbar-dark .navbar-nav .nav-link {
        /* color: var(--dark-purple); */
        /* color:white; */
        padding:4px 22px;
        padding:4px 14px;
        transition:font-variation-settings .8s;
    }
    .navbar-nav{
        justify-content:start;
        background-color:transparent;
        padding:2rem 3rem;
        font-size: 1.95rem; /* -- AMATIC SC --*/
        font-size: 1.8rem; /* -- Lato --*/
        padding-top: 0rem;
        margin-top: 1rem;
        margin-top: 0.9rem;
        padding-bottom: 0.8rem;
        margin-bottom: 1rem;
    }
    .rot-fixed-nav .navbar-nav{
        /* padding-top: 2rem; */
        margin-top: 1.1rem;
        /* padding-bottom: 4rem; */
        /* margin-bottom: 1rem; */
    }
    .navbar-nav>li{
        max-width:none;
        margin-right:18px;
        /* border-right:2px solid var(--dark-purple); */
    }
}
nav.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--gray-dark);
    opacity: 1;
    font-variation-settings: 'wght' 700;
}

nav.navbar-dark .navbar-nav .active > .nav-link{
    color: var(--text);
    opacity: 1;
}
nav.navbar-dark .navbar-nav .active > .nav-link:hover{
    color: var(--gray-dark);
    opacity: 0.7;
}
nav.navbar-dark .navbar-nav .dropdown-menu{
    /* border-top: 3px solid var(--dark-purple); */
    border-top: none;
    border-radius: 4px 4px;
    font-size:0.86em;
    padding-top:0!important;
    padding-bottom:0!important;
    background-color:var(--white75);
    padding-inline-start: 0!important;
    text-align:right;
}
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 a{
    padding-bottom:0.8rem;
}


nav.navbar-dark .navbar-nav .dropdown-menu a{
    color: var(--text)!important;
    font-weight:600;
}
nav.navbar-dark .navbar-nav .dropdown-menu a:hover{
    color: var(--text)!important;
    background-color:var(--yellow-lighter);
}

body.gregsnav-visible .navbar-toggler{
    animation: ping2 0.7s linear;
}
body.scrolled100 .navbar-toggler{
    animation: ping 0.7s 0.9s linear;
}
@keyframes ping{
    0%{transform:scale(1);}
    33%{transform:scale(1.4);}
    66%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
@keyframes ping2{
    0%{transform:scale(1);}
    33%{transform:scale(1.4);}
    66%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
@keyframes vanish{
    0%{visibility:visible;}
    /* 33%{transform:scale(1.4);}
    66%{transform:scale(0.9);} */
    100%{transform:translate(42vw, -2rem) scale(0.04); visibility:hidden;}
}
@keyframes appear{

    /* 33%{transform:scale(1.4);}
    66%{transform:scale(0.9);} */
    0%{transform:translate(42vw, -2rem) scale(0.04); visibility:hidden;}
    100%{transform:translate(0, 0) scale(1); visibility:visible;}
}



@media (min-width:992px){

}
.navbar-toggler{
    background: var(--white);
    padding: 0.35rem 0.65rem;
    border-radius: 2px;
    /* border:1.5px solid var(--grey)!important; */
}
.navbar-toggler:hover{
    background: var(--grey-light)!important;
    padding: 0.35rem 0.65rem;
    border-radius: 2px;
}
.navbar-toggler-icon{
    background-image:none!important;
    position: relative;
    width:1.4em;
    height:1.6em;
    /* left:2px; */

}
.navbar-toggler-icon:after,
.navbar-toggler-icon:before{
    display:block;
    content:"";
    width:100%;
    position:absolute;
    height:2px;
    border:1px solid grey;
    border-radius:2px;
    background-color: var(--text);
    top:6px;
    transition: all 0.5s cubic-bezier(.88,.11,.83,.67) 0.15s;
}
.navbar-toggler-icon:after{
    top:auto;
    bottom:7px;
}


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