/*!
Theme Name: Semenciere
Author: AMI + C+R
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: semenciere-child
*/

@import 'font/whyte.css';


*{
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	box-sizing: border-box;
  	outline: none;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



html{
	width: 100%;
	height: 100%;
	min-height: 100%;
}

html[lang=fr-Fr]{
	    margin-top: 0 !important;
}

.infoText figure{
	all: inherit;
}

#wpadminbar{
	display: none;
}

#page{
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}


body{
	font-family: 'Whyte-Book', helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.2em;

	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6{
	font-size: calc(1em + 0.25vw);
	line-height: 1.2em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

a{
	color: black;
	text-decoration: none;
}

ul, li{
	list-style: none;
	padding: 0;
	margin: 0;
}



#infos{
	width: 100%;
    /*position: absolute;
    height: 100vh;*/
    top: 0;
    left: 0;
    overflow: hidden;
}

article .entry-content p{
	padding: 0;
	margin: 0 0 1em;
}

article .entry-content h3{
		font-size: calc(1.5em + 0.25vw);
    	line-height: 1em;
		margin: 0 0 0.5em;
}

article .entry-content h3 + h4{
		font-size: calc(1em + 0.25vw);
    	line-height: 1.1em;
    	margin: 0em 0 1em;
    	padding: 0 0 0 2em;
}

.wp-block-image img{
	max-width: 100%;
	height: auto !important;
}

/* SLIDESHOW */
.slideshow article{
	opacity: 0;
}

.slideshow{
	width: 100%;
	 /*height: 100vh;*/
	 position: absolute;
	 top: 0;
}

.slideshow figure{
	margin: 0;
	padding: 0;
	
	width: 100%;
	 /*height: 100vh;*/

	display: flex;
	flex-wrap: wrap;
}

.slideshow figure img{
	width: auto;
     /*height: 100vh;*/
    max-height: calc((100vw/4)*3);
    background: lightgray;
}

.logo-loader{
	background: url(img/logo.svg) no-repeat;
	background-size: 80%;
	background-position: center;
	width: calc(100vw/8*7.08);
	max-width: calc((100vh/3)*4);
	max-height: calc((100vw/4)*3);
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}


.slideshow figure figcaption{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding: 1em;
	box-sizing: border-box;
	max-width: 15em;
}

.slideshow figure figcaption.small{
		position: absolute;
		bottom: 0;
		right: 0;
		background: white;
	}

.slick-arrow{
	position: absolute;
	top: 0;
	 /*height: 100vh;*/
	display: flex;
	align-items: center;

	width: calc((100vw - 1em)/2);
    padding: 0;
    background: no-repeat;
    border: none;
    outline: none;
    z-index: 99;
    font-size: 0;
}

.slick-arrow.slick-next{
	left: calc((100vw - 2em)/2);
}

#cursor{
	position: absolute;
	pointer-events: none;
	mix-blend-mode: difference;
	padding: 2em;
	transform: translate(-50%, -50%);
	z-index: 9999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#cursor.prev{
	background-image: url('img/prev-arrow.svg');
}

#cursor.next{
	background-image: url('img/next-arrow.svg');
}


/* ONGLET */

.blocWrap {
    position: absolute;
  	width: calc((100vw/9)*8);
  	min-height: -webkit-fill-available;
	height: 100vh;
	right: 0;
    top: 0;
    z-index: 999;
}

