/* Shared contrast and focus fixes for the archived builder markup. */
:root { --accessible-orange: #a45d00; --accessible-link: #7a4300; }

a { color: var(--accessible-link); }
a:focus-visible, button:focus-visible { outline: 3px solid #1d4f91; outline-offset: 3px; }

.colibri-menu-container .sub-menu a {
  color: #222 !important;
  background: #fff !important;
}
#navigation .colibri-menu > li > a,
#navigation .colibri-menu > li > a:hover,
#navigation .colibri-menu > li > a:focus-visible {
  color: var(--accessible-link) !important;
  background: #fff !important;
}
#navigation .h-button,
#navigation .h-button:hover,
#navigation .h-button:focus-visible {
  color: #fff !important;
  background-color: var(--accessible-orange) !important;
}
.h-button,
.h-button:hover,
.h-button:focus-visible {
  color: #fff !important;
  background-color: var(--accessible-orange) !important;
  border-color: var(--accessible-orange) !important;
}
.h-button__outer { color: #fff !important; }

#projects,
#act,
#join-freedom,
#testimonials-2 {
  color: #3f3f3f;
}
#projects .h-text p,
#projects .h-text span,
#act .h-text p,
#act .h-text span,
#join-freedom .h-text p,
#join-freedom .h-text span,
#testimonials-2 .h-text p,
#testimonials-2 .h-text span {
  color: #3f3f3f !important;
}
#projects h2,
#projects h3,
#act h2,
#act h3,
#join-freedom h2,
#join-freedom h3,
#testimonials-2 h2,
#testimonials-2 h3,
#testimonials-2 h4 {
  color: #222 !important;
}
#projects h2 span,
#projects h3 span,
#act h2 span,
#act h3 span,
#join-freedom h2 span,
#join-freedom h3 span,
#testimonials-2 h2 span,
#testimonials-2 h3 span,
#testimonials-2 h4 span {
  color: #222 !important;
}
#projects a:not(.h-button),
#act a:not(.h-button),
#join-freedom a:not(.h-button) {
  color: var(--accessible-link) !important;
}

#partners,
#footer {
  background-color: var(--accessible-orange) !important;
}
#partners,
#partners a,
#partners h2,
#partners h3,
#footer,
#footer a,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer p {
  color: #fff !important;
}
.support-breadcrumbs a,
.breadcrumbs a { color: var(--accessible-link) !important; }

#overlappable-2 .h-column__inner {
  background-color: #333 !important;
}
#overlappable-2 .h-column__content,
#overlappable-2 h4,
#overlappable-2 p,
#overlappable-2 span {
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
