/*==========================================
        LATEST NEWS
==========================================*/

.latest-news{
    display:flex;
    align-items:center;
    height:40px;
    background:#fff;

    border-bottom:1px solid #ddd;
}

/* Left Title */

.news-title{
    width:175px;
    background:#ffc107;
    color:#000;
    font-size:16px;
    font-weight:700;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}

.news-title::after{
    content:"";
    position:absolute;
    right:-20px;
    border-top:21px solid transparent;
    border-bottom:21px solid transparent;
    border-left:20px solid #ffc107;
}

/* News Area */

.news-container{
    flex:1;
    overflow:hidden;
    height:40px;
    display:flex;
    align-items:center;
    margin-left:20px;
}

.news-track{

    display:flex;

    align-items:center;

    white-space:nowrap;

    position:relative;

    left:0;

}

.news-item{

    display:flex;

    align-items:center;

    color:#222;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

    margin-right:80px;

    flex-shrink:0;

}

.news-item img{

    width:22px;

    margin-right:8px;

}

.news-item:hover{

    color:#0056b3;

    text-decoration:underline;

}

/* Controls */

.news-controls{

    display:flex;

}

.news-controls button{

    width:42px;

    height:42px;

    border:none;

    background:#f7f7f7;

    border-left:1px solid #ddd;

    cursor:pointer;

    transition:.3s;

}

.news-controls button:hover{

    background:#004b99;

    color:#fff;

}