/*****
 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 {
    /*// Specified to prevent conflicts of changing $headings-color*/
    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;
}

/*// Adjust close link position*/
.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: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

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

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

.alert-success {
    color: #383d41;
    background-color: #effaf1;
    border-color: #a5e2af;
}

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

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

.alert-info {
    color: #383d41;
    background-color: #eaf5ff;
    border-color: #bad6eb;
}

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

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

.alert-warning {
    color: #383d41;
    background-color: #fff6e0;
    border-color: #feda7f;
}

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

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

.alert-danger {
    color: #383d41;
    background-color: #fdecec;
    border-color: #f7a9a8;
}

.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--tip {
    color: #383d41;
    background-color: #f3f5fa;
    border-color: #e5e8f0;
}
.alert--help {
    color: #383d41;
    background-color: #e9f2f6;
    border-color: #a0c3d2;
}
.alert--success {
    color: #383d41;
    background-color: #ebeffe;
    border-color: #b5c5fd;
}