div[id*="countdown"], 
section[id*="countdown"], 
.sp-event-countdown, 
.countdown, 
.sp-countdown-wrapper {
  transform: scale(0.50);
  transform-origin: center;
  display: inline-block;
}
/* NSL Scoreboard Style for Blog Stats */
.wp-block-jetpack-blog-stats,
.nsl-blogstats,
.widget_blog-stats {
  background-color: #0A1A2F !important; /* NSL Navy */
  border: 3px solid #D4AF37 !important; /* NSL Gold */
  padding: 20px !important;
  text-align: center !important;
  width: 260px !important;
  margin: 20px auto !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  border-radius: 6px !important;
  color: #FFFFFF !important;
}

.wp-block-jetpack-blog-stats h2,
.wp-block-jetpack-blog-stats h3,
.nsl-blogstats h2,
.nsl-blogstats h3,
.widget_blog-stats h2,
.widget_blog-stats h3 {
  color: #FFFFFF !important;
  font-size: 20px !important;
  letter-spacing: 2px !important;
  margin-bottom: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.wp-block-jetpack-blog-stats p,
.nsl-blogstats p,
.widget_blog-stats p {
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
/* Better mobile support for the scrolling banner */
html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
}

/* Forces the Custom HTML banner to behave on smaller screens */
.wp-block-custom-html {
    max-width: 100vw;
    overflow: hidden;
}/* Modern Scrolling Animation */
@keyframes nsl-scroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.nsl-ticker-container {
  width: 100%;
  overflow: hidden;
  background: #f1f1f1; /* Match your site background */
  border-top: 2px solid #D4AF37;
  border-bottom: 2px solid #D4AF37;
  padding: 10px 0;
}

.nsl-ticker-text {
  display: inline-block;
  white-space: nowrap;
  font-weight: bold;
  font-family: inherit;
  animation: nsl-scroll 15s linear infinite;
}

/* Pause animation when someone touches it on mobile */
.nsl-ticker-container:active .nsl-ticker-text {
  animation-play-state: paused;
}