body {
	background-color: var(--white);
	color: var(--dark);
}

#app {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;

	position: relative;
	background-color: black;
}

.app_texture {
	position: fixed;                 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('/site/assets/images/bg_lightbox.webp') repeat;
	background-size: cover;
	filter: opacity(0.2);
}

main{
	flex: 1;
	flex-direction: column;
	background-color: var(--theme);
	display: flex;
	position: relative;
	min-height:600px;
	gap:var(--gap);
}

.eou_grid{
	display:grid;
	grid-template-columns:1fr;
	gap:var(--gap);
	width:100%;
	max-width:1426px;
}

@media(min-width:768px){
	.eou_grid{
		grid-template-columns:311px 2fr 1fr;
	}

	.eou_grid_wide{
		grid-template-columns:311px 1fr;
	}
}

footer{
	height: auto;
	background-color:var(--dark);
	color:var(--pale);
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	padding:40px 20px;

}

.partner_logos{
	display:grid;
	grid-template-columns:1fr;
	justify-content:center;
	align-items:center;
	gap:var(--gap);
	max-width:1366px;
	margin:0 auto;
	padding:var(--gap);
}

@media(min-width:768px){
	.partner_logos{
		grid-template-columns:repeat(3,1fr);
	}
}

@media(min-width:996px){
	.partner_logos{
		display:flex;
		flex-direction:row;
	}
}



.partner_logos a{
	display:flex;
	justify-content:center;
	align-items:center;
}

.partner_logos img{
	max-height:75px;
}

.footer_corp{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:1.5em;
	border-top: 1px solid var(--mid-grey, #454647);
	padding-top:20px;
	margin-top:20px;
	font-size: 14px;
	font-weight: 900;
	line-height: 110%;
	text-transform: uppercase;
}



@media(min-width:768px){

	.footer_corp{
		flex-direction:row;
	}
}

@media(min-width:768px) and (min-height:900px){

	#app{
		padding-bottom:var(--footer-height);
	}

	footer{
		position: fixed;
	}
}

.footer_corp a{
	color:var(--accent);
	text-decoration:none;
}

.footer_corp a:hover{
	color:var(--pale);
	text-decoration:underline;
}