.alert-sm
{
    padding: 5px 10px;
}

.alert a
{
    font-weight: bold;
}

.alert-success a,
.alert-success a:hover,
.alert-success a:focus
{
    color: #2b542c;
}

.alert-info a,
.alert-info a:hover,
.alert-info a:focus
{
    color: #245269;
}

.alert-warning a,
.alert-warning a:hover,
.alert-warning a:focus
{
    color: #66512c;
}

.alert-danger a,
.alert-danger a:hover,
.alert-danger a:focus
{
    color: #843534;
}

#sitewide-alert
{
    z-index: 999;

    width: 100%;
}

#sitewide-alert .sitewide-alert.alert
{
    box-sizing: border-box;
    min-height: 48px;
    margin: 0;
    padding: 12px 88px;

    text-align: left;

    color: #2f2f33;
    border: none !important;
    border-radius: 0 !important;
}

@media screen and (max-width: 768px)
{
    #sitewide-alert .sitewide-alert.alert
    {
        padding: 20px;
    }
}

#sitewide-alert .sitewide-alert.alert > span
{
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: inline-flex;

    width: calc(100% - 35px);

    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

#sitewide-alert .sitewide-alert.alert > span:before
{
    display: block;

    width: 1rem;
    height: 1rem;
    margin-top: auto;
    margin-right: 16px;
    margin-bottom: auto;
}

#sitewide-alert .sitewide-alert.alert > span div.text-formatted
{
    width: 100%;
}

#sitewide-alert .sitewide-alert.alert > span p
{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

#sitewide-alert .sitewide-alert.alert .close
{
    padding: 0 8px;

    opacity: 1;
    text-shadow: none;
}

#sitewide-alert .sitewide-alert.alert .close span
{
    color: #061f5c;
}

#sitewide-alert .alert.alert-info-light
{
    background-color: #e5f1f8;
}

#sitewide-alert .alert.alert-info-light > span:before
{
    content: '\f05a';

    color: #3393d1;
}

#sitewide-alert .alert.alert-warning-light
{
    background-color: #faf3e8;
}

#sitewide-alert .alert.alert-warning-light > span:before
{
    content: '\f071';

    color: #e6ab2e;
}

#sitewide-alert .alert.alert-error-light
{
    background-color: #fbeeeb;
}

#sitewide-alert .alert.alert-error-light > span:before
{
    content: '\f056';
    transform: rotate(140deg);

    color: #dd5c3d;
}

#sitewide-alert .alert.alert-success-light
{
    background-color: #eaf7ed;
}

#sitewide-alert .alert.alert-success-light > span:before
{
    content: '\f058';

    color: #27a846;
}

#sitewide-alert .alert.alert-info > span:before
{
    content: '\f05a';

    color: #3393d1;
}

#sitewide-alert .alert.alert-warning > span:before
{
    content: '\f071';

    color: #e6ab2e;
}

#sitewide-alert .alert.alert-error > span:before
{
    content: '\f056';
    transform: rotate(140deg);

    color: #dd5c3d;
}

#sitewide-alert .alert.alert-success > span:before
{
    content: '\f058';

    color: #27a846;
}

#sitewide-alert .alert.alert-dark
{
    background-color: #0c1a3b;
}

#sitewide-alert .alert.alert-dark p
{
    color: #fff;
}

#sitewide-alert .alert.alert-dark .close span
{
    color: #fff;
}

#sitewide-alert .alert.alert-dark a
{
    color: #fff;
}

#sitewide-alert .alert.alert-light
{
    color: #fff;
    background-color: #dee7f6;
}

#sitewide-alert .alert.alert-light p
{
    color: #2f2f33;
}