.navbar.nav-sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 5px var(--nav-sticky-box-shadow);
}

.nav-margin {
  margin-top: 0px !important;
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0);
  border-color: rgba(0,0,0,0);
}

.nav-hide, .nav-hide .col {
  opacity: 0 !important;
  height: 0 !important;
}

.nav-hide .col a {
  pointer-events: none;
  cursor: default;
}

@media (min-width: 991px) {
  .navcol-1-on-lg {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 767px) {
  #navcol-1 {
    top: 83.5px !important;
  }
}

#fade-nav {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: var(--background-fade);
  opacity: 0;
  z-index: 2;
}

.vertical-fade {
  opacity: 1 !important;
  display: block !important;
  transition: opacity 0.5s;
}

.fade-nav-1 {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: 2;
}