/*--------------------------------------------------------------
# Alert
--------------------------------------------------------------*/

.alert {
    display: block;
    padding: 1rem;
    border-radius: 1rem;
    color: #FFFFFF;
}

.alert ul {
    margin: 0;
    padding-left: 1rem;
}

.alert ul li {
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}


/*--------------------------------------------------------------
# Alert variations
--------------------------------------------------------------*/

.alert.alert-danger {
    background: #d10442;
}

.alert.alert-success {
    background: #30ba55;
}
.alert.alert-success p {
    margin-bottom: 0;
}


/* Contact form alerts */

.contact-form .alert {
    margin-bottom: 3rem;
}

.contact-form .alert.alert-danger {
    background: #FFFFFF;
    color: var(--red);
}


/*--------------------------------------------------------------
# Alert utility classes
--------------------------------------------------------------*/

.alert.bottom {
    margin-bottom: 1.25rem;
}