/* ======================== */
/* GENERIC STYLING          */
/* ======================== */

:root {
	--colYellowLighter:#FFEFA8;
	--colYellowLight:#FFDD87;
	--colYellowMid:#FFD45A;
	--colYellowDark:#B68136;
	--colYellowDarker:#855B21;

	--colPurpleLighter:#966A95;
	--colPurpleLight:#88558D;
	--colPurpleMid:#674466;
	--colPurpleDark:#54335A;
	--colPurpleDarker:#3A233D;
}

a {
	color:var(--colOrangeMid);
	text-decoration:none;
}

a:hover, a:focus {
	text-decoration:underline 0.1em;
	text-underline-offset:0.1em;
}

a:active {
	color:var(--colOrangeDark);
}

h1, h2 {
	display:none;
}

p {
	margin-bottom:10px;
}

p:last-of-type {
	margin-bottom:unset;
}

ul {
	margin-left:24px;
}

li {
	margin:8px 0px;
}

code {
    border-radius:3px;
    background:rgba(0, 0, 0, 0.15);
    padding:2px 4px;
    font-size:16px;
    font-family:var(--fontCode);
}

.map {
	display:flex;
	flex-direction:column;
	justify-content:center;
	border:2px solid var(--colPrimaryLight);
	height:100%;
}

/* ======================== */
/* PAGE SKELETON            */
/* ======================== */

body {
	background:#000000;
    color:var(--colPrimaryLighter);
	font-size:15px;
	line-height:1.35;
	font-family:var(--fontGeneric);
	text-shadow:0px 2px 3px #000000;
	-webkit-text-size-adjust:none;
}

body, section, section>div {
	min-width:var(--contentWidth);
}

main {
	width:100%;
	overflow:hidden;
}

section {
	background-position:top center;
	background-repeat:no-repeat;
}

section>div {
	position:relative;
	margin:0px auto;
	background-position:top center;
	width:var(--contentWidth);
	height:100%;
}

section>div>* {
	position:absolute;
}

/* ======================== */
/* DAY SELECTOR             */
/* ======================== */

#daySelector {
	display:flex;
	position:absolute;
	justify-content:space-between;
}

#daySelector a.active:hover, #daySelector a.active:focus {
	filter:brightness(1.15);
}

#daySelector a.active:active {
	filter:brightness(0.85);
}

#daySelector img {
	display:block;
	filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.5));
	height:30px;
}

#daySelectorPrevious img {
	transform:scaleX(-1);
}

#daySelector .disabled img {
	opacity:0.25;
}

#daySelector .soon img {
	opacity:0.5;
}

/* ======================== */
/* COPYRIGHT                */
/* ======================== */

#copyright {
	display:flex;
	position:relative;
	align-items:center;
	gap:15px;
	padding:15px 25px;
	height:100px;
	font-weight:bold;
    font-size:13px;
    line-height:1.25;
}

#copyright a:hover, #copyright a:focus {
	filter:brightness(1.15);
}

#copyright a:active {
	filter:brightness(0.85);
}

#copyright img {
	display:block;
	width:100px;
}