/* MDM-4.0 retains the MDM-3.0 visual system and adds explicit page state. */
.mdm-theme-4 .mdm-nav-list a,
.mdm-theme-4 .mdm-mobile-nav-list a{
  position: relative;
}

.mdm-theme-4 .mdm-nav-list a:hover{
  color: var(--mdm-gray-700);
  background: transparent;
}

.mdm-theme-4 .mdm-nav-list a::after{
  content: "";
  position: absolute;
  right: .5rem;
  bottom: -.75rem;
  left: .5rem;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--mdm-gray-500);
  opacity: 0;
}

.mdm-theme-4 .mdm-nav-list a:hover::after{
  opacity: 1;
}

.mdm-theme-4 .mdm-nav-list a[aria-current="page"]{
  color: var(--mdm-red);
  background: transparent;
}

.mdm-theme-4 .mdm-nav-list a[aria-current="page"]::after{
  background: var(--mdm-red);
  opacity: 1;
}

.mdm-theme-4 .mdm-mobile-nav-list a[aria-current="page"]{
  color: var(--mdm-red);
  background: rgba(179, 25, 31, .06);
}