/** le composant et ses liens */
.eac-articles-liste a, .eac-articles-liste a:visited, .eac-articles-liste a:active {
	text-decoration: none !important;
	outline: 0 none !important;
	color: #f12184;
}

.eac-articles-liste a:hover, .al-title__content a:hover {
	color: #bab305;
}

.eac-articles-liste::after {
	content: '';
	display: block;
	clear: both;
}

/** Le wrapper global de tous les posts */
.al-posts__wrapper {
	position: relative;
	display: block;
	min-height: 10px;
}

/** Le wrapper de chaque post */
.al-posts__wrapper .al-post__wrapper {
	display: block;
	float: left;
}

/** Les arguments de la requête */
.al-posts_query-args {
	font-size:13px;
	background-color:lightgoldenrodyellow;
}

/**
 * Les filtres articles/pages
 */
/** La div du filtre standard */
.al-filters__wrapper {
	display: block;
	width: 100%;
	line-height: .8em;
	margin-bottom: 8px;
}

/** La div du filtre par liste */
.al-filters__wrapper-select {
	display: none;
	margin-bottom: 10px;
}

.al-filters__wrapper-select .al-filter__select {
	padding: 0 5px;
	background-color: var(--eac-bg-input);
	border-color: var(--eac-color-primary);
	font-size: .85em;
}

.al-filters__wrapper .al-filters__item {
	position: relative;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 0 5px 5px 5px;
	font-style: normal;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
}

/** Couleur pour tous les liens du filtre */
.al-filters__wrapper .al-filters__item a {
	color: #919ca7;
} 

/** Couleur pour le lien actif du filtre */
.al-filters__item.al-active a {
	color: #f12184;
}

/** le filet rouge sur le filtre actif */
.al-filters__item.al-active:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 3px solid #f94213;
	width: 100%;
}

/**
 * Le wrapper du contenu article/page
 */
.al-post__wrapper-inner {
   overflow:hidden;
   margin:5px;
   padding: 3px;
   background-color: #FFF;
}

/** Formate le titre */
.al-post__wrapper-inner .al-title__content {
  text-align: center;
  font-size: .8em;
  font-weight: 600;
  margin: 5px 0;
  line-height: 1.4em;
}

/**
* Gère le contenu texte et image/gravatar
* positionné en colonne ou en ligne
* avec texte à droite
*/
.al-content__wrapper {
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 5px;
}

/** Formate l'image le container et l'image */
.al-image__wrapper {
  position: relative; /* pour l'overlay */
  margin-bottom: 5px;
  line-height: 0;
  overflow: hidden;
  text-align: center;
}

/** l'image fait 100% pour qu'elle se resize dans la div suivante */
.al-image__wrapper img {
	width: 100%;
}

.al-image__wrapper .al-image__loaded {
	position: relative;
	display: inline-block;
	line-height: 0;
}

