//
// Alerts
// --------------------------------------------------


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

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 1.43em;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: var(--warning-bg-clr, #fcf8e3);
  border: 1px solid var(--warning-border-clr, #fbeed5);
  border-radius: 4px;
  color: var(--warning-clr, #c09853);
  max-width: 800px;
  min-height: 1.43em;
}

// Adjust close link position
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 1.43em;
}


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

.alert-error {
  background-color: var(--error-bg-clr, #f2dede);
  border-color: var(--error-border-clr, #eed3d7);
}
.alert-info {
  background-color: var(--info-bg-clr, #d9edf7);
  border-color: var(--info-border-clr, #bce8f1);
}

.alert a:not(.close) {
  text-decoration: underline;
}

.alert-info,
.alert.alert-info a:not(.close) {
  color: var(--info-clr, #3a87ad);
}

.alert-error,
.alert.alert-error a:not(.close) {
  color: var(--error-clr, #b94a48);
}
