/* Alert * * * * * * * * * * * * * * * * * * * * * * * * * * */

.holiday-alert {
  position: fixed;
  top: 100px;
  left: 0px;
  z-index: 100 !important;
  width: 100%;
  height: auto;
  min-height: 50px;
  background-color: #2d86d6;
  padding: 12px 30px 10px;
  color: $white-color;
  font: 19px $font-futurabook;
  text-align: center;
  // transition: top 0.15s;
  margin-top: 0px;
  .wrap {
    position: relative;
    max-width: 1160px;
    width: 94%;
  }
  .button-white-border {
    display: inline-block;
    height: 30px;
    padding: 0 20px;
    border-radius: 3px;
    border: 2px solid $white-color;
    color: $white-color;
    font: 12px/26px $font-futurademi;
    white-space: nowrap;
    letter-spacing: .7px;
    text-transform: uppercase;
    &:hover {
      background-color: $white-color;
      color: $base-color;
    }
  }
  &.success {
    background: $success-color;
  }
  &.warning,
  &.danger {
    background: $warning-color;
  }
  &.red,
  &.error {
    background: $attention-color;
  }
  strong {
    font-weight: 800;
  }
  &__close {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    background-image: inline-image('holiday-alert/close.svg');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
}
.create-alert .holiday-alert {
  position: fixed;
  top: 0;
  z-index: 10;
}