body.calendar {
	.hero {
		padding: 2rem 0;

		h1 {
			font-size: 2.75rem;
			font-weight: 300;
			margin-bottom: 1rem;
		}

		a {
			color: white;
			font-weight: bold;
		}
	}

	.series-block {
		color: var(--dark-blue);
		
		h2 {
			font-size: 2rem;
		}
		
		h2 + strong {
			color: var(--light-blue);
			display: block;
			font-size: 1.1rem;
			font-weight: bold;
			margin-bottom: 1rem;
		}
	}

	img.round {
		width: 140px;
		height: 140px;
	}

	.events-list-block {
		background: url('/images/whirly-white.webp') no-repeat center center / cover rgba(var(--sky-blue-rgb), .2);
		color: var(--dark-blue);
		padding: 1rem 0;

		.event {

			h4 {
				font-size: 1.8rem;
				font-weight: 500;
			}
			h4 + strong {
				color: var(--light-blue);
				display: block;
				font-size: 1.1rem;
				margin-bottom: 1rem;
			}
			h4 + strong + p {
				font-size: .85rem;
			}

			.event-body {
				font-size: 1.1rem;

			}

			.ticket-info {
				font-size: 1.1rem;
			}

			.ticket-btn, .soldout-btn {
				display: inline-block;
				width: 125px;
				max-width: 100%;
			}

			hr {
				border-top-color: var(--light-blue);
				border-width: 2px;
				opacity: 1;
				margin: 2rem 0;
			}
		}
	}

	@media (min-width: 600px) {
		.series-block {
			padding: 3rem 0;
		}
		.events-list-block {
			padding: 3rem 0;
		}
	}

	@media (min-width: 768px) {
		.hero h1 {
			font-size: 3.5rem;
		}
		.series-block {
			padding: 4rem 0;
		}
		.events-list-block {
			padding: 4rem 0;
		}
	}

	@media (min-width: 1024px) {
		.hero h1 {
			font-size: 4.5rem;
		}

		.series-block {
			padding: 6rem 0;
		}
		.events-list-block {
			padding: 6rem 0;
		}
	}
}