/* 4D Greens ticker module responsive source layer.
   This is the consolidation target for the staged ticker hotfixes. */

.news-ticker-container {
    margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    body .site-header {
        margin-bottom: 0 !important;
    }

    body .news-ticker-container {
        top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    body .site-header {
        margin-bottom: 0 !important;
    }

    body .news-ticker-container {
        display: grid !important;
        grid-template-rows: 20px 20px !important;
        align-content: start !important;
        gap: 0 !important;
        top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        overflow: hidden !important;
        border-top: 0 !important;
    }

    body .news-ticker-container .ticker-top-row {
        grid-row: 1 !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        margin: 0 !important;
        padding: 1px 5px !important;
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        overflow: hidden !important;
    }

    body .news-ticker-container .ticker-widgets-left,
    body .news-ticker-container .ticker-title-nav,
    body .news-ticker-container .news-ticker-nav {
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        overflow: hidden !important;
    }

    body .news-ticker-container .ticker-widget-btn,
    body .news-ticker-container .ticker-social-icon,
    body .news-ticker-container .news-ticker-nav-item {
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 6px !important;
        font-size: 0 !important;
        line-height: 1 !important;
        overflow: hidden !important;
    }

    body .news-ticker-container .ticker-widget-btn i,
    body .news-ticker-container .ticker-social-icon i,
    body .news-ticker-container .news-ticker-nav-item i {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    body .news-ticker-container .ticker-widget-btn[data-widget="greenie"] .ticker-greenie-icon {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
    }

    body .news-ticker-container .ticker-info,
    body .news-ticker-container .ticker-social,
    body .news-ticker-container .ticker-widgets-right,
    body .news-ticker-container .news-ticker-title {
        display: none !important;
    }

    body .news-ticker-container .ticker-scroller-row {
        grid-row: 2 !important;
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 5px !important;
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    body .news-ticker-container .news-ticker-content,
    body .news-ticker-container .ticker-section,
    body .news-ticker-container .ticker-section.active,
    body .news-ticker-container .ticker-items {
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        line-height: 18px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body .news-ticker-container .ticker-item,
    body .news-ticker-container .ticker-separator {
        font-size: 10px !important;
        line-height: 18px !important;
    }
}