/*
** See _respond-to.scss for breakpoint handling.
*/
/*
** See _breakpoints.scss for the actual breakpoint values.
*/
:root {
  --cc-font-size-xl: clamp(2.25rem, 1.9091rem + 1.4545vw, 3rem);
  --cc-font-size-l: clamp(1.75rem, 1.6364rem + 0.4848vw, 2rem);
  --cc-font-size-m: clamp(1.5rem, 1.3864rem + 0.4848vw, 1.75rem);
  --cc-font-size-s: clamp(1.25rem, 1.1364rem + 0.4848vw, 1.5rem);
  --cc-font-size-xs: clamp(1rem, 0.9432rem + 0.2424vw, 1.125rem);
  --cc-font-size-xxs: 0.875rem;
  --cc-font-size-base: 1rem;
}

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.footer {
  margin-block-start: auto;
  background-color: var(--ccColorNeutral1000);
  color: var(--ccColorFontInverse);
}

.footer__logo {
  display: inline-block;
  block-size: 3rem;
}
@media only screen and (min-width: 62.5em) {
  .footer__logo {
    block-size: 3.5rem;
  }
}
.footer__logo .logo {
  height: 100%;
}

.footer__primary {
  padding-block: 3.5rem;
}

.footer__secondary {
  padding-block: 1rem;
  border-block-start: 1px solid var(--ccColorWhite);
  text-transform: uppercase;
}
/*# sourceMappingURL=footer.css.map */