body .navbar-brand {
  font-size: 1.6rem;
}

/**
 * Add more spacing to nav inside the expanded navbar.
 */
@media (max-width: 991px) {
  .navbar-collapse .navbar-nav {
    margin-top: 13px;
  }
}

/**
 * Animate the navbar on scroll.
 */
.scrolled {
  transition: font-size 0.5s;
  font-size: 95%;
  background-color: var(--bs-dark);
  opacity: 0.95;
}

.scrolled .navbar-brand {
  transition: font-size 0.5s;
  font-size: 1.25rem;
}

.scrolled .navbar-brand img {
  max-height: 40px;
  transition: max-height 0.5s;
}

/**
 * Adjust spacing when toolbar is open.
 */
.toolbar-horizontal.toolbar-fixed .sticky-top,
.toolbar-horizontal.toolbar-fixed .fixed-top,
.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .scrolled,
.toolbar-vertical .fixed-top,
.toolbar-vertical .scrolled {
  top: 39px;
  z-index: 500;
}

.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .sticky-top,
.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .fixed-top,
.toolbar-tray-open.toolbar-horizontal.toolbar-fixed .scrolled {
  top: 79px;
}

.toolbar-vertical .scrolled {
  left: 0;
  top: 39px;
}

.toolbar-tray-open.toolbar-vertical .fixed-top {
  left: 15rem;
  top: 39px;
}

@media (max-width: 609px) {
  .toolbar-tray-open.toolbar-vertical .sticky-top {
    margin-left: 15rem;
  }
}

/**
 * Add a background color to the header on mobile.
 */
@media (max-width: 991px) {

  .sticky-top,
  .fixed-top {
    background-color: var(--bs-dark);
    opacity: 0.95;
  }
}

.navbar-toggler {
  padding: .1rem .1rem !important;
}