/*!
Theme Name: Alternatiba 2019
Author: Cécile + Roger
*/

/*INIT*/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

.wip{
    display: flex;
    align-items: center;
    height: 100vh;
    text-align: center; 
}


.wip-block{
	width: 100%;
}

.wip h1, .wip{
    font-family: Rebond;
    color: rgb(255, 0, 102);
}


.wip h1, .wip p{
	width: 100%;
}

html{
	margin: 0 !important;
	scroll-behavior: smooth;
}
html #wpadminbar{ display: none; }

body{
	margin: 0;
	padding: 0;

	font-family: 'Rebond', sans-serif; 
	font-weight: normal;

	position: relative;
	overflow-x: hidden;
	overflow-y: visible;
	height: initial;
}

body.menuOpen{
	position: fixed;
	overflow: hidden;
	height: 50vh;
}
	/*
}
body.home{
	background-image: none;
}
*/

body{

	background-image: url(img/feuille_bg_3.png);
	background-size: 2790px;
	background-position: center 20px;
	background-repeat: repeat-y;
}

body.home{
	background-position: center 100vh;
}

a.arrowUp{
	padding: 0.4em 0.7em;
	background: white;
	border-radius: 100px;
	color: rgb(255, 0, 102);
	display: none;
}

.trigger{
position: absolute;
top: 0;
margin-top: -50px;
}

/*
.home #bg,
.page-template-template-accueil-2 #bg{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	pointer-events: none;
	background: white;
}
*/

.page-template-template-accueil-2 #intro h2{
    font-size: calc(24px + 2vw);
    max-width: 1200px;
    margin: 0 auto;
    color: rgb(255, 0, 102);
    box-sizing: border-box;
    padding: 0.5em 1em;
    font-weight: 300;
}

#intro .wp-block-group__inner-container {
    max-width: 1200px;
    margin: 0 auto;
}

#intro p{
    margin: 0 auto;
    padding: 1em 0;
}

body.page-template-template-accueil-2{
	background-position: center calc(100vh + 430px);
}

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

.thin{
	font-weight: 200;
	padding-bottom: 0.5em
}
.page-template-template-accueil-2 .thin{
	padding: 0;
}

.home .thin.promo,
.page-template-template-accueil-2 .thin.promo{
	font-size: 2em;
}

.home .promo,
.page-template-template-accueil-2 .promo{
	font-size: 2em;
}



.home .entry-content h2 {
	max-width: 800px;
}


/*SIZE*/

body{
	font-size: 16px;
	line-height: 1.3em;
}



body, a{
	color: #0F3512;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	line-height: 1em;
}


/* STYLE */

#primary{
	padding: 0 0 2em;
}

#secondary{
}



#secondary, footer#colophon{
	background: #0F3512;
	color: white;
	padding: 2em 0;
	box-sizing: border-box;
}

#secondary a, footer#colophon a{
	color: white;
}


.progSticky{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1em 3em;
	z-index: 99;
	background: rgb(255, 0, 102);
	display: none /*flex*/;
	justify-content: space-between;
	align-items: center;
	
}

.progSticky ul#menu-bottom-bar{
	display: flex;
	flex-wrap: wrap;
}

a.prog{
	color: rgb(255, 0, 102);
	background: white;
	padding: 0.4em 0.6em;
	border-radius: 100px;
	    margin: 0 0 0 0.5em;
}

.progSticky ul#menu-bottom-bar li a {
	padding: 1em; color: white;
}

#secondary .progSticky a{
	padding: 0.7em;
	border: 1px solid rgb(255, 0, 102);
	color: rgb(255, 0, 102);
	border-radius: 100px;
}

#secondary .wrapper{ padding: 0 0; }

.flex.sidebloc{
	max-width: 50%;
	width: 100%;
	flex-wrap: nowrap;
}

#secondary .wrapper section{ 
	padding: 0 48px; 
	margin: 0; 
	max-width: 340px;
	width: 100%;
}

#secondary .wrapper section.widget_mailpoet_form{
	max-width: 640px;
	width: 100%;
}

#event{
	padding-bottom: 3em;
	display: none;
}

.home #event{
	display: block;
}


#event .flex{
	justify-content: space-between;
		align-items: center;
}

#event section{
	width: 50%;
	text-align: center;
}


