/* --------------------------------------------------
 * -------------------------------------------------- Section - Aperçu des articles de la catégorie "Le blog"
 *  ------------------------------------------------- */
.article-card.article-card--horizontal {
	display: flex;
    align-items: center;
	flex-direction: column;
}
.article-card  .article-card__header {
	position: relative; 
	min-height: 496px;
    width: 100%;
}

.article-card .article-card__header::after{
  content: "";
  position: absolute;
  left: -80px;
  top: 50%;
  width: 180px;
  height: 180px;
  transform: translateY(-50%);

  /* couleur du SVG */
  background-color: var(--turquoise-vif); /* ou var(--turquoise-vif) */

  /* SVG utilisé comme masque */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.147 31.134'%3E%3Cpath d='M134.674,124.025,122.323,111.64,141.1,92.891l12.37,12.389Z' transform='translate(-122.323 -92.891)'/%3E%3C/svg%3E")
    no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.147 31.134'%3E%3Cpath d='M134.674,124.025,122.323,111.64,141.1,92.891l12.37,12.389Z' transform='translate(-122.323 -92.891)'/%3E%3C/svg%3E")
    no-repeat center / contain;
}


.article-card  .article-card__header .article-card__img {
	display: block;
}
.article-card  .article-card__header .article-card__img img {
	    width: 100%;
    aspect-ratio: 184 / 75;
    object-fit: cover;
}

.article-card  .article-card__header .article-card__caption {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.article-card .article-card__body {
	padding: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
    height: 100%;
    background: rgba(27, 57, 59, 0.7);
}
.article-card .article-card__body .article-card__content {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
}
.article-card .article-card__body .article-card__title {
	margin-bottom: 12px;
}
.article-card .article-card__body .article-card__desc {
	margin-bottom: 0;
	max-width: 90%;
}
.article-card .article-card__body .article-card__title a {
	transition: all .3s ease;
}

.article-card .article-card__body .article-card__start {
	margin-bottom: 0;
	/*margin-top: auto !important;*/
}

.article-card .article-card__body .article-card__start .gmr-btn-inline i {
    display: inline-block;
    transform: rotate(-45deg) scale(1);
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
}
.article-card .article-card__body .article-card__start .gmr-btn-inline i,
.article-card .article-card__body .article-card__start .gmr-btn-inline span {
	text-transform: uppercase;
	font-weight: var(--bold);
	font-size:14px;
}
.article-card .article-card__body .article-card__start .gmr-btn-inline i {
	color: var(--turquoise-vif);
}
.article-card .article-card__body:hover .article-card__start .gmr-btn-inline i {
    transform: rotate(0deg) scale(1);
}

/* reset */
.uabb-blog-post-inner-wrap.uabb-thumbnail-position-left, .uabb-blog-post-inner-wrap.uabb-thumbnail-position-right, .uabb-blog-posts,
.uabb-post-wrapper .uabb-blog-post-content {
	overflow: visible;
}


/* Mobile (≤1200px) */
@media all and (max-width: 1200px) {
	.article-card  .article-card__header .article-card__img img {
		min-height: 328px;
		object-fit: cover;
		object-position: top;
	}
	.article-card  .article-card__header:after {
		content: none;
	}
	.article-card .article-card__body {
		position: relative;
		width: 100%;
		background: rgba(27, 57, 59, 1);
		        padding: 16px;
	}
	.article-card  .article-card__header {
		min-height: auto;
	}
	.article-card .article-card__header .article-card__caption {
		left: 16px;
		bottom: 16px;
	}
}