/*
* Event page styles
*/

.event #main-grid-area {
	display: flex;
	flex-direction: row;
	gap: 50px;
}

#buy-tickets {
	left: 0;
	text-align: center;
	width: 100%;
	display: none;
}


/* desktop view */
@media (min-width: 880px) {
	.event #right-content .sticky {
		height: calc(100vh - 100px);
		overflow-y: scroll;
	}

	.event #right-content .announcement-channel {
		display :none;
	}
}

/* mobile view */
@media (max-width: 880px) {
	.event #main-grid-area {
		flex-direction: column;
	}

	#buy-tickets {
		display: block;
	}

	.event #left-content .announcement-channel {
		display: none;
	}

	nav.bottom-right {
		display: none;
	}
}

@media (min-width: 1200px) {
	.event .tt-widget {
		width: 395px;
	}
}

.event #right-content {
	min-height: 500px;
}

.event #right-content .sticky {
	position: sticky;
	top: 100px;
	min-width: 280px; /* improves but does not fix CLS */
}


.event h1 {
	font-size: 1.8em;
}

.event h2 {
	font-size: 1.3em;
	margin-top: 2em;
	margin-bottom: 1.5em;
}

.event h3 {
	font-size: 1em;
}

.event p {
	margin-bottom: 1.5;
}

.event {
	color: #4A4A4A;
}

.event .hidden {
	display: none !important;
}