.wrapper{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 48px;
	box-sizing: border-box;
	clear: both;
}




.wrapper.title{
	max-width: 1280px;

}

#primary{
	min-height: 100vh;
}

#primary p{
	max-width: 800px;
	box-sizing: border-box;
}


/* Structure */

.term-evenements_passes .agenda-past{
	display: none;
}

.agenda-past h2{
	padding: 0;
	margin: 0;
	font-size: 32px;
}

.tax-event .agenda-past article a{
	padding: 0.5em 0;
}







/* HEADER */

.flex{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;

}

.site-branding {
    line-height: 1em;
    max-width: 330px;
}

#masthead{
	position: relative;
	z-index: 999;
	padding: 1em 0;
	background: white;
}

#headerFixe .flex{
	align-items: center;
}

#headerFixe .site-title{
	font-size: 1.5em;
}

/* MENU */

#headerFixe{
	background: white;
	border-bottom: 1px solid rgb(0,51, 0);
	padding: 0;
	position: fixed;
	z-index: 998;
	width: 100%;
	top:0;
}




nav#site-navigation-fixe{
	font-size: 1em;
}

nav#site-navigation,
nav#site-navigation-fixe{
	line-height: 1em;
}

nav#site-navigation ul,
nav#site-navigation-fixe ul{
	background-color: white;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;

}

nav#site-navigation li,
nav#site-navigation-fixe li{
	padding: 1em 1em;
}


nav#site-navigation li ul,
nav#site-navigation-fixe li ul{
	padding: 0;
    border: 1px solid rgb(0,51, 0);
    display: none;
    position: absolute;
    margin: 1em 0 0 -1em;
}

nav#site-navigation li ul li:first-child,
nav#site-navigation-fixe li ul li:first-child{
	padding-top: 1em;
}
nav#site-navigation li ul li:Last-child,
nav#site-navigation-fixe li ul li:last-child{
	padding-bottom: 1em;
}


nav#site-navigation li li,
nav#site-navigation-fixe li li{
	padding: 0.5em 1em;
	width: 250px;
}

nav#site-navigation li.menu-item-has-children:hover{
	background-color: rgb(0, 51, 0);
	border-radius: 20px 20px 0 0 ;
}

nav#site-navigation li:hover{
	background-color: rgb(0, 51, 0);
	border-radius: 30px;
}


nav#site-navigation-fixe li:hover{
	background-color: rgb(0, 51, 0);
	border-radius: 0;
}

nav#site-navigation li:hover ul{
	border-radius: 0 30px 30px 30px ;
}

nav#site-navigation-fixe li:hover ul{
	border-radius: 0;
}

nav#site-navigation li:hover a,
nav#site-navigation-fixe li:hover a{
	color: white;
}


nav#site-navigation li:hover ul{
		display: block;
	border-radius: 0 30px 30px 30px;
}

nav#site-navigation-fixe li:hover ul{
		display: block;
	border-radius: 0 0 30px 30px;
}


nav#site-navigation li:hover ul li,
nav#site-navigation-fixe li:hover ul li{
	background: inherit;
}


nav#site-navigation li:hover ul li a,
nav#site-navigation-fixe li:hover ul li a{
	color: rgb(0, 51, 0);
}


nav#site-navigation li:hover a,
nav#site-navigation-fixe li:hover a{
	color: white;
}

nav#site-navigation li ul li:hover,
nav#site-navigation-fixe li ul li:hover{
	border-radius: 0;
	background: yellow;
}


nav#site-navigation li.cta:hover,
nav#site-navigation-fixe li.cta:hover{
	background: inherit;
	color: rgb(255, 0, 102);
}


nav#site-navigation li.cta a{
	padding: 0.5em 1em;
}

nav#site-navigation-fixe li.cta{
	overflow: hidden;
	padding: 1em 0;
}

nav#site-navigation-fixe li.cta a{
	overflow: hidden;
}

nav#site-navigation-fixe li.cta a{
	padding: 1em;
}

.cta a,
.cta a.wp-block-button__link,
.wp-block-button__link{
    border: 1px solid rgb(255, 0, 102);
    color: rgb(255, 0, 102);
    background: initial;
    padding: 1em 1.5em;
    border-radius: 100px;
}

