/* ============================================================
 * Styles des pages editoriales / campagnes portees du legacy
 * (Natural Mat, Green Week, Parrainage de ruches, 20 ans, Espace presse).
 * Ces pages utilisent des classes qui n'existent pas dans le CSS du nouveau
 * site : on les reprend ici a l'identique, en portee limitee a ces pages.
 * ============================================================ */

/* --- Police Gistesy (fichiers copies dans /assets/fonts/gistesy) --- */
@font-face {
	font-family: Gistesy;
	src: url(/assets/fonts/gistesy/Gistesy.eot);
	src: url(/assets/fonts/gistesy/Gistesy.eot?#iefix) format('embedded-opentype'),
		 url(/assets/fonts/gistesy/Gistesy.woff2) format('woff2'),
		 url(/assets/fonts/gistesy/Gistesy.woff) format('woff'),
		 url(/assets/fonts/gistesy/Gistesy.ttf) format('truetype'),
		 url(/assets/fonts/gistesy/Gistesy.svg#Gistesy) format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.gistesy { font-family: Gistesy, cursive; }
.gistesy-apos { position: relative; --top: 26%; color: transparent; --color-text: #000; }
.gotu { font-family: Gotu, sans-serif; }

/* --- Couleurs utilitaires du legacy --- */
.text-yellow { color: #F9B53B !important; }
.text-orange { color: #F6881C !important; }
.text-bordeaux-dark { color: #850E36 !important; }
.text-bordeaux-light { color: #C00032 !important; }
.text-grey-dark { color: #666 !important; }
.bg-yellow { background-color: #F9B53B !important; }

/* --- Banniere video plein cadre (#slider-video) : sans ces regles la video
 *     reste minuscule et laisse un grand vide (mise en page cassee). --- */
#slider-video {
	background-color: #fff;
	position: relative;
	margin-top: 0;
	overflow: hidden !important;
}
#slider-video .slider-video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#slider-video .slider-video-container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
#slider-video .slider-video-text-carousel {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	color: #FFF !important;
}

/* --- Divers --- */
.greyscale { filter: grayscale(1); }