/* ===========================
   News Ticker Widget
   Smooth scrolling news ticker
=========================== */

.ek-news-ticker-wrapper {
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #eee;
  background: #fff;
}

/* Label position - right */
.ek-news-ticker-wrapper.ek-nt-label-right {
  flex-direction: row-reverse;
}

.ek-nt-label {
  padding: 10px 15px;
  background: #333;
  color: #fff;
  white-space: nowrap;
  z-index: 1;
  flex-shrink: 0;
}

.ek-nt-container {
  overflow: hidden;
  white-space: nowrap;
  flex-grow: 1;
  padding-left: 20px;
  mask-image: linear-gradient(
    to right,
    transparent,
    black 20px,
    black 95%,
    transparent
  );
}

.ek-nt-track {
  display: inline-block;
  white-space: nowrap;
  animation: ek-marquee 20s linear infinite;
  padding-left: 100%;
}

.ek-nt-track.ek-nt-reverse {
  animation-name: ek-marquee-reverse;
  padding-left: 0;
  padding-right: 100%;
}

.ek-nt-item {
  display: inline-block;
  padding-right: 30px;
}

.ek-nt-item a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s ease;
}

.ek-nt-item a:hover {
  color: #0073aa;
}

.ek-nt-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  display: inline;
}

.ek-nt-pause-hover .ek-nt-track:hover {
  animation-play-state: paused;
}

@keyframes ek-marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

@keyframes ek-marquee-reverse {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}