/*****
 CSS Versions of SCSS include: _alert
 *****/
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
/* // Headings for larger alerts */
.alert-heading {
  color: inherit;
}
/* // Provide class for links that match alerts */
.alert-link {
  font-weight: 700;
}
/*
// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.
*/
.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
/*
// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.
*/
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #212529;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #212529;
  background-color: #f8fbf3;
  border-color: #b7d888;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #212529;
  background-color: #f4f6fb;
  border-color: #8f9edb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #212529;
  background-color: #fffbf7;
  border-color: #fcd8b2;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #212529;
  background-color: #fef7f8;
  border-color: #f8b0bb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

/*BLOG ALERTS*/
.alert-download {
    color: #212529;
    background-color: #fff9f7;
    border-color: #ffc1ae;
}
.alert--tip {
    color: #212529;
    background-color: #ffffff;
    border-color: #000000;
}
.alert--help {
    color: #212529;
    background-color: #fafcff;
    border-color: #c7e3ff;
}

.alert--success {
    color: #383d41;
    background-color: #f8f9fa;
    border-color: #cccccc;
}