/*
Theme Name: Manoir v13
Version: 1
Text Domain: manoir
*/


/* Fonts
---------------------------------------------------- */

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-Medium.woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-MediumItalic.woff2');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-Regular.woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-RegularItalic.woff2');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Reckless;
	src: url('fonts/Reckless/RecklessStandardM-Light.woff2');
	font-weight: 300;
	font-style: normal;
}


/* General
---------------------------------------------------- */
* {
	box-sizing: border-box;

}

:root {

	/*font-size: 4.2667vw;*/
	font-size: 5.4795vw;
	/* full = 18.27rem */
	/*--grey1: #b1a8a4;*/
	--border-color: #b1a8a5;
	--hover-color: #f8b37f;
	--button-color: #edebea;

	/*--color1: #edebea;
	--color2: #fedea9;
	--color3: #bac1c3;
	--color4: #f3f0e8;*/


	--color1: #bac1c3;
	--color2: #fedea9;
	--color3: #f3f0e8;
	--color4: #fedea9;


	--title-size-1: 5.625rem;
	--title-lineheight-1: 1;
	--title-weight-1: 300;

	--title-size-2: 3.125rem;
	--title-lineheight-2: 1.1;
	--title-weight-2: 400;

	--title-size-3: 1.875rem;
	--title-lineheight-3: 1.0667;
	--title-weight-3: 500;

	--title-size-4: 1.375rem;
	--title-lineheight-4: 0.9091;
	--title-weight-4: 500;

	--title-size-5: 1.1875rem;
	--title-lineheight-5: 1.2105;
	/*--title-lineheight-5: 1.25;*/

	--title-weight-5: 500;

	--text-size-1: 0.875rem;
	/*--text-lineheight-1: 1.1429;*/
	--text-lineheight-1: 1.2;
	--text-weight-1: 500;

	--text-size-2: 0.75rem;
	--text-lineheight-2: 1.25;
	--text-weight-2: 500;

	--text-size-3: 0.625rem;
	--text-lineheight-3: 1.3;
	--text-weight-2: 500;

}


@media (min-width: 900px) {
	:root {
		/*font-size: 1.1111vw;*/
		font-size: 1.5564vw;
	}
}

body {
	position: relative;
	margin: 0;
	font-family: "Reckless", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 1rem;
	/*font-feature-settings: "ss08";*/
	line-height: 1.5;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	background-color: white;
}

body.menu-open {
	overflow: hidden;
}

figure {
	margin: 0;
}

svg {
	display: block;
}

