/* 

    1.0 Ticker Marquee
    2.0 Banner Slider

*/

/* 
MARK: 1.0 Ticker Marquee
*/

    .bnv-header .bnv-ticker-news.slider--marquee .entry-content-wrapper {
        flex: 1;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .bnv-header .bnv-ticker-news.slider--marquee .entry-content-wrapper:before,
    .bnv-header .bnv-ticker-news.slider--marquee .entry-content-wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        z-index: 1;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
    }

    .bnv-header .bnv-ticker-news.slider--marquee .entry-content-wrapper:after {
        right: 0;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    }

    .bnv-header .bnv-ticker-news.slider--marquee .entry-track {
        display: flex;
        width: max-content;
        animation: bnv-slide 20s linear infinite;
    }

    .bnv-header .bnv-ticker-news.slider--marquee .entry-content {
        display: flex;
        flex-shrink: 0;
    }

    .bnv-header .bnv-ticker-news.slider--marquee .entry-content .bnv-article {
        padding-right: 30px;
    }

    .bnv-header .bnv-ticker-news.slider--marquee.pause-on-hover .entry-content-wrapper:hover .entry-track,
    .bnv-header .bnv-ticker-news.slider--marquee.paused .entry-content-wrapper .entry-track {
        animation-play-state: paused;
    }

    /* Direction Right */
    .bnv-header .bnv-ticker-news.slider--marquee.direction--right .entry-track {
        animation: bnv-slide-right 20s linear infinite;
    }

    .bnv-header .bnv-ticker-news.slider--marquee.direction--right .bnv-article {
        padding: 0 0 0 30px;
    }

/* 
MARK: Banner Slider
*/

    .bnv-main-banner .slick-current .entry-inner .entry-categories {
        animation: fadeUp 0.5s ease 0.1s both;
    }
    
    .bnv-main-banner .slick-current .entry-inner .entry-title {
        animation: fadeUp 0.5s ease 0.22s both;
    }
    
    .bnv-main-banner .slick-current .entry-inner .entry-excerpt {
        animation: fadeUp 0.5s ease 0.34s both;
    }
    
    .bnv-main-banner .slick-current .entry-inner .entry-meta {
        animation: fadeUp 0.5s ease 0.44s both;
    }
    
    .bnv-main-banner .slick-current .entry-inner .entry-read-more {
        animation: fadeUp 0.5s ease 0.54s both;
    }

    /*
    MARK: Keyframes
    */
    /* Ticker Marquee */
    @keyframes bnv-slide {
        0%   {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    @keyframes bnv-slide-right {
        0%   {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    /* Banner Slider */
    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(22px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }