#layoutSidenav_content {
  color: var(--blue-100);
}
.bg-sonic-blue {
  background-color: var(--blue-100);
}
.sonic-blue {
  color: var(--blue-100);
}

.sonic-bold {
  font-family: "Aileron Bold";
}

.nav > li {
  font-family: "Aileron Bold";
  padding-left: 8px;
}

.nav-link.active {
  font-family: "Aileron Bold"!important;
}


div.nav > li.nav-item:has(> a.nav-link.active),
div.nav > ul > li.nav-item:has(> a.nav-link.active) {
    background-color: #ffffff40;
}

div.nav > ul > ul {
  //display: none;
  border-bottom: 8px inset #ffffff30;
}
div.nav > ul > ul.active {
  //display: block;
  border-bottom: 8px inset #ffffff40;
}

a.nav-link {
  padding-left: 4px;
}

div.nav > ul > li {
  background-color: #ffffff20;
  margin-top: 2px;
}
div.nav > li {
  background-color: #ffffff20;
  margin-top: 2px;
}

div.nav > ul > li.has_children {
}
div.nav > ul > ul.has_children {
}

.nav > ul > ul {
  background-color: #00000020;
  padding-left: 8px;
}

.nav > ul > ul > li {
  font-family: "Aileron Regular";
}

.nav > ul > ul {
  border-top: 1px inset #ffffff30;
  border-bottom: 1px inset #ffffff30;
}



li.breadcrumb-item > a {
  color: var(--bright-blue-90);
  text-decoration: none;
}
li.breadcrumb-item > a:hover {
  color: var(--bright-blue-100);
  text-decoration: underline;
}

.menu-separator {
  border: 2px solid var(--blue-10);
  margin-top:12px;
  margin-bottom:10px;
}

.dropdown-item {
  font-family: "Aileron Bold";
}