//
// Alert styles
// --------------------------------------------------


// Base styles
// -------------------------

.alert
  padding: 8px 35px 8px 14px
  margin-bottom: $baseLineHeight
  text-shadow: 0 1px 0 rgba(255,255,255,.5)
  background-color: $warningBackground
  border: 1px solid $warningBorder
  +border-radius($baseBorderRadius)

.alert,
.alert h4
  // Specified for the h4 to prevent conflicts of changing @headingsColor
  color: $warningText
  
.alert h4
  margin: 0

// Adjust close link position
.alert .close
  position: relative
  top: -2px
  right: -21px
  line-height: $baseLineHeight


// Alternate styles
// -------------------------

.alert-success
  background-color: $successBackground
  border-color: $successBorder
  color: $successText

.alert-success h4
  color: $successText
  
.alert-danger,
.alert-error
  background-color: $errorBackground
  border-color: $errorBorder
  color: $errorText

.alert-danger h4,
.alert-error h4
  color: $errorText

.alert-info
  background-color: $infoBackground
  border-color: $infoBorder
  color: $infoText

.alert-info h4
  color: $infoText


// Block alerts
// -------------------------
.alert-block
  padding-top: 14px
  padding-bottom: 14px

.alert-block > p,
.alert-block > ul
  margin-bottom: 0

.alert-block p + p
  margin-top: 5px