/** Div - Image ratio pour le mode grid */
.al-posts__wrapper.al-posts__image-ratio .al-image__loaded {
	position: relative;
	display: block;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/** Img - Image ratio pour le mode grid */
.al-posts__wrapper.al-posts__image-ratio .al-image__loaded .al-image-loaded {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/**
* Le texte est aligné à droite
*/
@media (min-width: 640px) {
	.al-content__wrapper.text-align-right {
		-webkit-flex-direction: row;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.al-content__wrapper.text-align-left {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
	}
	.al-content__wrapper.text-align-right .al-image__wrapper,
	.al-content__wrapper.text-align-left .al-image__wrapper {
		flex: 1;
		margin: 0;
	}
	.al-content__wrapper.text-align-right .al-text__content-wrapper {
		margin-left: 5px;
		flex: 3;
	}
	.al-content__wrapper.text-align-left .al-text__content-wrapper {
		margin-right: 5px;
		flex: 3;
	}
}

/** Mobiles Repositionne le texte sous l'image ou l'avatar */
@media (max-width: 639px) {
	.al-content__wrapper.text-align-right, .al-content__wrapper.text-align-left {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	/* Cache les filtres standards pour les mobiles */
	.al-filters__wrapper { display: none; }
	/* Affiche les filtres select/option pour les mobiles */
	.al-filters__wrapper-select { display: block; }
}

/**
* post-meta englobe avatar, tags, author, date et comment
*/
.al-meta__content-wrapper {
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
    border-top: 1px solid rgb(231, 231, 231);
    padding:5px 0 0;
}

/** Gère le contenu Avatar */
.al-avatar__wrapper img {
    border-radius: 50%;
    border: 5px solid #ededed;
    box-shadow: 2px 2px 2px #888888;
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: gray;
    -webkit-filter: grayscale(100%);*/
}

/** La photo de l'avatar */
.al-meta__content-wrapper .al-avatar__wrapper {
	flex: 0 0 auto;
	margin: 0;
}

/** Gère le contenu des meta */
.al-meta__content-wrapper .al-post__meta {
	flex: 2 1 auto;
	margin-left: 8px;
	line-height: 0;
}

/** Défaut pour le contenu texte */
.al-tags__content, .al-author__content, .al-date__content, .al-comment__content, .al-link__content {
	font-size: .7em;
	color: #777;
	line-height: 1.5em;
}
.al-author__content, .al-date__content, .al-comment__content {
	display: inline-block;
}
/** Formate les liens catégories/étiquettes */
.al-tags__content a, .al-link__content a{
	color: #777;
}
/** Formate les meta */
.al-tags__content {
	display: block;
}

/** Formate le nombre de commentaire */
.al-comment__content {
	text-align: right;
	float: right;
	padding-right: 0;
}

/** 
* Formate le résumé
*/
.al-excerpt__content {
	display: block;
	margin-bottom: 5px;
}
.al-excerpt__content p {
	font-size: 0.7em;
	line-height: 1.3em;
	color: #919ca7;
	font-weight: unset;
	margin-bottom: 0;
}

/** Formate le lien 'En savoir plus' */
.al-link__content {
	display: inline-block;
	background-color: #eee;
	padding: 2px 5px;
}

/** Formate font awesome */
.al-comment__content i,
.al-date__content i,
.al-author__content i,
.al-tags__content i {
	color: #f12184;
}

.al-comment__content i:after,
.al-date__content i:after,
.al-author__content i:after,
.al-tags__content i:after {
  content: '';
  display: inline-block;
  margin-right: .25em;
  vertical-align: middle;
}

/** Pagination */
.al-pagination {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.al-pagination:after {
	content: '';
	display: block;
	clear: both;
}

.al-pagination .al-page-load-status {
	display: none;
}

/** Style du bouton 'MORE' */
.al-pagination .al-more-button {
  padding: 5px 9px;
  margin-bottom: 10px;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222 !important;
  font-family: sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
  text-transform: initial;
}

.al-pagination .al-more-button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.al-pagination .al-more-button:active,
.al-pagination .al-more-button.is-checked {
  background-color: #28F;
}

.al-pagination .al-more-button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.al-pagination .al-more-button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/**------------------------------*/
/** Formate les styles */
.al-post__wrapper-inner.style-0,
.al-post__wrapper-inner.style-1,
.al-post__wrapper-inner.style-2,
.al-post__wrapper-inner.style-3,
.al-post__wrapper-inner.style-4,
.al-post__wrapper-inner.style-5,
.al-post__wrapper-inner.style-6,
.al-post__wrapper-inner.style-7,
.al-post__wrapper-inner.style-8 {
  background-color: #fff;
}

.al-post__wrapper-inner.style-0 {
	border-bottom: 1px solid #efefef;
}

.al-post__wrapper-inner.style-1 {
  padding: 5px;
  border: solid 1px #EFEFEF;
  -webkit-box-shadow: 1px 1px 5px #999;
  box-shadow: 1px 1px 5px #999;
}

.al-post__wrapper-inner.style-2 {
  border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border: 1px groove #4a164a;
  -webkit-box-shadow: 1px 1px 5px 2px #656565;
  box-shadow: 1px 1px 5px 2px #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

.al-post__wrapper-inner.style-3 {
 -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
 box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

.al-post__wrapper-inner.style-4 {
 -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.6);
 box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.6);
}

.al-post__wrapper-inner.style-5 {
 -webkit-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
 box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
}

.al-post__wrapper-inner.style-6 {
 border: 7px solid;
 border-image: radial-gradient(rgb(0,143,104), rgb(250,224,66)) 1;
}

.al-post__wrapper-inner.style-7 {
 border: 7px solid;
 border-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%) 1;
}

.al-post__wrapper-inner.style-8 {
box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.al-post__wrapper-inner.style-9 {
 box-shadow: 5px 5px rgba(0, 98, 90, 0.4),
             10px 10px rgba(0, 98, 90, 0.3),
             15px 15px rgba(0, 98, 90, 0.2),
             20px 20px rgba(0, 98, 90, 0.1),
             25px 25px rgba(0, 98, 90, 0.05);
}

.al-post__wrapper-inner.style-10 {
 box-shadow: 0 1px 1px rgba(0,0,0,0.12), 
             0 2px 2px rgba(0,0,0,0.12), 
             0 4px 4px rgba(0,0,0,0.12), 
             0 8px 8px rgba(0,0,0,0.12),
             0 16px 16px rgba(0,0,0,0.12);
}

.al-post__wrapper-inner.style-11 {
 box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.al-post__wrapper-inner.style-12 {
 box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

/**
* 
* Medias Queries pour les modes Masonry & Grid (grille)
*
*/
@media (min-width: 1024px) {
.al-posts__wrapper.layout-type-masonry.desktop-column-1 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.desktop-column-1 .al-post__wrapper,
.al-posts__wrapper.desktop-column-1 .al-posts__wrapper-sizer {
 width:100%;
 }
.al-posts__wrapper.layout-type-masonry.desktop-column-2 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.desktop-column-2 .al-post__wrapper,
.al-posts__wrapper.desktop-column-2 .al-posts__wrapper-sizer {
 width:50%;
 }
.al-posts__wrapper.layout-type-masonry.desktop-column-3 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.desktop-column-3 .al-post__wrapper,
.al-posts__wrapper.desktop-column-3 .al-posts__wrapper-sizer {
 width:33.3333%;
 }
.al-posts__wrapper.layout-type-masonry.desktop-column-4 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.desktop-column-4 .al-post__wrapper,
.al-posts__wrapper.desktop-column-4 .al-posts__wrapper-sizer {
 width:25%;
 }
.al-posts__wrapper.layout-type-masonry.desktop-column-5 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.desktop-column-5 .al-post__wrapper,
.al-posts__wrapper.desktop-column-5 .al-posts__wrapper-sizer {
 width:20%;
 }
.al-posts__wrapper.layout-type-masonry.desktop-column-6 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.desktop-column-6 .al-post__wrapper,
.al-posts__wrapper.desktop-column-6 .al-posts__wrapper-sizer {
 width:16.6666%;
 }
}

@media (max-width: 1023px) {
.al-posts__wrapper.layout-type-masonry.tablet-column-1 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.tablet-column-1 .al-post__wrapper,
.al-posts__wrapper.tablet-column-1 .al-posts__wrapper-sizer {
  width:100%;
 }
.al-posts__wrapper.layout-type-masonry.tablet-column-2 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.tablet-column-2 .al-post__wrapper,
.al-posts__wrapper.tablet-column-2 .al-posts__wrapper-sizer {
  width:50%;
 }
.al-posts__wrapper.layout-type-masonry.tablet-column-3 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.tablet-column-3 .al-post__wrapper,
.al-posts__wrapper.tablet-column-3 .al-posts__wrapper-sizer {
  width:33.3333%;
 }
.al-posts__wrapper.layout-type-masonry.tablet-column-4 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.tablet-column-4 .al-post__wrapper,
.al-posts__wrapper.tablet-column-4 .al-posts__wrapper-sizer {
  width:25%;
 }
.al-posts__wrapper.layout-type-masonry.tablet-column-5 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.tablet-column-5 .al-post__wrapper,
.al-posts__wrapper.tablet-column-5 .al-posts__wrapper-sizer {
  width:20%;
 }
.al-posts__wrapper.layout-type-masonry.tablet-column-6 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.tablet-column-6 .al-post__wrapper,
.al-posts__wrapper.tablet-column-6 .al-posts__wrapper-sizer {
  width:16.6666%;
 }
}

@media (max-width: 767px) {
.al-posts__wrapper.layout-type-masonry.mobile-column-1 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.mobile-column-1 .al-post__wrapper,
.al-posts__wrapper.mobile-column-1 .al-posts__wrapper-sizer {
  width:100%;
 }
.al-posts__wrapper.layout-type-masonry.mobile-column-2 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.mobile-column-2 .al-post__wrapper,
.al-posts__wrapper.mobile-column-2 .al-posts__wrapper-sizer {
  width:50%;
 }
.al-posts__wrapper.layout-type-masonry.mobile-column-3 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.mobile-column-3 .al-post__wrapper,
.al-posts__wrapper.mobile-column-3 .al-posts__wrapper-sizer {
  width:33.3333%;
 }
.al-posts__wrapper.layout-type-masonry.mobile-column-4 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.mobile-column-4 .al-post__wrapper,
.al-posts__wrapper.mobile-column-4 .al-posts__wrapper-sizer {
  width:25%;
 }
.al-posts__wrapper.layout-type-masonry.mobile-column-5 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.mobile-column-5 .al-post__wrapper,
.al-posts__wrapper.mobile-column-5 .al-posts__wrapper-sizer {
  width:20%;
 }
.al-posts__wrapper.layout-type-masonry.mobile-column-6 .al-post__wrapper,
.al-posts__wrapper.layout-type-fitRows.mobile-column-6 .al-post__wrapper,
.al-posts__wrapper.mobile-column-6 .al-posts__wrapper-sizer {
  width:16.6666%;
 }
}