/* Banner container */
.announcement-banner {
  width: 100%;
  background-color: #111;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  position: sticky;
  z-index: 1000;
}

/* Moving content */
.announcement-track {
  display: inline-flex;
  gap: 4rem;
  padding: 0.75rem 0;
  animation: scroll-right 15s linear infinite;
}

/* Text styling */
.announcement-track span {
  font-size: 0.95rem;
  font-weight: 500;
}
.announcement-banner:hover .announcement-track {
  animation-play-state: paused;
}

ul.info {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: large;
    line-height: 20px;

    i {
        color: #85be89;
    }

    li {
        display: grid;
        grid-template-columns: 50px 280px;
        padding: .25em 0;

    }
}

ul.hours {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: large;
    line-height: 20px;

    i {
        color: #85be89;
    }

    li {
        display: grid;
        grid-template-columns: 50px 140px 140px !important;
        padding: .25em 0;

    }
}
/* Animation */
@keyframes scroll-right {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(100%);
  }
}
.letter-spaced {
    letter-spacing: 3px;
}

/* Remove hyperlink styling inside banner */
.announcement-banner a {
  color: white;          /* same color as text */
  /* text-decoration: none;   remove underline */
}

/* Optional: subtle hover effect */
.announcement-banner a:hover {
  opacity: 0.85;
}