/* =========================================================
   topbar_module — announcement bar
   Full-width background, container-constrained message
   ========================================================= */

.topbar-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    box-sizing: border-box;
    /* Prevent inline min-height from being the only vertical rhythm */
    padding: 0;
}

/* Let the container fill the full width of the bar */
.topbar-module > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Message wrapper: centred, wraps on small screens */
.topbar-module .topbar-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 8px 0;
    box-sizing: border-box;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/* Strip paragraph margin that TinyMCE adds */
.topbar-module .topbar-message p {
    margin: 0;
}

/* Keep links readable over any background */
.topbar-module .topbar-message a {
    color: inherit;
    text-decoration: underline;
}

.topbar-module .topbar-message a:hover {
    opacity: 0.85;
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
    .topbar-module .topbar-message {
        font-size: 0.9rem;
        padding: 7px 0;
    }
}

@media (max-width: 575px) {
    .topbar-module .topbar-message {
        font-size: 0.8rem;
        padding: 6px 0;
    }
}