@charset "UTF-8";
		
			.play-title {
				font-size: 12rem;
				font-weight: 200;
				line-height: 10rem;
			}

			.ticket-title {
				font-size: 6rem;
				font-weight: 800;
			}
			.info-card {
				border: var(--border-size-1) solid var(--gray-1);
				box-shadow: var(--shadow-4);
				background: var(--gray-9);
			}
			@media (max-width: 768px) {
				.play-title {
					font-size: 4em;
				}
			}

            .nav-link {background-color: transparent !important;}
			.nav-link:hover {
				color: var(--gray-4) !important;
			}

.card-img-overlay {
	background-color: rgba(0, 0, 0, 0.5);
}
.btn-outline-white:hover {
	color: white;
	background-color: rgba(255, 255, 255, 0.5);
}
.content-width {
	max-width: 75ch;
}

.js-nav {
	transition: 250ms;
}
.js-nav {
	border-color: rgb(129, 196, 62) !important;
}
.js-nav:hover a {
	color: rgb(129, 196, 62) !important;
}

.js-nav:hover,
:focus,
:focus-visible {
	border-color: white !important;
}