/* Temporary fix: restore mobile navigation open/close behavior. */
@media (max-width: 63.999rem) {
  body:not(.nav-open) .site-header--style-2 .site-navigation {
    transform: translateX(2000px) !important;
  }

  body.nav-open .site-header--style-2 .site-navigation {
    transform: translateX(0) !important;
  }
}

/* DGSDEV-12321: Gold button hover */
.hero-links a {
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.hero-links a:hover {
  background-color: rgb(194,170,111) !important;
  transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
  .hero-links a {
    transition: none;
  }

  .hero-links a:hover {
    transform: none;
  }
}

/* DGSDEV-12320: Hero Popular Links */
.hero-content-right .link-list > li > a:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #003366;
  text-decoration: none;
}
/* Temporarily hide arrows on hover until blue replacements are ready. */
.hero-content-right .link-list > li > a::after {
  visibility: hidden;
}

/* DGSDEV-12322: Highlight card images left, text right */
.paragraph--type--service-highlights.has-image > a {
  flex-direction: row !important;
}

/* DGSDEV-12320: Temporary Popular Links override until November 5 deployment. */
.paragraph--type--hero-style-2 .hero-content-right .link-list > li {
  background-color: transparent;
}
.paragraph--type--hero-style-2 .hero-content-right .link-list > li > a {
  background-color: #003366;
  color: #ffffff;
  text-decoration: none;
}
.paragraph--type--hero-style-2 .hero-content-right .link-list > li > a:hover,
.paragraph--type--hero-style-2 .hero-content-right .link-list > li > a:focus {
  background-color: #ffffff;
  color: #003366;
  text-decoration: none;
}