.wp-block-button__link:hover{
	  background: rgb(255, 0, 102);
}


nav#site-navigation-fixe .cta a{
	border-radius: 0;
}

.cta a:hover,
nav#site-navigation li.cta:hover a{
	background: rgb(255, 0, 102);
	color: white;
}


nav#site-navigation-small .logo-menu-small{
	font-size: 48px;
	padding: 0.5em;
	margin: 0 auto;
	max-width: 400px;
	line-height: 1em;
	text-align: center;

}

nav#site-navigation-small li.menu-item-has-children{
	font-size: 0;
}

nav#site-navigation-small li.menu-item-has-children li{
	font-size: 16px;
}



nav#site-navigation-small{
	display: none;
	position: fixed;

	top: 0;
	left: 0;
	

	z-index: 9999;
	background: white;
	
	padding: 1em;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;


}

nav#site-navigation-small .menu-menu-festival-container{
	padding: 0 0 200px;
	font-size: 1em;
}

nav#site-navigation-small ul{
	margin: 0 auto;
	max-width: 350px;
}

nav#site-navigation-small ul a{
	
}


nav#site-navigation-small ul li{
	text-align: center;
	padding: 0.5em;
}

nav#site-navigation-small ul li.menu-item-has-children:after{
	display: block;
	content: "";
	width: 50px;
	height: 1px;
	margin: 16px auto;
	background: rgb(51, 153, 51);
}


nav#site-navigation-small ul li a{
	padding: 1em;
	display: block;
	line-height: 1.2em;
}

nav#site-navigation-small ul li li{
	border: none;
	padding: 0;
}

.menu-small{
	display: none;
	cursor: pointer;
}

.close{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px 10px;
	font-size: 40px;
}

.menu-icon{
	padding: 1em;
	cursor: pointer;
}










/*

@media screen and (max-width: 1230px) {
	nav#site-navigation{
		display: none;
	}
}

nav#site-navigation-small{
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #33982A;
	z-index: 999;
}

nav#site-navigation ul#small-menu a{
	color: white;
	background: transparent;
}

nav#site-navigation ul#small-menu{
	text-align: center;
}

	nav#site-navigation ul#small-menu li{
		display: block;
		background: none;
		float: none;
		margin: 2em 0;
	}

	nav#site-navigation ul#small-menu li li{
		margin: 0;
	}

	.main-navigation ul ul a{
		width: 100%;
	}

	nav#site-navigation ul#small-menu li ul, nav#site-navigation ul#small-menu li ul ul{
		position: relative;
		top: inherit; left: inherit;
		float: none;
	}


*/



/* HOME */

.home h3, .home h4{
	padding: 0; margin: 0 auto;
}

.home h3 {
    font-size: calc(16px + 2vw);
    padding: 0;
    font-weight: 300;
}

.home h4{
	font-size: 0.75em;
	padding: 1em 0;
}

.home article{
	z-index: 1;
	position: relative;
}


.big-img {
	width: 100%;
	overflow: hidden;
}

.wrapImg{
	width: 300%;
	margin: 4em 0;
}

.big-img img{
	max-height: 80vh;
    position: relative;
    left: 50vw;
    transform: translateX(-50%);
}


.festInfos h4{
	font-size: 2em;
	color: rgb(255, 0, 102);
}

.festInfos .homeDate h4{
	max-width: 200px;
	margin: 0 auto;
}

.festInfos div{
padding: 0 2em;
}



h2.big-title{
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}




.entry-content h2.big-title {
	font-size: 180px;
	padding: 0;
	margin:0 auto;
	line-height: 0.9em;
	max-width: calc(1280px - 0.5em);
	color: rgb(255, 0, 102);
}

h2.big-title {
	font-size: 180px;
	padding: 0;
	margin:0 auto;
	line-height: 0.9em;
	max-width: calc(1280px - 0.5em);
	color: rgb(255, 0, 102);
}



.home article header{display: none;}







/* FILTRE */
nav#filtre{
	padding-bottom: 2em;
	position: relative;
	z-index: 99;
}



nav#filtre,
nav#filtre a{
 color: rgb(51, 153, 51);
}


nav#filtre ul, nav#filtre li{ 
	padding: 0; margin: 0;
	list-style: none;
	text-align: center;
}

