/*
 * Accessibility fixes (WCAG 2.1 AA). Loaded after assets/css/style.css.
 * Kept separate so they are easy to find, and to fold into the SCSS later.
 */

/* Text on the blue (#005EFF) background: #C4F0F6 was 4.2:1, needs 4.5:1. */
.cta-subtitle,
.highlight-card p,
.feature-tag {
  color: #e0f8fb;
}
.cta-form .gform_wrapper .gform-footer .gform_button:not(:hover):not(:active) {
  color: #e0f8fb !important;
}

/* Stats labels on blue: #E6EEFF was 4.45:1. */
.wi-stats-label {
  color: #ecf2ff;
}

/* Case study fact labels on dark navy: #005EFF was 3.3:1. */
.case-fact-label {
  color: #4d8dff;
}

/* 404 page */
.e404 {
  padding: 20rem 0 12rem;
  text-align: center;
  background-color: var(--clr-dark-navy);
  color: var(--clr-white);
}
.e404 h1 {
  color: var(--clr-white);
  font-size: 5.6rem;
  line-height: 1.1;
  margin: 0 0 2rem;
}
.e404 p {
  color: var(--clr-pale-blue);
  font-size: 2rem;
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .e404 {
    padding: 14rem 0 8rem;
  }
  .e404 h1 {
    font-size: 4rem;
  }
}

/* Privacy notice under the contact form */
.cta-form .ts-privacy-note {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #e0f8fb;
}
.cta-form .ts-privacy-note a {
  color: var(--clr-white);
  text-decoration: underline;
}