.blocWrap.closed{
	transform: translateX(100%);
	transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.blocWrap.open{
	transform: translateX(0%);
	transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.onglet{
	position: absolute;
    z-index: 999999;
    width: auto;
    cursor: pointer;
   
    padding: 0.45em 1em 0.2em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-bottom: 5px solid white;
}

.onglet span{
	position: relative;
}

.onglet span.ongSvg{
	position: absolute;
    top: 0.25em;
    left: 0;
    width: 100%;
    height: 1.55em;
	overflow: hidden;
}

.texte .onglet{
	top: 9.25em;
	left: -2.08em;
}

.texte .onglet span.ongSvg{
	height: 1.6em;
}

.information .onglet{
	top: 3.5em;
	left: -3.55em;
}

.ressources .onglet{
	top: 14.8em;
	left: -3.2em;
}




.onglet{
	transform: rotate(-90deg);
	display: block;
	transform-origin: bottom;
}


.close,
.onglet span.close {
    position: absolute;
    z-index: 99999;
    width: 0;
    height: 2em;
   	left: 0;
}

.onglet span.closeTwo{
	position: absolute;
    z-index: 99999;
    width: 0;
    height: 2em;
   	right: 0;
}

.open .onglet span.close.off,
.open .onglet span.closeTwo.off{
    width: 0%;
}

.open .onglet span.close.on,
.open .onglet span.closeTwo.on{
    width: 100%;
}





.totalClose.full{
    width: 0;
    height: 0;
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 999;
}

.totalClose.on.full{
    width: 100%;
    height: 100vh;
}



.totalClose.small {
    grid-column: 16;
    position: fixed;
    z-index: 999;
    right: 0;
    padding: 1em;
    margin: 2em;
    top: 2em;
    cursor: pointer;
    background-image: url(img/cross.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}


.infosWrap{
	position: relative;
	top: 0;
	z-index: 99999;
	height: 100vh;
	background: white;
	border-left: 2px solid black; 

	padding: 2em 0;
	box-sizing: border-box;

	
	overflow-y: scroll;
	overflow-x: hidden;
	
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: max-content;

}

.wrap{
	grid-column: 3 / span 8;
	position: relative;
	padding-bottom: 10vh;
}

.smartReverse{
	grid-column: 3 / span 13;
	position: relative;
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	padding-bottom: 10vh;
}

.smartReverseWrap{
	grid-column: 1 / span 8;
	position: relative;
}

.agendaWrap{
	grid-column: 10 / span 4;
	top: 0;
	padding: 1.8em 0;
	max-width: 20em;
}

article .agenda p{
	margin: 0;
}

.agendaWrap article{
	padding-bottom: 1.2em;
}

.agendaWrap h2{
	font-size: 2.25em;
}

.agendaWrap h3{
	padding-bottom: 1.2em;
}

.agendaWrap article h3{
	padding-bottom: 0;
}

.infoText{
	font-size: calc(1em + 0.25vw);
	line-height: 1.2em;
	padding: 1rem 0;
}

.infoText article{
	padding-bottom: 3.1em;
}

.infoText article h2{
	font-size: 2.5em;
	line-height: 1em;
	padding-bottom: 0.25em;
}

.more-link{
	border-bottom: 0.1em solid;
	padding-bottom: 0.1em;
}

.hentry .wp-block-separator{
	border: none;
	padding: 0;

}

.hentry.open .wp-block-separator{
	border-bottom: 1px solid;
	margin: 0 0 1em;
}

.wp-block-group .has-background,
.wp-block-group.has-background{
	background: transparent;
	font-size: 0.8em;
    line-height: 1.2em;
    padding: 1em;
    border: 1px solid;
}
article .entry-content .wp-block-group + h3{
	margin-top: 1em;
}

article .entry-content .wp-block-group + .wp-block-group{
	margin-top: 1em;
}

article{
	position: relative;
}

#infos article.open .closeArticle:before{
	content: '';
	padding: 1em;
	display: block;
	background-image: url(img/cross.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
	cursor: pointer;
}

#infos article.open .closeArticle{
	position: absolute;
	right: 0;
	top: 0;
}

.wp-block-separator:before{
	content: 'Lire la suite';
	border-bottom: 0.1em solid black;
	padding-bottom: 0.1em;
	display: inline-block;
	cursor: pointer;
}

hr{
	padding: 0; margin: 0;
}

#infos article.open .wp-block-separator:before{
	display: none;
}



/* ONGLET NAV */

nav{
	font-size: calc(1em + 0.25vw);
    line-height: 1.2em;
	padding: 1rem 0 2rem;
	grid-column: 3 / span 8;
}

nav ul{
	display: flex;
	flex-wrap: wrap;
}

nav ul li{
	margin-right: 1em;
	border-bottom: 0.1em solid;
	padding-bottom: 0.1em;
	margin-bottom: 0.25em;
}

.wp-block-button__link{
	background: initial;
	color: black;
	padding: 0;
	border-radius: 0;
	border-bottom: 0.1em solid;
	padding-bottom: 0.1em;
}


/* GALERIE SPONSOR */
.blocks-gallery-grid, .wp-block-gallery{
	width: calc(100% + 2em);
    transform: translate(-1em, 0);
}

.infoText .wp-block-gallery figure{
	all: initial;
}
.wp-block-gallery .blocks-gallery-item {
    width: auto;
    margin: 0;
    padding: 0;
    max-width: 50%;
}

.wp-block-gallery .blocks-gallery-item img{
	max-height: 200px;
    max-width: 190px;
    box-sizing: border-box;
    padding: 1em;
    margin: 0;
}

ol{
	padding: 0 0 0 2em;
}

ol li{
	list-style: decimal;
}


/* LOGO */

.post-12 .entry-content{
	display: flex;
	flex-wrap: wrap;
	
	align-items: center;
}

.post-12 .entry-content figure{
	margin: 1em 2em 1em 0;
}

/* RESPONCIVE */
	
.cls-ongText, .cls-ongText-2,
	.cls-ongInfo, .cls-ongInfo-2, .cls-ongInfo-3 {
    	stroke-width: 0.1em !important;
	}


@media screen and (max-width: 1024px){

	.logo-loader{
		width: 100vw;
	}

	.blocWrap{
		width: calc((100vw/12)*11);
	}

	.infosWrap{
		grid-template-columns: repeat(11, 1fr);
	}

	nav{
		grid-column: 2 / span 8;
	}

	.wrap {
    	grid-column: 2 / span 8;
    	position: relative;
	}

	.smartReverse{
		grid-column: 2 / span 8;
    	display: flex;
    	flex-wrap: wrap;
    	flex-direction: column-reverse
	}

	.smartReverseWrap{
		
	}

	.agendaWrap {
    	
	}

	.slideshow figure figcaption.small{
		position: absolute;
		bottom: 0;
		left: 0;
		right: inherit;
		background: white;
		width: 100%;
		max-width: 25em;
	}

}

@media screen and (max-width: 640px){
	
	.arrow{visibility: hidden;}

	.texte .onglet {
    	top: initial;
    	bottom: 17.4em;
	}
	.information .onglet {
    	top: initial;
    	bottom: 23em;
	}

	.ressources .onglet {
    	top: initial;
    	bottom: 12em;
	}

	.infoText article h2{
		font-size: 1.5em;
    	line-height: 1em;
	}

	article .entry-content h3{
		font-size: 1.25em;
    	line-height: 1em;
	}
	.slideshow figure figcaption{
		font-size: 0.8em;
		line-height: 1.2em;
	}

	.wp-block-gallery .blocks-gallery-item{
		max-width: initial;
	}

	.wp-block-gallery .blocks-gallery-item img{
		margin: 0 auto;
	}

	.slideshow article{
		display: none;
	}

	#theSlide {
		position: relative;
		z-index: 999;
	}

	#theSlide button{display: none !important;}


}

@media screen and (max-width: 460px){
	.slick-arrow{
		
	}
	#cursor{display: none;}
}