.usa-alert {
  background-color: #f7f9fa;
  border-left: 0.5rem solid #dfe1e2;
  color: #1b1b1b;
  font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.99rem;
  line-height: 1.6;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative;
}

* + .usa-alert {
  margin-top: 1rem;
}

.usa-alert .usa-alert__body > .usa-list,
.usa-alert > .usa-list {
  padding-left: 0;
}

.usa-alert .usa-alert__body > .usa-list:last-child,
.usa-alert > .usa-list:last-child {
  margin-bottom: 0;
}

.usa-alert__body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.usa-alert--success {
  background-color: #ecf3ec;
  border-left-color: #00a91c;
  color: #1b1b1b;
}

.usa-alert--success::before {
  background: url("/images/alerts/check_circle.svg") no-repeat center / contain;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  position: absolute;
  top: 0;
  width: 2rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--success::before {
    background: none;
    background-color: #1b1b1b;
    -webkit-mask: url("/images/alerts/check_circle.svg") no-repeat center / contain;
    mask: url("/images/alerts/check_circle.svg") no-repeat center / contain;
  }
}

.usa-alert--success.usa-alert--slim::before {
  background-size: 1.5rem;
  height: 2.5rem;
  width: 1.5rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--success.usa-alert--slim::before {
    -webkit-mask-size: 1.5rem;
    mask-size: 1.5rem;
  }
}

.usa-alert--success .usa-link,
.usa-alert--success .usa-link:visited {
  color: #0076d6;
}

.usa-alert--success .usa-link:active,
.usa-alert--success .usa-link:hover {
  color: #005ea2;
}

.usa-alert--warning {
  background-color: #fef0c8;
  border-left-color: #ffbe2e;
  color: #1b1b1b;
}

.usa-alert--warning::before {
  background: url("/images/alerts/warning.svg") no-repeat center / contain;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  position: absolute;
  top: 0;
  width: 2rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--warning::before {
    background: none;
    background-color: #1b1b1b;
    -webkit-mask: url("/images/alerts/warning.svg") no-repeat center / contain;
    mask: url("/images/alerts/warning.svg") no-repeat center / contain;
  }
}

.usa-alert--warning.usa-alert--slim::before {
  background-size: 1.5rem;
  height: 2.5rem;
  width: 1.5rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--warning.usa-alert--slim::before {
    -webkit-mask-size: 1.5rem;
    mask-size: 1.5rem;
  }
}

.usa-alert--warning .usa-link,
.usa-alert--warning .usa-link:visited {
  color: #0076d6;
}

.usa-alert--warning .usa-link:active,
.usa-alert--warning .usa-link:hover {
  color: #005ea2;
}

.usa-alert--error {
  background-color: #f4e3db;
  border-left-color: #d54309;
  color: #1b1b1b;
}

.usa-alert--error .usa-alert__body {
  background-color: #f4e3db;
}

.usa-alert--error .usa-alert__body .usa-link,
.usa-alert--error .usa-alert__body a {
  color: #005ea2;
}

.usa-alert--error .usa-alert__body .usa-link:visited,
.usa-alert--error .usa-alert__body a:visited {
  color: #54278f;
}

.usa-alert--error .usa-alert__body .usa-link:active,
.usa-alert--error .usa-alert__body .usa-link:hover,
.usa-alert--error .usa-alert__body a:active,
.usa-alert--error .usa-alert__body a:hover {
  color: #1a4480;
}

.usa-alert--error::before {
  background: url("/images/alerts/error.svg") no-repeat center / contain;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  position: absolute;
  top: 0;
  width: 2rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--error::before {
    background: none;
    background-color: #1b1b1b;
    -webkit-mask: url("/images/alerts/error.svg") no-repeat center / contain;
    mask: url("/images/alerts/error.svg") no-repeat center / contain;
  }
}

.usa-alert--error.usa-alert--slim::before {
  background-size: 1.5rem;
  height: 2.5rem;
  width: 1.5rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--error.usa-alert--slim::before {
    -webkit-mask-size: 1.5rem;
    mask-size: 1.5rem;
  }
}

.usa-alert--info {
  background-color: #e7f6f8;
  border-left-color: #00bde3;
  color: #1b1b1b;
}

