@keyframes ticker-tape-scrolling {
  0% {
    left: 0
  }
  100% {
    left: -50%
  }
}

.ticker-tape {
    position: relative;
    background: #fff !important;
    width: 100%;
    height: 4rem;
    margin: 0px auto 30px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1.5px solid #448498;
    border-bottom: 1.5px solid #448498;
}

@media (min-width: 992px) {
  .ticker-tape {
    height: 10rem;
  }
}

.ticker-tape-title {
  float: left;
  white-space: nowrap;
  line-height: 2.5rem;
  padding: 0 1.25rem;
  /*font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size: 1.125rem;
  color: #fff
}

.ticker-tape .ticker-tape-scroll {
  overflow: hidden;
  white-space: nowrap;
  height: 4rem;
}

@media (min-width: 992px) {
  .ticker-tape .ticker-tape-scroll {
    height: 5rem;
  }
}

.ticker-tape .ticker-tape-collection {
  display: table-cell;
  position: relative;
  animation: ticker-tape-scrolling 70s linear infinite running;
  padding: 1.1rem 0rem;
  z-index: 2;
}

@media (min-width: 992px) {
  .ticker-tape .ticker-tape-collection {
    padding: 1.58rem 0rem;
  }
}

/*
.ticker-tape .ticker-tape-collection:hover {
  animation-play-state: paused; 
}
*/

.ticker-tape .ticker-tape-story {
  display: inline-block;
  vertical-align: top;
  line-height: 1.7rem;
}

    .ticker-tape .ticker-tape-story:after {
        content: "";
        display: inline-block;
        width: 2rem;
        height: 0.5rem;
        /*border-radius: 100%;*/
        margin: 0 0.69rem 0;
        margin-right: 2rem;
        vertical-align: 0.15rem;
        background: #000000;
        opacity: .5;
        position: relative;
        top: -4px;
    }

a {
  text-decoration: none;
  outline: 0;
}

.ticker-tape .ticker-tape-link {
  display: inline-block;
  padding: 0 0.5rem;
  color: #fff;
}

.ticker-tape .ticker-tape-link:hover {
  color: #fff;
}

.ticker-tape-story span {
    padding-right: 0.3125rem;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 1px;
    color: #000;
    padding-right: 2rem;
    font-weight: 600;
}

    .ticker-tape-story span.dkblue-tape-link {
        color: #448498;
    }

    .ticker-tape-story span.green-tape-link {
        color: #66ac42;
    }

    .ticker-tape-story span.yellow-tape-link {
        color: #dcc917;
    }

    .ticker-tape-story span.blue-tape-link {
        color: #50a3b7;
    }

    @media (min-width: 768px) {
        .ticker-tape-story span {
            font-size: 1.5rem;
        }
    }

    @media (min-width: 992px) {
        .ticker-tape-story span {
            font-size: 1.5rem;
        }
    }

    @media (min-width: 1200px) {
        .ticker-tape-story span {
            font-size: 2.5rem;
        }
    }

    @media (min-width: 1400px) {
        .ticker-tape-story span {
            font-size: 3rem;
        }
    }