/* ////////////// PATTERNS BNPP /////////////// */

.pattern-margin-interior{
	padding: 5em;
}

@media (max-width: 1224px) {
	.pattern-margin-interior{
		padding: 3em 1.5em;
	}
}

.pattern-bnpp .image-wrapper{
	height: 100%;
	width: 100%;
}

/* Pattern Card */

.pattern-card{
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 5px 11px 0px rgba(0, 0, 0, 0.10), 0px 21px 21px 0px rgba(0, 0, 0, 0.09), 0px 47px 28px 0px rgba(0, 0, 0, 0.05), 0px 83px 33px 0px rgba(0, 0, 0, 0.01), 0px 130px 36px 0px rgba(0, 0, 0, 0.00);
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: box-shadow 0.2s ease-in-out;
}

.pattern-card p, .pattern-card h5, .pattern-card h6{
	padding: 0 30px;
}

.pattern-card p{
	line-height: 1.3;
	padding: 0 30px;
}

.pattern-card strong{
	line-height: 1.7;
}

.pattern-card figure, .pattern-card > *:last-of-type{
	margin-bottom: 1.5rem;
}

.pattern-card figure{
	max-height: 350px!important;
	max-height: 350px!important;
	height: 350px;
	width: 100%;
}

.pattern-card img{
	object-fit: contain!important;
	object-position: center!important;
	max-height: 350px!important;
	height: 100%!important;
	width: 100%!important;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

@media (max-width: 1224px) {
	.pattern-card figure{
		height: 250px;
	}
}

@media (max-width: 446px) {
	.pattern-generations h2{
		margin-bottom: 30px;
	}
}

.pattern-card:hover , a:has(.pattern-card):focus .pattern-card {
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 5px 11px 0px rgba(0, 0, 0, 0.20), 0px 21px 21px 0px rgba(0, 0, 0, 0.18), 0px 47px 28px 0px rgba(0, 0, 0, 0.14), 0px 83px 33px 0px rgba(0, 0, 0, 0.08), 0px 130px 36px 0px rgba(0, 0, 0, 0.02);
	transition: box-shadow 0.2s ease-in-out;
}

/* Pattern Engagement */

.pattern-engagement{
	background-color: white;
	display: flex;	
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

.pattern-engagement img{
	object-fit:contain!important;
	max-width: 1200px!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
	overflow: hidden;
	min-width: 670px!important;
}

.pattern-engagement p{
	margin:30px auto;
	max-width: 1020px;
}

.pattern-engagement strong{
	font-family: 'BNPP Sans';
}

.pattern-engagement .wp-block-button .wp-element-button:hover,
.pattern-engagement .wp-block-button .wp-element-button:focus{
	border-color:white!important;;
	background-color: #232323!important;
	transition: 0.1s;
	color:white!important;;
}

@media screen and (max-width: 460px) {
	.pattern-engagement p{
		font-size: 18px!important;
	}
}

/* Pattern Générations */

.pattern-generations h2{
	margin-bottom: 30px!important;
	line-height: 1.3;
}

.pattern-generations h4{
	margin-bottom: 2.5rem;
}

.pattern-generations mark{
	padding-left: 0;
}

.pattern-generations p{
	margin-bottom: 1.5rem;
	max-width: 1020px;
}

.pattern-generations .wp-block-columns{
	margin-bottom: 3.5rem;
}

@media (max-width: 991px) {
	.pattern-generations h2{
		margin-bottom: 30px!important;
	}
	.pattern-generations p.has-extra-large-font-size{
		line-height: 2.7rem;
	}
	.pattern-generations p.has-medium-font-size{
		line-height: 1.7rem;
	}
}


@media (max-width: 640px) {
	.pattern-generations h2{
		font-size: 32px!important;
	}
}

.pattern-card img{
	object-fit: cover!important;
}

.pattern-generations .pattern-card:hover{
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px 5px 11px 0px rgba(0, 0, 0, 0.10), 0px 21px 21px 0px rgba(0, 0, 0, 0.09), 0px 47px 28px 0px rgba(0, 0, 0, 0.05), 0px 83px 33px 0px rgba(0, 0, 0, 0.01), 0px 130px 36px 0px rgba(0, 0, 0, 0.00);
}

/* Pattern CTA */

.pattern-cta .wp-block-columns{
    border-radius: 10px;
}

.pattern-cta .wp-block-columns.has-background{
    padding:0;
}

.pattern-cta figure{
	margin:0;
	height: 100%;
}

.pattern-cta .wp-block-column:first-child img{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
}

.pattern-cta .wp-block-column:first-child figure{
	 position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.pattern-cta h2{
	line-height: 1.5;
	margin-bottom: 0;
}

.pattern-cta .wp-block-column:last-child{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2em 0;
}

.pattern-cta .wp-block-buttons{
	padding-left: 20px;
	padding-right: 20px;
}

.pattern-cta .wp-block-button{
	margin-top: 1em;
}

.pattern-cta .wp-block-button a:hover{
	color: white;
	/* background-color:#232323!important; */
	transition: 0.3s;
}

@media (max-width: 780px) {
	.pattern-cta .wp-block-columns{
		max-height: unset;
	}
	.pattern-cta .wp-block-column:first-child img{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		object-fit: cover;
	}

	.pattern-cta figure{
		max-height: 300px;
	}

	.pattern-cta .wp-block-column:last-child{
		padding: 0;
		padding-bottom: 2em;
	}
}

.pattern-cta > .wp-block-columns{
	max-width: 1020px!important;
}

.pattern-cta .wp-element-button.wp-block-button__link:hover,
.pattern-cta .wp-element-button.wp-block-button__link:focus{
	background: unset;
	color: #232323;
	outline: 2px solid #232323;
	outline-offset: -2px;
}

/* Pattern Nos grands programmes */
.pattern-grand-programmes .wp-block-cover > img{
    opacity: 30%;
	object-fit: contain;
}

.pattern-grand-programmes h2{
	margin: 0;
	font-size: 40px;
	line-height: 1.2;
}

.pattern-grand-programmes{
	margin-bottom: 30px;
}

p.pattern-programmes{
	margin-bottom: 45px;
}

.pattern-grand-programmes .wp-block-cover__inner-container > .wp-block-group:first-child {
	padding: 20px 0;
}

@media (max-width: 981px){
	.pattern-grand-programmes h2{
		font-size: 28px;
	}
	p.pattern-programmes{
		margin-bottom: 25px;
	}
}

/* Pattern Colonnes 1 et 2 */

.pattern-colonnes .wp-block-column{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.pattern-colonnes .wp-block-column:has(figure:not(.separator)) figure{
    max-width: 499px;
    max-height: 590px;
    transform: rotate(3deg);
    border-radius: 10px;
    height: 100%!important;
    width: 100%!important;
}

.pattern-colonnes-2 .wp-block-column:has(figure:not(.separator)) figure{
    transform: rotate(-3deg);
}

.pattern-colonnes .wp-block-column:has(figure:not(.separator)) figure:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
	border-radius: 10px;
}

.pattern-colonnes-2 .wp-block-column:has(figure:not(.separator)) figure:before {
	-webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.pattern-colonnes .wp-block-column:has(figure:not(.separator)) img{
    height: 100%;
    width: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.pattern-colonnes .wp-block-column:has(p) p{
	max-width: 342px;
}

@media (min-width: 781px) {
	.pattern-colonnes .wp-block-column:has(figure){
		height: 600px;
	}
	.pattern-colonnes {
		margin-bottom: 40px;
	}
}

@media (max-width: 1124px) {
	.pattern-colonnes .wp-block-column:has(figure:not(.separator)) figure{
		max-width: 380px;
		max-height: 450px;
	}
	.pattern-colonnes .wp-block-column:has(figure){
		height: 520px;
	}
}

@media (max-width: 781px) {
	.pattern-colonnes {
		margin-bottom: 70px;
	}
	.pattern-colonnes .wp-block-column:has(figure:not(.separator)) figure{
		max-width: 323px;
		max-height: 384px;
	}
	.pattern-colonnes-1{
		flex-direction: column-reverse;
	}
	.pattern-colonnes .wp-block-column:has(figure){
		height: unset;
	}
}

.pattern-colonnes .colonne-environnement:has(figure:not(.separator)) figure:before{
	background: var(--vert-jade-100);
}

.pattern-colonnes .colonne-solidarite:has(figure:not(.separator)) figure:before{
	background: var(--orange-pastel-100)
}

.pattern-colonnes .colonne-culture:has(figure:not(.separator)) figure:before{
	background: var(--jaune-imprial-100)
}


/* Pattern colonnes colorées */

.pattern-colonnes-couleur{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-top: 2em;
	padding-bottom: 0;
}
.pattern-colonnes-couleur h3{
	margin: 0;
}

.pattern-colonnes-couleur h5{
	margin-bottom: 0.7em;
}

.pattern-colonnes-couleur .wp-block-column{
	max-width: 100%;
	width: 240px;
	padding: 41px 30px 10px 30px;
	border-radius: 10px;
}

.pattern-colonnes-couleur p{
 font-size: clamp(12px, 1.5vw, 16px); /* set the font size using the clamp() function */
}


.pattern-colonnes-couleur .wp-block-column > *:first-child,
.pattern-chiffre-cle-single > *:first-child{
	line-height: 0.6!important;
	white-space: nowrap;
	margin-bottom: 0!important;
}

.pattern-chiffre-cle-single figure,
.pattern-colonnes-couleur figure{
	margin-bottom: 0.7rem!important;
}

@media (max-width: 781px) {
	.pattern-colonnes-couleur .wp-block-column{
		max-width: unset;
		width: 100%;
	}
	.pattern-colonnes-couleur h3{
		line-height: 0.7;
		font-size: 34px;
	}
}

/* Pattern colonnes generales 1 et 2 */
.text-small-bnpp{
	font-size: 14px;
}

.pattern-colonnes-generales-1,
.pattern-colonnes-generales-2{
	margin-bottom: 4em;
}

.pattern-colonnes-generales-1:last-child,
.pattern-colonnes-generales-2:last-child{
	margin-bottom: 0;
}

.pattern-colonnes-generales-1 img,
.pattern-colonnes-generales-2 img{
	border-radius: 10px;
}

.pattern-colonnes-generales-1 .wp-block-buttons,
.pattern-colonnes-generales-2 .wp-block-buttons{
	margin-bottom: 1em;
}

.pattern-colonnes-generales-group{
	border-radius: 10px;
	padding: 2em;
	margin: 2em;
}

.pattern-colonnes-generales-group > * {
	min-width: 100%!important;
}

@media (max-width: 781px) {
	.pattern-colonnes-generales-2{
		flex-wrap: wrap-reverse!important;
	}
	.pattern-colonnes-generales-group{
		padding: 1em;
	}
}

/* Pattern Chiffres Clés */

.pattern-chiffres-la-fondation h4{
	line-height: 1.3;
}

/* Pattern Quotes */

.pattern-quote{
	position: relative;
	padding: 30px 30px 20px 70px!important;
}

*.pattern-quote::before{
	margin-left: 40px;
	content: "";
	position: absolute;
	top: 0;
	left: -80px;
	min-width: 80px;
	height: 100%;
	background-image: url("../images/svg/quote.svg");
    background-position: right center;
    background-repeat: no-repeat;
	background-size: auto 100%;
}


@media (min-width: 781px) {
	.pattern-quote{
		padding: 10px 0 10px 60px!important;
	}
}

/* Define a fade-in animation */
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
  }
  
  /* Define a slide-in animation */
  @keyframes radial-animation {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
  }
  
  /* Apply the animations to your blocks, initially hidden */
  .pattern-animated {
	opacity: 0;
	animation-fill-mode: forwards; /* keep the end state after the animation */
  }
  
  /* The animation will be added by JavaScript when scrolling */
  .fadeIn {
	animation-name: fadeIn;
	animation-duration: 1s;
  }
  
  .slideIn {
	animation-name: radial-animation ;
	animation-duration: 1s;
  }

  .pattern-colonnes-text-chiffres .wp-block-column:last-child .wp-block-group{
	padding: 20px;
	border-radius: 10px;
}

  @media (min-width: 785px) {
	.pattern-colonnes-text-chiffres .wp-block-column:last-child .wp-block-group{
		max-width: 250px;
		padding: 20px;
		border-radius: 10px;
	  }
	  .pattern-colonnes-text-chiffres .wp-block-column:first-child{
		display: flex;
		justify-content: end;
	  }
	
	  .pattern-colonnes-text-chiffres p{
		max-width: 582px;
	  }
  }

  .pattern-chiffre-cle-single{
	height: 100%;
	min-width: 220px;
	padding: 41px 30px 10px 30px;
	border-radius: 10px;
  }

  @media (min-width: 785px) {
	.pattern-colonnes-text-chiffres .wp-block-column:last-child .wp-block-group{
		max-width: 250px;
	  }
	}

	/* .pattern-engagement .alignfull.pattern-margin-interior{
		background-image: url("../assets/images/svg/hirondelle.svg");
		background-size: cover;
		/* filter: grayscale(50%) brightness(150%) contrast(150%) saturate(150%) hue-rotate(180deg); */
		/* background-blend-mode: screen; */


	/* PATTERN IMAGES GRAYSCALE NOT ON HOVER */

	
	/* .pattern-img-hover-grayscale:has(img:nth-child(3n+1)){
		filter: sepia(100%) hue-rotate(20deg) saturate(500%) brightness(100%) contrast(100%);
		transition: 0.3s;
	}
	
	.pattern-img-hover-grayscale:has(img:nth-child(3n+2)){
		filter: sepia(0%) hue-rotate(90deg) saturate(200%) brightness(100%) contrast(100%);
		transition: 0.3s;
	}
	
	.pattern-img-hover-grayscale:has(img:nth-child(3n)){
		filter: sepia(0%) hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
		transition: 0.3s;
	} */

	/* .pattern-img-hover-grayscale:has(img){
		filter: grayscale(50%) brightness(150%) contrast(150%) saturate(150%) hue-rotate(180deg);
	} */

	.pattern-img-hover-grayscale:has(img){
		filter: grayscale(1);
		transition: 0.3s;
	}
	
	.pattern-img-hover-grayscale:has(img:hover){
		filter: unset;
		transition: 0.3s;
	}