/* --------------------- Page d'Accueil --------------------------------*/

.page-id-33 .wp-block-latest-posts__featured-image img {
	width: min-content;
}

.page-id-33 .entry-content h1.wp-block-heading {
    font-size: 5rem;
}

.wp-image-3592 {
    background: url("https://www.lesagribains.org/wp-content/uploads/2023/06/Partager-les-ressources-2.webp") no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    display: inline;

    transition: transform 500ms, opacity 500ms;
}

.wp-image-3592:hover {
    transform: scale(1.05);
}

.lab-image-links:has(.wp-image-3592:hover) .wp-image-3597, 
.lab-image-links:has(.wp-image-3592:hover) .wp-image-3595 {
    opacity: 0.5;
}

.lab-image-links.lab-image-links.lab-image-links.lab-image-links {
	margin-block: clamp(0.5rem, 2vw, 3rem);
}

.lab-image-links {
	gap: clamp(0.5em, 3vw, 2em);
}

.wp-image-3597 {
    background: url(https://www.lesagribains.org/wp-content/uploads/2023/06/Prendre-soin-de-la-terre-2.webp) no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    display: inline;

    transition: transform 500ms, opacity 500ms;
}

.wp-image-3597:hover {
    transform: scale(1.05);
}

.lab-image-links:has(.wp-image-3597:hover) .wp-image-3592, 
.lab-image-links:has(.wp-image-3597:hover) .wp-image-3595 {
    opacity: 0.5;
}

.wp-image-3595 {
    background: url("https://www.lesagribains.org/wp-content/uploads/2023/06/Prendre-soin-de-lhumain-2.webp") no-repeat;
    background-position: 0px 0px;
    background-size: 100% 100%;
    display: inline;

    transition: transform 500ms, opacity 500ms;
}

.wp-image-3595:hover {
    transform: scale(1.05);
}

.lab-image-links:has(.wp-image-3595:hover) .wp-image-3592, 
.lab-image-links:has(.wp-image-3595:hover) .wp-image-3597 {
    opacity: 0.5;
}

/* @media screen and (max-width: 800px) {
	.lab-image-links > * {
		display: none;
	}

	.lab-image-links > :nth-child(2) {
		display: block;
	}
} */

.page-id-33 .wp-block-latest-posts__list li {
	margin-block: 3.5rem;
}

.page-id-33 .wp-block-latest-posts__featured-image img {
	border-radius: 50%;	
}

.page-id-33 .wp-block-latest-posts__featured-image {
	margin-right: 3rem;
	text-align: center;
}


@media screen and (min-width: 600px) {
	.page-id-33 .wp-block-latest-posts__list li {
		display: grid;
		margin-block: 3.5rem;
	}

	.page-id-33 .wp-block-latest-posts__featured-image {
		grid-row: 2;
	}

	.page-id-33 .wp-block-latest-posts__list li > *:nth-child(n+2) {
		grid-column: 2;
	}
}

.page-id-33 .wp-container-11 {
	gap: clamp(1rem, 2.3vw, 3rem);
}

.page-id-33 :root:where(.no-js) .lab-slide:nth-of-type(n+2) {
    display: none;
}

.page-id-33 .lab-slides > .wp-block-group__inner-container {
	max-width: unset;
  	display: flex;
  	/*flex-direction: row-reverse;*/

  	transition: transform 350ms;
}

.page-id-33 .lab-slide {
	max-width: unset !important;
	margin-top: 0;

	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 100%;
}

.lab-slides .lab-slide,
.lab-slides .lab-slide ul {
	margin-bottom: 0;
}

.lab-slides .lab-slide .wp-block-columns {
	max-width: min(100%, 1200px);
}

.page-id-33 .lab-slide > .wp-block-group__inner-container {
	margin-inline: auto;
}

.page-id-33 .lab-slide__button {
	font-family: "Margarine", sans-serif;
	font-size: 2rem;
	color: #e79D2E;
	background-color: unset;
	padding: 1rem;
	white-space: nowrap;
}

.page-id-33 .lab-slide__title {
	padding: 0;
	margin: 0 1rem;
}

@media (prefers-reduced-motion: reduce) {
	.page-id-33 .lab-slides > .wp-block-group__inner-container{
		transition: unset;
	}
}

@media screen and (max-width: 800px) {
    .page-id-33 .wp-container-24 {
        display: block !important;
    }
}

img.wp-post-image {
	max-width: 150px;
	aspect-ratio: 1;
	object-fit: cover;
}

.page-id-33 .wp-block-latest-posts__list > *:nth-child(n + 3) {
	display: none;
}

.call-to-action a{
	color: white !important;
}

/* -------- Page d'accueil - Partenaires -------- */

.lab-carousel-wrapper {
	position: relative;
	
	overflow: hidden;
}

.lab-carousel-wrapper::before,
.lab-carousel-wrapper::after{
	content: "";
	position: absolute;
	z-index: 10;
	width: clamp(30px, 10vw, 125px);
}

div.wp-block-group.lab-partners {
	flex-wrap: wrap;
	gap: clamp(1rem, 3vw, 4.5rem);
}

.lab-partners img {
	width: auto;
	height: auto;
	max-width: unset;
	max-height: clamp(40px, 13vw, 75px);
}

/* Twentytwenty override */
.lab-partners .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
	margin-block: min(3vw, 3rem);
}

@supports (animation: animationName) {
	@media screen and (max-width: 1200px) {	
		.lab-carousel-wrapper div.lab-partners {
			flex-wrap: nowrap;
		}

		.lab-carousel-wrapper::before {
			inset: 0 auto 0 0;
			background: linear-gradient(-90deg, transparent, white);
		}

		.lab-carousel-wrapper::after {
			inset: 0 0 0 auto;
			background: linear-gradient(90deg, transparent, white);
		}

		.lab-carousel-wrapper .lab-partners {
			width: max-content !important;
			max-width: max-content !important;
			padding-left: 100% !important;

			animation: 35s linear infinite carousel;
		}
	}


	@keyframes carousel {
		0% {
			transform: translateX(0%);
		}

		100% {
			transform: translateX(-100%);
		}
	}
} 