nav#filtre li{ 
	display: inline-block;
	padding: 1em;
	border: 1px solid;
	background: white;
	border-radius: 100px;
	position: relative;
	margin: 0.5em;
}

nav#filtre li ul{
	display: none;
}

nav#filtre li:hover ul{
	display: block;
	width: 0 auto;
}

nav#filtre li li{
	margin-top: -1px;
}

nav#filtre.total .menu-filtre-conferences-container{
	top: 0;
	transition: all 0.4s ease-in-out;
}

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

nav#filtre.total.on .menu-filtre-conferences-container{
	transition: all 0.4s ease-in-out;
	position: fixed;
	top: 48px;
	left: 0;
    width: 100%;
    border-bottom: 1px solid;
    background: white;
}

nav#filtre.total.on .menu-filtre-conferences-container ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: calc(1280px - 6em);
	margin: 0 auto;
}

nav#filtre.total.on .menu-filtre-conferences-container li{
	display: inline-block;
	padding: 1em;
	border: 0;
	border-right: 1px solid;
	border-left: 1px solid;
	border-radius: 0;
	position: relative;
	margin: 0;
	margin-left: -1px;
}

}


.date {

    text-align: center;
    font-size: 1.5em;
    color: rgb(51, 153, 51);
    padding: 2em;


}

.wrapConf{
	    padding: 2em 0;
	    border-top: 1px solid rgb(0, 51, 0);
			position: relative;
}

.wrapConf:nth-child(odd){
	/*background: yellow;*/
}



/* GUTENBERG SPECIAL */
.cover{
	height: 100vh;
}

.wp-block-cover, .wp-block-cover-image{
	background-color: transparent;
}

.wp-block-cover{
	margin: 0 0 2em;
}

.wp-block-cover__inner-container{
	font-size: 2em;
	line-height: 1.3em;
	padding: 0;
}

#primary .wp-block-cover__inner-container p{
	max-width: calc(800px - 2em);
	padding: 0;
}

.small-colonne{
	max-width: 640px;
}

.small-colonne .wp-block-column{
	padding: 0;
}




/* Post */

.entry-title {
   	margin: 0;
    font-size: 2em;
    display: block;
    padding: 1em;
    text-align: center;
}

.home .entry-title, .page-id-3528 .entry-title{
	display: none;
}

.entry-content h2{
	color: rgb(51, 153, 51);
	margin: 0 auto 1em;
	max-width: 640px;
	padding: 0 16px; 
}



article h2.wrapper{padding: 2em 0 1em; max-width: 800px;}

article ul, article li{
	padding: 0; margin: 0.5em;
}


.wrapper.news-conf{
	display: flex;
	flex-wrap: wrap;
	padding: 0 1em;
	width: 100%;
	position:relative;
}

.wrapper.news-conf article{
	width: 100%;
   max-width: calc(100%/3);
    box-sizing: border-box;
    padding: 2em;
}



.wrapper.news-conf .entry-title{
	font-size: 1.5em;
	padding: 0.5em 0;
	color: rgb(255, 0, 102);
	text-align: left;
}

.wrapper.news-conf .entry-content{
	margin: 1em 0;
	display: none;
	overflow: hidden;
	position: relative;
}

.entry-content a{
	color: rgb(255, 0, 102);
}

.wrapper.news-conf .entry-content li{
	list-style: circle;
	margin: 0 0 0 1.2em;
}

.wrapper.news-conf .entry-content ul, .wrapper.news-conf .entry-content p{
	margin: 0;
}

.meta .time{
	font-weight: bold;
}

.meta{
	color: rgb(0, 51, 0);
}

.meta.light{
	color: rgb(51, 153, 51);
	
}

.more{ cursor: pointer; }
.more-info{margin: 1em 0;}
.more-info:before{
	content: '+';
	font-size: 1.5em;
}




.more.open .entry-content{
	display: block;
}

.more .inner-content{

}

.more.open .inner-content{
	
}


.more.open .more-info:before{
	content: '—';
}

#primary  article.type-page.hentry .entry-content ul.slider{
	max-width: 960px;
	margin: 0 auto;
	padding: 1em;
	box-sizing: border-box; 
}

