.alert_box {


    width: 100%;
    background-color: var(--secondary-c);
    z-index: 100;
    position: relative;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding: .5rem .5rem .65rem .5rem;
}

.alert_box p {
    padding: 0 var(--standard-p-side);
    margin: 0;
    font: var(--text);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.25em;
    margin-bottom: 0;
}

.alert_box a {text-underline-offset: 3px;
    text-decoration: underline;
}

.alert_box a:hover {
    text-decoration: none;
}

.alert_box p:last-of-type {
    margin-bottom: 0;
}

.alert_box .dismissbar {
    position: absolute;
    right: 1rem;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    display: block;
    height: 10px;
    width: 7px;
    cursor: pointer;
}

.alert_box .dismissbar:after {
    content: "+";
    line-height: 0;
    display: block;
    font-size: 1.5rem;
    transform: rotate(45deg);
}


.alert_box .dismissbar:hover {
    opacity: .7;
}



.alert_box.fixed {
    position: fixed;

}