a {
	color: inherit;
	text-decoration: inherit;
	/*transition: color 300ms;*/
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

sup {
	line-height: 0;
}

.hidden {
	display: none !important;
}

@media (max-width: 899px) {
	.desktop-only {
		display: none !important;
	}
}

@media (min-width: 900px) {
	.mobile-only {
		display: none !important;
	}
}




/* Site Header
---------------------------------------------------- */

.site-header {
	/*position: sticky;
	z-index: 10;
	top: 0;*/
	padding: 1.0rem 1.26rem;
	background-color: white;
	display: flex;
	gap: 0.1rem;

	/*height: 10rem;
	transform: translateY(0);
	transition: transform 300ms;*/
}

.site-header .site-logo {
	align-self: flex-end;
	position: relative;
}

.site-header .site-logo .le-manoir {
	position: absolute;
	left: 100%;
	width: 10rem;
	bottom: 0;
	font-size: var(--title-size-4);
	font-weight: var(--title-weight-4);
	line-height: var(--title-lineheight-4);
}

@media (min-width: 900px) {
	.site-header .site-logo .le-manoir {
		display: none;
	}
}

.site-header .site-logo svg {
	display: block;
	width: auto;
	/*height: 8rem;*/
	transition: height 300ms;

	height: 6.5rem;
	transition: height 300ms, margin 300ms;
	margin: 0 -0.4rem -0.15rem 0;

}



.site-header .site-nav {
	display: flex;
	flex-direction: column;

	flex-grow: 1;
}



.site-nav .site-menu {
	font-size: var(--title-size-4);
	font-weight: var(--title-weight-4);
	line-height: var(--title-lineheight-4);
	letter-spacing: 0.02rem;

	list-style-type: none;
	margin: 0;
	padding: 0;

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


@media (min-width: 900px) {
	.site-header {
		position: sticky;
		top: 0;
		z-index: 10;
		height: 8.7rem;
		transform: translateY(0);
		transition: transform 300ms;
	}

	.site-nav .site-menu {
		justify-content: space-between;
		align-items: flex-start;
	}

	.site-nav .close,
	.site-header .burger {
		display: none;
	}

	body.scrolled .site-header .site-logo svg {
		height: 3.9rem;
		margin: 0 0.2rem -0.05rem 0;
	}

	body.scrolled .site-header {
		transform: translateY(-3rem);
	}

}

@media (max-width: 899px) {
	.site-nav {
		position: fixed;
		background-color: white;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		padding: 3rem 1.26rem;
		left: 100%;
		transition: left 300ms;
	}

	body.menu-open .site-nav {
		left: 0;
	}

	.site-nav .languages {
		order: 2;
	}

	.site-nav .site-menu {
		flex-direction: column;
		align-items: stretch;
	}

	.site-nav .site-menu li {
		border-bottom: 1px solid var(--border-color);
		display: flex;
	}

	.site-nav .site-menu li:first-child {
		display: none;
	}

	.site-nav .site-menu li a {
		padding: 1rem 0;
		display: block;
	}

	.site-nav .close {
		position: absolute;
		top: 0;
		right: 0;
		padding: 1.288rem;
		cursor: pointer;
	}

	.site-nav .close svg {
		width: 1.125rem;
		height: auto;
	}

	.site-header .burger {
		position: absolute;
		top: 0;
		right: 0;
		padding: 1.26rem;
		cursor: pointer;
	}

	.site-header .burger svg {
		width: 1.575rem;
		height: auto;
	}


}



/* Site Header Menu
---------------------------------------------------- */

.site-menu .current-page-ancestor a,
.site-menu .current-menu-item:not(.menu-item-home) a,
.site-menu .current_page_parent a,
.site-menu a:hover {
	color: var(--hover-color);
}


/* Site Header Nav Language
---------------------------------------------------- */

.site-nav .languages {
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
	font-size: 0.75rem;
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	padding: 0;
	gap: 0.4rem;

	/*visibility: hidden;
	pointer-events: none;*/
}

@media (max-width: 899px) {
	.site-nav .languages {

		justify-content: flex-start;
		padding: 1rem 0;
	}
}

.site-nav .languages a {
	display: block;
	width: 1.53rem;
	height: 1.53rem;
	border-radius: 50%;
	border: 1px solid var(--border-color);

	display: flex;
	align-items: center;
	justify-content: center;
}

.site-nav .languages a:hover,
.site-nav .languages a.active {
	border-color: var(--button-color);
	background-color: var(--button-color);
}



/* Header more
---------------------------------------------------- */

.header-more {
	position: relative;
	width: 100%;
	height: 11rem;
	display: flex;
	overflow: hidden;
	padding: 0 1.26rem;
	/*transition: height 400ms;*/
}

/*body.scrolled .header-more {
	height: 0;
}*/

.header-more .site-logo {
	align-self: flex-end;
}

.header-more .site-logo svg {
	display: block;
	width: 8.82rem;
	height: auto;
}

.header-more .header-prochainement {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.prochainement-title {
	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);

	text-align: center;
}

.prochainement-content {
	font-size: var(--title-size-3);
	font-weight: var(--title-weight-3);
	line-height: var(--title-lineheight-3);

	text-align: center;
}

/* Home section image
---------------------------------------------------- */

.home-image {
	padding: 1.26rem 0;
}

.home-image figure {
	margin: 0;
}

.home-image img {
	display: block;
	width: 100%;
	height: auto;
}




/* Home video
---------------------------------------------------- */

.section-home-video {
	border-top: 1px solid var(--border-color);
}

.home-video {
	display: flex;
	justify-content: center;
	padding: 1.26rem 0;
}

.home-video video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 44.1rem;

}


/* Home content (embed video)
---------------------------------------------------- */

.section-home-content {
	border-top: 1px solid var(--border-color);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-home-content iframe {
	width: 1em;
	font-size: 44rem;
	/*margin: 0 auto;
	display: block;*/
}

@media (max-width: 899px) {
	.section-home-content iframe {
		font-size: 15.7298rem;
	}
}


/* Home section modules
---------------------------------------------------- */
.home-module {
	/*padding: 1.0rem 1.26rem 0;*/

}

.module-title a:hover {
	color: var(--hover-color);
}

.home-module .columns {
	display: flex;
	align-items: center;
	border-top: 1px solid var(--border-color);
}

.home-module .columns .column:first-child {
	flex-grow: 1;
	flex-shrink: 1;
}

.home-module .columns .column:nth-child(2) {
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 899px) {
	.home-module .columns {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 1.26rem;
	}

	.home-module .columns .column:first-child {}

	.home-module .columns .column:nth-child(2) {}
}

.home-module .module-title {
	font-size: var(--title-size-1);
	font-weight: var(--title-weight-1);
	line-height: var(--title-lineheight-1);
	padding: 0.8rem 0 1.2rem;
}

.button {
	font-size: 0.875rem;
	display: block;
	border: 1px solid var(--border-color);
	border-radius: 1rem;
	padding: 0.2rem 0.6rem;
}

.button:hover {
	border-color: var(--button-color);
	background-color: var(--button-color);
}

@media (max-width: 899px) {
	.home-module .module-title {
		font-size: var(--title-size-3);
		font-weight: var(--title-weight-3);
		line-height: var(--title-lineheight-3);
	}
}



/* Home section modules
---------------------------------------------------- */

.home-evenement:hover {
	color: var(--hover-color);
}

.section-evenements .home-evenement-title,
.section-evenements .home-evenement-date {
	font-size: var(--title-size-3);
	line-height: var(--title-lineheight-3);
	font-weight: var(--title-weight-3);
}

.section-evenements .home-evenement-date {
	margin: 0 0 1rem;
}

.home-evenement-figure {
	margin: 1rem 0;
	overflow: hidden;
}

.home-evenement-figure img {
	width: 100%;
	height: auto;
	display: block;

	transition: transform 300ms;
}

.home-evenement:hover img {
	transform: scale(1.05);
}



/* Single Evenement
---------------------------------------------------- */

.section-title.single-evenement-title {
	margin-bottom: 0;
}

.single-evenement-date {
	font-size: var(--title-size-3);
	line-height: var(--title-lineheight-3);
	font-weight: var(--title-weight-3);
	margin-top: 0;
}

.main-single-evenement .single-image {
	max-width: none;
	margin: 0;
}


/* Single Evenement Inscriptions
---------------------------------------------------- */

.section-inscriptions {
	border-top: 1px solid var(--border-color);
}

.inscription-form {
	font-size: var(--text-size-1);
	line-height: var(--text-lineheight-1);
	font-weight: var(--text-weight-1);

	max-width: 40rem;
	margin: 0 auto;
}

.inscription-form a {
	text-decoration: underline;
}

.inscription-form a:hover {
	color: var(--hover-color);
}

.inscription-form .notice {
	color: var(--hover-color);
}

.form-title {
	font-size: var(--title-size-2);
	line-height: var(--title-lineheight-2);
	font-weight: var(--title-weight-2);

	margin: 2rem 0;
}

.form-section-title {
	font-size: var(--title-size-4);
	line-height: var(--title-lineheight-4);
	font-weight: var(--title-weight-4);

	margin: 1rem 0;
}

.form-calendar {
	display: flex;
	flex-wrap: wrap;
	gap: 1.26rem;
}

.form-calendar .day {
	border: 1px solid var(--border-color);
	border-radius: 1rem;
	padding: 1rem 1.26rem;
	flex: 1 0 0;

	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
}

@media (min-width: 900px) {
	.form-calendar .day {
		min-height: 10rem;
	}
}

.form-calendar .day-title {
	font-size: var(--title-size-4);
	line-height: var(--title-lineheight-4);
	font-weight: var(--title-weight-4);
	text-align: center;
}

.form-calendar .hours {
	display: flex;
	justify-content: center;
}

.form-calendar .hours .hour {
	display: flex;
	padding: 0.5rem;
}

.form-section-frame {
	border: 1px solid var(--border-color);
	border-radius: 1rem;
	padding: 1.26rem 1.26rem;
}

.jauge-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.jauge-indicator {
	margin: 1rem 0;
}

.waitlist {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
}

textarea {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	resize: none;
}

.form-comment {
	border: 1px solid var(--border-color);
	border-radius: 1rem;
	padding: 1rem 1.26rem;

	width: 100%;
	height: 8rem;
}

.form-section-coordonnes .form-section-frame {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media (min-width: 900px) {
	.form-section-coordonnes .form-section-frame {
		padding: 1.26rem 4rem;
	}
}

.form-contact-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.form-contact-grid input {
	flex: 1 0 0;
	min-width: 12rem;
}

.form-contact-grid input.input-places {
	min-width: 0;
	max-width: 10rem;
}

.form-contact-newsletter {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
}

.form-section-submit {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	margin: 1.26rem 0;
}

.inscription-success .success-text {
	white-space: break-spaces;
	text-align: center;
}



/* Page Actualites
---------------------------------------------------- */

.page-actualites-grid .actualites-cell {
	display: block;
	/*width: 19.737rem;*/
	width: 19.7rem;
	margin-bottom: 1.26rem;
}

@media (max-width: 899px) {
	.page-actualites-grid .actualites-cell {
		width: 100%;
	}
}

@media (min-width: 900px) {
	.page-actualites-grid .actualites-cell {
		height: 15.8rem;
	}

	/*masonry bug? */
	.page-actualites-grid {
		margin-right: -1.26rem;
	}

}

.actualites-cell {
	padding: 1rem 1.26rem;
	font-size: var(--text-size-1);
	line-height: var(--text-lineheight-1);
	font-weight: var(--text-weight-1);

	display: flex;
	flex-direction: column;
}

.actualites-cell:nth-child(4n+1) {
	background-color: var(--color1);
}

.actualites-cell:nth-child(4n+2) {
	background-color: var(--color2);
}

.actualites-cell:nth-child(4n+3) {
	background-color: var(--color3);
}

.actualites-cell:nth-child(4n+4) {
	background-color: var(--color4);
}

.actualites-cell:hover {
	background-color: var(--hover-color);
}

.actualites-cell-date {
	border-bottom: 1px solid black;
	padding-bottom: 0.25rem;
	flex-shrink: 0;
}

.actualites-cell-title {
	font-size: var(--title-size-4);
	line-height: var(--title-lineheight-4);
	font-weight: var(--title-weight-4);
	margin: 1rem 0;
	flex-shrink: 0;
}

.actualites-cell-content {
	overflow: hidden;
	flex-grow: 1;
}

.actualites-cell-content p {
	margin-top: 0;
}

.actualites-cell-image {
	margin-bottom: 0.26rem;
	overflow: hidden;
}

.actualites-cell-image img {
	display: block;
	width: 100%;
	height: auto;

	transition: transform 300ms;
}

.actualites-cell:hover img {
	/*mix-blend-mode: screen;
	filter: grayscale(1);*/
	transform: scale(1.05);
}






/* Home section module Actualités
---------------------------------------------------- */
.home-actualites-grid {
	display: grid;
	grid-gap: 1.26rem;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 15.8rem;
	padding-bottom: 1.26rem;
}

.home-actualites-grid .actualites-cell-image {
	display: none;
}

@media (max-width: 899px) {
	.home-actualites-grid {
		display: flex;
		flex-direction: column;
		gap: 1.26rem;
	}
}



/* Single Actualité
---------------------------------------------------- */

/*.section-single {
	margin-bottom: 1.26rem;
}

.single-actualite {
	display: flex;
	background-color: var(--color1);
	gap: 1.26rem;
	padding: 1.26rem;
}

.single-actualite .column {
	width: 50%;
}*/

.main-single-actualite {
	/*background-color: var(--color2);*/
	padding: 1rem 0;
}

.page-section.section-single-actualite {
	width: 100%;
	max-width: 30rem;
	margin: 0 auto;
	border-top: none;
}

.single-actualite-date {
	font-size: var(--title-size-5);
	line-height: var(--title-lineheight-5);
	font-weight: var(--title-size-5);
	border-bottom: 1px solid var(--border-color);
}

.single-actualite-title {
	font-size: var(--title-size-3);
	line-height: var(--title-lineheight-3);
	font-weight: var(--title-weight-3);
	margin: 1.5rem 0 1rem;
}

.section-single-actualite .page-content,
.section-single-actualite .page-chapeau {
	/*font-size: var(--text-size-1);
	line-height: var(--text-lineheight-1);
	font-weight: var(--text-weight-1);*/
	font-size: var(--title-size-5);
	line-height: var(--title-lineheight-5);
	font-weight: var(--title-size-5);
}

.main-single-actualite .section-slideshow {
	border-top: none;
}


.main-single-actualite .single-image {
	max-width: 30rem;
}

.main-single-actualite .page-section iframe {
	max-width: 30.2355rem;
}

@media (max-width: 899px) {
	.main-single-actualite .single-image {
		max-width: 15.7298rem;
	}
}



/* Page Découvrir
---------------------------------------------------- */



/* Page Défault
---------------------------------------------------- */

.page-main {
	padding: 1rem 1.26rem;
}

.page-title {
	font-size: var(--title-size-1);
	font-weight: var(--title-weight-1);
	line-height: var(--title-lineheight-1);
	border-top: 1px solid var(--border-color);
	padding: 0.8rem 0 1.2rem;
}

@media (max-width: 899px) {
	.page-title {
		font-size: var(--title-size-3);
		font-weight: var(--title-weight-3);
		line-height: var(--title-lineheight-3);
	}
}

.page-section {

	/*border-top: 1px solid var(--border-color);*/

	font-size: var(--title-size-5);
	font-weight: var(--title-weight-5);
	line-height: var(--title-lineheight-5);
}

.page-section .full-content {
	margin: 0 -1.26rem;
}

.page-section .header-image {
	padding: 1.26rem 0;
}

.page-content {}

.page-section img {
	width: 100%;
	height: auto;
	display: block;
}

.section-title {
	font-size: var(--title-size-2);
	line-height: var(--title-lineheight-2);
	font-weight: var(--title-weight-2);
	margin: 0 0 1rem;
	padding-top: 1rem;
	width: 100%;
}

@media (max-width: 899px) {
	.section-title {
		font-size: var(--title-size-3);
		line-height: var(--title-lineheight-3);
		font-weight: var(--title-weight-3);
	}
}

/*.section- {
	font-size: 3.125rem;
	line-height: 1.1;
	border-top: 1px solid var(--border-color);
	margin: 0 0 1rem;
	padding-top: 1rem;
}*/

.page-section h3 {
	font-size: var(--title-size-3);
	line-height: var(--title-lineheight-3);
	font-weight: var(--title-weight-3);
	/*border-top: 1px solid var(--border-color);*/
	margin-top: 0;
	padding-top: 1rem;
}

.page-content,
.page-reference {
	max-width: 40rem;
	margin: 0 auto;
	letter-spacing: 0.02rem;
}

.page-reference {
	font-size: var(--text-size-2);
	font-weight: var(--text-weight-2);
	line-height: var(--text-lineheight-2);

	/*border-top: 1px solid var(--border-color);*/
	/*padding-top: 1rem;*/
}

.page-reference p {
	margin: 1rem 0;
}


/* Default Page Single Image
---------------------------------------------------- */

.single-image {
	max-width: 40rem;
	margin: 0 auto;
	padding: 1rem 0;
}

.single-image .figure-caption {
	margin: 0.3rem 0 0;
}

.single-image .image-caption {
	font-size: var(--text-size-2);
	font-weight: var(--text-weight-2);
	line-height: var(--text-lineheight-2);
}

.single-image .image-credit {
	font-size: var(--text-size-3);
	font-weight: var(--text-weight-3);
	line-height: var(--text-lineheight-3);
}

@media (max-width: 899px) {
	.single-image {
		max-width: 15.7298rem;
	}
}


/* Embed
---------------------------------------------------- */

.page-section iframe {
	/*font-size: 30.2355rem;*/
	width: 1em;
	height: 0.5625em;

	font-size: 40rem;
	width: 1em;
	height: 0.5625em;
	margin: 0 auto;
	display: block;
	padding: 1rem 0;
}

@media (max-width: 899px) {
	.page-section iframe {
		font-size: 15.7298rem;
		/* (100/5.4795) - 1.26*2 */

	}
}




/* Page Découvrir
---------------------------------------------------- */

.section-decouvrir {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 22.05rem;
	gap: 1.26rem;
}

.decouvrir-row {
	display: flex;
	flex-direction: column;
}


/*.decouvrir-row:first-child {
	grid-column: span 2;
}*/

@media (min-width: 900px) {
	.decouvrir-row.span-2 {
		grid-column: span 2;
	}
}

.decouvrir-row:hover {
	color: var(--hover-color);
}

.decouvrir-row .column {
	/*width: 50%;*/
}

.decouvrir-row .column:nth-child(1) {
	flex-shrink: 0;
}

.decouvrir-row .column:nth-child(2) {
	flex-grow: 0;
	min-height: 0;
	display: flex;
}

.decouvrir-row .column figure {
	flex-grow: 1;
	overflow: hidden;
}

.decouvrir-row .column img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;

	transition: transform 300ms;
}

.decouvrir-title {
	font-size: var(--title-size-3);
	font-weight: var(--title-weight-3);
	line-height: var(--title-lineheight-3);
	/*margin: 0.75rem 0;*/
	margin: 0 0 1rem;
}

@media (max-width: 899px) {
	.section-decouvrir {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.decouvrir-row {
		display: flex;
		flex-direction: column;
	}

	.decouvrir-title {
		font-size: var(--title-size-5);
		font-weight: var(--title-weight-5);
		line-height: var(--title-lineheight-5);
	}
}

.decouvrir-description {
	font-size: var(--title-size-5);
	font-weight: var(--title-weight-5);
	line-height: var(--title-lineheight-5);
}

.decouvrir-row:hover .decouvrir-title {
	/*color: var(--hover-color);*/
}

.decouvrir-row figure {
	background-color: var(--hover-color);
}

.decouvrir-row:hover img {
	/*filter: grayscale(1);*/
	/*mix-blend-mode: screen;*/
	transform: scale(1.05);
}


/* Page Fondation
---------------------------------------------------- */



/* Section members
---------------------------------------------------- */

.members-section {
	/*padding: 1rem 1.26rem;*/
	border-top: 1px solid var(--border-color);
}

.members-section-title {
	font-size: var(--title-size-3);
	font-weight: var(--title-weight-3);
	line-height: var(--title-lineheight-3);
	padding: 1rem 0;
}

.members-grid .members-row {
	border-top: 1px solid var(--border-color);
	padding: 1rem 0;
}

@media (min-width: 900px) {
	.members-grid .members-row {
		display: flex;
	}

	.members-grid .members-row .member-cell {
		flex-grow: 1;
		flex-basis: 0;
	}

	.members-grid .members-row .member-cell.text {
		flex-grow: 0;
		flex-basis: 40rem;
		flex-shrink: 0;
	}

	.members-grid .members-row .member-cell.image {
		display: flex;
		justify-content: flex-end;
	}
}

.members-grid .members-row .nom,
.members-grid .members-row .prenom {
	font-size: var(--title-size-5);
	font-weight: var(--title-weight-5);
	line-height: var(--title-lineheight-5);
}

.members-grid .members-row .bio {
	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);
	margin: 1rem 0;
	max-width: 27rem;
}

.members-grid .members-row .member-cell img {
	display: block;
	width: 9.225rem;
	height: 11.61rem;
	object-fit: cover;
	object-position: center;
}

/* Soutiens et Partenaires
---------------------------------------------------- */

.soutiens-section-title {
	font-size: var(--title-size-2);
	font-weight: var(--title-weight-2);
	line-height: var(--title-lineheight-2);
	padding: 1rem 0;
	border-top: 1px solid var(--border-color);
	display: flex;
}

/*.soutiens-section-title .column {
	width: 50%;
}*/

.soutiens-grid {
	/*border-bottom: 1px solid var(--border-color);*/
}

.soutiens-grid .soutiens-row {
	display: flex;
	border-top: 1px solid var(--border-color);
	padding: 1rem 0 1rem calc((64.25rem - 40rem - 2*1.26rem)/2);
	/* 10.865rem; */
	gap: 4rem;
}

.soutiens-grid .soutiens-row .text {
	width: 25%;
	align-self: center;
}

.soutiens-grid .soutiens-row .name {
	font-size: var(--title-size-5);
	font-weight: var(--title-weight-5);
	line-height: var(--title-lineheight-5);

	align-self: center;
}

/*.soutiens-grid .soutiens-row:hover .name {
	color: var(--hover-color);
}*/

.soutiens-grid .soutiens-row .description {
	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);
	margin: 1rem 0 0;
}

.soutiens-grid .soutiens-row .logo {
	/*width: 25%;*/
}

.soutiens-grid .soutiens-row .logo img {
	display: block;
	width: auto;
	height: 3.735rem;
	object-fit: contain;
	object-position: center left;
	max-width: 100%;
}


@media (max-width: 899px) {
	.soutiens-grid .soutiens-row {
		flex-direction: column;
		padding: 1rem 0;
		gap: 1rem;
	}

	.soutiens-grid .soutiens-row .text,
	.soutiens-grid .soutiens-row .logo {
		width: auto;
	}
}




/* Slideshow
---------------------------------------------------- */

.slideshow {
	position: relative;
	overflow: hidden;

	max-width: 100%;

	margin: 1.26rem 0;
}

.slideshow .viewer {
	position: relative;
	/*width: 100%;*/
	/*height: 24rem;*/
	display: flex;
}

.slideshow .viewer .slide {
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;*/
	padding-left: 1.26rem;
}

.slideshow .viewer .slide img {
	display: block;
	/*width: 100%;*/
	width: auto;
	height: 20rem;
	/*object-fit: cover;
	object-position: center;*/
}

@media (max-width: 899px) {
	.slideshow .viewer .slide img {
		width: calc(100vw - 1.26rem * 2);
		height: auto;
	}
}

.slideshow .viewer .slide .figure-caption {
	margin: 2rem 0 0;
	/*max-width: 24rem;*/
}

.slideshow .viewer .slide .image-caption {
	font-size: var(--text-size-2);
	font-weight: var(--text-weight-2);
	line-height: var(--text-lineheight-2);
}

.slideshow .viewer .slide .image-credit {
	font-size: var(--text-size-3);
	font-weight: var(--text-weight-3);
	line-height: var(--text-lineheight-3);
}

.slideshow .controls {
	display: none;
}

@media (max-width: 899px) {
	.slideshow .viewer .slide .figure-caption {
		margin: 0.5rem 0 1.5rem;
	}
}



/* Slideshow Pagination
---------------------------------------------------- */

.slideshow .pagination {
	position: relative;
}

.slideshow .pagination ul {
	list-style-type: none;
	padding: 0.5rem 0;
	margin: 0;
	display: flex;
	gap: 0.4rem;

	position: absolute;
	bottom: 0;
	right: 0;
	height: 4rem;
	/*background-color: white;*/
}

.slideshow .pagination ul li {
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	border: 0.1em solid black;
	cursor: pointer;
}

.slideshow .pagination ul li.active {
	background-color: black;
}



/* Page Slideshow
---------------------------------------------------- */

/*.
page-section .slideshow {
	overflow: hidden;
	width: calc(100% + 2*1.26rem);
	padding: 1.26rem 0;
	display: flex;
	justify-content: center;

}

.page-section .slideshow .viewer {
	width: calc(40rem + 1.26rem);
	overflow: visible;
}

.page-section .slideshow .viewer .slide img {
	width: 40rem;
	margin: 0 calc(1.26rem/2);
}

.page-section .slideshow .pagination ul {
	right: calc(1.26rem/2);
}

.page-section .slideshow .viewer .slide .figure-caption {
	margin: 2rem calc(1.26rem/2);
}

.page-section .slideshow .controls {
	display: block;
}

.page-section .slideshow .left-button {
	left: 1.26rem;
}

.page-section .slideshow .right-button {
	right: 1.26rem;
}

.page-section .slideshow .left-button,
.page-section .slideshow .right-button {
	position: absolute;
	bottom: 3.5rem;
	cursor: pointer;
}

.page-section .slideshow .left-button:not(.active),
.page-section .slideshow .right-button:not(.active) {
	display: none;
}

.page-section .slideshow .left-button svg,
.page-section .slideshow .right-button svg {
	display: block;
	width: 1.755rem;
	height: 1.26rem;
}

.page-section .slideshow .left-button:hover svg path,
.page-section .slideshow .right-button:hover svg path {
	stroke: var(--hover-color);
}
*/



.slideshow .controls {
	display: block;
}

.slideshow .left-button {
	left: 1.26rem;
}

.slideshow .right-button {
	right: 1.26rem;
}

.slideshow .left-button,
.slideshow .right-button {
	position: absolute;
	/*bottom: 3.5rem;*/
	top: 20.5rem;
	cursor: pointer;
}

@media (max-width: 899px) {

	.slideshow .left-button,
	.slideshow .right-button {
		top: auto;
		bottom: 0
	}
}

.slideshow .left-button:not(.active),
.slideshow .right-button:not(.active) {
	display: none;
}

.slideshow .left-button svg,
.slideshow .right-button svg {
	display: block;
	width: 1.755rem;
	height: 1.26rem;
}

.slideshow .left-button:hover svg path,
.slideshow .right-button:hover svg path {
	stroke: var(--hover-color);
}


/* Page Espace Médias
---------------------------------------------------- */

.espace-medias-text {
	border-top: 1px solid var(--border-color);

	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);

}

