/* ==========================================================================
	Consent
   ========================================================================== */
.layout-consent {position: fixed; overflow: auto; top:0; height: 100%; left: 0; right: 0; color: #e4dcbe; z-index: 3; background-color: #2e1b10; visibility: hidden; opacity: 0; pointer-events: none; font-family: "Chronicle Display A", "Chronicle Display B"; }
.layout-consent article {left: 0; right: 0; max-width: 880px; padding: 30px; width: 100%; margin: auto; z-index: 1; opacity: 0; visibility: hidden; position: absolute; top:50%; transform: translateY(-50%); transition: all 1s ease-in 1s; }
.layout-consent article:before { width: 375px; height: 117px; background-image: url('../images/logo.svg'); margin: auto auto 20px auto; content:''; display: block; background-position: top center; background-repeat: no-repeat; background-size: 100% auto;}
.layout-consent p, .layout-consent h2 {margin-bottom: 40px; font-family: "Chronicle Display A", "Chronicle Display B" }
.layout-consent:before {content: ''; position: absolute; display: block; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; left: 0; right: 0; margin: auto; z-index: 1;  width: 73px; height: 113px; background-image: url('../images/logo-ems.svg'); bottom: 40px; visibility: hidden;}
.layout-consent.active {opacity: 1; visibility: visible; pointer-events: auto;}
.layout-consent figure {position: fixed; top:0; left: 0; bottom: 0; right: 0; z-index: 0; opacity: 0; visibility: hidden;  transition: all 0.5s ease-in; background-size:cover; }
.layout-consent.loaded article, .layout-consent.loaded figure {opacity: 1; visibility: visible; }
.layout-consent .button, .layout-consent .button:hover { font-weight: 300; font-size: 22px; height: 56px; line-height: 56px; background: #e4dcbe; color: #281101; padding: 0 28px; margin: auto; text-transform: uppercase; border:0; font-family: "Gotham Narrow A", "Gotham Narrow B"; }
.layout-consent .f-24 { font-size: 24px; }
.layout-consent .f-28 { font-size: 28px; }

.show-consent {position: fixed; top:0; left: 0; right: 0;}

@media only screen and (min-height : 810px) {
	.layout-consent:before {visibility: visible;}
}

@media only screen and (max-width : 850px) {
	/* Consent */
    .layout-consent .f-24 { font-size: 17px; }
    .layout-consent .f-28 { font-size: 21px; }
	.layout-consent article:before { width: 250px; height: 60px;   margin-bottom: 40px; }
	.layout-consent:before { width: 45px; bottom: 30px; height: 72px;}
	.layout-consent p, .layout-consent h2 {margin-bottom: 20px;}
    .layout-consent .button, .layout-consent .button:hover { line-height: 42px; height: 42px; font-size: 18px; }
}

@media only screen and (max-width : 374px) {
	/* Layout : Consent */
	.layout-consent:before { display: none; }
	.layout-consent article { top: 20px; -webkit-transform: none; transform: none; }
}