/*
Theme Name: ENIAROF
Theme URI: https://www.eniarof.com/
Version: 0.156
Author: Loïc Horellou
Author URI: https://www.loichorellou.net/
Description: Thème pour le site ENIAROF. Ce thème nécessite le plugin ACF pro pour fonctionner.
*/



:root{
	--pas: 2rem;
	--font-scale: .85;
	--radius: 50%;
	--grid-space: 4px;
	--grid-decal: calc(var(--grid-space) * -1);
	--clr-default: 255, 238,0;
	--clr-evenements: #F0F;
	--clr-attractions: #0FF;
	--clr-tutoriaux: #0F0;
	--clr-artistes:pink;
	--font-title: futura-pt, sans-serif;
	--font-text: 'Fira Sans', sans-serif;
}

*{
	box-sizing: border-box;
	text-decoration: none;
}

/* 
CSS Code cf https://prismjs.com
*/

body{

	font-family: var(--font-text);
	background-size: 1rem calc(2 * var(--pas));
	margin: var(--pas);
	font-size: calc(var(--pas) * var(--font-scale));
	line-height: var(--pas);

	margin: 0;

	min-height: calc(100vh - 2 * var(--pas));
}

body.noscroll{
	overflow: hidden;
}

body.home,
body.page-template-default{
/*	background: var(--clr-default);*/
	--clr-main: 255, 238,0;
	--clr-contrast: 0, 232, 255; /* #0FF */
	--clr-main-t: rgb(255,238,0,0);
	--clr-contrast-t: rgb(0,232,255,0);
	--clr-card-t-shadow: var(--clr-contrast);
	--clr-contrast-txt: #000;
	--clr-contrast-txt-card: #fff;
}

body.category-evenements{
/*	background: var(--clr-evenements);*/
	--clr-main: 255,0,116;
	--clr-contrast: 196,255,0;
	--clr-main-t: rgb(255,0,116,0);
	--clr-contrast-t: rgb(196,255,0,0);
	--clr-card-t-shadow: var(--clr-main);
	--clr-contrast-txt: #000;
	--clr-contrast-txt-card: #fff;
}

body.category-attractions{
/*	background: var(--clr-attractions);*/
	--clr-main: 0,255,255;
	--clr-contrast: 102,0,162;
	--clr-main-t: rgb(255,225,0,0);
	--clr-contrast-t: rgb(102,0,162,0);
	--clr-card-t-shadow: var(--clr-contrast);
	--clr-contrast-txt: #fff;
	--clr-contrast-txt-card: #fff;
}

body.category-tutoriaux{
/*	background: var(--clr-tutoriaux);*/
	--clr-main: 255, 238,0;
	--clr-contrast: 0, 232, 255;
	--clr-main-t: rgb(255,238,0,0);
	--clr-contrast-t: rgb(0,232,255,0);
	--clr-card-t-shadow: var(--clr-main);
	--clr-contrast-txt: #000;
	--clr-contrast-txt-card: #fff;
}

body.category-members,
body.category-members-unlisted{
/*	background: var(--clr-artistes);*/
	--clr-main: 255,181,232;
	--clr-contrast: 255, 238,0;
	--clr-main-t: rgb(255,181,232,0);
	--clr-contrast-t: rgb(255,238,0,0);
	--clr-card-t-shadow: var(--clr-main);
	--clr-contrast-txt: #000;
	--clr-contrast-txt-card: #fff;
}

body{
	background: rgb(var(--clr-main));
}


a{
	color: inherit;
	/*text-decoration: none;*/
}


h1, h2, h3, h4, h5, h6,
.tg{
	/*font-family: 'terminal_grotesque';*/
}


/*.single main,
.category main,
.page main,
main.single div.post section:not(.header-gallery){
	margin: auto;
	max-width: calc(50vw + 20px);
	min-width: 900px;
}
*/


header.title{
	margin-top: calc(var(--pas) * 4);
	margin-bottom: calc(var(--pas) * 2);
	width:100vw;
/*	height:75vh;*/
	height: calc(var(--pas) * 10);
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	z-index: 9999;
	transition: top ease-in-out .5s;
	position: relative;
	top: 0;
}

