/*
 * Wrapper of the main body
 * (between the header and the footer)

 * [1] Avoid the IE 10-11 `min-height` bug.
 */


 // .l-page needs to be on the body element
.l-page {
	display: flex;
	flex-direction: column;
	height: 100%; /* [1] */
}


.l-page__header {
 	position: relative;
}


.l-page__body {
	@include z(z-body);
	position: relative;
	flex: 1 0 auto;
}


.l-page__footer {
 	position: relative;
	flex-shrink: 0;

	// Some settings for making sure the cookie-bar doesn't cover the content
	padding-bottom: $site-cookieBar-height;
	transition: padding $site-cookieBar-transition-speed $site-cookieBar-transition-ease;

	body.is-cookies-accepted & {
		padding-bottom: 0;
	}
}


// Wrapper for initially hidden elements
.l-page__concealed {
}