/* Contraste del submenú principal en móvil. */
@media (max-width: 767px) {

  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu {
    background: #195998 !important;
  }

  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li > a {
    color: #fff !important;
    background: transparent !important;
    opacity: 1;
    text-shadow: none;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.5;
  }

  /* Al pasar el cursor o navegar con teclado. */
  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li > a:hover,

  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li > a:focus {
    color: #fff !important;
    background: #123e6a !important;
  }

  /* Página actualmente seleccionada. */
  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li > a.is-active,

  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li > a[aria-current="page"],

  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li.active > a {
    color: #203750 !important;
    background: #97e086 !important;
    font-weight: 600;
  }

  /* Foco visible sin sobresalir del menú. */
  #navigation #block-drudg8b3-main-menu
  .navbar-nav .dropdown-menu > li > a:focus-visible {
    outline: 2px solid #97e086;
    outline-offset: -3px;
  }
}