/* TITRE  */
header.title h1{
	color: #000;
	font-size: calc(var(--pas) * 5);
	text-align: center;
	text-transform: uppercase;
	font-family: var(--font-title);
	font-weight: bold;
	/*margin: 5rem auto; */
	/*margin-top: 10rem;*/
	text-shadow:
		 3px 1px 1.5px rgb(var(--clr-contrast),1),
		 6px 2px 1.5px rgb(var(--clr-contrast),0.9), 
		 9px 3px 1.5px rgb(var(--clr-contrast),0.8),
		12px 4px 1.5px rgb(var(--clr-contrast),0.7),
		15px 5px 1.5px rgb(var(--clr-contrast),0.6);
/*	position: sticky;*/
/*	top: 40px;*/
	transition: transform ease-in-out .5s;
}

header.title .slogan{
	margin-top: calc(var(--pas) * 4);
	font-weight: bold;
	font-family: var(--font-title);
	text-transform: uppercase;
	/*	color: rgb(var(--clr-contrast));*/
	font-size: calc(var(--pas) * 1.25);
	text-align: center;
}

.scroll header.title{
	position: fixed;
	top:calc(-60px + 2 * var(--pas));
	left:0;
}

.admin-bar header.menu{
	top: calc(-92px + 2 * var(--pas)) ;
}

body.single header.title{
	height: 40vh;
	margin-top: calc(var(--pas) * 2);
}

/*body.single header.title h1,
.scroll header.title h1{
	transform: scale(0.5);
}*/

header.title h1 span{
	position: relative;
}

header.title h1 a{
	text-decoration: none;
}

/* FIN DE TITRE */

/* MENU */

header.menu{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	text-align: center;
	background: linear-gradient(rgb(var(--clr-contrast),1) 0, rgb(var(--clr-contrast),0) calc(var(--pas) * 1.5) );
	color: var(--clr-contrast-txt);
}

.admin-bar header.menu{
	top: 32px;
}

nav.main{
	padding: calc(var(--pas) / 4) calc(var(--pas) * 1) calc(var(--pas) / 2);
	display: inline-block;
/*	border-radius: 0 0 2rem 2rem;*/
/*	background: var(--clr-default);*/
}

body.category-evenements header.menu nav{
/*	background: var(--clr-evenements);*/
}

body.category-attractions header.menu nav{
/*	background: var(--clr-attractions);*/
}

body.category-tutoriaux header.menu nav{
/*	background: var(--clr-tutoriaux);*/
}

body.category-members header.menu nav{
/*	background: var(--clr-artistes);*/
}

nav.main ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	column-gap: .25rem;
}

nav.main ul li+li:before{
	content: "•";
	margin-right: .25rem;
}

nav.main ul li.current-menu-item a{
	text-decoration: underline;
}

header.menu button{
	position: fixed;
	top: 20px;
	right: 1rem;
}

/* FIN DE MENU */


/* HAMBURGER BUTTON */
#hamburger{
	display: none;
	z-index: 3;
}
#hamburger {
	border: 0;
	padding: 0;
	background: transparent;
/*	mix-blend-mode: difference;*/
	cursor: pointer;
	outline: none;
}
.hamburger-box {
	position: relative;
	height: var(--pas);
	width: var(--pas);
}
.hamburger-inner {
	border: 0;
	border-bottom: solid 3px #000;
	position: relative;
	top: calc(50% - 7px);
}
.hamburger-inner::before,
.hamburger-inner::after {
	display: block;
	content: " ";
	border: 0;
	border-bottom: inherit;
	transition: top 0.5s ease, bottom 0.5s ease;
}
.hamburger-inner::before {
	position: relative;
	bottom: 1px;
}
.hamburger-inner::after {
	position: relative;
	bottom: -10px;
}
#hamburger.active .hamburger-inner::before {
	bottom: 5px;
}
#hamburger.active .hamburger-inner::after {
	bottom: -14px;
}



nav.social{
/*	position: fixed;*/
	bottom: 0;
	left: 0;
	right: 0;
	padding: var(--pas);
	z-index: 1000;
/*	background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,1) calc(var(--pas) * 1.5) );*/
}

nav.social ul{
	display: flex;
	justify-content: center;
	font-size: 3rem;
}

nav.social ul li+li{
	margin-left: calc(var(--pas) / 2);
}
/* FIN DE SOCIAL */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* BOUTONS */