#primary  article.type-page.hentry .entry-content ul.slider .slick-list{
    max-width: 800px;
    margin: 0 auto;
    height: auto;
    max-height: 600px;
}

#primary  article.type-page.hentry .entry-content ul.slider img,
#primary  article.type-page.hentry .entry-content ul.slider.wp-block-gallery .blocks-gallery-item img{
	width: 800px;
	max-height: 600px !important;
	left: 50%;
	position: relative;
	top: 300px;
	transform: translate(-50%, -50%);
}

#primary  article.type-page.hentry .entry-content ul.slider img,
#primary  article.type-page.hentry .entry-content ul.slider.wp-block-gallery.is-cropped .blocks-gallery-item img{
	width: 800px;
	max-height: 600px !important;
	left: 0;
	position: relative;
	top: 0;
	transform: inherit;
}

#primary  article.type-page.hentry .entry-content ul.sliderpart img,
#primary  article.type-page.hentry .entry-content ul.sliderpart.wp-block-gallery .blocks-gallery-item img,
#primary  article.type-page.hentry .entry-content ul.sliderpartTwo img,
#primary  article.type-page.hentry .entry-content ul.sliderpartTwo.wp-block-gallery .blocks-gallery-item img{
	max-width: 250px;
	height: auto;
	max-height: 100px;
	margin: 0 1em;
}

#primary  article.type-page.hentry .entry-content ul.sliderpart,
#primary  article.type-page.hentry .entry-content ul.sliderpartTwo{
	max-width: 100%;
	margin: 0 auto;
	padding: 1em;
	box-sizing: border-box; 
	background: white;
}

#primary  article.type-page.hentry .entry-content ul.sliderpart .slick-list,
#primary  article.type-page.hentry .entry-content ul.sliderpartTwo .slick-list{
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    max-height: 600px;
}

#primary  article.type-page.hentry .entry-content ul.sliderpart.wp-block-gallery .blocks-gallery-item,
#primary  article.type-page.hentry .entry-content ul.sliderpartTwo.wp-block-gallery .blocks-gallery-item{
	width: auto !important;
	height: 100px;
}

#primary  article.type-page.hentry .entry-content ul.sliderpart li,
#primary  article.type-page.hentry .entry-content ul.sliderpartTwo li{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sliderpart.wp-block-gallery .blocks-gallery-image figure, ul.sliderpart.wp-block-gallery .blocks-gallery-item figure
ul.sliderpartTwo.wp-block-gallery .blocks-gallery-image figure, ul.sliderpartTwo.wp-block-gallery .blocks-gallery-item figure{
	align-items: center;
}

#primary  article.type-page.hentry .entry-content ul.partenaire{
	max-width: 1280px;
    margin: 0 auto 2em;
    padding: 0 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#primary  article.type-page.hentry .entry-content ul.partenaire.wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item{
	width: auto;
	padding: 32px;
	margin: 0;
	list-style: none;
	flex-grow: initial;
	display: block;
}

#primary  article.type-page.hentry .entry-content ul.partenaire.wp-block-gallery .blocks-gallery-image img, 
#primary  article.type-page.hentry .entry-content ul.partenaire.wp-block-gallery .blocks-gallery-item img {
    width: auto;
    height: auto;
    max-height: 80px;
    max-width: 180px;
}

.post-thumbnail{
	text-align: center;
	padding-bottom: 1em;
}

.wp-block-cover-image.has-background-dim.has-parallax{
	margin-bottom: 1em;
	background-color: black;
}



.slick-arrow {
    position: absolute;
	top: 0;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	padding: 0.4em 0.3em 0.6em;
	background: rgb(255, 0, 102);
	color: white;
	border-radius: 100px;
	line-height: 0;
	font-size: 2em;
	cursor: pointer;
	margin: 0 0.5em;
}

.slick-next {
    right: 0;
}

.slick-prev {
    left: 0;
}


/* Organisation */

#organisation{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

article.organisation{
	flex-basis: calc(100%/2);
	padding: 1em;
	margin: 0 auto;
}


article.organisation h3{
	font-size: 1.5em;
	color: rgb(51, 153, 51);
	text-align: center;
	padding: 1em;
	max-width: 450px;
	margin: 0 auto;
}