.espace-medias-form {
	margin: 2rem 0 0;
}

form {
	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);
}

input {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-family: inherit;

	border: 1px solid var(--border-color);
	border-radius: 1rem;
	background-color: transparent;
	padding: 0.2rem 0.6rem;
}

input[type=submit] {
	border-color: var(--button-color);
	background-color: var(--button-color);
}

input[type=submit]:hover {
	color: white;
	border-color: black;
	/*border-color: var(--border-color);*/
	background-color: black;
}

button {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-family: inherit;

	border: 1px solid var(--border-color);
	border-radius: 1rem;
	background-color: transparent;
	padding: 0.2rem 0.6rem;
}

button:hover {
	color: white;
	border-color: black;
	background-color: black;
}

input:focus,
button:focus {
	outline: none;
}

label {
	display: block;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}


/* Page Espace Médias Grid
---------------------------------------------------- */

.espace-medias-grid {
	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);
	border-bottom: 1px solid var(--border-color);
}

.espace-medias-grid .espace-medias-row {
	display: flex;
	flex-direction: column;
	padding: 1rem 0;
	border-top: 1px solid var(--border-color);
	gap: 1rem;
}

.espace-medias-grid a:hover {
	color: var(--hover-color);
}



@media (min-width: 900px) {
	.espace-medias-grid .espace-medias-row {
		flex-direction: row;
	}

	.espace-medias-grid .espace-medias-row .espace-medias-date {
		width: 10rem;
	}

	.espace-medias-grid .espace-medias-row .espace-medias-title {
		flex-grow: 1;
	}
}

