/* News Ticker Styles - inline within heading-highlights bar */

/* Ticker block inherits heading-highlights--news positioning from block_class */
/* The theme CSS sets: flex-basis:65%, padding-left:64px, overflow:hidden, white-space:nowrap */
/* We override display:none from theme to show it */
.block-news-ticker-block.heading-highlights--news {
  display: flex !important;
  align-items: center;
  overflow: hidden;
}

.news-ticker {
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.25;
}

/* PRESS RELEASE label: white outline border box */
.news-ticker__label {
  flex: 0 0 auto;
  padding: 4px 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 15px;
  display: flex;
  align-items: center;
}

/* Scrolling track */
.news-ticker__track {
  flex: 1 1 auto;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}

.news-ticker__content {
  display: inline-block;
  white-space: nowrap;
  animation: ticker 20s linear infinite;
  padding-left: 100%;
}

.news-ticker__track:hover .news-ticker__content,
.news-ticker__content.paused {
  animation-play-state: paused;
}

@keyframes ticker {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* News items */
.news-ticker__item {
  color: #fff;
  text-decoration: none;
  padding: 0 10px;
  font-size: 13px;
  transition: color 0.2s;
}

.news-ticker__item:hover {
  color: #eaeaea;
  text-decoration: underline;
}

.news-ticker__separator {
  color: rgba(255, 255, 255, 0.4);
  padding: 0 6px;
  user-select: none;
}


/* Pause/Play icon button - positioned before track */
.news-ticker__control {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.2s;
}

.news-ticker__control:hover {
  opacity: 0.7;
}

/* Pause icon: two vertical bars */
.news-ticker__icon-pause {
  display: inline-block;
  width: 8px;
  height: 10px;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  box-sizing: border-box;
}

/* Play icon: triangle */
.news-ticker__icon-play {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  border-color: transparent transparent transparent #fff;
}

/* Hot news animated icon - grey, align vertically */
.news-ticker .hot-news--icon {
  position: relative;
  top: -2px;
}


/* Hot news animated icon - force white */
.news-ticker .hot-news--icon,
.news-ticker .hot-news--icon:before,
.news-ticker .hot-news--icon:after {
  background-color: #999;
}

/* News label after icon */
.news-ticker__news-label {
  flex: 0 0 auto;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin-right: 12px;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
  .news-ticker__label {
    padding: 3px 8px;
    font-size: 10px;
    margin-right: 8px;
  }

  .news-ticker__item {
    font-size: 12px;
  }

  .news-ticker__control {
    width: 20px;
    height: 20px;
    font-size: 10px;
  }

  .news-ticker__content {
    animation-duration: 15s;
  }
}