/*
Styles personnalisés
*/

::selection{
    background-color: var(--couleur-1);
    color: var(--couleur-2);
}

/*titrage*/

h1, h2, h3, h4{
	caret-color: transparent;
}

h1{
	font-size: var(--font-size-xx-large);
}

h2{
	font-size: var(--font-size-large);
}

#main-container h2.wp-block-heading{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*listes*/

:root{
	--item-list-width: .9rem;
	--item-list-height: var(--item-list-width);
	--item-list-margin: calc(var(--item-list-width) + 2rem);
}

.entry-content ul li{
	list-style-type: none;
	margin-left: var(--item-list-margin);
	position: relative;
}

.entry-content ul li::before{
	content:'';
	display: block;
	background-image: url('../images/pictos/list-items.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--item-list-width);
	height: var(--item-list-height);
	position: absolute;
	left: calc(-1 * var(--item-list-margin));
	top: .5em;
	transform: translateY(-50%);
}

img{
	transition: all var(--transition-basic-duration);
}

strong{
	font-weight: 700;
	font-family: var(--font-texte);
}

/****************************/
/* galerie/images gutenberg */
/****************************/

figure.wp-block-gallery.homogen-gallery.columns-2 figure.wp-block-image{
	max-width : calc(50% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-3 figure.wp-block-image{
	max-width : calc(33.333333% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-4 figure.wp-block-image{
	max-width : calc(25% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-5 figure.wp-block-image{
	max-width : calc(20% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-6 figure.wp-block-image{
	max-width : calc(16.6666667% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-7 figure.wp-block-image{
	max-width : calc(14.285714% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-8 figure.wp-block-image{
	max-width : calc(12.5% - var(--wp--style--unstable-gallery-gap));
}

/*comportement des images cliquables au survol en cas de lien vers le fichier média*/
figure.wp-block-image{
	overflow: hidden;
}

figure.wp-block-image a:hover{
	transform : scale(1.05);
}

figure.wp-block-image a{
	display: block;
	width: 100%;
	height: 100%;
}

/* comportement des légendes en tiroir - complément dans functions-child.js sur la transparence*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	width: 100%;
	height: 33%;
	background: var(--couleur-2);
	padding: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size : var(--font-size-medium);
	font-weight: 400;
	transition : transform var(--transition-basic-duration);
	transform : translateY(100%);
}

.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption{
	transform : translateY(0);
}

/*****************/
/*****grilles*****/
/*****************/

.wp-block-group-is-layout-grid figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-group-is-layout-grid figure:nth-child(7),
.wp-block-group-is-layout-grid figure:nth-child(8)
{
	max-height: 20rem;
}

/*****************/
/*****groupes*****/
/*****************/

.entry-content > .wp-block-group{
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-block-group > .wp-block-group{
	background-color: var(--couleur-6);
	width: 100%;
	height: auto;
	color: var(--couleur-1);
	padding: 1rem;
	position: relative;
	transform: translateY(20rem);
	transition: transform 1s ease;
}

.wp-block-group.inview-frozen > .wp-block-group{
	transform: translateY(0);
}

.wp-block-group.zigzag::after{
	content : '';
	position: absolute;
	top: 1rem;
	right: -3rem;
	width: 20rem;
	height: 4rem;
	background-image: url('../images/zigzag.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wp-block-group h2{
	background-color: var(--couleur-1);
	columns: var(--couleur-6);
	width: fit-content;
	transform: translateX(-2rem);
	padding: 0.25rem 1rem .5rem 1rem;
	position: relative;
	margin-bottom: 6rem;
	z-index: 10;;
}

.wp-block-group :where(
	p,
	strong
)
{
	color: var(--couleur-1);
	line-height: 1.5;
}

.wp-block-group:has(.wp-block-buttons){
	position: relative;
}

.wp-block-group > .wp-block-group:has(.wp-block-buttons)::after{
	content : '';
	position: absolute;
	top: .5rem;
	right: -9rem;
	width: 20vw;
	height: 4vw;
	background-image: url('../images/zigzag.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.wp-block-group a.wp-block-button__link{
	display: flex;
	justify-content: flex-end;
	border-radius: 0;
	padding-right: 2rem;
	font-size: var(--font-size-small);
	align-items: center;
	background-color: transparent;
	background-image: url('../images/fond-bouton.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-width: 25rem;
	min-height: 5rem;
	width: fit-content;
	height: fit-content;
	font-family: var(--font-titre);
}


/*******************/
/*****citations*****/
/*******************/

blockquote{
	font-family: var(--font-titre);
	color: var(--couleur-6);
	background-color: var(--couleur-2);
	padding: .25rem 1rem .5rem 1rem;
	width: fit-content;
	font-size: var(--font-size-large);
}

/****************/
/*****footer*****/
/****************/

footer#colophon{
    max-width: 100vw;
    overflow: hidden;
}

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}