nav.mainNav{
	background-color:rgba(0,0,0,0.1);
	color:#fff;
	z-index:10;
	height:46px;
	backdrop-filter:blur(5px);
}
nav.mainNav .menuLogo{
	color:#fff;
	height:16px;
	width:120px;
}

body.__menuOnLightBackground nav.mainNav{
	background-color:rgba(255,255,255,.8);
	color:var(--midGrey);
}
body.__menuOnLightBackground nav.mainNav .menuLogo{
	color:var(--midGrey);
}

main.authorizationRequired,
main.appRequired{
	height:100vh;
	min-height:500px;
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	padding:90px 0;
	box-sizing:border-box;
}
main.authorizationRequired .__inner,
main.appRequired .__inner{}
main.appRequired h1,
main.authorizationRequired h1{
	width:100%;
	max-width:600px;
	text-align:left;
	font-size:4.2em;
}
main.appContents{
	height:auto;
	min-height:840px;
}
footer{
	background-color:var(--white);
	color:var(--lightMidGrey);
	margin-top:-0.5px;
}
footer.__darkFooter{
	background-color:var(--black);
	color:var(--white);
	margin-top:-0.5px;
}
.logoSection,
.logoSectionTop{
	color:currentColor;
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
}
.logoSection{
	border-bottom:1px solid currentColor;
}
.logoSectionTop{
	padding:56px 0;
}
.logoSectionBottom{
	color:currentColor;
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
	padding:0;
	border-top:2px solid currentColor;
}
.logoSection--logo{
	display:inline-flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	margin:0px auto 16px auto;
}
.logoSection--logo .heron,
.logoSectionTop .heron{
	height:80px;
	width:52px;
	margin-bottom:30px;
}
.logoSectionTop .heron{
	margin-bottom:0px;
}
.logoSection--logo .wordmark{
	height:24px;
	width:211px;
}
.logoSectionBottom .wordmark{
	width:100vw;
	height:11.40vw;
}
.copyrightNotice{
	text-align:center;
}
.copyrightNotice sup{
	font-size:.5em;
}
.linkSection--links ul{
	color:currentColor;
}
.linkSectionTight{
	border-top:1px solid currentColor;
	color:currentColor;
}
.linkSectionTight .linkSection--links, 
.linkSectionTight .linkSection--legal{
	font:var(--main);
	font-size:1.3em;
	color:currentColor;
}
.linkSectionTight .linkSection--links li a{
	opacity:1;
}
.linkSectionTight .linkSection--links li a:hover{
	opacity:1;
}

footer.__darkFooter{
	background-color:var(--black);
	color:var(--white);
	margin-top:-0.5px;
}
footer.__darkFooter .linkSectionTight{
	border-top:1px solid var(--blackGrey);
	color:var(--blackGrey);
}
footer.__darkFooter .logoSection{
	border-bottom:1px solid var(--blackGrey);
}
footer.__darkFooter .logoSectionBottom{
	color:var(--blackGrey);
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
	padding:0;
	border-top:2px solid currentColor;
}