#announcement-banner {
    --announcement-banner-height: 150px;
    position: relative;
    color: var(--banner-text-color, #fff);
    overflow-wrap: anywhere;
}

#announcement-banner .announcement-banner__surface {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: var(--announcement-banner-height);
    padding: 12px 44px;
    background-color: var(--banner-background-color, #2b4c63);
    color: inherit;
    z-index: 100001;
}

#announcement-banner .announcement-banner__content {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    text-align: var(--banner-text-align, center);
}

#announcement-banner[hidden] {
    display: none !important;
}

#announcement-banner .announcement-banner__close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: 30px/1 sans-serif;
    cursor: pointer;
    z-index: 1;
}

#announcement-banner .announcement-banner__content > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

#announcement-banner a,
#announcement-banner h1,
#announcement-banner h2,
#announcement-banner h3,
#announcement-banner h4,
#announcement-banner h5,
#announcement-banner h6 {
    color: inherit;
}

#announcement-banner a {
    text-decoration: underline;
}

#announcement-banner a:focus-visible,
#announcement-banner .announcement-banner__close:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

#announcement-banner img {
    max-width: 100%;
    height: auto;
}

/* Keep a flow spacer when Divi positions the navigation outside normal flow. */
#announcement-banner.announcement-banner--positioned {
    height: var(--announcement-banner-height, 0px);
}

#main-header.announcement-banner-offset,
#top-header.announcement-banner-offset {
    margin-top: calc(var(--announcement-original-margin, 0px) + var(--announcement-banner-height, 0px)) !important;
}