/* The event dialog owns scrolling; the page underneath never receives wheel or trackpad scroll. */
html.te-event-dialog-open,
body.te-event-dialog-open {
	overflow: hidden !important;
	overscroll-behavior: none !important;
}

#ajax-content-wrap .container.main-content dialog.te-classic-dialog {
	overscroll-behavior: contain !important;
	touch-action: none !important;
}

#ajax-content-wrap .container.main-content .te-classic-dialog-grid,
#ajax-content-wrap .container.main-content .te-classic-dialog-copy {
	min-height: 0 !important;
}

#ajax-content-wrap .container.main-content .te-classic-dialog-copy {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain !important;
	-webkit-overflow-scrolling: touch !important;
	touch-action: pan-y !important;
}

@media (max-width: 800px) {
	#ajax-content-wrap .container.main-content dialog.te-classic-dialog {
		display: none;
		height: min(920px, calc(100dvh - 20px)) !important;
		max-height: none !important;
		overflow: hidden !important;
	}
	#ajax-content-wrap .container.main-content dialog.te-classic-dialog[open] { display: block; }
	#ajax-content-wrap .container.main-content .te-classic-dialog-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-template-rows: minmax(190px, 39%) minmax(0, 1fr) !important;
		height: 100% !important;
	}
	#ajax-content-wrap .container.main-content .te-classic-dialog-poster { height: auto !important; }
	#ajax-content-wrap .container.main-content .te-classic-dialog-copy {
		height: 100% !important;
		max-height: none !important;
		overflow-y: auto !important;
		padding: 42px 25px 30px !important;
	}
}