.button-randomize{
	background: none;
	border: none;
	font-size: 4rem;
	display: block;
	margin: 3rem auto 0rem;
	cursor: grab;
}

#random-events{
	cursor: grab;
}


/* JEU DE L'OIE */


.jeu-de-oie{
	font-size:4rem;
	font-family: var(--font-text); /* UnifrakturMaguntia Astloch */ 
	font-weight: bold;
	display:grid;
	width: 75vw;
	margin: auto;
	grid-gap: var(--grid-space);
	/*transform: rotate(-1deg);*/
}

/* https://medium.com/cloudaper/how-to-create-a-flexible-square-grid-with-css-grid-layout-ea48baf038f3 */
.jeu-de-oie::before {
	content: '';
	width: 0;
	padding-bottom: 100%;
	grid-row: 1 / 1;
	grid-column: 1 / 1;
}
/*.jeu-de-oie > *:first-child {
	grid-row: 1 / 1;
	grid-column: 1 / 1;
}*/


.jeu-de-oie section{
	color:#FFEE00;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .2s ease-in-out, border .2s ease-in-out, background .3s ease-in-out;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 200px rgba(0,255,255,0.8);
/*	border: solid 2px #000;*/
}
.jeu-de-oie section:nth-child(odd){
	background: #FFEE00;
	color:#000;
}

.jeu-de-oie section.event.randomselected,
.jeu-de-oie section.event:hover{
	background: rgb(0,255,255,1);
}

/*
.jeu-de-oie section:hover{
	transform: scale(1.2);
	border: solid 10px #F00; 
	z-index: 1000;
}*/
/* rotate(2deg)*/

.jeu-de-oie .ll{
	margin-right: var(--grid-decal);
}
.jeu-de-oie .bb{
	margin-top: var(--grid-decal);
}
.jeu-de-oie .rr{
	margin-left: var(--grid-decal);
}
.jeu-de-oie .tt{
	margin-bottom: var(--grid-decal);
}
.jeu-de-oie .lb{
	margin-right: var(--grid-decal);
	border-radius: var(--radius) 0 0 0;
}
.jeu-de-oie .br{
	margin-top: var(--grid-decal);
	border-radius: 0 0 0 var(--radius);
}
.jeu-de-oie .rt{
	margin-left: var(--grid-decal);
	border-radius: 0 0 var(--radius) 0;
}
.jeu-de-oie .tl{
	margin-bottom: var(--grid-decal);
	border-radius: 0 var(--radius) 0 0;
}


.jeu-de-oie section.ll:last-child{;
	border-radius: var(--radius) 0 0 var(--radius);
}
.jeu-de-oie section.bb:last-child{;
	border-radius: 0 0 var(--radius) var(--radius);
}
.jeu-de-oie section.rr:last-child{;
	border-radius: 0 var(--radius) var(--radius) 0;
}
.jeu-de-oie section.tt:last-child{;
	border-radius: var(--radius) var(--radius) 0 0;
}


