/*
 * 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;
	//z-index: 41;
	//display: block;
	//box-shadow: 0 25px 10px -10px rgba(black, 0.1);
}


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


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

	// 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;
	}

	.svg-wrapper {
		pointer-events: none;
		height: 100%;
		width: 100%;
		position: relative;
		top: 1px;
		background-color: transparent;
		transform: scale(-1, -1);

		defs {
			display: none;
		}
	}
}


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