/**
 * Tektonik Rotating Banners - Frontend Styles
 *
 * @package Tektonik_Rotating_Banners
 */

body.home div#tektonik-notice-banner,
body div#tektonik-notice-banner {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    background: #0F1820;
    position: relative;
    z-index: 9;

}

body div#tektonik-notice-banner.open,
body.occupancy-notice-open div#tektonik-notice-banner {
    opacity: 1 !important;
}

body #page-container #main-header {
    z-index: 99998 !important;
}

body #page-container #main-header div#tektonik-notice-banner {
    /*top:-1.85em;*/
    transform: translateY(-1.85rem);
}

@media screen and (max-width: 980px) {
    body #page-container #main-header div#tektonik-notice-banner {
        /*top:-1.85em;*/
        transform: translateY(-1rem);
        transition: 0.25s;
    }

    body #page-container #main-header[data-fixed=true] div#tektonik-notice-banner {
        transform: translateY(-1rem);
    }

    body.home #page-container #tektonik-notice-banner span.close_btn {
        right: 1.411764705882353rem;
    }
}


@media screen and (max-width: 1200px) and (min-width: 981px) {
    body #page-container #main-header div#tektonik-notice-banner {
        transform: translateY(0);
    }
}

body #page-container #main-header.et-fixed-header div#tektonik-notice-banner,
body #page-container #main-header.et-fixed-header[data-fixed] div#tektonik-notice-banner,
body #page-container #main-header div#tektonik-notice-banner:not(.open) {
    transform: translateY(0);
    /* margin-top:-1.85em;
    margin-bottom: -1.5rem;*/
    position: absolute;
    transform: translateY(-100%);
}

body.home #tektonik-notice-banner span.label {
    /*   font-family: 'Playfair Display';*/
}


body.home #tektonik-notice-banner span.close_btn {
    position: absolute;
    right: 2rem;
}

.banniere_content p {
    margin: 0 auto;
}

.banniere_content {
    padding: 0.5em 0;
    cursor: grab;
}

.banniere_content:active {
    cursor: grabbing;
}

/* Ensure banner text color overrides theme styles */
.banniere_content p,
.banniere_content span,
.banniere_content a:not(.btn-block),
.banniere_content strong,
.banniere_content em,
.banniere_content * {
    color: inherit !important;
}