#page .block-alert {
  background-color: #C9E2F8;
  border: 2px solid #3884E2;
  color: #2F2E2E;
}
#page .block-alert .content h2,
#page .block-alert .content h3,
#page .block-alert .content .h2,
#page .block-alert .content .h3 {
  color: #2F2E2E;
  padding: 1rem;
  margin: 0;
  font-size: 1.4em !important;
}
#page .block-alert .content h2:before {
  color: #DC3545;
}
#page .block-alert .content p,
#page .block-alert .content a {
  color: #2F2E2E;
  font-size: 1.6rem !important;
}
#page .block-alert .content .field--name-body:before {
  color: #2F2E2E;
  content: "\f059";
  font-family: 'Font Awesome 6 Pro';
  margin-top: 0.25rem;
  font-size: 1.9em;
  display: block;
  float: left;
  margin-right: 20px;
}
#page .block-alert .content .extlink-nobreak svg.ext {
  fill: #DC3545;
}
#page .block-alert .content .extlink-nobreak svg.ext path {
  stroke: #FFFFFF;
}
#page .block-notification {
  background-color: #F5B934;
  border-top: 2px solid #F5B934;
  color: #2F2E2E;
}
#page .block-notification .content h2,
#page .block-notification .content h3,
#page .block-notification .content .h2,
#page .block-notification .content .h3 {
  color: #2F2E2E;
  padding: 1rem;
  margin: 0;
  font-size: 1.4em !important;
}
#page .block-notification .content h2:before {
  color: #27A1C6;
}
#page .block-notification .content p,
#page .block-notification .content a {
  color: #2F2E2E;
}
#page .block-notification .content .field--name-body:before {
  color: #2F2E2E;
  content: "\f071";
  font-family: 'Font Awesome 6 Pro';
  margin-top: 0.25rem;
  font-size: 1.9em;
  display: block;
  float: left;
  margin-right: 20px;
}
#page .block-notification .content .extlink-nobreak svg.ext {
  fill: #27A1C6;
}
#page .block-notification .content .extlink-nobreak svg.ext path {
  stroke: #FFFFFF;
}
#page .block-warning {
  background-color: #B8370E;
  border: 2px solid #B8370E;
  color: #FFFFFF;
}
#page .block-warning .content h2,
#page .block-warning .content h3,
#page .block-warning .content .h2,
#page .block-warning .content .h3 {
  color: #FFFFFF;
  padding: 1rem;
  margin: 0;
  font-size: 1.4em !important;
}
#page .block-warning .content p,
#page .block-warning .content a {
  color: #FFFFFF;
}
#page .block-warning .content .field--name-body:before {
  color: #FFFFFF;
  content: "\e204";
  font-family: 'Font Awesome 6 Pro';
  margin-top: 0.25rem;
  font-size: 1.9em;
  display: block;
  float: left;
  margin-right: 20px;
}
#page .block-warning .content .extlink-nobreak svg.ext {
  fill: #FFFFFF;
}
#page .block-warning .content .extlink-nobreak svg.ext path {
  stroke: #FFFFFF;
}
#page .block-success {
  background-color: #228438;
  border: 2px solid #228438;
  color: #FFFFFF;
}
#page .block-success .content h2,
#page .block-success .content h3,
#page .block-success .content .h2,
#page .block-success .content .h3 {
  color: #FFFFFF;
  padding: 1rem;
  margin: 0;
  font-size: 1.4em !important;
}
#page .block-success .content p,
#page .block-success .content a {
  color: #FFFFFF;
}
#page .block-success .content .field--name-body:before {
  color: #FFFFFF;
  content: "\f2f7";
  font-family: 'Font Awesome 6 Pro';
  margin-top: 0.25rem;
  font-size: 1.9em;
  display: block;
  float: left;
  margin-right: 20px;
}
#page .block-success .content .extlink-nobreak svg.ext {
  fill: #FFFFFF;
}
#page .block-success .content .extlink-nobreak svg.ext path {
  stroke: #FFFFFF;
}
.alert {
  border-radius: 8px;
  flex-direction: column;
}
.alert:before {
  border-radius: 8px 0 0 8px;
}
.alert h2 {
  margin-top: 1rem !important;
}
.alert.alert-primary {
  background-color: rgba(217, 217, 217, 0.3);
  color: #2F2E2E;
}
.alert.alert-primary:before {
  background-color: #193F6F;
}
.alert.icon-alert {
  background-color: rgba(217, 217, 217, 0.3);
  color: #2F2E2E;
}
.alert.icon-alert:before {
  background-color: #193F6F;
}
.alert.icon-alert .content h2 {
  color: #2F2E2E;
}
.alert.icon-alert .content h2:before {
  color: #2F2E2E;
  content: "\f06a";
}
.alert.alert-danger {
  background-color: #AD2831;
  color: #FFFFFF;
}
.alert.alert-danger h2,
.alert.alert-danger h3,
.alert.alert-danger h4,
.alert.alert-danger .h2,
.alert.alert-danger .h3,
.alert.alert-danger .h4 {
  color: #FFFFFF;
}
.alert.alert-danger:before {
  background-color: transparent;
}