.alert {
  color: #000;
  display: flex;
  align-items: center;
  height: 170px; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .alert {
      height: 195px; } }
  @media (max-width: 767.98px) {
    .alert {
      height: auto; } }
  .alert-copy .alert-header {
    font-weight: 400; }
    .alert-copy .alert-header {
      font-size: 22px; }
    @media (min-width: 575px) {
      .alert-copy .alert-header {
        font-size: calc(22px + 26 * (100vw - 575px) / 1825); } }
    @media (min-width: 2400px) {
      .alert-copy .alert-header {
        font-size: 48px; } }
    .alert-copy .alert-header {
      line-height: 26px; }
    @media (min-width: 575px) {
      .alert-copy .alert-header {
        line-height: calc(26px + 34 * (100vw - 575px) / 1825); } }
    @media (min-width: 2400px) {
      .alert-copy .alert-header {
        line-height: 60px; } }
  .alert-copy a {
    position: relative;
    border-bottom: 1px solid #000;
    text-decoration: none !important;
    transition: 0.25s ease;
    font-weight: 700;
    top: 0; }
    .alert-copy a:hover, .alert-copy a:focus {
      border-bottom: 5px solid #FFD20A;
      top: -3px; }
  .alert-close {
    transition: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    padding: 0;
    align-self: center;
    color: #000;
    justify-self: center;
    position: absolute;
    right: 80px;
    top: 35px;
    z-index: 1000; }
    .prefers-reduced-motion .alert-close {
      transition: none; }
    .alert-close:hover, .alert-close:focus {
      background-color: transparent; }
    .alert-close {
      font-size: 15px; }
    .alert-close:after {
      width: 0;
      height: 0;
      position: absolute;
      content: '';
      background-color: #000;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
      border-radius: 100%;
      transition: 0.25s ease; }
    @media (hover: hover) {
      .alert-close:hover {
        color: #fff; }
        .alert-close:hover:after {
          width: 50px;
          height: 50px; } }
    .is-tabbing .alert-close:focus {
      color: #fff; }
      .is-tabbing .alert-close:focus:after {
        width: 50px;
        height: 50px;
        border: 1px solid #FFD20A; }
    @media (max-width: 991.98px) {
      .alert-close {
        right: 60px; } }
    @media (max-width: 767.98px) {
      .alert-close {
        right: 30px;
        top: 25px; } }
    .alert-close:before {
      content: "\f11d";
      font-family: "icons" !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block; }
    @media (max-width: 767.98px) {
      .alert-close {
        grid-row: 1;
        justify-self: end; } }
  .alert--emergency {
    background: #006ff0; }

.sitewide-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
  background: #EBEDED;
  opacity: 1;
  padding-left: 80px;
  padding-right: 80px;
  animation-name: slideInDownAlert;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease;
  animation-delay: 0.5s; }
  @media (min-width: 1600px) {
    .sitewide-alert {
      padding-left: 120px;
      padding-right: 120px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .sitewide-alert {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (max-width: 767.98px) {
    .sitewide-alert {
      padding-left: 30px;
      padding-right: 30px; } }

@keyframes slideInDownAlert {
  0% {
    opacity: 0;
    transform: translateY(-100px); }
  100% {
    transform: translateY(0); } }
  .sitewide-alert.animate-out {
    animation-name: slideOutUpAlert;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease; }

@keyframes slideOutUpAlert {
  0% {
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
  @media (max-width: 991.98px) {
    .sitewide-alert {
      height: 195px; } }
  @media (max-width: 767.98px) {
    .sitewide-alert {
      grid-template-columns: 1fr;
      grid-template-rows: 64px auto;
      grid-gap: 15px; }
      .sitewide-alert.sitewide-alert--single {
        grid-template-rows: 1fr; }
        .sitewide-alert.sitewide-alert--single .swiper-group {
          display: flex;
          align-items: center; }
          .sitewide-alert.sitewide-alert--single .swiper-group .swiper-slide {
            display: flex; } }
  .user-logged-in .sitewide-alert {
    position: relative; }
  .sitewide-alert .swiper-slide {
    animation-name: fadeOutInvisible;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease; }

@keyframes fadeOutInvisible {
  0% {
    opacity: 1;
    visibility: visible; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    visibility: hidden; } }
    .sitewide-alert .swiper-slide.make-visible {
      animation-name: fadeInVisible;
      animation-duration: 1s;
      animation-fill-mode: both;
      animation-timing-function: ease; }

@keyframes fadeInVisible {
  0% {
    opacity: 0;
    visibility: visible; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
  .sitewide-alert .swiper-alert-nav {
    grid-column: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media (max-width: 767.98px) {
      .sitewide-alert .swiper-alert-nav {
        flex-direction: row;
        justify-content: flex-start; } }
    .sitewide-alert .swiper-alert-nav .alert-prev, .sitewide-alert .swiper-alert-nav .alert-next {
      color: #006ff0;
      cursor: pointer;
      position: relative; }
      .sitewide-alert .swiper-alert-nav .alert-prev.swiper-button-disabled, .sitewide-alert .swiper-alert-nav .alert-next.swiper-button-disabled {
        transition: 0.25s ease-out;
        color: #575C69;
        cursor: unset; }
    .sitewide-alert .swiper-alert-nav .alert-prev {
      top: 0;
      transition: top 0.25s ease-in-out;
      padding-bottom: 20px; }
      @media (max-width: 767.98px) {
        .sitewide-alert .swiper-alert-nav .alert-prev {
          padding-bottom: 0;
          transition: left 0.25s ease-in-out;
          left: 0; } }
      .sitewide-alert .swiper-alert-nav .alert-prev:before {
        content: "\f10c";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media (max-width: 767.98px) {
          .sitewide-alert .swiper-alert-nav .alert-prev:before {
            content: "\f10b";
            font-family: "icons" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: rotate(180deg);
            padding-left: 20px; } }
      @media (hover: hover) {
        .sitewide-alert .swiper-alert-nav .alert-prev:hover {
          top: -10px; } }
  @media (hover: hover) and (max-width: 767.98px) {
    .sitewide-alert .swiper-alert-nav .alert-prev:hover {
      top: unset;
      left: -10px; } }
      .sitewide-alert .swiper-alert-nav .alert-prev.swiper-button-disabled:hover {
        top: 0; }
    .sitewide-alert .swiper-alert-nav .alert-next {
      bottom: 0;
      transition: bottom 0.25s ease-in-out;
      padding-top: 20px; }
      @media (max-width: 767.98px) {
        .sitewide-alert .swiper-alert-nav .alert-next {
          padding-top: 0;
          transition: right 0.25s ease-in-out;
          right: 0; } }
      .sitewide-alert .swiper-alert-nav .alert-next:before {
        content: "\f108";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media (max-width: 767.98px) {
          .sitewide-alert .swiper-alert-nav .alert-next:before {
            content: "\f10b";
            font-family: "icons" !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding-left: 20px; } }
      @media (hover: hover) {
        .sitewide-alert .swiper-alert-nav .alert-next:hover {
          bottom: -10px; } }
  @media (hover: hover) and (max-width: 767.98px) {
    .sitewide-alert .swiper-alert-nav .alert-next:hover {
      bottom: unset;
      right: -10px; } }
      .sitewide-alert .swiper-alert-nav .alert-next.swiper-button-disabled:hover {
        bottom: 0; }
  .sitewide-alert .swiper-wrapper {
    flex-direction: column; }
    @media (max-width: 767.98px) {
      .sitewide-alert .swiper-wrapper {
        flex-direction: row; } }
  .sitewide-alert .swiper-group {
    position: relative;
    overflow: hidden;
    grid-column: 2; }
    @media (max-width: 767.98px) {
      .sitewide-alert .swiper-group {
        grid-column: 1; } }
    .sitewide-alert .swiper-group-container {
      padding: 0; }
  .sitewide-alert #alert-slides {
    font-size: 14px;
    font-weight: 700; }
/*# sourceMappingURL=alert.css.map */