/*This is the style sheet for the calendar displays */

.horizontal-list {
	display: flex; /* Makes the list items arrange horizontally */
	list-style: none; /* Removes default bullet points */
	padding: 0; /* Removes default left padding */
	margin: 0;
	gap: 1em; /* Adds space between items.  When changing, also increase the margin-left of the li:not(:last-child)::after below */
}
.horizontal-list li:not(:last-child)::after {
	content: "|"; /* Inserts a pipe character after each item */
	margin-left: 1em; /* Adds space between the item and the pipe */
	color: lightgray; /* Optional: styles the separator */
}
	
#eventsMonthNavigation ul li a {
	text-decoration: none; /* Optional: removes underlines from links.  Change as needed. */
	color: #333; /* Optional: sets link color.  Change as needed. */
}
#eventsMonthNavigation {
	font-weight: bold; /* Makes month navigation link bold.  Change as needed. */
	font-size: 1.5em; /* Increases the size of the month navigation link.  Change as needed. */
	text-align: center; /* Aligns the month navigation months correctly */
}
.eventMonth {
	scroll-margin-top: 180px;  /* Compensate for the sticky top header for anchor links on the page.   Change as needed. */  
}