/* CMS-managed USWDS Alert banner */
.standard-alert-banner {
  --standard-alert-content-max-width: 1440px;
  --standard-alert-grid-padding: 1rem;
  --standard-alert-icon-offset: 0.9166666667rem;
  --standard-alert-body-icon-padding: 3.8333333334rem;
  --standard-alert-slim-body-icon-padding: 3.3333333334rem;
  background-color: #fff;
  width: 100%;
}

.standard-alert-banner__inner {
  box-sizing: border-box;
  margin: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.standard-alert-banner .usa-alert {
  box-sizing: border-box;
  margin: 0;
  max-width: none;
  width: 100%;
}

.standard-alert-banner .usa-alert__body {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--standard-alert-content-max-width);
  min-width: 0;
  padding-left: var(--standard-alert-grid-padding);
  padding-right: var(--standard-alert-grid-padding);
  width: 100%;
}

.standard-alert-banner .usa-alert:not(.usa-alert--no-icon)::before {
  left: calc(var(--standard-alert-grid-padding) + var(--standard-alert-icon-offset));
}

.standard-alert-banner .usa-alert:not(.usa-alert--no-icon) .usa-alert__body {
  padding-left: calc(var(--standard-alert-grid-padding) + var(--standard-alert-body-icon-padding));
}

.standard-alert-banner .usa-alert--slim:not(.usa-alert--no-icon) .usa-alert__body {
  padding-left: calc(var(--standard-alert-grid-padding) + var(--standard-alert-slim-body-icon-padding));
}

.standard-alert-banner .usa-alert__heading {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.standard-alert-banner .usa-link {
  font-weight: 700;
}

/* CSP-safe presentation for the Federal Payments fraud-warning action. */
.usa-button.custom-outline-black,
.usa-button--outline.custom-outline-black {
  border-color: #000 !important;
  color: #000 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 0 2px #000 !important;
}

.usa-button.custom-outline-black:hover,
.usa-button--outline.custom-outline-black:hover {
  background-color: #000 !important;
  color: #fff !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media (min-width: 75em) {
  .standard-alert-banner {
    --standard-alert-grid-padding: 5rem;
  }
}

@media (min-width: 90em) {
  .standard-alert-banner .usa-alert:not(.usa-alert--no-icon)::before {
    left: calc(50vw - 720px + var(--standard-alert-grid-padding) + var(--standard-alert-icon-offset));
  }
}