@import "node_modules/bootstrap/scss/alert";

.alert {
  background-color: transparent;
  border-radius: 0.3rem;
  border: 1px solid #ccc;
  margin-bottom: 2rem;

  h4 {
    font-size: 24px;
  }


  &.alert-danger {
    border-color: #d9534f;
    color: #d9534f;

    .alert-link {
      color: darken(#d9534f, 20%);
    }
  }

  &.alert-success {
    border-color: #3ba53d;
    color: #3ba53d;

    .alert-link {
      color: darken(#3ba53d, 20%);
    }
  }

  &.alert-warning {
    border-color: #e88400;
    color: #e88400;

    .alert-link {
      color: darken(#e88400, 20%);
    }
  }

  &.alert-info {
    border-color: $primary-color;
    color: $primary-color;

    .alert-link {
      color: darken($primary-color, 20%);
    }
  }
}