article.organisation ul{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

article.organisation ul li{	
	margin: 0 0.5em 0.8em 0;
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid rgba(0, 51, 0, 0.5);
	color: rgba(0, 51, 0, 0.5);
	border-radius: 40px;
}

article.organisation ul li.hasLink{
	padding: 0;
	border: none;
}


article.organisation ul li.hasLink a{
	color: rgb(0, 51, 0);
	padding: 0.5em 1em;	
	border: 1px solid rgba(0, 51, 0, 1);
	color: rgba(0, 51, 0, 1);
	border-radius: 40px;
	display: inline-block;
}


article.organisation ul li.hasLink a:hover{
	background: rgb(0, 51, 0);
	color: white;
}




/* Article Classique */

figure{
	margin: 0;
}

article.type-page.hentry li{
	list-style: circle;
	margin: 0 0 0 0.5em;
}

article.type-page.hentry .slider li{
	list-style: none;
	margin: inherit;
}


#primary  article.type-page.hentry .entry-content p,
#primary  article.type-page.hentry .entry-content ul{
	max-width: 640px;
	margin: 0 auto 1em;
	padding: 0 1em; 
}

.wp-block-column{
	flex-basis: 640px;
	padding: 48px;
}

#primary article.type-page.hentry .entry-content .wp-block-column p,
#primary article.type-page.hentry .entry-content .wp-block-column h2{
	padding: 0;
}



.wp-block-columns{
	flex-basis: 1280px;
	max-width: 1280px;
	margin: 0 auto; 
	justify-content: center;
}

.wp-block-columns .wp-block-columns .wp-block-column{
	padding: 0;
	margin: 0;
}

.wp-block-columns .wp-block-columns .wp-block-column *,
.wp-block-columns .wp-block-columns .wp-block-column p{
	max-width: 95%;
}


.wp-block-columns h2.has-text-align-center{
	max-width: 450px;
	margin: 0 auto 1em;
}

article h2, article h3, article h5{
	line-height: 1.1em;
	margin: 0 auto 1em;
} 

article h4{
	line-height: 1.1em;
	margin: 0 auto;
	max-width: 640px;
	color: rgb(51, 153, 51);
} 



.time span:last-child:before{
	content:'— ';
}

.time span:first-child:before{
	content:'';
}

.lieu span:last-child:after{
	content:'';
}

.lieu span:first-child:after{
	content:', ';
}

.blog #main, .tax-event #main{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}


.blog article, 
.tax-event article,
.agenda article{
	flex-basis: 100%;
	border-bottom: 1px solid;
}
.blog article a, .tax-event article a, .agenda article a{
	display: block;
	padding: 1.5em 0;
}


.pageAgenda {
    flex-direction: row-reverse;
}

.agenda{
	width: 100%;
	max-width: calc((100% + 160px) / 3 * 2);
	margin-right: 48px;
}

.fbGroup {  padding: 28px 0 0;}


.blog article a:hover, .tax-event article a:hover,
.agenda article a:hover{
	background-color: yellow;
}

.blog article .meta, .tax-event article .meta{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
}

.blog article .entry-title, .tax-event article .entry-title{
	padding:0;
	text-align: left;
	display: block;
	width: 100%;
	line-height: 1.1em;
}

.blog article .date, .blog article .time,
.tax-event article .date, .tax-event article .time{
	padding: 0;
	text-align: left;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1em;
}


.single #primary article p, .single article ul{
	max-width: 640px;
	margin: 0 auto 1em;
}

.single ul.agenda li{
	padding: 1em 0;
	border-bottom: 1px solid;
}

.single .entry-content h2, .single .entry-content h3{
	text-align: center;
	padding: 1em 0;
}

.single figure{
	text-align: center;
	width: 100%;
}

.page-template-template-accueil-2 .agenda {
	max-width: inherit;
	margin-right: inherit;
}

.page-template-template-accueil-2 .agenda article .entry-title{
	padding: 0;
}

.page-template-template-accueil-2 .agenda .date{
	padding: 0 1em;
}

.page-template-template-accueil-2 .agenda .date,
.page-template-template-accueil-2 .agenda .entry-title
{
	text-align: left;
	padding: 0;
	font-size: 2em;
	line-height: 1.2em;
}

.wrap-title{
	font-size: 1em;
	border-bottom: 1px solid;
	padding: 1em 0;
	margin: 0;
}

