/********************************************************/
/*
/*      Blocks CSS
/*
/********************************************************/


.cta-2-cols  {
	
	grid-template-columns: 1fr 26rem;
	

	
	@media (width < 880px) {
		grid-template-columns: 1fr;
		grid-template-rows: 14rem auto;
	}
}



.proprietes_type_nav {
	
	& :is(.current-cat) {
		color:var(--wp--preset--color--jaune);
	}
}

.propriete-archive-grid  {
	
	grid-template-columns: 48rem 1fr;
	
	@media (width < 1400px) {
		grid-template-columns: 1fr 45%;
	}
	
	@media (width < 820px) {
		grid-template-columns: 1fr;
		
		.propriete-grid-map  {
			display: none;
		}
	
	}
	
}

.propriete-archive	{
	
	.cke-proprietes {
		

		
		figure {
			margin-top: 0;
			position: relative;
			overflow: clip;
		
			a:after {
				content: '';
				display: block;
				position: absolute;
				inset: 0;
				background-color: var(--wp--preset--color--vert);
				opacity: 0;
				transition: all 0.3s ease-in-out;
				mix-blend-mode: multiply;
			}
			img  {
				transition: all 0.3s ease-in-out;
				width: 100%;
				max-width: none;
				object-fit: cover;
			}
		}
	
		&:hover {
			figure {
			 	a:after {
				 opacity: 0.5;
				}
			
				img  {
					scale: 1.1;
				}
			}
		
			.wp-block-post-title  {
				color: var(--wp--preset--color--jaune);
			}
	
		}
		
		& > article  {
			
			container-type: inline-size;
			container-name: cke-proprietes;
			
			--ctn-width : 16rem;
			--ctn-gap : 1rem;
			
			
			.cols {
				display: grid;
				grid-template-columns: auto var(--ctn-width );
				gap: var(--ctn-gap);

				hr {
					grid-column: 1 / span 1;
				}
				
				.content {
					justify-self: flex-start;
					align-self: flex-start;
					grid-column: 2 / span 1;
					margin-block-start: 0;
					
					.wp-block-read-more  {
						margin-block-start: 2rem;
					}
				}
				
				
			}
			
			@media (width < 640px ) {
				
				hr {
					display: none;
				}
				
				.content {

					grid-column: 1 / span 2!important;
					width: 100%;
				
				}
				
			}
		}
		
		
			
		
	}
}

.propriete-accueil  {
	
	.wp-block-post-template {
		
		grid-template-columns : repeat(2, 1fr);
		grid-template-rows: repeat(4, auto);
		column-gap: 2rem;
		row-gap: 4rem;
		
		& > .wp-block-post {
			grid-column: span 1;
			grid-row: span 2;
			display: grid;
			grid-template-rows: subgrid;
			gap: 1rem;
			
			& aside  {
				
				display: grid;
				
				
				& figure  {
					
					grid-row: 1 / span 1;
					grid-column: 1 / span 1;
					
					margin: 0;
					height: 100%;
					
					
					&:is(.vertical) {
						display: none;
						
						img {
							height: 100%;
						}
					}
					
					&:is(.horizontal) {
						
						display: block;
						
						img {
							aspect-ratio: 2/1!important;
						}
					}
					
						
					
				}
			}
			
	
		}
		
		& > .wp-block-post:first-child:is(:last-child)  {
			grid-column: span 2;
		}
	
		& > .wp-block-post:nth-child(2):nth-last-child(2),
		& > .wp-block-post:nth-child(2):nth-last-child(4),
		& > .wp-block-post:nth-child(2):nth-last-child(5),
		& > .wp-block-post:nth-child(4):nth-last-child(3)  {	
			grid-row: span 4;
			
			& aside {
				
				grid-row: span 3;	
				& figure:is(.horizontal) {
					display: none;
				}
				
				& figure:is(.vertical) {
					display: block;
				}
				
			}
		}
		
	
		
		@media (width < 820px) {
			
			grid-template-columns:  1fr;
			
			& > .wp-block-post {
				grid-column: span 1!important;
				grid-row: span 2!important;
				& aside {
					
					grid-row: span 1!important;
					
					& figure:is(.horizontal) {
						display: block!important;
					}
					
					& figure:is(.vertical) {
						display: none!important;
					}
					
				}
				
				
			}
		}	
	}
	


}

@container cke-proprietes (width < 620px) {
	

		
		.wp-block-post-title {
			padding-block-end: 0.75rem;
			border-bottom: 1px solid var(--wp--preset--color--jaune);
		}
		
		hr {
			display: none;
		}
			
		.content {
	
			grid-column: 1 / span 2!important;
			width: 100%;
			
		}
			
	
	
}

.wp-container-core-post-template-is-layout-6d3fbd8f {
	@media (width < 1080px) {
		grid-template-columns: repeat(2, minmax(0, 1fr))!important
	}
	
	@media (width < 680px) {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important
		}	
}


.blogue-archive--item {
	
	.wp-block-post-featured-image {	
		position: relative;
		overflow: clip;
		
		& a:after {
			content: '';
			display: block;
			position: absolute;
			inset: 0;
			background-color: var(--wp--preset--color--vert);
			opacity: 0;
			transition: all 0.3s ease-in-out;
			mix-blend-mode: multiply;
		}
		img  {
			transition: all 0.3s ease-in-out;
		}
	}
	
	&:hover {
		.wp-block-post-featured-image {
			& a:after {
				opacity: 0.5;
				
			}
			
			img  {
				scale: 1.1;
			}
		}

	}
	
}


.propriete-head {
	@media (width < 880px) {
		.wp-block-columns {
			display: flex!important;
			flex-direction: column;
			
			.wp-block-column { 
				display: contents;
			}
			
			.wp-block-post-title {
				order: 1;
			}
			
			.thumbnail  {
				order: 2;
				position: revert;
			}
			.infos {
				order: 3;
			}
		}
		
	
	}
}