.espace-medias-grid .espace-medias-row img {
	display: block;
	width: 6.255rem;
	height: 4.275rem;
	object-fit: cover;
	object-position: center;
}

.espace-medias-grid figure {
	/*background-color: var(--hover-color);*/
	overflow: hidden;
}

.espace-medias-grid a img {
	transition: transform 300ms;
}

.espace-medias-grid a:hover img {
	/*mix-blend-mode: screen;
	filter: grayscale(1);*/
	transform: scale(1.05);
}


/* Single Dossier Medias
---------------------------------------------------- */

.dossier-medias-header,
.dossier-medias-body {
	display: flex;
	flex-direction: column;
	/*border-top: 1px solid var(--border-color);*/
}

.dossier-medias-header .column:nth-child(1),
.dossier-medias-body .column:nth-child(1) {
	/*flex-grow: 1;*/
}

.dossier-medias-header .column:nth-child(2),
.dossier-medias-body .column:nth-child(2) {
	/*width: 25.02rem;
	flex-shrink: 0;*/
}

@media (min-width: 900px) {

	.dossier-medias-header,
	.dossier-medias-body {
		flex-direction: row;
		/*display: flex;
		border-top: 1px solid var(--border-color);*/
	}

	.dossier-medias-header .column:nth-child(1),
	.dossier-medias-body .column:nth-child(1) {
		flex-grow: 1;
	}

	.dossier-medias-header .column:nth-child(2),
	.dossier-medias-body .column:nth-child(2) {
		width: 25.02rem;
		flex-shrink: 0;
	}



}