.agenda-past{
	padding: 1em 0;
}

.agenda article.agenda-past{
	padding: 0;
}
.agenda article.agenda-past a{
	padding: 1em 0;
}



/* WIDGET */

.widget-title h2{
	margin: 0 0 1em;
}

.widget_mailpoet_form h2{
	margin: 0;
}

.widget-area .flex{
	justify-content: inherit;
}

#mailpoet_form_1 .mailpoet_paragraph{
	line-height: 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 1em 0;
}

.mailpoet_text_label::after{
	content: ':';
	margin: 0 2px;
}



.mailpoet_text{
	font-size: 1em;
	padding: 1em;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid white;
	background: none;
	color: white;
	line-height: 1em;
	height: 46px;
	width: calc(100% - 66px) !important;

}


.mailpoet_text_label{
	padding: 1em 0;
	border-bottom: 1px solid white;
	line-height: 0.85em;
	font-weight: normal !important;
	height: 46px;
}

.mailpoet_paragraph ul{
	flex-basis: 100%;
	padding: 1em 0;
	color: white;
}

.mailpoet_submit {
    border: none;
    border-radius: 100px;
    padding: 0.5em 1em;
    color: rgb(255, 0, 102);
    font-size: 1em;
    background: white;

}

/* Social */

#secondary .menu-bottom-bar-container ul{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 2em;
	justify-content: center;
}


#secondary section:last-child{
	display: none;
}


#secondary section:first-child{
	display: block;
}

.facebook,
.instagram,
.twitter,
.youtube,
.framasphre{
	font-size: 0; 
	position: relative;
	padding: 15px 20px;
	margin: 1em;
}

.facebook a,
.instagram a,
.twitter a,
.youtube a,
.framasphre a{
	line-height: 0;
	padding: 0 !important;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.facebook a:after,
.instagram a:after,
.twitter a:after,
.youtube a:after,
.framasphre a:after{
	display: block;
	content:'';
	background-size: contain;
	padding: 15px;
	margin: 0;
}

.facebook a:after{
	background-image: url(img/social-01.png);
}

.instagram a:after{
	background-image: url(img/social-02.png);
}

.twitter a:after{
	background-image: url(img/social-03.png);
}

.youtube a:after{
	background-image: url(img/social-04.png);
}

.framasphre a:after{
	background-image: url(img/social-05.png);
}

.socialNetwork .wp-block-column{
	padding: 0;
	max-width: 370px;

}

.socialNetwork .wp-block-columns{
		flex-wrap: wrap !important;
}


.tweet{

    border: 1px solid #ebedf0;
    width: 100%;
}

.fb-field{
	text-align: center;
}


.rsoc{
	background-color: rgb(255, 0, 102);
	position: relative;
	height: 30px;
	padding: 1.6em 0.8em;
	display: flex;
	justify-content: space-between;
	max-width: 230px;
	margin: 0 auto;
	border-radius: 100px;
}


.wip a.facebook,
.wip a.instagram,
.wip a.twitter,
.wip a.youtube,
.wip a.framasphre{
	line-height: 0;
	padding: 0 !important;
	margin: 0;
	top: 0;
	left: 0;
}

.wip a.facebook:after,
.wip a.instagram:after,
.wip a.twitter:after,
.wip a.youtube:after,
.wip a.framasphre:after{
	content:'';
	background-size: contain;
	padding: 15px;
	margin: 0;
}

.wip a.facebook:after{
	background-image: url(img/social-01.png);
}

.wip a.instagram:after{
	background-image: url(img/social-02.png);
}

.wip a.twitter:after{
	background-image: url(img/social-03.png);
}

.wip a.youtube:after{
	background-image: url(img/social-04.png);
}

.wip a.framasphre:after{
	background-image: url(img/social-05.png);
}

.no-mobile{
		display: inline-block;
	}


/* ADAPTATIVE */

@media screen and (max-width: 1280px) {
	h2.big-title{
		font-size: 120px;
		padding: 0 40px;
	}

	.wrapImg{
		margin: 0 0 4em;
	}


}


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

	#headerFixe{ display: none}

	.wrapper{padding: 0 1em;}

	#primary{
		margin-top: 48px;
	}

	.home #primary{
		margin-top: 70px;
	}

	#masthead{ position: fixed;
		width: 100%;
		border-bottom: 1px solid;
		top: 0;
		padding: 0.5em 0;
	}

	h1.site-title {
		font-size: 1em;
	}
	.big-img,
	.big-img img{
		
	}
	
	.menu-small{
		display: block;
	}

	nav#site-navigation{
		display: none;
	}

	#bg{display: none;}
	h2.big-title{
		font-size: 13vw;
		padding: 0 16px;
	}

	.wrapper.news-conf article{
		max-width: calc(100%/2);
	}

	#secondary, footer#colophon{
		padding: 0 0 2em;
	}

	#secondary .wrapper section{
		padding: 0 1em;
		margin: 0 0 2em;
	}

	.progSticky{
		padding: 0.7em 0.8em;
	}

	.progSticky .widget_nav_menu{
		display: none;
	}

	.wrapImg{
		margin: 2em 0 4em;
	}

	#secondary section:last-child{
		display: block;
	}

	a.arrowUp{
		display: block;
	}

}


