.navbar-nav{
    font-size:1rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing:2px;
}
.navbar{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
nav.navbar-dark .navbar-nav .nav-link {
    color: #aaaaaa;
    opacity: 1;
}
nav.navbar-dark .navbar-nav .nav-link:hover {
    color: white;
    opacity: 1;

    /* background-color: rgb(255 255 255 / 0.7); */
}
nav.navbar-dark .navbar-nav .active > .nav-link{
    color: #eeeeee;
    opacity: 1;
}
nav.navbar-dark .navbar-nav .active > .nav-link:hover{
    color: #ffffff;
    opacity: 0.7;
}
nav.navbar-dark .navbar-nav .dropdown-menu{
    border-top: 3px solid #dc4750;
    border-radius: 0 0 4px 4px;
    font-size:0.86em;
    padding-top:0!important;
    padding-bottom:0!important;
}
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: #444444!important;
    font-weight:600;
}
nav.navbar-dark .navbar-nav .dropdown-menu a:hover{
    color: #444444!important;
    background-color:#dedede;
}

/*GREG*/


#primary-menu-wrap{
    display:block;
    /* transition: all 0.7s cubic-bezier(.88,.11,.83,.67) 0.2s;
    transition: all 1.2s cubic-bezier(0,.89,.1,1) 0.2s; */
    transition: all 0.6s cubic-bezier(1,.01,0,1.01) 0.2s;
    visibility: visible;
}
body.gregsnav-visible #primary-menu-wrap{
    transform:translate(0, 0) scale(1);
}
body:not(.gregsnav-visible) #primary-menu-wrap{
    transform:translate(42vw, -2rem) scale(0);
}


@media(min-width:992px){
    /* body .collapse:not(.show) {
        display: block!important;
    } */
    body #primary-menu-wrap{
        transform:translate(42vw, -2rem) scale(0);
    }
    body.gregsnav-visible #primary-menu-wrap.collapse{
        transform:translate(0, 0) scale(1);
    }
}

.navbar-toggler:hover,
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;}
}



.navbar-toggler{
    background:var(--white07);
    padding:0.35rem 0.65rem;
    box-shadow: 4px 7px black;
    border: 1px solid black;
    border-right: 5px solid black;

    padding:0.25rem 0.5rem;
    top:4px;
}
.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:4px;
    border:1px solid grey;
    border:none;
    border-radius:2px;
    background-color: var(--text);
    top:7px;
    transition: all 0.5s cubic-bezier(.88,.11,.83,.67) 0.2s;

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

    bottom:6px;
}

@media (min-width:992px){

}

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

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

    width: 1.6em;
    bottom:3px;
}
/* .navbar-toggler:not(.collapsed) .navbar-toggler-icon{left:0;}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:before{
    transform: rotate(45deg) translate(0.26em, 0.3em);
    width: 1.9em;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon:after{
    transform: rotate(-45deg) translate(0.2em, -0.3em);
    width: 1.9em;
} */
@media(min-width:992px){
    /* body.gregsnav-visible .navbar-toggler .navbar-toggler-icon:before{
        transform: rotate(45deg) translate(0.26em, 0.3em);
        width: 1.9em;
    }
    body.gregsnav-visible .navbar-toggler .navbar-toggler-icon:after{
        transform: rotate(-45deg) translate(0.2em, -0.3em);
        width: 1.9em;
    } */
}