.global-alerts {
  top: 68px;
  position: relative;
}

.global-alerts .alert-preheader {
  z-index: 500;
}

.global-alerts .alert-preheader,
.page-alerts .alert-preheader {
  display: none;
  color: #fff;
  height: 107px;
  position: relative;
}

.global-alerts .alert-preheader > div,
.global-alerts .alert-preheader .alerts,
.global-alerts .alert-preheader .alert-content,
.global-alerts .alert-preheader .alert-row,
.page-alerts .alert-preheader > div,
.page-alerts .alert-preheader .alerts,
.page-alerts .alert-preheader .alert-content,
.page-alerts .alert-preheader .alert-row {
  height: 107px;
}

.global-alerts .alert-preheader a[href$=".pdf"],
.page-alerts .alert-preheader a[href$=".pdf"] {
  padding: 0;
  display: initial;
}

.global-alerts .alert-preheader .alert-row.red, .global-alerts .alert-preheader .alert-row.gray, .global-alerts .alert-preheader .alert-row.blue,
.page-alerts .alert-preheader .alert-row.red,
.page-alerts .alert-preheader .alert-row.gray,
.page-alerts .alert-preheader .alert-row.blue {
  background-image: linear-gradient(-180deg, #4a4a4a 0%, #000 100%);
}

@media (min-width: 768px) {
  .global-alerts .alert-preheader .alert-row.red span.alert svg, .global-alerts .alert-preheader .alert-row.gray span.alert svg, .global-alerts .alert-preheader .alert-row.blue span.alert svg,
  .page-alerts .alert-preheader .alert-row.red span.alert svg,
  .page-alerts .alert-preheader .alert-row.gray span.alert svg,
  .page-alerts .alert-preheader .alert-row.blue span.alert svg {
    padding-right: 8px;
    padding-top: 6px;
  }
}

.global-alerts .alert-preheader .alert-row.red span.alert svg, .global-alerts .alert-preheader .alert-row.blue span.alert svg,
.page-alerts .alert-preheader .alert-row.red span.alert svg,
.page-alerts .alert-preheader .alert-row.blue span.alert svg {
  color: #fff;
}

.global-alerts .alert-preheader .alert-row.gray span.alert svg,
.page-alerts .alert-preheader .alert-row.gray span.alert svg {
  color: #000;
}

.global-alerts .alert-preheader .alert-row.red .alert-field-colorblock,
.page-alerts .alert-preheader .alert-row.red .alert-field-colorblock {
  background-color: #cc0029;
}

.global-alerts .alert-preheader .alert-row.red .alert-field-colorblock::after,
.page-alerts .alert-preheader .alert-row.red .alert-field-colorblock::after {
  background-color: #cc0029;
}

.global-alerts .alert-preheader .alert-row.gray .alert-field-colorblock,
.page-alerts .alert-preheader .alert-row.gray .alert-field-colorblock {
  background-color: #E1951B;
  color: #000;
}

.global-alerts .alert-preheader .alert-row.gray .alert-field-colorblock::after,
.page-alerts .alert-preheader .alert-row.gray .alert-field-colorblock::after {
  background-color: #E1951B;
}

.global-alerts .alert-preheader .alert-row.blue .alert-field-colorblock,
.page-alerts .alert-preheader .alert-row.blue .alert-field-colorblock {
  background-color: #004c72;
  color: white;
}

.global-alerts .alert-preheader .alert-row.blue .alert-field-colorblock::after,
.page-alerts .alert-preheader .alert-row.blue .alert-field-colorblock::after {
  background-color: #004c72;
}

.global-alerts .alert-preheader .alert-field,
.page-alerts .alert-preheader .alert-field {
  display: flex;
  float: left;
  font-size: .8em;
  line-height: 1.4;
  height: 100%;
  padding: 10px 5px 0;
  word-wrap: break-word;
}

@media (min-width: 666px) {
  .global-alerts .alert-preheader .alert-field,
  .page-alerts .alert-preheader .alert-field {
    font-size: .9em;
    padding: 20px 5px 0;
  }
}

@media (min-width: 768px) {
  .global-alerts .alert-preheader .alert-field,
  .page-alerts .alert-preheader .alert-field {
    padding: 35px 5px 0;
    font-size: 1.25em;
  }
}

.global-alerts .alert-preheader .alert-field-colorblock,
.page-alerts .alert-preheader .alert-field-colorblock {
  font-size: 2.5em;
  padding: 30px 10px 30px 10px;
  text-transform: uppercase;
  position: relative;
  display: none;
}

@media (min-width: 333px) {
  .global-alerts .alert-preheader .alert-field-colorblock,
  .page-alerts .alert-preheader .alert-field-colorblock {
    display: block;
    margin-right: 8px;
  }
}

@media (min-width: 1000px) {
  .global-alerts .alert-preheader .alert-field-colorblock,
  .page-alerts .alert-preheader .alert-field-colorblock {
    padding: 30px 50px 30px 30px;
    margin-right: 80px;
  }
}

.global-alerts .alert-preheader .alert-field-colorblock .svg-inline--fa,
.page-alerts .alert-preheader .alert-field-colorblock .svg-inline--fa {
  padding-right: .2em;
}

.global-alerts .alert-preheader .alert-field-colorblock span.alert span.text,
.page-alerts .alert-preheader .alert-field-colorblock span.alert span.text {
  display: none;
}

@media (min-width: 1000px) {
  .global-alerts .alert-preheader .alert-field-colorblock span.alert span.text,
  .page-alerts .alert-preheader .alert-field-colorblock span.alert span.text {
    display: inline;
    font-size: .6em;
    font-weight: bold;
    vertical-align: center;
  }
}

.global-alerts .alert-preheader .alert-field-colorblock::after,
.page-alerts .alert-preheader .alert-field-colorblock::after {
  display: none;
}

@media (min-width: 1000px) {
  .global-alerts .alert-preheader .alert-field-colorblock::after,
  .page-alerts .alert-preheader .alert-field-colorblock::after {
    display: inherit;
    position: absolute;
    background-color: #E1951B;
    bottom: 0;
    right: -80px;
    width: 80px;
    height: 100%;
    -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    -ms-transform: skew(30deg);
        transform: skew(30deg);
    z-index: 1;
    opacity: 1;
    content: '';
  }
}

.global-alerts .alert-preheader .alert-field-body,
.page-alerts .alert-preheader .alert-field-body {
  width: 75%;
  display: table;
  padding: 6px 6px 0;
  height: auto;
  line-height: 1.2;
}

.global-alerts .alert-preheader .alert-field-body p, .global-alerts .alert-preheader .alert-field-body pre,
.page-alerts .alert-preheader .alert-field-body p,
.page-alerts .alert-preheader .alert-field-body pre {
  margin: 0;
}

@media (min-width: 444px) {
  .global-alerts .alert-preheader .alert-field-body,
  .page-alerts .alert-preheader .alert-field-body {
    font-size: .8rem;
    width: 66%;
    padding: 6px 14px 0;
  }
}

@media (min-width: 555px) {
  .global-alerts .alert-preheader .alert-field-body,
  .page-alerts .alert-preheader .alert-field-body {
    font-size: 1em;
    width: 75%;
  }
}

@media (min-width: 666px) {
  .global-alerts .alert-preheader .alert-field-body,
  .page-alerts .alert-preheader .alert-field-body {
    font-size: 1.125em;
    padding: 6px 14px 0;
  }
}

@media (min-width: 1000px) {
  .global-alerts .alert-preheader .alert-field-body,
  .page-alerts .alert-preheader .alert-field-body {
    width: 60%;
    padding-left: 20px;
  }
}

@media (min-width: 1440px) {
  .global-alerts .alert-preheader .alert-field-body,
  .page-alerts .alert-preheader .alert-field-body {
    font-size: 1.25em;
    width: 72%;
  }
}

.global-alerts .alert-preheader .alert-field-link,
.page-alerts .alert-preheader .alert-field-link {
  width: 50%;
  padding: 6px 20px 0;
  height: 30%;
  text-decoration: underline;
  font-size: .8em;
  display: none;
}

@media (min-width: 444px) {
  .global-alerts .alert-preheader .alert-field-link,
  .page-alerts .alert-preheader .alert-field-link {
    width: 60%;
    padding-left: 15px;
    display: inline-block;
    font-size: .9em;
  }
}

@media (min-width: 1000px) {
  .global-alerts .alert-preheader .alert-field-link,
  .page-alerts .alert-preheader .alert-field-link {
    width: 60%;
    padding-left: 20px;
    font-size: 1em;
  }
}

.global-alerts .alert-preheader .alert-field-close,
.page-alerts .alert-preheader .alert-field-close {
  font-size: 2em;
  position: absolute;
  padding: 0;
  right: 12px;
  top: 4px;
}

@media (min-width: 768px) {
  .global-alerts .alert-preheader .alert-field-close,
  .page-alerts .alert-preheader .alert-field-close {
    top: auto;
  }
}

.global-alerts .alert-preheader .alert-field-close .close,
.page-alerts .alert-preheader .alert-field-close .close {
  cursor: pointer;
}

.global-alerts .alert-preheader a,
.global-alerts .alert-preheader a:visited,
.page-alerts .alert-preheader a,
.page-alerts .alert-preheader a:visited {
  color: white;
  text-decoration: underline;
}

.page-alerts {
  top: 1em;
  position: relative;
}

.page-alerts .alert-preheader {
  z-index: 0;
}

.page-alerts .alert-preheader .alert-row.red, .page-alerts .alert-preheader .alert-row.gray, .page-alerts .alert-preheader .alert-row.blue {
  background-image: linear-gradient(-180deg, #4a4a4a 0%, #9a9a9a 100%);
}

.page-alerts .alert-preheader .alert-row.red .alert-field-colorblock {
  background-color: #cc0029;
}

.page-alerts .alert-preheader .alert-row.red .alert-field-colorblock::after {
  background-color: #cc0029;
}

.page-alerts .alert-preheader .alert-row.gray .alert-field-colorblock {
  background-color: #E1951B;
  color: #000;
}

.page-alerts .alert-preheader .alert-row.gray .alert-field-colorblock::after {
  background-color: #E1951B;
}

.page-alerts .alert-preheader .alert-row.blue .alert-field-colorblock {
  background-color: #004c72;
  color: white;
}

.page-alerts .alert-preheader .alert-row.blue .alert-field-colorblock::after {
  background-color: #004c72;
}

.page-alerts .alert-preheader .alert-row span.alert svg {
  color: #fff;
}

@media (min-width: 768px) {
  .page-alerts .alert-preheader .alert-row span.alert svg {
    padding-right: 8px;
    padding-top: 6px;
  }
}

/*# sourceMappingURL=alert.css.map */
