@import "../definitions";

// remove theme colors we don't want to support as button class
$theme-colors: map-remove($theme-colors, "primary", "secondary", "light", "dark");

@import "bootstrap/scss/alert";

//general settings
.alert {
  border-top-width: 10px;

  i {
    float: left;
    margin: 0 15px 0 0;
    font-size: 36px;
  }
}

.anw-alert-content {
  overflow: hidden;
  hyphens: auto;
  word-wrap: break-word;

  a {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;

    &:hover {
      background: none;
    }
  }
}

//main alerts
.alert-success {
  background-color: #dff0d8;
}

.alert-info {
  background-color: #d9edf7;
}

.alert-warning {
  border-color: #ffc266;
  background-color: #fff5e6;
}

.alert-danger {
  background-color: #f2dede;
}

//secondary alerts
div[class*='anw-secondary'] {
  border-width: 0;
  background-color: $anw-alert-background;

  .anw-alert-content {
    color: $body-color;
  }
}