#pgimg img {max-height:800px;} /* taller than on pages with text */

#ourseason {width:100%;max-width:900px;margin:auto;position:relative;}
#ourseason p {margin:0;padding:0;display:inline-block;}

.venue_name {text-align:center;margin-top:1em;font-weight:bold;font-size:120%;}
.venue_address {text-align:center;font-size:80%;}
.venue_info {text-align:center;font-size:80%;}

.show_title {text-align:center;margin-top:1em;font-weight:bold;font-size:120%;}
.show_details {text-align:center;}
.show_dates {text-align:center;}
.show_price {text-align:center;}

#ourseason img {width:100%;height:auto;}

@media screen and (max-width: 600px) {
	body {font-size: 18px;}
	#title {margin-top:1rem;}
}

#message {text-align:center;}
#message div {border:solid 2px #063;border-radius:0.4em;text-align:center;
	padding:0.5em;margin-bottom:1em;display:inline-block;}

#messagePopup {text-align:left;}
#messagePopup div {text-align:left;background:white;border:solid 2px #063;border-radius:0.4em;
	padding:0.5em;margin-bottom:1em;display:inline-block;max-height:80vh;overflow:scroll;}

#Popup  {text-align:center;}
#closeX {width:40px !important;height:40px !important;vertical-align:middle !important;} /* override #ourseason */

#PopupTrigger,#PopupTriggerClose {display:none;}
#PopupTrigger ~ div {display:none;position:fixed;top:0;z-index:5000;width:100%;max-width:900px;max-height:100vh;margin:auto;}
#PopupTrigger:checked ~ div  {display:block;}

#messagePopup div ul {font-size:smaller;}
#messagePopup div ul ul {font-size:inherit;}

#title {padding-top:3rem;}