/*
Styles personnalisés
*/

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

/*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/item-list.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);
}

.entry-content p{
	margin-bottom: 2rem;
}

body.home .wp-block-columns{
	gap: 4rem;
}

/****************************/
/* 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:not(:has(.simpleParallax)){
	overflow: hidden;
}

figure.wp-block-image .simpleParallax{
	overflow: visible !important;
}

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);
}

#main-container  .wp-block-media-text__content{
	padding: 4.6875vw;
}

#main-container .wp-block-media-text{
	display: flex;
	margin-bottom: 6rem;
}

#main-container .wp-block-media-text > *{
	width: 50%;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	justify-content: space-between;
}

#main-container  .wp-block-media-text h2{
	margin-top: 0;
}

.wp-block-media-text h2 + p{
	font-size: var(--font-size-large);
}

.wp-block-media-text p + p{
	line-height: 2;
}

.wp-block-media-text p + p:last-child{
	line-height: 1.2;
}

#main-container  .wp-block-media-text em{
	color: #787878;
}

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

.wp-block-media-text__media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

.item-copyright:last-child::before{
    display: none;
}


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