/* RGES 13July26: Six Horizontal Scrolling Messages */
/* === WCG Final Marquee (Works in bottom-b) === */

#wcg-marquee {
  width: 100%;
  overflow: hidden;
  height: 2.6em;
  border-radius: 14px;
  display: flex;
  align-items: center;

  background: linear-gradient(
    90deg,
    #ff0000,
    #ff7f00,
    #ffff00,
    #00ff00,
    #0000ff,
    #4b0082,
    #9400d3,
    #ff0000
  );
  background-size: 600% 600%;
  animation: wcg-rainbow 30s linear infinite;
}

/* Pause scroll animation on hover */
#wcg-marquee:hover #wcg-text {
  animation-play-state: paused;
}

@keyframes wcg-rainbow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

#wcg-text {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  font-size: 1.1rem;
  font-weight: 700;
  color: black;

  text-shadow:
    0 0 3px #ffffff,
    0 0 6px #cccccc,
    0 0 10px #999999;
}

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