.alert {padding: 0;margin: 0;}

.alert_wrapper:before {
    content: '\f0f3';
    font-family: 'FontAwesome';
    font-weight: 900;
    /* text-shadow: 2px 2px 5px black; */
    color: black;
    transform: rotate(-20deg);
    display: block;
    width: 1em;
    line-height: 40px;
}

.alert_wrapper {
    display: flex;
    padding: 0.3em 1em;
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    background: var(--mr-color-yellow);
    align-items: center;
    font-size: 1.2rem;
    box-shadow: inset 0 -5px 20px #0000001c;
    transition: .3s all ease;
}

a.alert_item {
    color: black;
    margin-left: 0.7em;
    font-weight: 600;
    margin-top: 0.1em;
    text-decoration: none;
}
a.alert_item:hover {
    text-decoration: underline;
    color: black;
}
.alert_wrapper.yellow {
    background: var(--mr-color-yellow);
}

.alert_wrapper.green {
    background: var(--mr-color-green);
}

.alert_wrapper.red {
    background: var(--mr-color-red);
}

@media (max-width:991px) {
    .alert_wrapper {position:relative;top: 58px;z-index:-1;transform:translate(0, 0)}

    header.is_stuck .alert_wrapper {transform: translate(0, -101%);}
    body.has_alert .page {
        margin-top: 110px;
    }
}