.navbar.on-negative {
.navbar-wrapper,
.navbar-dropdown {
color: white;
}
.navbar-dropdown {
background: rgba(14, 17, 56, 0.5);
}
.navbar-content {
border-color: white;
}
.btn-primary {
color: white;
border-color: white;
}
.menu-item:hover {
border-color: white;
}
.btn-link:hover {
outline-color: white;
}
.btn-link:focus {
outline-color: white;
}
.btn-link-mobile:hover {
outline-color: white;
}
.btn-link-mobile:focus {
outline-color: white;
}
.gray-badge {
background-color: var(--color--blue-80);
color: white;
}
}
.navbar {
.navbar-dropdown {
overflow: hidden;
}
#menu-trigger-close {
display: none;
}
}
.navbar.open {
.navbar-dropdown {
height: 408px;
backdrop-filter: blur(50px);
}
.w-nav-overlay {
display: none !important;
}
#menu-trigger-open {
display: none;
}
}
@media screen and (max-width: 990px) {
.navbar {
.navbar-wrapper {
backdrop-filter: blur(50px);
}
&.on-negative .navbar-wrapper{
background: rgba(14,17,56,.5);
}
.navbar-dropdown {
overflow: visible;
width: 100vw;
height: calc(100vh - 90px);
}
.navbar-dropdown-content {
height: calc(100vh - 90px);
}
.expanded-btn-mobile {
.chevron {
transition: 400ms all;
}
&.open .chevron {
transform: rotate(180deg);
}
}
.sub-menu-item-mobile.open {
height: 200px;
}
#menu-trigger-open {
display: block;
}
#menu-trigger-close {
display: none;
}
&.open {
#menu-trigger-open {
display: none;
}
#menu-trigger-close {
display: block;
}
.navbar-dropdown {
right: 0;
height: 100vh;
}
}
}
}