/*==================================================
GM24 NEWS PREMIUM V6
LIVE / BREAKING NEWS TICKER
==================================================*/

.breaking-news{
    width:100%;
    background:#111;
    border-top:3px solid #d40000;
    border-bottom:3px solid #d40000;
    overflow:hidden;
    box-sizing:border-box;
}

.breaking-wrap{
    display:flex;
    align-items:center;
    width:100%;
    height:50px;
    padding:0;
    overflow:hidden;
}

/*==============================
LIVE LABEL
==============================*/

.breaking-label{
    flex:0 0 90px;
    width:90px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    background:#d40000;
    color:#fff;

    font-size:14px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;

    position:relative;
    z-index:5;
}

.breaking-label span:first-child{
    color:#fff;
    font-size:11px;
}

/*==============================
TICKER WINDOW
==============================*/

.breaking-slider{
    flex:1;
    min-width:0;
    height:50px;

    display:flex;
    align-items:center;

    overflow:hidden;
    position:relative;

    background:#111;
}

/*==============================
TICKER TRACK
==============================*/

.breaking-track{
    display:flex;
    align-items:center;

    width:max-content;
    min-width:max-content;

    white-space:nowrap;

    animation:gm24LiveTicker 42s linear infinite;

    will-change:transform;
}

/*==============================
NEWS ITEM
==============================*/

.breaking-item{
    position:relative;

    display:inline-flex;
    align-items:center;

    flex:0 0 auto;

    height:50px;
    padding:0 28px 0 20px;

    color:#fff;
    text-decoration:none;

    font-size:16px;
    font-weight:600;
    line-height:1.3;

    white-space:nowrap;
}

.breaking-item:hover{
    color:#ffd400;
}

/*==============================
DOT SEPARATOR
==============================*/

.breaking-item::after{
    content:"•";

    position:absolute;
    right:8px;
    top:50%;

    transform:translateY(-50%);

    color:#d40000;
    font-size:20px;
    font-weight:900;
}

/*==============================
PAUSE
==============================*/

.breaking-news:hover .breaking-track{
    animation-play-state:paused;
}

/*==============================
SMOOTH INFINITE SCROLL
==============================*/

@keyframes gm24LiveTicker{

    0%{
        transform:translateX(0);
    }

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

}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

    .breaking-wrap{
        height:45px;
    }

    .breaking-label{
        flex:0 0 72px;
        width:72px;
        height:45px;
        font-size:12px;
    }

    .breaking-slider{
        height:45px;
    }

    .breaking-item{
        height:45px;
        padding:0 25px 0 15px;
        font-size:14px;
    }

    .breaking-item::after{
        right:7px;
        font-size:17px;
    }

}

/*==============================
SMALL MOBILE
==============================*/

@media(max-width:480px){

    .breaking-label{
        flex-basis:68px;
        width:68px;
        font-size:11px;
    }

    .breaking-item{
        font-size:13px;
        padding-left:12px;
        padding-right:23px;
    }

}