/* ==========================================
   WORD+ EVENTS SCROLLING TOP BAR
   ========================================== */

.word-ticker-link {
  display: block;
  width: 100%;
  margin: 0 auto 12px;
  text-decoration: none !important;
  font-family: "Open Sans", Arial, sans-serif;
}


/* MAIN BAR */

.word-ticker {
  width: 100%;
  overflow: hidden;

  background: linear-gradient(
    90deg,
    #3399ff,
    #9933ff
  );

  color: #ffffff;

  border-radius: 10px;

  padding: 10px 0;

  box-shadow:
    0 4px 12px rgba(39,83,122,.10);
}


/* MOVING TEXT */

.word-ticker-track {
  display: flex;
  align-items: center;

  width: max-content;

  white-space: nowrap;

  animation:
    wordTickerScroll 45s linear infinite;

  will-change: transform;
}


/* INDIVIDUAL MESSAGES */

.word-ticker-track span {
  display: inline-block;

  color: #ffffff;

  font-size: 14px;
  font-weight: 600;

  padding: 0 28px;

  transition: color .2s ease;
}


/* SEPARATORS */

.word-ticker-track span::after {
  content: "•";

  color: #ffffff;

  margin-left: 56px;

  opacity: .75;
}


/* HOVER:
   pause ticker + turn text yellow */

.word-ticker-link:hover
.word-ticker-track {
  animation-play-state: paused;
}


.word-ticker-link:hover
.word-ticker-track span {
  color: #ffff00;
}


.word-ticker-link:hover
.word-ticker-track span::after {
  color: #ffff00;
}


/* REMOVE LINK UNDERLINE */

.word-ticker-link:hover,
.word-ticker-link:focus,
.word-ticker-link:active {
  text-decoration: none !important;
}


/* CONTINUOUS LEFT SCROLL */

@keyframes wordTickerScroll {

  from {
    transform: translateX(0);
  }

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

}


/* MOBILE */

@media (max-width: 600px) {

  .word-ticker {
    padding: 8px 0;
    border-radius: 8px;
  }

  .word-ticker-track span {
    font-size: 12px;
    padding: 0 22px;
  }

  .word-ticker-track span::after {
    margin-left: 44px;
  }

}