.dossier-medias-header .column {
	padding: 1rem 0;
}

.dossier-medias-date,
.dossier-medias-title {
	font-size: var(--title-size-3);
	font-weight: var(--title-weight-3);
	line-height: var(--title-lineheight-3);

	/*padding: 1rem 0;*/
}

.dossier-medias-files {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/*padding: 1rem 0;*/
	gap: 1rem;
}

.dossier-medias-content {
	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);
	letter-spacing: 0.025rem;
	max-width: 30rem;
}

.dossier-medias-content h2,
.dossier-medias-content h3,
.dossier-medias-content h4 {
	margin: 1rem 0;
	font-size: var(--title-size-5);
	line-height: var(--title-lineheight-5);
	font-weight: var(--title-weight-5);
}

.dossier-medias-images {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1rem 0;
}

.dossier-medias-images img {
	display: block;
	width: 9.405rem;
	height: 6.255rem;
	object-fit: cover;
	object-position: center;
}

.dossier-medias-images figure:first-child img {
	width: 100%;
	height: auto;

}

@media (min-width: 900px) {
	.dossier-medias-images figure:first-child img {
		width: 25.02rem;
	}
}



/* Newsletter
---------------------------------------------------- */

.newsletter-columns {
	display: flex;
	gap: 1.26rem;

	font-size: var(--text-size-1);
	font-weight: var(--text-weight-1);
	line-height: var(--text-lineheight-1);

}



