/*

Theme Name: An Grèn Koulèr

Description: Theme enfant de Divi

Author: Mathieu - MW

Author URI: https://www.multimediaworkers.com

Template: Divi

Version: 1.1

*/





@font-face {

	font-family: 'Camping Holiday';

	src: url('fonts/Camping-Holiday.otf');

}



h1, h2, h3 {

	font-family: 'Camping Holiday', 'Roboto'!important;

}

/*

** CENTRER DU CONTENU VERTICALEMENT

*/



.dc-centrer-verticalement {

	display: flex;

	flex-direction: column;

	justify-content: center;

  	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	 -moz-box-orient: vertical;

	 -moz-box-direction: normal;

	  -ms-flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-moz-box-pack: center;

	-ms-flex-pack: center;

}





/*

** INVERSER LE SENS DES COLONNES SUR MOBILE

** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile

*/



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

	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {

		display: -webkit-flex;

		display: -ms-flex;

		display: flex;

		-webkit-flex-direction: column-reverse;

		-ms-flex-direction: column-reverse;

		flex-direction: column-reverse;

	}

}





/*

** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer

*/



.et_mobile_menu {

	margin-left: -30px;

	padding: 5%;

	width: calc( 100% + 60px);

}



.mobile_nav.opened .mobile_menu_bar:before {

	content: "\4d";

}





/* 

** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 

** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués

*/

.et_pb_contact_right p input {

	max-width: 50px;

}





/*

** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE

** Généralement, ils sont bien trop gros…

*/

sup, sub {

    font-size: 70%;

}



/* PARTENAIRES */



#partenaires-grid img {transition: all 0.2s ease-in-out;}

#partenaires-grid article:hover img {transform: scale(1.05);}

#partenaires-grid .dp-dfg-skin-default .dp-dfg-item { overflow: visible;}

#partenaires-grid h2 { }



.grid_fiche {

	width: 100%;

	max-width: 1200px;

	margin: 1rem auto 1rem auto;

	display: grid;

	grid-gap: 1rem;

	/* background: deepskyblue; */

}



.mw_column {

	/* background-color: dodgerblue; */

	/* color: white; */

	padding: 1rem;

	height: auto;

}



/* Screen larger than 600px? 2 column */

@media (min-width: 600px) {

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

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

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

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

	.col_f_5 { grid-template-columns: repeat(3, 1fr); }

	.col_f_6 { grid-template-columns: repeat(3, 1fr); }

}



/* Screen larger than 900px? 3 columns */

@media (min-width: 900px) {

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

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

	.col_f_3 { grid-template-columns: repeat(3, 1fr); }

	.col_f_4 { grid-template-columns: repeat(4, 1fr); }

	.col_f_5 { grid-template-columns: repeat(5, 1fr); }

	.col_f_6 { grid-template-columns: repeat(6, 1fr); }

	.wrapper-sidebar { grid-template-columns: auto 275px;}

}





/* EQUIPE */



.equipe-container {

	display: grid;

	grid-template-columns: repeat(auto-fill,minmax(275px, 1fr));

	width: 1200px;

	max-width: 100%;

	margin: auto;

}



.equipe-container h2, .equipe-container p {text-align: center;}



@media (max-width: 900px) {

	.equipe-container {

		flex-wrap: wrap;

	}

}

.equipe-container .column {

	display: flex;

	flex-direction: column;

	flex: 1 1 300px;

	margin: 1em;

}



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

	.column {

		width: 100%;

		display: block;

	}

}



.card {

	position: relative;

	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */

	height: 100%;



}



.title {

	color: grey;

}



.text {

	padding: 35px 20px;

	margin-bottom: 45px;

   

}



.portrait {

	padding: 0;

	margin: 0;

	overflow: hidden;

	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */

	/* background-color: #B5806C; */

}



.portrait img{

	/* -webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out; */

	width: 100%;

}



/* .portrait:hover img {

	-webkit-transform: scale(1.3);

	transform: scale(1.3);

} */



.galerie_projet { display: block;}

.galerie_projet li { display: inline-block; border:none; padding: 10px; margin: 0 auto;}

.galerie_projet img{    

	max-width: 300px;

    height: 100%;

    max-height: 225px;

}



.acf-map {

    width: 100%;

    height: 400px;

    border: #ccc solid 1px;

    margin: 20px 0;

}



.acf-map img {

   max-width: inherit !important;

}



#list_tags, #list_cat {

	width: auto;

	

	

}

#list_tags li, #list_cat li {

	display: inline-block;

	color: #fff;

	background-color: #E02B20;

	padding: 5px 10px;

	margin: 5px;

}



#list_tags li:hover, #list_cat li:hover {

	background-color: #d6271e;

}



#list_tags li a, #list_cat li a {

	color: #fff;

}

#top-header a {

    color: #fff!important;

}



#top-menu li a:before {

	bottom: 38%!important;

}



.logo_expl { text-align: left;}

.logo_expl img { margin-left: 275px;}



#marges:hover #titre_marges { opacity:0;}

#solidarite:hover #titre_solidarite { opacity:0;}

#coconstruction:hover #titre_coconstruction { opacity:0;}

#differences:hover #titre_differences { opacity:0;}



#latest_actions h3, #latest_posts h3 {

	font-size: 16px!important;

	color: white!important;

}
#top-header { padding: 0 !important; height: 30px !important; max-height: 30px !important; overflow: hidden !important; }
#top-header .container { height: 30px !important; line-height: 30px !important; }
#main-header.et_header_style_left .et_menu_container { margin-left: 420px !important; }
#main-header .et_menu_container { padding-top: 10px !important; }
.et_search_form_container { display: flex !important; align-items: center !important; }
#et_search_icon:before { line-height: normal !important; }