/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.announcement-bar {
    overflow: hidden;
    margin-top: calc(0px - var(--space-12));
    margin-bottom: var(--space-12);
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.5s ease-out;
}

.announcement-bar a {
    text-decoration: underline;
}

.announcement-bar h1,
.announcement-bar h2,
.announcement-bar h3,
.announcement-bar h4,
.announcement-bar h5,
.announcement-bar h6 {
    margin: 0px;
}

.hide-announcement {
    grid-template-rows: 0fr;
    padding: 0 !important;
}

.hide-announcement .announcement-content-mask {
    grid-template-rows: 0fr;
    overflow: hidden;
}

.show-announcement {
    grid-template-rows: 1fr;
    padding: inherit !important;
}

#main-header {
    transition: all 0.2s;
}

.announcement-bar-active .menu-utility .region-selector[open]>.region-overlay {
    height: 100vh;
}