/* NEWS TICKER
--------------------------------------------*/

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
    height: 25px;
    margin-top: 13px;
    position: relative;
    overflow: hidden;
    padding-left: 100%;
    box-sizing: content-box; 
}
@media (max-width: 991px) {
    
    .ticker-wrap {
        margin-top: 15px;
    }
}
.ticker-wrap .ticker {
    display: inline-block; 
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: 60s;
            animation-duration: 60s;
}
.ticker-wrap .ticker__item {
    margin: 0 40px;
    position: relative;
    display: inline-block;
    font-weight: 400;
}
.ticker-wrap .ticker__item:before,
.ticker-wrap .ticker__item:after {
    content: '...';
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
    
    .ticker-wrap .ticker__item:before,
    .ticker-wrap .ticker__item:after {
        margin-top: 1px;
    }
}
@media (max-width: 767px) {
    
    .ticker-wrap .ticker__item:before,
    .ticker-wrap .ticker__item:after {
        margin-top: 1px;
    }
}
.ticker-wrap .ticker__item:before {
    left: -20px; 
}
.ticker-wrap .ticker__item:after {
    right: -20px; 
}

.news-ticker-wrap{
    background-color: white;
    margin-top: 45px;
}

.articles-ticker-wrap{
    background-color: blue;
    margin-top:0px;
    color: white;
}