.cls-c071a8 { margin-top:46px }
.cls-f36a9c { max-width:100%;margin-top:46px }
.cls-8e13c2 { width:100%; height: auto; }
.cls-4ea628 { font-size:8vw }
.cls-3c2fc7 { max-width:800px; height: auto }
.cls-518cc7 { width:60% }
.cls-c23110 { max-width:800px }
.cls-3e3004 { margin:0 -16px }
.cls-342efe { width:30px }
.cls-ff5d88 { margin:0 -16px 8px -16px }
.cls-cb4589 { display: none }
.cls-031abe { font-size:64px;color: rgb(228, 196, 15) }
.cls-4756d2 { max-width: 7%; }
.cls-6d5673 { width:100% }
.cls-c752d3 { font-size:6vw }
.cls-2ad171 { max-width: 30% }
.cls-59c8d6 { width: 30% }
.cls-3f9f59 { font-size:4vw }
body { font-family: 'Lato', sans-serif; }
.gallery-img-style { width: 100%; margin-bottom: 16px; filter: grayscale(100%); transition: filter 0.3s ease; cursor: pointer; }
.gallery-img-style:hover { filter: grayscale(0%); }

/* Event specific styling */
.event-img {
  width: 100%;
  max-width: 400px;
  height: auto;
}

/* Marquee Styles for Events */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
}

.marquee-content {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-marquee 25s linear infinite;
}

.marquee-content:hover,
.marquee-content:focus,
.marquee-content:focus-within {
  animation-play-state: paused;
}

.marquee-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 300px;
  margin: 0 16px;
  padding: 16px;
  border: 1px solid #ffc107; /* w3-amber */
  border-radius: 8px;
  background-color: #1a1a1a;
}

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

.event-section-header {
  text-shadow: 1px 1px 0 #000;
}