/* Guide */
	
	*, ::before, ::after { font-family: inherit; margin: 0; padding: 0; box-sizing: border-box; }
	
/* 	body { background: WhiteSmoke; }
	body > * { background: Gainsboro; }
	body > * > * { background: LightGray; }
	body > * > * > * > * { background: Gray; }
	body > * > * > * > * > * { background: DimGray; }
	body > * > * > * > * > * > * { background: Black; color: WhiteSmoke; } */

	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');	
	
/* Body */

	body 
	{
		background: #EDECEE;
		background: white;	
		font-family: 'Open Sans', sans-serif;
		font-size: 100%;
		line-height: 1.5; 
		margin: 0;
		padding: 0;
		text-align: center;
	} 
	
	
/* Header */
	
	header img { display: inline-block; margin-top: 1.5rem; max-width: 500px; width: 90%; }
	
	
/* Clock */

	#clockdiv { color: #fff; display: inline-block; margin-bottom: 1.5em; margin-top: 1.5rem; font-weight: 100; text-align: center; font-size: 1rem; }
	#clockdiv > div { border-radius: 3px; background: #4e6db3; display: inline-block; padding: 10px; }
	#clockdiv div > span { border-radius: 3px; background: #6f1132; display: inline-block; font-size: 1.5rem; padding: 15px; }
	
	
/* Intro */

	#intro { color: #000000; margin: 1em auto 0 auto; max-width: 1200px;  width: 90%; }
	
	
/* Stream */
	
	section.stream { display: flex; margin: 1.5rem auto 0 auto; padding: 0 0 30px 0; width: 90%; }
	section.stream div.video { flex-grow: 1; width: 65%; }
	section.stream div.slide { flex-grow: 1; width: 65%; }
	section.stream div.slide img { width: 100%; }
	section.stream div.sidebar { flex-grow: 1; margin-left: 20px; flex: 0 0 30%; }
	
	@media screen and (max-width: 800px)
	{
		section.stream { display: inline-block; width: 90%; }
		section.stream div.video, section.stream div.slide { display: inline-block; width: 100%; }
		section.stream div.sidebar { display: inline-block; margin-left: 0; margin-top: 1em; width: 100%; }
	}
	
	
/* Text */

	section.text { margin: 2.5em auto 0 auto; padding: 0 0 30px 0; max-width: 1200px; width: 90%; }
	section.text a { color: #4E6FB6; }
	section.text a:hover { color: #701131; }
	section.text h1 { font-size: 1.5rem; margin-bottom: 1rem; }
	section.text h2 { font-size: 1.1rem; margin-bottom: 1rem; }
	section.text p { line-height: 1.75rem; margin-bottom: 1rem; }
	section.text img { margin-bottom: 1rem; width: 200px; }
	

/* FAQs */
	
	section.faqs { box-sizing: border-box; margin: 1.5rem auto 0 auto; text-align: center; width: 90%; }
	section.faqs h3 { color: #333; font-size: 1.5em; font-weight: normal; }
	section.faqs h3 b { font-weight: bold; }
	section.faqs > div { display: flex; justify-content: space-between; margin: 1em 0 0 0; text-align: left; }
	section.faqs > div > div { flex: 0 1 49%; margin: 0; text-align: left; }
	section.faqs > div > div dl { margin-top: 1em; }
	section.faqs > div > div dl dt { border: 2px solid #333; }
	section.faqs > div > div dl dt a 
	{ 
		color: #333; 
		box-sizing: border-box; 
		display: inline-block; 
		padding: 1em; 
		text-decoration: none; 
		width: 100%; 
	}
	section.faqs > div > div dl dt a:hover { background: #701131; color: white; }
	section.faqs > div > div dl dd { display: none; line-height: 157%; margin: 0; padding: 1em; }
	section.faqs > div > div dl dt.clicked { border: 2px solid #701131; }
	section.faqs > div > div dl dt.clicked a { background: #701131; color: white; }