/*
Styles personnalisés
*/

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

/*titrage*/

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


/*listes*/

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

.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: .9rem;
	height: .9rem;
	position: absolute;
	left: calc(-1 * var(--item-list-margin));
	top: 50%;
	transform: translateY(-50%);
}

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

/****************************/
/* 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%;
}

figure.wp-block-gallery{
	overflow: hidden;
	border-radius: var(--arrondi-large);
}

/* 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;
}

/******************/
/*****colonnes*****/
/******************/

.wp-block-column{
	border-radius: var(--arrondi-large);
	overflow: hidden;
}

.wp-block-column:not(:has(img)){
	padding: var(--large-padding);
}

.wp-block-column.is-vertically-aligned-stretch{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/****************/
/*****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) {}