/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Shrink the top-bar countdown banner on mobile so it doesn't
   dominate the top of the screen before the header/nav */
@media (max-width: 767.98px) {
	#top-bar {
		--cnvs-topbar-font-size: 0.7rem;
	}
	#top-bar .py-3 {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	#top-bar .countdown.countdown-inline {
		margin-top: 0.4rem;
	}
	#top-bar .countdown-section {
		padding: 0.3rem 0.4rem;
	}
	#top-bar .countdown-amount,
	#top-bar .countdown-period {
		font-size: 0.65rem;
	}
}