/* CASE CONTENT */
.jeu-de-oie h2{
	text-align: center;
	padding: 1rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
}
.jeu-de-oie h2 a{
	text-decoration: none;
	transition: color .3s ease-in-out;
}
.jeu-de-oie section:nth-child(even) h2 a{
	color:#FFEE00;
}
.jeu-de-oie section:nth-child(odd) h2 a{
	color:#000;
}
.jeu-de-oie section:hover h2 a{
	color: #000;
}
.jeu-de-oie section.hachure,
.jeu-de-oie section.hachure:nth-child(odd){
	background-image: linear-gradient(-45deg, #000 25%, rgb(var(--clr-main)) 25% 50%, #000 50% 75%, rgb(var(--clr-main)) 75%);
	background-size: 60px 60px;
	color:  #FFF;
}
.jeu-de-oie section.year{
	font-family: var(--font-title);
	font-weight: 800;
}
.jeu-de-oie section.year span{
/*	mix-blend-mode: difference;*/
}
.jeu-de-oie section.year span::after{
	display: block;
	font-family: var(--font-title);
	font-weight: 800;
	width: 100%;
	line-height: 3rem;
	text-align: center;
	font-size: 3rem;
	margin-top: 1rem;
}

.jeu-de-oie section.year.ll span::after{
	content:"→";
}
.jeu-de-oie section.year.bb span::after{
	content:"↑";
}
.jeu-de-oie section.year.rr span::after{
	content:"←";
}
.jeu-de-oie section.year.tt span::after{
	content:"↓";
}
/*https://unicode-table.com/en/sets/arrow-symbols/*/
.jeu-de-oie section.year.lb span::after{
	content:"↱";
}
.jeu-de-oie section.year.br span::after{
	content:"↻";
}
.jeu-de-oie section.year.lt span::after{
	content:"↳";
}
.jeu-de-oie section.year.tr span::after{
	content:"↲";
}
.jeu-de-oie section.year.rt span::after{
	content:"⤾";
}
.jeu-de-oie section.year.tl span::after{
	content:"↴";
}

.text3d{
	text-shadow:
		1px 1px 1.5px rgb(var(--clr-contrast),1),
		2px 2px 1.5px rgb(var(--clr-contrast),0.9), 
		3px 3px 1.5px rgb(var(--clr-contrast),0.8),
		4px 4px 1.5px rgb(var(--clr-contrast),0.7),
		5px 5px 1.5px rgb(var(--clr-contrast),0.6);
}

/*.text3d{
	text-shadow:
		1px 1px 1.5px #0FF,
		2px 2px 1.5px #09F9F9, 
		3px 3px 1.5px #0EE,
		4px 4px 1.5px #09E9E9,
		5px 5px 1.5px #0DD;
}*/

/* FIN JEU DE L'OIE */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* CARTES */

main > section.cartes:not(.jeu-de-oie){
	margin: 10rem auto;
}

section.cartes{
	margin: 10rem auto;
	position: relative;
	height: 30rem;
	font-size: 1.5rem;
}
section.cartes>.carte-container{
	position: absolute;
	width: 10em;
}

section.cartes-grid{
	margin: 10rem auto;
	font-size: 1.5rem;
	display: grid;

	grid-template-columns: repeat(auto-fill, 8em);
    grid-auto-rows: minmax(6em, auto);
    grid-auto-flow: dense;
    grid-gap: 1em;
}
section.cartes-grid>h3{
	grid-column: 1 / -1;
	text-align: center;
}

section.cartes-grid>.carte-container{
	position: relative;
	width: 10em;
}



.cartes>.carte-container,
.cartes-grid>.carte-container{
	filter: drop-shadow(0 0 50px rgba(0,255,255,0.8));
	transform: translateZ(0px);
	display: block;
}
.cartes>.carte-container:hover,
.cartes-grid>.carte-container:hover,
.cartes>.carte-container.hover,
.cartes-grid>.carte-container.hover{
	transform: translateZ(10rem);
	z-index: 900;
}


.carte{
	transform-style: preserve-3d;
	transform-origin: center right;
	transition: transform .4s ease-in-out;
	border-radius: 1em;
	transform: translateZ(0) translateY(var(--ypos));
	font-family: var(--font-title);
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	--ypos: 0;
}
.carte.randomselected{
	--ypos: -120px;
	transition: transform .3s ease-in-out;
}
.carte-container:hover .carte,
.carte-container.hover .carte {
	transform: translateX(-100%)  translateY(var(--ypos)) rotateY(-180deg) !important;
}
.carte .side{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	backface-visibility: 		 hidden;
}
.carte .front{
	color: #FFF;
	background-image: linear-gradient(-45deg, #000 25%, rgb(var(--clr-contrast),1) 25% 50%, #000 50% 75%, rgb(var(--clr-contrast),1) 75%);
	background-size: 3em 3em;
	height: 15em;
	width: 10em;
	border-radius: 1em;
	padding: .55em;
}

.carte .front h2{
	font-size: 1em;
	line-height: 1.1em;
	color: var(--clr-contrast-txt-card);
}

.carte .back{
	position: absolute;
	top: 0;
	padding: .55em;
	height: 15em;
	width: 10em;
	text-align: center;
	background-image: linear-gradient(-45deg, #000 25%, rgb(var(--clr-contrast),1) 25% 50%, #000 50% 75%, rgb(var(--clr-contrast),1) 75%);
	background-size: 3em 3em;
	color: #fff;
	transform: rotateY(180deg);
	text-align: left;
	border-radius: 1em;
}
.carte .fond{
	background: #000;
	height: 100%;
	border-radius: .75em;
	display: flex;
	justify-content:center;
	align-items:center;
}
.carte .back .fond{
	background: none;
	position: relative;	
}

.carte .back .fond h3{
	font-size: .65em;
	line-height: 1em;
	color: var(--clr-contrast-txt-card);
	margin: 0;
}
.carte .back .fond img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .75em;
	border:  solid .3rem #fff;
}

.carte .back .fond ul{
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	text-align: center;
	font-size: 1.25em;
	line-height: .85em;
/*	font-weight: normal;*/
}

.carte .back .fond ul a,
.carte-attraction .back .fond ul a{
	color: inherit;
	text-decoration: none;
}

.carte .back .fond ul li,
.carte-attraction .back .fond ul li{
	display: inline-block;
}

.carte .back .fond ul li h3{
	display: inline-block;
	text-transform: initial;
}

.carte .side h3,
.carte .side h2{
	text-shadow:
		 3px 1px 1.5px rgb(var(--clr-card-t-shadow),1),
		 6px 2px 1.5px rgb(var(--clr-card-t-shadow),0.9), 
		 9px 3px 1.5px rgb(var(--clr-card-t-shadow),0.8),
		12px 4px 1.5px rgb(var(--clr-card-t-shadow),0.7),
		15px 5px 1.5px rgb(var(--clr-card-t-shadow),0.6);
}

/*.carte .back .fond ul li+li::before,
.carte-attraction .back .fond ul li+li::before{
	content:  "&";
	display: inline;
	text-shadow:
		1px 1px 1.5px rgb(var(--clr-main),1),
		2px 2px 1.5px rgb(var(--clr-main),0.9), 
		3px 3px 1.5px rgb(var(--clr-main),0.8),
		4px 4px 1.5px rgb(var(--clr-main),0.7),
		5px 5px 1.5px rgb(var(--clr-main),0.6);
}*/

/*.carte .back .fond ul li:not(:last-child) h3::after,
.carte-attraction .back .fond ul li:not(:last-child) h3::after{
	content:  ",";
	display: inline-block;
	text-shadow:
		1px 1px 1.5px rgb(var(--clr-contrast),1),
		2px 2px 1.5px rgb(var(--clr-contrast),0.9), 
		3px 3px 1.5px rgb(var(--clr-contrast),0.8),
		4px 4px 1.5px rgb(var(--clr-contrast),0.7),
		5px 5px 1.5px rgb(var(--clr-contrast),0.6);
}*/
/*.carte .back .fond ul li:nth-last-child(2)::after,
.carte-attraction .back .fond ul li:nth-last-child(2)::after{
	content:"& ";
	display: inline-block;
	font-size: .75em;
	margin-left: .25em;
	text-shadow:
		1px 1px 1.5px rgb(var(--clr-contrast),1),
		2px 2px 1.5px rgb(var(--clr-contrast),0.9), 
		3px 3px 1.5px rgb(var(--clr-contrast),0.8),
		4px 4px 1.5px rgb(var(--clr-contrast),0.7),
		5px 5px 1.5px rgb(var(--clr-contrast),0.6);
}
*/
.carte .back .fond ul li:last-child::after,
.carte-attraction .back .fond ul li:last-child::after,
.carte .back .fond ul li:nth-last-child(2)::after,
.carte-attraction .back .fond ul li:nth-last-child(2)::after,
.carte .back .fond ul li:last-child::after h3,
.carte-attraction .back .fond ul li:last-child::after h3,
.carte .back .fond ul li:nth-last-child(2) h3::after,
.carte-attraction .back .fond ul li:nth-last-child(2) h3::after
{
	content:"";
}

a .text3d{
	color: inherit;
	text-decoration: none;
}


/* FIN CARTES */



main > div > header,
main > header,
main > div > section,
main > section:not(.jeu-de-oie),
main > div > footer,
main > footer {
	/*	width: calc(50vw + 20px);*/
	/*margin: 0 calc(25vw - 10px);*/
	max-width: 50vw;
	min-width: 920px;
	margin: auto;
}

main > div > section.header-gallery{
	max-width: 100vw;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* GALLERY HEADER */

section.header-gallery{
	height: 400px;
	width: 100vw;
	position: relative;
	margin-top: -450px;
	z-index: 1;
/*	margin-bottom: 450px;*/
}

section.header-gallery figure{
	margin: 0 ;
	padding: 0;
	height: 400px;
}

section.header-gallery img{
	height: 400px;
}

section.slick-slider{
	z-index: 1;
	margin: 4rem auto 8rem;
}

.slick-list{
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	position: relative;
/*	margin: -100px 0px;*/
}
.slick-list::before{
	display: block;
	content: " ";
	position: absolute;
	inset: 0;
	background: rgb(var(--clr-contrast));
	transform: rotate(3deg);
}

.slick-slide{
/*	transform: rotate(20deg);*/
	transition: transform .5s ease-in-out ;
}

.slick-arrow{
	position: absolute;
	z-index: 9000;
	top: 200px;
	background: none;
	border: 0 ;
	font-family: var(--font-title);
	font-size: calc(var(--pas) * 2);
	text-transform: uppercase;
	font-weight: bold;

	background: rgb(var(--clr-contrast));
	width: 1.35em;
	border-radius: 50%;
	color: var(--clr-contrast-txt);
}

/*.slick-arrow::before{
	display: block;
	content:" ";
	background: rgb(var(--clr-contrast));
	width: 100%;
	height: 1em;
	transform: skew(20deg, -5deg);
	position: relative;
	top: 1.1em;
	z-index: -3;
}*/

.slick-disabled{
	visibility: hidden;
}

.slick-prev{
	left: 100px;
}

.slick-next{
	right: 100px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* TUTORIAUX */


/* FIN TUTORIAUX */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* SINGLE / CATEGORY */

main{
	position: relative;
	z-index: 1;
}

main.single div section.post_content{
	margin-top: calc(var(--pas) * 3);
}


header.post_header{
	display: grid;
	place-items: center;
}

header.post_header h2{
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	z-index: 2;
	margin-top: calc(var(--pas) * 1.5);
}
header.post_header figure{
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	z-index: 1;
	
}


section.attractionXartistes{
	text-align: center;
	font-size: calc(var(--pas) * .75);
	padding-bottom: calc(var(--pas) * 2);
}
section.attractionXartistes > *{
	display: inline-block;
}
section.attractionXartistes li{
	display: inline-block;
}
section.attractionXartistes *::not(.carte) li::after{
	display: inline-block;
	content: ", ";
	margin-left: -.22em;
}
section.attractionXartistes *::not(.carte) li:nth-last-child(-n+2)::after{
	display: inline-block;
	content: "&";
	margin-left: auto;
}
section.attractionXartistes *::not(.carte) li:last-child::after{
	display: inline-block;
	content: "";
}
/*section.attractionXartistes li + li:last-child::before{
	display: inline-block;
	content: "&";
}*/

section.related{
	position: relative;
	z-index: 10;
}

section.post_content{
	position: relative;
	z-index: 2;
}

section.post_content a{
	text-decoration: underline;
}

section.post_content a{
	text-decoration: underline;
}
section.post_content figure{
	text-align: center;
}
section.post_content figure img{
	max-width: 100%;
	height: auto;
}
section.post_content figure.wp-block-video,
section.post_content figure.is-type-video{
	margin: var(--pas);
}
section.post_content figure.wp-block-video video{
	width: 100%;
}


section.grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--pas);
	grid-row-gap: calc(var(--pas) * 2);
}

section.grid .title{
	text-align: center;
	font-family: var(--font-title);
	font-weight: bold;
	margin-bottom: calc(var(--pas) / 3);
}

section.grid>h3{
	grid-column: 1 / -1;
	text-align: center;
}

section.grid figure{
	max-width: 100%;
}
section.grid img{
	max-width: 100%;
	height: auto;
	border-radius: 50%;
	aspect-ratio: 1/1;
	object-fit: cover;
}



/*SINGLE EVENEMENT*/

.single-evenement>h2{
	text-align: center;
	position: relative;
	top: calc(-37.5vh + 10rem);
	font-size: 2.5rem;
	font-weight: bold;
}

.page h2,
.category h2,
.single h2{
	color: #000;
	font-size: 3rem;
	text-align: center;
	text-transform: uppercase;
	font-family: var(--font-title);
	font-weight: bold;
	margin: var(--pas) auto calc(var(--pas) * 2); 
	text-shadow:
		 3px 1px 1.5px rgb(var(--clr-contrast),1),
		 6px 2px 1.5px rgb(var(--clr-contrast),0.9), 
		 9px 3px 1.5px rgb(var(--clr-contrast),0.8),
		12px 4px 1.5px rgb(var(--clr-contrast),0.7),
		15px 5px 1.5px rgb(var(--clr-contrast),0.6);
	
	transition: transform ease-in-out .5s;
	line-height: 1em;
}

.single h3{
	margin-top: 1rem;
}

.icon{
/*	filter:grayscale(100%);*/
/*	mix-blend-mode:luminosity; */
	transform: rotate(35deg);
}

.wp-block-columns{
	gap: 1em;
}
/*https://css-tricks.com/equal-columns-with-flexbox-its-more-complicated-than-you-might-think/*/
.wp-block-column{
	flex: 1 1 0;
	width: 0;
}


*+p,
*+figure,
*+figure,
*+ul,
*+ol,
*+blockquote
{
	margin-top: var(--pas);
}

p+ul,
p+ol
{
	margin-top: 0;
/*	margin-top: calc(var(--pas) / 3);*/
}

em{
	font-style: italic;
}
strong{
	font-weight: bold;
}


figure.circle{
	text-align: center;
	margin: var(--pas) auto;
}

figure.circle img{
	width: 300px;
	height: 300px;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
}

.post_content figure{
}
.post_content img{
	max-width: 100%;
	height: auto;
}
.post_content em{
	font-style: italic;
}
.post_content strong{
	font-weight: bold;
}
.post_content .eniarof-word{
	font-weight: bold;
	font-family: var(--font-title);
}
.post_content ul{
	list-style: disc;
	margin-left: calc(var(--pas) * 2);
}
.post_content ol{
	list-style: decimal;
	margin-left: calc(var(--pas) * 2);
}
.post_content li+li{
	margin-top: calc(var(--pas) / 3);
}
.post_content .wp-block-column{
	align-self: flex-start;
}
.post_content a{
	text-decoration: underline;
}
.post_content footer{
	margin-top: var(--pas);
	font-size: calc(var(--pas) * 0.75);
	text-align: center;
}

figcaption{
	font-size: calc(var(--pas) * .6);
}




/* FORMULAIRES */
.wpcf7,
.frm_forms {
	margin-top: var(--pas);
}

.wpcf7-form p,
.frm_top_container{
	/*height: var(--pas);*/
	line-height: calc(0.8 * var(--pas));
	font-size: var(--pas);
	margin: 0;
	margin-bottom: calc(var(--pas) * 0.8);
	padding: 0;
	display: grid;
	grid-template-columns: 25% 50% auto;
}

.wpcf7-form-control-wrap{
}

.frm_screen_reader{
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	font-family: var(--font-title);
}

label{
	line-height: var(--pas);
	font-size: calc(var(--pas) * var(--font-scale));
	display: inline-block;
	margin: 0;
	padding: 0;
}

label::after{
	content: " :";
}

input{
	height: calc(var(--pas) * 1.2);
	line-height: var(--pas);
	font-size: calc(var(--pas) * var(--font-scale));
	padding: calc(var(--pas) * 0.1);
	margin: 0;
	border: 0;
	display: inline-block;
	/*outline: none;*/
	position: relative;
	bottom: calc(var(--pas) * 0.1 - 1px);
/*	border: solid 1px #CCC;*/
	font-family:var(--font-text);
	outline: none;
}

textarea{
	height: calc(5 * var(--pas));
	font-size: var(--pas);
	line-height: var(--pas);
	padding: calc(var(--pas) * 0.1);
	margin: 0;
	border: 0;
	outline: none;
	position: relative;
	bottom: calc(var(--pas) * 0.1 - 1px);
/*	border: solid 1px #CCC;*/
	font-family: var(--font-text);
/*	outline: none;*/
}

input:focus,
textarea:focus{
	border: solid 1px #000;
}

input[type=submit],
button[type=submit]{
	text-align: left;
	background: none;
	height: var(--pas);
	line-height: var(--pas);
	font-size: calc(var(--pas) * var(--font-scale));
	padding: 0;
	margin: var(--pas) auto 0;
	border: 0;
	display: block;
	width: auto;
	cursor: pointer;
}


.frm_forms .frm_verify{
	display: none;
}


/* -------------- */

@media screen and (max-width: 940px) {
	:root{
		--pas: 1.5rem;
		--font-scale: .85;
		--radius: 50%;
		--grid-space: 4px;
		--grid-decal: calc(var(--grid-space) * -1);
		--clr-default: 255, 238,0;
		--clr-evenements: #F0F;
		--clr-attractions: #0FF;
		--clr-tutoriaux: #0F0;
		--clr-artistes:pink;
		--font-title: futura-pt, sans-serif;
		--font-text: 'Fira Sans', sans-serif;
	}

	body{
		background: linear-gradient( rgb( var(--clr-main) ), rgb( var(--clr-contrast) ) );
		min-height: 100vh;
	}

	header.title{
		height: calc(100vh / 3);
	}

	header.title h1{
		font-size: 5rem;
	}

	.admin-bar header.menu{
		top: 0px;
		padding-top: 46px;
	}

	header.menu{
		font-size: calc(var(--pas) * 2);
		line-height: 1em;
	}
	header.menu nav ul{
		flex-direction: column;
	}
	header.menu nav ul li+li:before{
		content: "";
		margin-right: 0;
	}


	nav.main{
		/*display: none;*/
		position: fixed;
		top:0;
		bottom:0;
		left:0;
		width:100vw;
/*		background: rgb( var(--clr-contrast) );*/
		background: linear-gradient( rgb( var(--clr-contrast) ), rgb( var(--clr-main) ) );
		z-index: 1;
		padding: calc(var(--pas) * 2) calc(var(--pas) * 1) calc(var(--pas) * 2);
		opacity: 0;
		transition: opacity .5s ease-in-out;
		pointer-events: none;
	}

	nav.main.show{
		display: block;
		opacity: 1;
		pointer-events: auto;
	}

	

	#hamburger{
		display: block;
	}



	body.home{
		overflow-x: hidden;
	}

	main > div > header,
	main > header,
	main > div > section,
	main > section:not(.jeu-de-oie),
	main > div > footer,
	main > footer {
		max-width: calc(100vw - 40px);
		min-width: auto;
		margin: 20px;
	}

	main > div > section.header-gallery{
		max-width: 100vw;
	}

	body .is-layout-flex{
		flex-direction: column;
	}

	main > div > header{
		margin: 0 20px;
	}

	header.post_header h2{
		margin: 0;
	}

	main.single div section.post_content{
		margin-top: calc(var(--pas) * 2);
	}

	.slick-arrow{
		top: auto;
		bottom: -60px;
		font-size: calc(var(--pas) * 2);
	}
	.slick-prev{
		left: 20px;
	}
	.slick-next{
		right: 20px;
	}

	main > section.jeu-de-oie{
		min-width: auto;
	}

	section.jeu-de-oie{
		width: auto;
		margin: auto 40px;
		font-size: 2rem;
	}
	section.jeu-de-oie h2{
		padding: .25rem;
		line-height: .75rem;
		font-size: 1rem;
	}

	main > section.cartes:not(.jeu-de-oie){
		width: calc(100vw - 40px);
		margin: 5rem auto 3rem;
	}

	section.cartes{
		
		height: auto;
		font-size: 1rem;

		display: grid;

	/*	grid-template-columns: repeat(2, 1fr);
	    grid-auto-rows: minmax(10em, auto);*/
	    grid-auto-flow: dense;
	    grid-gap: 1em;

	    justify-content: center;
	    align-items: center;
	}

	section.cartes{
		grid-template-columns: repeat(auto-fill, 8em);
		justify-items: center;
	}


	section.cartes-grid{
		grid-template-columns: repeat(auto-fill, 100%);
		justify-items: center;
	}
	section.cartes>.carte-container{
		position: static;
		width: 10em;
	}
	.carte .front{

	}
	.carte.randomselected{
		--ypos: -60px;
		transition: transform .3s ease-in-out;
	}

	section.grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.wp-block-column{
		width: auto;
	}

}