@import '../../../../bootstrap/less/alerts';

//
// Alerts
// --------------------------------------------------
.alert {

  .alert-icon {
    float: left;
    line-height: inherit;
    margin-right: @padding-small-horizontal;
    &.fa-lg {
      line-height: 1.2em; // Fix the line-height for font awesome fa-lg icons
    }
  }

  .alert-body {
    overflow: hidden; // Clear floated .alert-icon
    overflow-wrap: break-word;
  }

  // Underline links for more clarity
  .alert-link {
    text-decoration: underline;
  }
}

// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.

.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
.alert-dismissible {
  position: relative;
  padding-right: @close-font-size + @alert-padding;
  .close {
    position: relative;
    top: 0;
    right: -@close-font-size;
    margin-top: ceil(-@close-font-size * 0.2); // Better vertical alignment
  }
}


// Full-width block alerts
//
// Remove border and rounded corners, and vertically center close icon

.alert.alert-block {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;

  &.alert-dismissible,
  .alert-dismissible {
    padding-right: @close-font-size;
    .close {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: floor(-@close-font-size/2) + ceil(-@close-font-size * 0.1);
    }
  }
}


.alert.alert-loyalty {
  @media (min-width: @screen-sm-min) {
    font-size: inherit;
  }
  font-size: 14px;
}