/*
 * Announcement banners (see core.models.AnnouncementBanner).
 *
 * Kept in its own file (rather than base.css) so it can also be linked from the
 * login/registration pages, which don't share the rest of the dashboard's styling.
 */

.announcement-banner {
    padding: .5rem 1rem;
    font-size: .9rem;
    word-break: break-word;
}

.announcement-banner .announcement-banner-message {
    white-space: pre-line;
}

.announcement-banner-dismiss {
    background: transparent;
    border: 0;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0 0 0 1rem;
    cursor: pointer;
    opacity: .85;
}

.announcement-banner-dismiss:hover {
    opacity: 1;
}