/*
Theme Name: Mutuellisme
Theme URI: https://www.mutuellisme.org
Author: Proudhon
Author URI: https://www.mutuellisme.org
Description: Hey you! 
Tags: anarchy
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mutuellisme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* noir #151828 */
/* gris foncé #676767 */
/* gris clair #ededed */
/* orange #FF6D2F */
/* rouge #FF0000 */
/* vert #49AD30 */

/* DOCUMENT */
body{
	margin: 0;
	font-family: "Inter", sans-serif;
	font-weight: normal;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
}
h1,h2,h3,h4{
	margin-top: 18px;
	margin-bottom: 8px;
	line-height: 1.1;
	font-weight: 700;
}
h1,.h1{
	font-size: 40px;
	font-weight: 700;
}
h2,.h2{
	font-size: 32px;
	font-weight: 700;
}
h3,.h3{
	font-size: 24px;
	font-weight: 700;
}
h4,.h4{
	font-size: 18px;
	font-weight: 700;
}
.subHeaded{
	display: flex;
	flex-direction: column;
	gap: 0px;
}
.subHeaded span{
	font-weight: 500;
	font-size: 18px;
	color: #FF6D2F;
}
/* h1,h2,h3,header nav ul a, p{
	font-family: Georgia;
} */
p{
	margin-top: 0px;
	margin-bottom: 8px;
	color: #676767;
	font-size: 16px;
	line-height: 1.5em;
}
p.bigP{	
	font-size: 18px;
	margin: 0;
}
p.smallP{	
	font-size: 14px;
	margin: 0;
}
p a{
	color: #FF6D2F;
	text-decoration: underline;
}
p strong{
	color: #676767;
	text-decoration: underline;
}
ul{
	padding-left: 15px;
	margin-bottom: 8px;
	margin-top: 0px;
}

.bigIcon{
	padding: 18px;
	border-radius: 15px;
	width: 35px;
}
.bgGreen{
	background: #49AD30;
}
.bgRed{
	background: #ff0000;
}
.bgBlack{
	background: black;
}
.bgWhite{
	background: white;
}

/* HEADER */

header,.container,.journal-de-bord main,.manifeste main,.participer main{
	padding-left: 20px;
	padding-right: 20px;
	width: 1120px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	overflow: hidden;
}
header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: white;
}
#logo{
	display: block;
	height: 50px;
	margin: 12px 0;
}
#logo img{
	height: 100%;
	width: auto;
}

header .menu{
	display: flex;
	column-gap: 40px;
	list-style-type: none;
	padding: 0;
	
}
header .menu li a{
	text-decoration: none;
	color: #979797;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
}
header .menu li.current-menu-item a,header .menu li a:hover{
	/* text-decoration: underline; */
	color: #151828;
}

 @media (max-width: 1024px) {
	header .menu{
		column-gap: 15px;
	}
	header .menu li a{
		font-size: 14px;
		text-align: center;
	}
}

@media (max-width: 767px) {
	header{
		column-gap: 0px;
		padding: 0px;
		margin: 0;
		flex-wrap: wrap;
		max-width: 100%;
		justify-content: center;
		gap: 1px;
	}
	
	#logo{
		width: 100%;
		justify-content: center;
		display: flex;
	}
	
	header .menu-menu-principal-container{
		width: calc(75% - 1px);
		padding: 0;
	}
	header .menu{
		gap: 1px;
	}
	header .menu li{
		width: 33.333%;
		align-items: center;
		display: flex;
		justify-content: center;
	}
	header .menu li a{
		font-size: 12px;
		padding: 8px;
		line-height: 14px;
	}
	header #participerBouton{
		width: 25%;
		align-items: center;
	}
	header #participerBouton .button{
		padding: 6px 8px;
		border-radius: 0px;
		align-items: center;
	}
	header .menu-menu-principal-container{
		height: 60px;
	}
	header .menu li,header #participerBouton{
		height: 60px;
		background: rgba(255,109,47,0.1);
	}
	header #participerBouton{
		align-items: center;
		display: flex;
		justify-content: center;
	}
	header .button{
		font-size: 12px;
	}
	
	
} 


/* FOOTER */
footer{
	padding: 10px 0;
	text-align: center;
	position: fixed;
	bottom: 0;
	background: white;
	border-top: 1px #ededed solid;
	width: 100%;
}
main{
	margin-bottom: 40px;
}


