.wp-site-blocks { 
	display: grid;
	min-height: 100vh;
	grid-template-rows: auto 1fr auto;
	
	& :is(main, menu, footer) {
		margin-block-start: 0;
	}
	
}
.wp-block-separator {
	border-top-width: 1px;
}
.wp-block-cover > .wp-block-cover__image-background  {
	max-width: var(--wp--custom--full-size);
	margin-inline: auto;
}
.wp-block-list {
	padding-left: 1em;
	
	&:is(ul) {
		& li::marker {
			content: "- ";
		}
	}
	
	& li {
		&:not(:first-child) {
			margin-block-start :0.25em;
		}
	}
}
.wp-block-buttons .wp-block-button__link.has-vert-fonce-color:hover {
	color: var(--wp--preset--color--white)!important;
}
.wp-block-read-more:is(:hover, :active, :focus) {
	background: var(--wp--custom--default--reverse)!important;
	color: var(--wp--custom--default--accent)!important;

}
.wp-block-query-filter-taxonomy {
	& .wp-block-query-filter-post-type__label {
		color: var(--wp--preset--color--jaune);
		font-size: var(--wp--preset--font-size--medium);

	}
	
	& .wp-block-query-filter-post-type__select {
		box-sizing: border-box;
		background: transparent;
		border: 1px solid var(--wp--preset--color--vert);
		border-radius: 1rem;
		color: var(--wp--preset--color--white);
		line-height: 1!important;
		padding: 0.25rem 1rem;
		font-family: inherit;
		font-size: var(--wp--preset--font-size--medium);
	}
}


.entry-content > .wp-block-group {
	margin-block-start: 0;
}

.entry-content > .query_section:has( .wp-block-query:empty ) {
	display: contents!important;
	
	& * {
		display: none;
	}
}

.has-offset > .offset:first-child  {
	height: 14rem;
	width: auto;
	translate: 0 -50%;
	margin-bottom: -6rem;
}

.entry-content > .wp-block-group:has( + .has-offset ) {
	padding-block-end: 10rem!important;
	margin-block-end: 0!important;
}


.entry-content > .wp-block-cover {
	
	min-height: 44rem;
	
	@media (width <= 940px) {
		
		min-height: initial;
		
		& .wp-block-group.has-background  {
			background-color: transparent!important;
			padding-block: 0!important;
			padding-inline-start: var(--wp--style--root--padding-left)!important; 
			padding-inline-end: var(--wp--style--root--padding-right)!important; 

			margin-block: 2rem!important
			
		}
		
		&:is(header) {
			display: block;
			padding: 0;
			
			& > :is(video, img)  {
				position: relative;
				aspect-ratio: 2/1
			}
			
		}
		
		&:not(:is(header)) {
			& .wp-block-cover__background {
				background-color: rgba(0,0,0, .5)!important;
				opacity: 1!important;
			}

			& .wp-block-cover__image-background {
				object-fit: cover;
				aspect-ratio: 2/1;
			}
		
		}
	}

}


.entry-content > .wp-block-cover:has( + .has-offset ) {
	@media (width <= 940px) {
		& .wp-block-group.has-background  {
			margin-block-end: 8rem!important;
		}
	}

}

.entry-content .columns-2 {
	@media (width <= 780px) {
		display: block!important;
	}
}

.entry-content .columns-3 {
	
	@media (width <= 1080px) { 
		gap: var(--wp--preset--spacing--2)!important;	
	}
	
	@media (width <= 980px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	@media (width <= 840px) {
		gap: var(--wp--preset--spacing--1);
	}	
	
	@media (width <= 600px) {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}	

}


.entry-content .conditions {
	
	& .condition figure img  {
		min-width: 80px!important;
		max-width: 80px!important;
		width: 80px!important;
		aspect-ratio: 1/1!important;
		height: auto!important;
	}
	
	@media (width <= 1180px) {
	
		& .condition figure img  {
			min-width: 60px!important;
			max-width: 60px!important;
			width: 60px!important;
		}
	}
	@media (width <= 980px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		
		& .condition figure img  {
			min-width: 80px!important;
			max-width: 80px!important;
			width: 80px!important;
		}
	}
	
	@media (width <= 680px) {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.entry-content .soumissions  {
	@media (width <= 480px) {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}
}

.entry-content .wp-block-group.is-style-card-big  {
	
	@media (width <= 1160px) {
		& .wp-block-image {	
			width: auto!important;
		}
	}
	
	@media (width <= 1060px) {	
		& .wp-block-image:after  {
			translate: 25% 50%;
			width:4rem;
		}
	}
	
	@media (width <= 781px) {
	
		& .wp-block-image {
			width: max-content!important;
		}
	}
	
	@media (width <= 580px) {
		& .wp-block-image {
			width: auto!important;
		}
		
		& .wp-block-image:after  {
			translate: 15% 15%;
			width:4rem;
		}
	}
}


.entry-content .wp-block-group.is-style-card-small {
	& figure {	
		width: 100%;
		max-width: 14rem;
	}
}