.newsletter-columns .column:nth-child(2) {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}


.newsletter-form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.newsletter-columns .logo {
	padding: 1rem 0 0;
}

.newsletter-columns .logo svg {
	width: 100%;
	height: auto;
}

@media (max-width: 899px) {
	.newsletter-columns {
		flex-direction: column;
	}

	.newsletter-columns .column:nth-child(1) {
		order: 2;
	}
}

@media (min-width: 900px) {
	.newsletter-columns .logo svg {
		width: 19.755rem;
		height: 22.455rem;
	}

	.newsletter-columns .column:nth-child(1) {
		flex-grow: 1;
	}

	.newsletter-columns .column:nth-child(2) {
		flex-shrink: 0;
		padding: 0 5rem;
	}

	.newsletter-content {
		max-width: 22rem;
	}

	.newsletter-form {
		/*padding: 2rem 5rem;*/
	}

}


/* Footer
---------------------------------------------------- */

.site-footer {
	padding: 1rem 1.26rem;
}

.footer-columns {
	/*border-top: 1px solid var(--border-color);*/
	display: grid;
	align-items: flex-end;
	grid-template-columns: 10rem 10rem 10rem;
	grid-gap: 3rem;
	padding: 2rem 0;
}

@media (max-width: 899px) {
	.footer-columns {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
		padding: 1rem 0;


		border-top: 1px solid var(--border-color);
	}
}

.footer-contact {
	font-size: var(--text-size-3);
	font-weight: var(--text-weight-3);
	line-height: var(--text-lineheight-3);
}

.footer-contact p {
	margin-bottom: 0;
}

.footer-contact a:hover {
	color: var(--hover-color);
}

.footer-title {
	font-size: var(--title-size-4);
	line-height: var(--title-lineheight-4);
	font-weight: var(--title-weight-4);
}

.site-footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footer-menu {
	font-size: var(--text-size-2);
	font-weight: var(--text-weight-2);
	line-height: var(--text-lineheight-2);
}

.footer-menu .current-menu-item>a,
.footer-menu a:hover {
	color: var(--hover-color);
}

.footer-menu .sub-menu {
	padding: 0 0 0 1rem;
}