#navbar {
  background-color: hsl(var(--theme-brand-primary-h), var(--theme-brand-primary-s), 33%);
  box-shadow: 0px 1px 2px rgb(29 39 53 / 50%);
  padding: 1rem 0.5rem .25rem 1rem;
}

#navbar .navbar-collapse {
  margin-right: 4em;
}

#navbar .navbar-toggler {
  border-radius: 4px;
  border: 1px solid #2b3642;
  background-color: hsl(var(--theme-brand-primary-hs), calc(var(--theme-brand-primary-l) + 5));
  color: hsl(0deg 8% 80%) !important;
  font-size: 1.5em;
}

#navbar .navbar-toggler-icon {
  width:unset;
  height:unset;
}

#navbar .navbar-toggler i {
  font-size: 1em;
}

#navbar li.nav-item {
  margin-right: 2em;
}

#navbar li.nav-item a:not(.dropdown-item) {
  color:var(--theme-light) !important;
  font-size: 18px;
  text-decoration: none;
}

#navbar li.nav-item a.nav-link {
  border-radius: 4px;
  border: 1px solid transparent;
}

#navbar li.nav-item a.nav-link.active {
  background-color: hsl(var(--theme-brand-primary-hs), calc(var(--theme-brand-primary-l) + 4%));
  border: 1px solid hsl(var(--theme-brand-primary-hs), calc(var(--theme-brand-primary-l) + 4%));
  /*box-shadow: 0px -1px 4px hsl(var(--theme-brand-primary-hs), calc(var(--theme-brand-primary-l) - 4%));*/
}

#navbar li.nav-item a.nav-link:not(.dropdown-toggle):hover {
/*  background-color: hsl(var(--theme-brand-primary-hs), calc(var(--theme-brand-primary-l) + 8%)); */
  box-shadow: var(--btn-shadow) !important;
}

#navbar li.nav-item a.nav-link.dropdown-toggle:hover {
  border: 1px solid hsl(var(--theme-brand-primary-hs), calc(var(--theme-brand-primary-l) + 4%));
  box-shadow: var(--btn-shadow) !important;
}

#navbar li.nav-item a.dropdown-item {
  text-decoration: none;
}

#navbar li.nav-item a:hover {
  text-decoration: none;
}

#navbar li.nav-item a.dropdown-item:not(:first-child) {
  margin-top:1em;
}

#navbar li.nav-item a.dropdown-toggle::after {
    display: inline;
    margin-left: .5em;
    vertical-align: -0.75em;
}