/* JOURNAL WEB */
.journal-de-bord .mikoGrid{
	margin-top: 20px;
}
/* MIKO GRID */
.mikoGridContainer{
	padding: 70px 0;
}
.mikoGrid{
	display: flex;
	gap: 40px 30px;
	flex-wrap: wrap;
}
.mikoGrid .oneGridElement{
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: white;
	flex-basis: calc(33.33% - 20px);
	overflow: hidden;
	text-decoration: none !important;
	color: #151828;
}
.mikoGrid .oneGridElement .innerThumbnail{
	height: 200px;
	display: flex;
	align-items: center;
	justify-items: center;
	overflow: hidden;
	position: relative; 
	border-radius: 5px;
	background: #eee;
}
.mikoGrid .oneGridElement .innerThumbnail img{
	width: 100%;
	height: auto;
	max-width: none;	
	transition: 0.5s;
}
.mikoGrid .oneGridElement:hover .innerThumbnail img{
	transform: scale(1.1);
}
.mikoGrid .oneGridElement h2{
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.mikoGrid .oneGridElement .date{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #FF6D2F;
}
.mikoGrid .oneGridElement .excerpt{
	font-size: 14px;
	line-height: 1.4;
}
/* .mikoGrid .oneGridElement .innerText p.lireLaSuite{
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
} */

@media (max-width: 767px) {
	.mikoGrid {
		gap: 40px;
	}
	.mikoGrid .oneGridElement{
		flex-basis: 100%;
		
	}
	.mikoGrid .oneGridElement .innerThumbnail{
		height: auto;
		max-height: 250px;
	}
	.mikoGrid .oneGridElement .innerThumbnail img{
		min-height: 100%;
		min-width: 100%;
	}
}

/* MIKO CSS SYSTEM */
.m0{
	margin: 0;
}
.mt40{
	margin-top: 40px;
}
.p0{
	padding: 0;
}
.p40{
	padding: 40px;
}
.r20{
	border-radius: 20px;
}
.bShadow{
	box-shadow: 0px 2px 12px rgba(0,0,0,0.10);
}
img{
	max-width: 100%;
	height: auto;
}
.textCenter{
	text-align: center;
}
.textOrange{
	color: #FF6D2F;
}
.container{
	padding: 70px 0;
}
.containerBg{
	background: rgba(255,109,47,0.1);
}
.containerTop{
	padding-top: 20px;
}
.flex{
	display: flex;
}
.warp{
	flex-wrap: wrap;
}
.noWarp{
	flex-wrap: nowrap;
}
.flex h1,
.flex h2,
.flex h3,
.flex h4{
	margin: 0;
	padding: 0;
}
.flexColumn{
	flex-direction: column;
}
.justifyCenter{
	justify-content: center;
}
.justifyStart{
	justify-content: flex-start;
}
.justifyEnd{
	justify-content: flex-end;
}
.justifyBetween{
	justify-content: space-between;
}
.alignCenter{
	align-items:center;
}
.alignStart{
	align-items:flex-start;
}
.alignEnd{
	align-items:flex-end;
}
.height100{
	height: 100%;
}
.gap5{
	gap: 5px;
}
.gap10{
	gap: 10px;
}
.gap20{
	gap: 20px;
}
.gap40{
	gap: 40px;
}
.gap60{
	gap: 60px;
}
.width30{
	width: 30%;	
}
.width33{
	width: 33.333%;
	box-sizing: border-box;
}
.width40{
	width: 40%;	
	box-sizing: border-box;
}
.width50{
	width: 50%;	
	box-sizing: border-box;
}
.width60{
	width: 60%;	
	box-sizing: border-box;
}
.width70{
	width: 70%;	
	box-sizing: border-box;
}
.grid{
	display: grid;
}
.grid2{
	grid-template-columns: repeat(2, 1fr);
}
.grid3{
	grid-template-columns: repeat(3, 1fr);
}
.grid4{
	grid-template-columns: repeat(4, 1fr);
}
.grid5{
	grid-template-columns: repeat(5, 1fr);
}
.grid6{
	grid-template-columns: repeat(6, 1fr);
}
.grid7{
	grid-template-columns: repeat(7, 1fr);
}
.grid8{
	grid-template-columns: repeat(8, 1fr);
}
.grid9{
	grid-template-columns: repeat(9, 1fr);
}
.grid10{
	grid-template-columns: repeat(10, 1fr);
}

@media (max-width: 767px) {
	.flex{
		flex-direction: column;
	}
	.smInvert{
		flex-direction: column-reverse;
	}
	.gap40{
		gap: 40px;
	}
	.width30, .width33,.width50,.width60,.width70,.width40{
		width: 100%;
	}
	.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10{
		grid-template-columns: repeat(1, 1fr);
	}	
	.smCenter{
		text-align: center;
		justify-content: center;
		align-items: center;
	}
}


/* MOUVEMENT */
.mouvement{
	
	
}


@media (max-width: 767px) {
	#compagniesListe {
		flex-direction: row;
		gap: 40px 10px;
	}
	#compagniesListe .flex{
		width: calc(50% - 5px);
	}
	#compagniesListe {
		text-align: center;
	}
}




/* JOURNAL DE BORD */
.journal-de-bord main ul{
	margin-top: 0px;
}

/* UN ARTICLE */
.single-post main article{
	max-width: 800px;
	margin: 40px auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.single-post main article  img.postThumbnail{
	border-radius: 5px;
	background: #eee;
	width: 100%;
	height: auto;
}
.single-post main article .date{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #FF6D2F;
}
.single-post h1{
	margin: 0;
	line-height: 1;
}
.single-post main #postNavigation{
	
}