.usa-alert--info::before {
  background: url("/images/alerts/info.svg") no-repeat center / contain;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  position: absolute;
  top: 0;
  width: 2rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--info::before {
    background: none;
    background-color: #1b1b1b;
    -webkit-mask: url("/images/alerts/info.svg") no-repeat center / contain;
    mask: url("/images/alerts/info.svg") no-repeat center / contain;
  }
}

.usa-alert--info.usa-alert--slim::before {
  background-size: 1.5rem;
  height: 2.5rem;
  width: 1.5rem;
}

@supports ((-webkit-mask: url("")) or (mask: url(""))) {
  .usa-alert--info.usa-alert--slim::before {
    -webkit-mask-size: 1.5rem;
    mask-size: 1.5rem;
  }
}

.usa-alert--info .usa-link,
.usa-alert--info .usa-link:visited,
.usa-alert__text a:visited {
  color: #0076d6;
}

.usa-alert--info .usa-link:active,
.usa-alert--info .usa-link:hover {
  color: #005ea2;
}

.usa-alert--success.usa-alert--no-icon::before,
.usa-alert--warning.usa-alert--no-icon::before,
.usa-alert--error.usa-alert--no-icon::before,
.usa-alert--info.usa-alert--no-icon::before {
  display: none;
}

.usa-alert--success.usa-alert--no-icon .usa-alert__body,
.usa-alert--warning.usa-alert--no-icon .usa-alert__body,
.usa-alert--error.usa-alert--no-icon .usa-alert__body,
.usa-alert--info.usa-alert--no-icon .usa-alert__body {
  padding-left: 1.25rem;
}

.usa-alert--success .usa-alert__body,
.usa-alert--warning .usa-alert__body,
.usa-alert--error .usa-alert__body,
.usa-alert--info .usa-alert__body {
  padding-left: 3.8333333334rem;
}

.usa-alert .usa-alert__body .usa-link,
.usa-alert .usa-alert__body a {
  color: #005ea8;
}

.usa-alert .usa-alert__body .usa-link:visited,
.usa-alert .usa-alert__body a:visited {
  color: #54278f;
}

.usa-alert .usa-alert__body .usa-link:active,
.usa-alert .usa-alert__body .usa-link:hover,
.usa-alert .usa-alert__body a:active,
.usa-alert .usa-alert__body a:hover {
  color: #1a4480;
}

.usa-alert__heading {
  font-family: Montserrat, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.37rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.usa-alert__text {
  margin-bottom: 0;
  margin-top: 0;
}

.usa-alert__text a:hover {
  color: #1a4480;
}

.usa-alert__text a:active {
  color: #112f4e;
}

.usa-alert__text a:focus {
  outline: 0.25rem solid #2491ff;
  outline-offset: 0;
}

.usa-alert__text:only-child {
  padding-bottom: 0;
  padding-top: 0;
}

.usa-alert--slim {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.usa-alert--slim .usa-alert__body {
  padding-left: 3.3333333334rem;
}

.cdfi-sitewide-alert {
  margin-top: 0;
}

.path-frontpage .cdfi-homepage-alert {
  margin: 0 0 20px;
}

/* Keep legacy notice spacing separate from the standard and slim icon layouts. */
.path-frontpage .cdfi-homepage-alert.usa-alert--no-icon {
  background-color: #e8f4fd;
  border-left-color: #005ea2;
  font-size: 16px;
  line-height: 1.15;
  padding: 20px;
}

.path-frontpage .cdfi-homepage-alert.usa-alert--no-icon .usa-alert__body {
  font-size: 16px;
  line-height: 1.15;
  padding: 0;
}

.path-frontpage .cdfi-homepage-alert.usa-alert--no-icon .usa-alert__text {
  font-size: 1.1em;
  line-height: 1.15;
  margin: 0 0 15px;
}

.path-frontpage .cdfi-homepage-alert.usa-alert--no-icon ul {
  font-size: 16px;
  line-height: 1.15;
  margin: 0 0 0 25px;
  padding: 0;
}

.path-frontpage .cdfi-homepage-alert.usa-alert--no-icon li {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .cdfi-homepage-alerts + #cdfi-hero .cdfi-hero {
    height: auto;
    min-height: 425px;
  }
}