@media screen and (max-width: 960px) {
	body{ font-size: 16px;}
	.blog article .entry-title,
	.blog article .meta{
		max-width: 100%;		
	}

	.wp-block-column{
		padding: 1em;
		margin: 0 0 0.5em;
	}

	article.organisation{
		flex-basis: 100%;
	}

	.wrapper.news-conf article{
		padding: 1em 1em 1em 0;
	}

	.wrapper.date{
		padding: 1em;
	}

	.widget-area .flex{
		justify-content: center;
		text-align: center;
		
	}

	#secondary .wrapper section{
		padding: 1em;
		margin: 0;
	}

	.slick-arrow{
		margin: 0;
	}

	.wp-block-column:nth-child(2n){
		margin: 0;
	}

	.socialNetwork .wp-block-column{
		text-align: center;
	}

	.home h3{
		padding: 2em 0 0;
	}

	.flex.sidebloc{
	max-width: 100%;
	width: 100%;
	flex-wrap: wrap;
	text-align: center;
	}

	#mailpoet_form_1 .mailpoet_paragraph{
		justify-content: center;
	}

	.blog #main{
		flex-wrap: wrap;
	}
	.agenda{
		width: 100%;
		max-width: 100%;
		margin: 0 42px 0 0;
	}

	.fbGroup{
		margin: 0 auto;
	}

	.progSticky{
		bottom: -4em;
		transition: bottom 0.2s;
	}

	.progSticky.on{
		bottom: 0;
		transition: bottom 0.2s;
	}
}



@media screen and (max-width: 640px) {
	.home .promo{
		font-size: 1.5em;
	}

	.home .promo h4{
		font-size: 1em;
	}
	.wrapper.news-conf article{
		max-width: 100%;
	}

	.slider .slick-list {
    	max-width: 100vw;
    	margin: 0 auto;
    	height: auto;
    	max-height: 75vw;
	}

	.slider img,
	.slider.wp-block-gallery .blocks-gallery-item img{
		width: 100vw;
		max-height: 75vw !important;
		left: 50%;
		position: relative;
		top: calc(75vw/2);
		transform: translate(-50%, -50%);
	}

	.tweet{
	height: initial;
    	overflow-y: visible;
    	width: 100%;
	}

	#primary  article.type-page.hentry .entry-content ul.partenaire li{
		width: 100%;

	}

	#primary  article.type-page.hentry .entry-content ul.partenaire li img{
		margin: 0 auto;
	}

	.post-4025 h3{
		text-align: center;
	}

	.blog #main, .tax-event #main{
		flex-wrap: wrap;
	}

	.agenda{
		margin: 0;
	}

	.row-inverse {
    	flex-direction: column-reverse !important;
	}

	.wp-block-group {
    	padding: 0 1em;
	}

	a.prog{
		font-size: 14px;
	}

	.no-mobile{
		display: none;
	}

	.page-template-template-accueil-2 .alignfull{
		padding: 0;
	}

}

@media (min-width: 782px){
	.wp-block-column:not(:first-child) {
    	margin-left: 0;
	}
}

@media (min-width: 600px){
	.wp-block-column:nth-child(2n) {
    	margin-left: 0;
	}
}