/* UN EVENEMNT  */
.single-evenement main article{
	max-width: 800px;
	margin: 40px auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.single-evenement main article  img.postThumbnail{
	border-radius: 5px;
	background: #eee;
	width: 100%;
	height: auto;
}
.single-evenement main article .date{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #FF6D2F;
}
.single-evenement h1{
	margin: 0;
	line-height: 1;
}
.single-evenement main #evenementNavigation{
	
}

/* MANIFESTE */
.manifeste main ul#menu-sommaire-manifeste{
	position: relative;
	padding-left: 30px;
	border: 1px lightgrey solid;
	border-radius: 5px;
	list-style-type: none;
	padding-left: 20px;
}
.manifeste main ul#menu-sommaire-manifeste li:before {
	content: " ";
	height: 1px;
	background: lightgrey;
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
}
.manifeste main ul#menu-sommaire-manifeste > li:first-child:before {
	display: none;
}

.manifeste main ul#menu-sommaire-manifeste > li > a{
	font-weight: bold;
}

.manifeste main ul#menu-sommaire-manifeste a{
	text-decoration: none;
	color: inherit;
	padding: 15px 0;
	line-height: 25px;
	font-size: 18px;
	display: block;
}
.manifeste main ul#menu-sommaire-manifeste a:hover{
	text-decoration: underline;
}

.manifeste main ul#menu-sommaire-manifeste li.green > a {
	color: green;
}
.manifeste main ul#menu-sommaire-manifeste li.orange > a {
	color: orange;
}
.manifeste main ul#menu-sommaire-manifeste li.red > a {
	color: red;
}

/* UN MANIFESTE */

.single-manifeste main article{
	max-width: 800px;
	margin: 40px auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.single-manifeste main article h1{
	margin: 0;
}

/* POST */
.post-template-default .buttons{
	margin-top: 20px;
}


/* COMPONENTS */
main p{
	text-align: justify;
}
nav.buttons{
	display: flex;
	column-gap: 10px;
	flex-wrap: wrap;
	row-gap: 10px;
	justify-content: center;
}
.button{
	/* border: 1px black solid; */
	border-radius: 6px;
	padding: 16px 24px;
	font-size: 16px;
	font-weight:400;
	line-height: 1;
	text-decoration: none;
	background: rgba(255,109,47,1);
	color: white;
	display: inline-block;
}
.button:hover{
	background: rgba(255,109,47,0.1);
	color: #212B36;
}
.button.inverted{
	background: rgba(255,109,47,0.1);
	color: #212B36;
}
.button.inverted:hover{
	background: rgba(255,109,47,1);
	color: white;
}

 @media (max-width: 1024px) {
	.button{
		padding: 14px 20px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.button{
		padding: 12px 18px;
		font-size: 14px;
	}
} 


.liste article{
	border: 1px black solid;
	padding: 12px;
}
.liste article{
	margin-bottom: 16px;
}
.liste article h3{
	margin-top: 0;
}
.liste article p{
	margin-bottom: 0;
}
.alert{
	margin-top: 16px;
	background: rgba(255,0,0,0.8);
	color: white;
	padding: 8px 12px;
	border-radius: 5px;
}
/* BLOCKQUOTE */
blockquote {
  position: relative;
  margin: 32px 0;
  padding: 32px 0px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
blockquote p {
  margin: 0;
  font-size: 19px;
  line-height: 1em;
  font-style: italic;
  text-align: center;
  color: rgb(54, 55, 55);
  font-weight: 300;
}



/* GUTENBERG */
:where(figure) {
	margin: 0 0 0;
}

figure {
	display: block;
	margin-block-start: 20px;
	margin-block-end: 20px;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

.wp-block-table {
	overflow-x: auto
}

.wp-block-table table {
	border-collapse: collapse;
	width: 100%
}

.wp-block-table thead {
	border-bottom: 3px solid
}

.wp-block-table tfoot {
	border-top: 3px solid
}

.wp-block-table td,.wp-block-table th {
	border: 1px solid;
	padding: .5em
}

.wp-block-table .has-fixed-layout {
	table-layout: fixed;
	width: 100%
}

.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
	word-break: break-word
}

.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
	display: table;
	width: auto
}

.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
	word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
	background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
	background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
	background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
	background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
	background-color: transparent;
	border-bottom: 1px solid #f0f0f0;
	border-collapse: inherit;
	border-spacing: 0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
	background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
	background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
	background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
	background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
	border-color: transparent
}

.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>* {
	border-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th {
	border-top-color: inherit
}

.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
	border-top-color: currentColor
}

.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>* {
	border-right-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th {
	border-bottom-color: inherit
}

.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
	border-bottom-color: currentColor
}

.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>* {
	border-left-color: inherit
}

.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>* {
	border-style: inherit
}

.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>* {
	border-style: inherit;
	border-width: inherit
}


.has-regular-font-size {
	font-size: 1em
}

.has-larger-font-size {
	font-size: 2.625em
}

.has-normal-font-size {
	font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
	font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
	text-align: center
}

.has-text-align-left {
	text-align: left
}

.has-text-align-right {
	text-align: right
}



/* @media (max-width: 1024px) {
	
}

@media (max-width: 767px) {
	
} */