/* Make the page visitors are viewing unmistakable in the primary navigation. */
@media (min-width: 992px) {
  .navbar > ul > li > a.active {
    position: relative;
    color: var(--umdpc-blue-dark) !important;
    font-weight: 800;
  }

  .navbar > ul > li > a.active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -9px;
    height: 3px;
    border-radius: 999px;
    background: var(--umdpc-red);
  }
}

@media (max-width: 991px) {
  .navbar-mobile > ul > li > a.active {
    color: var(--umdpc-blue-dark) !important;
    font-weight: 800;
    background: rgba(23, 105, 166, .09);
    border-left: 4px solid var(--umdpc-red);
  }
}