/*
Theme Name: Trappes
Author: Julien Reuzeau
Author URI: 
Theme URI: 
Tags: full-site-editing
Text Domain: trappes
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body{
	padding-top:7rem;
}
body.has-flash-info{
	padding-top:12rem;
}



/* TEXTS AND HEADINGS */

h2, h3{
	position:relative;
	padding-bottom:.5em;
	margin-bottom:.5em;
}
h2::after, h3::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:4rem;
	height:3px;
	background:var(--wp--preset--color--secondary);
}
h3::after{
	background:var(--wp--preset--color--contrast);
}
h2.has-base-color::after, h3.has-base-color::after{
	background:var(--wp--preset--color--base);
}
.card-block h2::after, .card-block h3::after, .w3eden h2::after, .w3eden h3::after, .wp-block-accordion h2::after, .wp-block-accordion h3::after{
	display:none !important;
}

hr, .wp-block-separator{
	height:2px !important;
	width:100% !important;
	border:none !important;
}

.wp-block-columns{
	width:100%;
}
.wp-block-paragraph{
	width:100%;	
	box-sizing:border-box;
}

/* -------- RECHERCHE ---------- */
nav[aria-label="Recherche"]>button svg{
	display:none;
}
nav[aria-label="Recherche"]>button:before{
  content:"";
	width:2.5rem;
	height:2.5rem;
	color:#fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAzMC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMyw1Yy0zLjMsMC02LDIuNy02LDZzLjUsMi43LDEuMywzLjdsLTMuOCwzLjgsMS4xLDEuMSwzLjgtMy44YzEsLjgsMi4zLDEuMywzLjcsMS4zLDMuMywwLDYtMi43LDYtNnMtMi44LTYuMS02LjEtNi4xWk0xMywxNS41Yy0yLjUsMC00LjUtMi00LjUtNC41czItNC41LDQuNS00LjUsNC41LDIsNC41LDQuNS0yLDQuNS00LjUsNC41WiIvPgo8L3N2Zz4=")
}
nav[aria-label="Recherche"] .wp-block-navigation__responsive-container.is-menu-open{
	justify-content: center;
    align-content: center;
	    padding-top: var(--wp--preset--spacing--80);
    padding-right: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
    padding-left: var(--wp--preset--spacing--80);
}
nav[aria-label="Recherche"] .wp-block-navigation__responsive-container.is-menu-open form{
	width:100%;
	display: flex;
    flex-direction: column;
}
nav[aria-label="Recherche"] .wp-block-navigation__responsive-container.is-menu-open form label{
	font-size:var(--wp--preset--font-size--large);
	padding-bottom:1rem !important;
}
nav[aria-label="Recherche"] button.wp-block-navigation__responsive-container-close{
	position:fixed;
	top:2rem;
	right:2rem;
}








/* HOMEPAGE */



/* Slider homepage */

.n2-ss-slider .n2-ss-slider-caption{
	height:100% !important;
	width:100% !important;
	align-items: flex-end !important;
}
/* SLIDER HOME */
.n2-ss-slider .image{
	display:none !important;
}
.n2-ss-slider .category{
	text-align:right;
}
.n2-ss-slider .category div{
	text-transform:uppercase !important;
	display:inline-block !important;
	padding:.5rem 0 !important;
	margin-bottom:.5rem !important;
	border-bottom:1px solid var(--wp--preset--color--primary) !important;
}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{
	align-items: flex-end;
	width:auto !important;
	height:auto !important;
	position:absolute;
	right:0;
	bottom:44px;
}

.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow, .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-autoplay{
	padding:.5rem !important;
	width:2rem;
	height:2rem;
	background:var(--wp--preset--color--base) !important;
	display:flex;
	justify-content: center;
    align-items: center;
	border-radius:0 !important;
}

.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-next{
	right:0;
	margin:0 !important;
	
}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-autoplay{
	right:3rem;
	margin:0 !important;
}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-previous{
	right:6rem;
	margin:0 !important;
}

.bouton-toutes-les-actualites{
	position:relative;
	z-index:10;
}


/* BOUTONS */

.wp-block-button a:hover,
header.wp-block-template-part .level1 li.wp-element-button a:hover{
	background:var(--wp--preset--color--secondary) !important;
	color:var(--wp--preset--color--base) !important;
	border-color:var(--wp--preset--color--secondary) !important;
}
.wp-block-button .has-base-border-color:hover{
	background:var(--wp--preset--color--contrast) !important;
	color:var(--wp--preset--color--base) !important;
	border-color:var(--wp--preset--color--contrast) !important;
}

.button-retour-trappes{
	position:fixed;
	left:2rem;
	bottom:2rem;
	z-index:99;
}


/* CARDS */
.card-block{
	
}
	.card-block figure, .card-block figure img{
		width:100%;
		height:auto;
	}
.card-evenement{
	position:relative;
	width:100%;
	height:auto;
	aspect-ratio: 3 / 4 !important;
	overflow:hidden;
}
	.card-evenement figure{
		position:absolute;
		z-index:0;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	.card-evenement figure img{
		position:absolute;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		object-fit:cover;
	}
	.card-evenement a{
		color:var(--wp--preset--color--contrast) !important;
		text-decoration:none;
	}
	.card-evenement a:hover{
		color:var(--wp--preset--color--contrast) !important;
	}
	.card-evenement a .caption{
		position:relative;
		z-index:1;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:grid;
		grid-template-columns: repeat(3, 1fr);
		justify-content: flex-end;
		align-items: flex-end;
		flex-direction: row;
		padding:0;
		box-sizing:border-box;
		background: linear-gradient(180deg,rgba(23, 0, 46, 0) 0%, rgba(23, 0, 46, .5) 80%);
		transition:250ms ease-in-out all;
	}
		.card-evenement a .caption .infos{
			padding:var(--wp--preset--spacing--40);
			grid-column: 1 / span 2;
		}
			.card-evenement a .caption .infos h3{
				padding:0 !important;
				margin:0 !important;
			}
			.card-evenement a .caption .infos h3::after{
				display:none;
			}
		.card-evenement a .caption .date{
			text-align:center;		
			
			aspect-ratio: 1 / 1;
			text-transform:uppercase;
			flex-grow:0;
			display:flex;
			flex-direction:column;
			align-items: center;
    		justify-content: center;
			background:var(--wp--preset--color--primary);
		}
			.card-evenement a .caption .date .day{
				font-weight:bold;
				font-size: var(--wp--preset--font-size--large);
			}
		.agenda li:nth-child(1) .card-evenement a .caption .date{
			background:var(--wp--preset--color--primary);
		}
		.agenda li:nth-child(2) .card-evenement a .caption .date{
			background:var(--wp--preset--color--tertiary);
		}
		.agenda li:nth-child(3) .card-evenement a .caption .date{
			background:var(--wp--preset--color--secondary);
		}
		.agenda li:nth-child(4) .card-evenement a .caption .date{
			background:var(--wp--preset--color--primary);
		}
		.agenda li:nth-child(5) .card-evenement a .caption .date{
			background:var(--wp--preset--color--tertiary);
		}
		.agenda li:nth-child(6) .card-evenement a .caption .date{
			background:var(--wp--preset--color--secondary);
		}
		.agenda li:nth-child(7) .card-evenement a .caption .date{
			background:var(--wp--preset--color--primary);
		}
		.agenda li:nth-child(8) .card-evenement a .caption .date{
			background:var(--wp--preset--color--tertiary);
		}
		.agenda li:nth-child(9) .card-evenement a .caption .date{
			background:var(--wp--preset--color--secondary);
		}





.card-elu, .card-equipement, .card-association{
	position:relative;
	width:100%;
	height:auto;
	background:var(--wp--preset--color--base) !important;
	color:var(--wp--preset--color--contrast) !important;
		text-decoration:none !important;
}
	.card-elu:hover, .card-equipement:hover, .card-association:hover{
		color:var(--wp--preset--color--contrast) !important;
	}
	.card-elu figure, .card-elu figure img,
	.card-equipement figure, .card-association figure img,
	.card-equipement figure, .card-association figure img{
		position:relative;
		z-index:0;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.card-elu .caption, .card-equipement .caption, .card-association .caption{
		padding:var(--wp--preset--spacing--30) !important;
		width:100%;
		box-sizing:border-box;
		display:flex;
		flex-direction:column;
		align-items: flex-start;
		gap:.5rem;
	}
	.card-elu a .caption h3, .card-elu a .caption span,
	.card-elu a:hover .caption, .card-elu a:hover .caption h3, .card-elu a:hover .caption span,
	.card-equipement a .caption h3, .card-equipement a .caption span,
	.card-equipement a:hover .caption, .card-equipement a:hover .caption h3, .card-equipement a:hover .caption span,
	.card-association a .caption h3, .card-association a .caption span,
	.card-association a:hover .caption, .card-association a:hover .caption h3, .card-association a:hover .caption span{
		color:var(--wp--preset--color--contrast) !important;
		padding:0;
		margin:0;
	}
	


/* BLOCK LISTE DE CONTENUS */
.liste-contenus{
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
	flex-wrap:nowrap !important;
	    align-items: stretch;
	width:100%;
}

.liste-contenus.grid-1{
	grid-template-columns: repeat(1, 1fr);
}
.liste-contenus.grid-2{
	grid-template-columns: repeat(2, 1fr);
}
.liste-contenus.grid-3{
	grid-template-columns: repeat(3, 1fr);
}
.liste-contenus.grid-4{
	grid-template-columns: repeat(4, 1fr);
}
.liste-contenus.grid-5{
	grid-template-columns: repeat(5, 1fr);
}
.liste-contenus.grid-6{
	grid-template-columns: repeat(6, 1fr);
}
.liste-contenus.grid-7{
	grid-template-columns: repeat(7, 1fr);
}
.liste-contenus.grid-8{
	grid-template-columns: repeat(8, 1fr);
}


	.liste-contenus .card-contenu{
		text-decoration:none;
		display:flex;
		width:100%;
		height:100%;
		border:1px solid var(--wp--preset--color--contrast);
		box-sizing:border-box;
		margin:0;
		padding: var(--wp--preset--spacing--20);
		flex-direction: column;
		align-items: center;
		background: transparent !important;
		color:var(--wp--preset--color--contrast) !important;
	}
		
	.liste-contenus .card-contenu figure, .liste-contenus .card-contenu figure img{
		width:100%;
		height:auto;
	}
	.liste-contenus .card-contenu p{
		color: var(--wp--preset--color--contrast) !important;
		width:100%;
	}

	.has-background .liste-contenus .card-contenu{
			color:var(--wp--preset--color--base) !important;
			border:1px solid var(--wp--preset--color--base);
		}
	.has-background .liste-contenus .card-contenu p{
		color:var(--wp--preset--color--base) !important;
	}



/* BLOCS */
.bloc-contact{
	gap: var(--wp--preset--spacing--50);
}
.bloc-contact a, .bloc-contact a:hover{
	color: var(--wp--preset--color--base) !important;
}

.wp-block-accordion{
	width:100%;
}

.wp-block-accordion .wp-block-accordion-item:last-child{
	border-bottom:none !important;
}
.wp-block-accordion .wp-block-accordion-panel{
	padding-bottom:1rem;
}

/* SLIDER CONTENUS */
.splide{
	width:100%;
}
.splide__arrow{
	width:auto !important;
	height:auto !important;
	border-radius:0 !important;
	padding:.5rem !important;
	opacity:1 !important;
	background:var(--wp--preset--color--base) !important;
}
.splide__arrow svg{
	fill:var(--wp--preset--color--contrast) !important;
}

.liste-chiffres{
	width:100%;
}
	.liste-chiffres .card-chiffre{
    	flex-grow: 1;
    }
    .liste-chiffres .card-chiffre h3{
    	font-size:var(--wp--preset--font-size--huge);
        padding:0 !important;
    }


/* OPEN AGENDA */

/* preview home */

.home .oa-event-list{
	display:grid;
    grid-template-columns: repeat(3, 1fr);
	gap:1rem;
}
.oa-preview .oa-event-location-label{
	display:none;
}
.oa-preview .oa-event-range{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	padding:1rem !important;
	box-sizing:border-box;
	background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base);
}

/* listes */
.oa-event-list{
	display:grid;
    grid-template-columns: repeat(2, 1fr);
	gap:1rem;
}
	.oa-event-list article{
		position:relative;
		overflow:hidden;
		background:none !important;
	}
	.oa-event-list article .oa-event-thumbnail{
		position:relative;
		width:100%;
		height:100%;
		z-index:1;
	}
	.oa-event-list article .oa-event-thumbnail img{
		aspect-ratio:3 / 4;
		width:100%;
		height:auto;
		object-fit:cover;
	}
	.oa-event-list article .oa-event-range{
		position:absolute;
		top:0;
		right:0;
		width:50%;
		padding:1rem !important;
		box-sizing:border-box;
		background: var(--wp--preset--color--secondary);
		color: var(--wp--preset--color--base);
	}
	.oa-event-list article .oa-event-location-label{
		display:none;
	}
.oa-event-list article .oa-event-details{
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:flex;
		gap:1rem;
		justify-content: flex-end;
		flex-direction: column;
		padding:var(--wp--preset--spacing--40);
		box-sizing:border-box;
		background: linear-gradient(180deg,rgba(23, 0, 46, 0) 0%, rgba(23, 0, 46, .5) 80%);
		transition:250ms ease-in-out all;
}
	.oa-event-list article a:hover .oa-event-details{
			padding-bottom:var(--wp--preset--spacing--60);
		color:var(--wp--preset--color--contrast);
	}
.oa-event-list article .oa-event-details .oa-event-description{
	display:none;
	color:var(--wp--preset--color--contrast);
}





.oa-preview-events article .oa-event-details .oa-event-title::after, .oa-icon-next{
	display:none;
}



/* fiche */

.oa-single-event .oa-event-thumbnail{
	margin-top:3rem;
}
.oa-single-event .oa-event-share-button, .oa-single-event .oa-event-range svg, .oa-single-event .oa-icon-check, .oa-single-event .oa-event-registration  svg, .oa-events-total-widget, .oa-single-event .oa-event-location-contact, .oa-single-event .oa-event-location-image, .oa-event-navigation, .oa-single-event .oa-event-conditions, .oa-single-event .oa-icon-accessibility-mi, .oa-event-additional-fields, .oa-event-keywords, .oa-icon-child, .oa-event-access-link, .oa-event-age, .oa-event-accessibility, .oa-event-registration .oa-registration-label{
	display:none;
} 

.oa-single-event .oa-event-timings{
		display:none;
}
.oa-single-event .oa-event-location-address{
	display:flex;
	flex-direction:column;
}
.oa-single-event .oa-event-location-contact, .oa-single-event .oa-event-location-image, .oa-event-navigation{
	display:none;
}
.oa-single-event .oa-event-location-map .event-map{
	width:100%;
	height:500px;
}

.oa-single-event .oa-event-wrapper{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
}
.oa-single-event .oa-event-wrapper .oa-event-title{
	grid-area: 1 / 1 / 2 / 3;
	height:1em;
	font-size: var(--wp--preset--font-size--x-large);
}
.oa-single-event .oa-event-description{
	grid-area: 1 / 1 / 2 / 3;
	padding-top:5rem;
	background:var();
}
	
.oa-single-event .oa-event-wrapper .oa-event-details{
	grid-area: 1 / 3 / 2 / 4;
    color: var(--wp--preset--color--base);
    background: var(--wp--preset--color--secondary);
    padding:var(--wp--preset--spacing--60);
}
.oa-single-event .oa-event-wrapper .oa-event-details .oa-event-range{
	font-size: var(--wp--preset--font-size--medium);
	font-weight: bold;
}

.oa-single-event .oa-registration-methods{
	list-style:none !important;
	padding:0 !important;
}
	.oa-single-event .oa-registration-methods a{
        background-color: var(--wp--preset--color--contrast);
        border-width: 0;
        color: var(--wp--preset--color--base);
        font-family: var(--wp--preset--font-family--figtree);
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        padding-top: calc(0.667em + 2px);
        padding-right: calc(1.333em + 2px);
        padding-bottom: calc(0.667em + 2px);
        padding-left: calc(1.333em + 2px);
        text-decoration: none;
        text-transform: inherit;
    }
    
    
.oa-single-event .oa-event-wrapper .oa-event-thumbnail {
	grid-area: 2 / 1 / 3 / 4;
}
	.oa-single-event .oa-event-wrapper .oa-event-thumbnail img{
		width:100% !important;
		height:auto !important;
	}
.oa-single-event .oa-event-wrapper .oa-event-longDescription, .oa-single-event .oa-event-wrapper .oa-event-additional-fields, .oa-single-event .oa-event-wrapper .oa-event-timings, .oa-single-event .oa-event-wrapper .oa-event-location{
	grid-column: span 3;
}





/* CARTOGRAPHIE */
.gm-map{
	margin:0 !important;
	padding:0 !important;
	max-width:none !important;
}
.gm-map iframe{
	width:100% !important;
	height:100% !important;
}
.gm-map iframe .leaflet-popup-content-wrapper{
	border-radius:0 !important;
}
.gm-map iframe .leaflet-container a{
	color:var(--wp--preset--color--base) !important;
}


/* TELECHARGEMENTS */
.__wpdm_gb_package .w3eden, .__wpdm_gb_packages .well{
	background:var(--wp--preset--color--base) !important;
    color:var(--wp--preset--color--contrast) !important;
    border:1px solid var(--wp--preset--color--contrast) !important;
	border-radius:0 !important;
}
.__wpdm_gb_package .w3eden .wpdm-download-link, .__wpdm_gb_packages .well .wpdm-download-link{
	font-family: var(--wp--preset--font-family--figtree) !important;
	text-transform:none !important;
	padding: .5em 1em !important;
	font-weight:600 !important;
   background:var(--wp--preset--color--contrast) !important;
   color:var(--wp--preset--color--base) !important;
}
.__wpdm_gb_package .w3eden h3, .__wpdm_gb_packages .well h3{
	display: flex;
    flex-direction: column;
    font-size:var(--wp--preset--font-size--large) !important;
    color:var(--wp--preset--color--contrast) !important;
    gap: 0.5rem;
    font-weight:800;
}
	.__wpdm_gb_package .w3eden.dark-mode .text, .__wpdm_gb_packages .well .text{
        color:var.(--wp--preset--color--contrast) !important;
        font-size:var(--wp--preset--font-size--medium);
        font-weight:400;
        display: flex;
    	flex-direction: row;
    	align-items: center;
    }
    .__wpdm_gb_package .w3eden.dark-mode .text .wpdm_icon, .__wpdm_gb_packages .well .text .wpdm_icon{
    	width:1.5rem !important;
        margin-right:.5rem;
    }
.__wpdm_gb_package .w3eden .attachment-post-thumbnail, .__wpdm_gb_packages .well  .attachment-post-thumbnail{
	max-width: 6rem;
    border-radius:0 !important;
}
/* fiche telechargement */
.single-wpdmpro .wp-block-post-featured-image{
	aspect-ratio: auto !important;
	width:20% !important;
	margin-right:-18rem !important;
}
/* moteur de recherche */
.w3eden .card.panel{
	background-color: var(--wp--preset--color--base-light) !important;
	border-radius:0 !important;
	color:var(--wp--preset--color--base-base) !important;
	padding:var(--wp--preset--spacing--60) !important;
	height:auto !important;
}
	.w3eden .card.panel .panel-body{
		padding:0 !important;
	}
.w3eden .card.panel .row{
	display:flex;
	gap:var(--wp--preset--spacing--40) !important;
	margin:0 !important;
}
.w3eden .card.panel input[type="search"]{
	padding: .5rem 1rem;
	font-size:var(--wp--preset--font-size--normal) !important;
    background: transparent !important;
    border: 1px solid var(--wp--preset--color--base);
	box-sizing:border-box;
	color: var(--wp--preset--color--base) !important;
	border-radius:0 !important;
	height:auto !important;
	line-height: 1 !important;
	margin:0 !important;
}
.w3eden .card.panel .col-lg-6, .w3eden .card.panel .col-lg-2{
	width:auto !important;
	margin:0 !important;
	padding:0 !important;
}
.w3eden .card.panel .col-lg-6{ 
	flex-grow: 1;
}
.w3eden .card.panel input[type="search"]::placeholder{
	color: var(--wp--preset--color--base) !important;
}
.w3eden .card.panel .btn-info{
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
	border:none !important;
	border-radius:0 !important;
	text-transform:none !important;
	font-weight:600 !important;
	padding: .5em 1em !important;
	height:auto !important;
	line-height: 1 !important;
	margin:0 !important;
}




/* select categories + telechargements */
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select, .w3eden .card.panel .wpdm-custom-select.custom-select{
	padding: .5rem 1rem;
	font-size:var(--wp--preset--font-size--normal) !important;
    background: transparent !important;
    border: 1px solid var(--wp--preset--color--base);
    color: var(--wp--preset--color--base);
	box-sizing:border-box;
	color: var(--wp--preset--color--base) !important;
	height:auto !important;
	line-height: 1 !important;
	margin:0 !important;
}





/* DESKTOP */
@media(min-width:1024px){
	
		/* -------- HEADER --------- */

		header.wp-block-template-part{
			position: fixed !important;
			top: 0 !important;
			left:0 !important;
			width:100vw;
			box-sizing:border-box;
			z-index:9999 !important;
			background-color: var(--wp--preset--color--base);
		}

		header.wp-block-template-part .flash-info .level1 li{
			padding:0 !important;
		}
		header.wp-block-template-part .flash-info .close-banner img{
			width:1.5rem !important;
			height:1.5rem !important;
		}


		header.wp-block-template-part nav{
			 position: relative !important;
		}


		header.wp-block-template-part .level1 li:not(.wp-element-button) button{
			 position: relative !important;
			padding:1.5rem 2rem 1.5rem 0;
			border-bottom:4px solid transparent;
		}
			header.wp-block-template-part .level1 li:not(.wp-element-button) button:hover, header.wp-block-template-part .level1 li:not(.wp-element-button) button[aria-expanded="true"]{
				border-bottom:4px solid var(--wp--preset--color--contrast) ;
			}
		header.wp-block-template-part .level1 .wp-block-navigation__submenu-icon{
			margin-left:-1rem !important;
		}

		header.wp-block-template-part .level1 li.wp-element-button a{
			background:var(--wp--preset--color--contrast) !important;
			color:var(--wp--preset--color--base) !important;
			padding: .5em 1em;
		}

		header.wp-block-template-part .level1 li button{
			font-size:var(--wp--preset--font-size--medium);	
		}


		header.wp-block-template-part .menu-principal, header.wp-block-template-part nav[aria-label="Menu principal"]{
				flex-grow: 1;
		}
		header.wp-block-template-part .level1 li.wp-element-button.mes-demarches, header.wp-block-template-part .level1 li.wp-element-button.trappes-et-moi{
			   position:absolute !important;
		}
		header.wp-block-template-part .level1 li.wp-element-button.mes-demarches{
			   right:0;
		}
			header.wp-block-template-part .level1 li.wp-element-button.mes-demarches a{
				border:1px solid var(--wp--preset--color--contrast) !important;
				background:transparent !important;
				color:var(--wp--preset--color--contrast) !important;
			}
		header.wp-block-template-part .level1 li.wp-element-button.trappes-et-moi{
			   right:10rem;
		}





		header.wp-block-template-part .level2{
			height:auto !important;
			width: auto !important;
			position:absolute !important;
			background-color: var(--wp--preset--color--base-light) !important;
			position:relative;
		}

		header.wp-block-template-part .level2 li{
			width:20rem !important;
			display:flex !important;
			background-color: var(--wp--preset--color--base-light) !important;
			color: var(--wp--preset--color--base) !important;
			padding:0 !important;	
			box-sizing: border-box;
			border-top:1px solid var(--wp--preset--color--contrast) !important;
			border-right:none !important;
			border-bottom:none !important;
			border-left:none !important;
		}

			header.wp-block-template-part .level2 li a, header.wp-block-template-part .level2 li button{
				font-size:var(--wp--preset--font-size--medium);
				padding:1.5rem !important;
				font-weight:normal !important;
				border-bottom:none !important;
			}
			header.wp-block-template-part .level2 li a:hover,
			header.wp-block-template-part .level2 li button:hover, header.wp-block-template-part .level2 li button[aria-expanded="true"]{
				background-color: var(--wp--preset--color--contrast)  !important;
				color:var(--wp--preset--color--base) !important;
				border-top:1px solid var(--wp--preset--color--contrast) !important;
				border-right:1px solid var(--wp--preset--color--contrast) !important;
				border-bottom:none !important;
				border-left:none !important;
			}
			header.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{
				position:absolute;
				z-index:1;
				right: 1em;
				top: 1.7rem;
				background:transparent !important;
			}
			header.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{
				width:1rem !important;
				height:1rem !important;
			}
			header.wp-block-template-part .level2 li button:hover ~ .wp-block-navigation__submenu-icon svg, header.wp-block-template-part .level2 li button[aria-expanded="true"] ~ .wp-block-navigation__submenu-icon svg{
				stroke:var(--wp--preset--color--base) !important;
			}

		header.wp-block-template-part .level3{
			width: 30rem !important;
			position: absolute !important;
			display: flex !important;
			gap:2rem;
			padding: 1rem 2rem;
			justify-content: start;
			justify-items: start;
			box-sizing: border-box;
			background-color:var(--wp--preset--color--base-light) !important;
		}

			header.wp-block-template-part .level3 li, header.wp-block-template-part .level3 li:hover{
				background-color: var(--wp--preset--color--base-light) !important;
				color: var(--wp--preset--color--base) !important;
				padding:0 !important;
				border:none  !important;
				width:auto !important;
				display: inline !important;
			}
			header.wp-block-template-part .level3 li a, header.wp-block-template-part .level3 li:hover a{
				background-color: transparent !important;
				font-size:var(--wp--preset--font-size--normal);
				padding:0 !important;
				font-weight:normal;
				border:none !important;
				color: var(--wp--preset--color--base) !important;
			}


		header.wp-block-template-part nav .level3 li.wp-element-button>a{
			padding:.5rem !important;

		}

}

/* MOBILE */
@media(max-width:1024px){

	
	/* Variables */
	:root {
   		--wp--preset--spacing--80: 2.25rem;
		--wp--preset--font-size--x-large:2rem;
		--wp--preset--font-size--large:1.75rem;
		--wp--preset--font-size--medium: 1.25rem;
		--wp--style--root--padding-top: 0px;
   		--wp--style--root--padding-right: 1.5rem;
		--wp--style--root--padding-bottom: 0px;
   		--wp--style--root--padding-left: 1.5rem;
	}
	
	h1{
		font-size:var(--wp--preset--font-size--x-large) !important;
	}
	h2{
		font-size:var(--wp--preset--font-size--large) !important;
	}
	h3{
		font-size:var(--wp--preset--font-size--medium) !important;
	}

	body{
		padding-top:0 !important;
	}
	
	.has-global-padding{
		padding:0 1.5rem !important;
	}
	
	
	/* HEADER */
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
	
	
	header{
		width:100vw;
		padding:0 !important;
		box-sizing:border-box;
	}
	header .menu-principal{
		flex-grow: 1;
    	justify-content: space-between;
	}
	header .wp-block-site-logo{
		width:4rem;
	}
	.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg, .wp-block-search__button svg{
		width:2.5rem;
		height:2.5rem;
	}
	header .wp-block-navigation__responsive-container{
		width:100vw;
		box-sizing:border-box;
		overflow-x:hidden;
	}

	
	.wp-block-navigation .wp-block-navigation-item{
		width:100%;
	}
		.wp-block-navigation .wp-block-navigation__submenu-icon{
			display:block !important;
			margin-left: 0 !important;
			width: 1.2rem;
			height: 1.2rem;
			position:absolute;
			right:0;
			top:1rem;
		}
	
	/* niveau 1 */
	header .menu .level1{
		z-index:1;
		width:100%;
		padding:2rem;
		box-sizing:border-box;
		position:relative;
		height:100%;
	}
		header .menu .level1 li.has-child{
			padding:.5rem 0 1.5rem 0;
			border-bottom:2px solid var(--wp--preset--color--base);
		}
		header .menu .level1 li.has-child button{
			font-size:1.75rem !important;
			font-weight:bold;
			width:100%;
		}
	.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
		background-color: var(--wp--preset--color--base-light) !important;
	}
	
	/* niveaux 2 */
	header .menu  .level2{
		position:relative !important;
		left:0 !important;
		top:0 !important;
		display:none !important;
		padding-left:.5rem !important;
		padding-top:1rem !important;
		padding-right:0 !important;
		z-index:2;
		width:100% !important;
		box-sizing:border-box;
	}
		header .menu .level2 li.has-child{
			padding:0;
			border-bottom:none;
		}
		header .menu  .level2 li button, header .level2 li a,
		header .menu  .level2 li.has-child button, header .level2 li.has-child a{
			font-size:1.2rem !important;
			font-weight:normal !important;
		}
		header .menu  .level1 button.wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .level2{
			display:flex !important;
		}
		header .menu  .level2 .wp-block-navigation .wp-block-navigation__submenu-icon{
			width: 1rem;
			height: 1rem;
			top:.4rem;
		}
	
	/* niveau 3 */
	header .menu  .level3{
		position:relative !important;
		left:0 !important;
		top:0 !important;
		display:none !important;
		padding-left:1rem !important;
		padding-top:1rem !important;
		padding-bottom:2rem !important;
		padding-right:0 !important;
		z-index:3;
		width:100% !important;
		box-sizing:border-box;
	}
		header .menu  .level2 button.wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .level3{
			display:flex !important;
		}
		
	
	/* boutons */
	header.wp-block-template-part .level1 li.wp-element-button.mes-demarches,
	header.wp-block-template-part .level1 li.wp-element-button.trappes-et-moi{
	   position:relative !important;
	}

	header.wp-block-template-part .level1 li.wp-element-button.mes-demarches a {
		border:1px solid var(--wp--preset--color--base) !important;
		background:transparent !important;
		padding:.5rem 1rem;
		color:var(--wp--preset--color--base) !important;
		border-radius:0;
		width: 100%;
		text-align:center;
		box-sizing:border-box;
		margin-top:3rem;
	}
	header.wp-block-template-part .level1 li.wp-element-button.trappes-et-moi a{
		background:var(--wp--preset--color--contrast) !important;
		color:var(--wp--preset--color--base) !important;
		padding:.5rem 1rem;
		border-radius:0;
		width: 100%;
		text-align:center;
		box-sizing:border-box;
	}
	
	
	
	/* footer */
	footer{
		padding:5rem 0;
	}
    footer .footer-top, footer .footer-bottom ul{
		display:flex;
        flex-direction: column !important;
    }
	footer .footer-top .footer-top-col1, footer .footer-top .footer-top-col2, footer .footer-top .footer-top-col3, footer .footer-top .footer-top-col4, footer .footer-bottom{
    	padding:0 0 var(--wp--preset--spacing--80) 0 !important;
		width:100% !important;
		justify-content: flex-start !important;
    }
	
	
	
	/* blocks home */
	.home .liste-profils{
		flex-basis: 100%;
	}
	.home .block-profils{
		flex-wrap: wrap;
	}
	.home .block-profils .liste-boutons, .home .block-profils .liste-boutons, .home .block-agenda .liste-evenements, .home .block-agenda .block-agenda-push, .home .block-grands-projets .block-grands-projets-contenu, .home .block-grands-projets .block-grands-projets-image{
		width:100% !important;
		flex-basis: 100% !important;
	}
	
	.home .block-agenda {
		position:relative !important;
	}
	.home .agenda .is-layout-grid{
		    display: grid !important;
    		grid-template-columns: repeat(2, 2fr) !important;
	}
	.home .block-agenda .block-agenda-push{
		position: absolute;
		right: 0;
		width: 50% !important;
		bottom: 0;
		padding-bottom: 0 !important;
		padding-right: 0 !important;
	}    
	
	/* slider home */
	.n2-ss-slide-background{
		display:none !important;
		position:relative !important;
	}
	.n2-ss-slider .image{
		display:block !important;
	}
	.n2-ss-layer .n2-ow .n2-ss-layer--block{
		margin:0 !important;
	}
	.n2-ss-slider .n2-ss-layer[data-sstype=slide], .n2-ss-slider .n2-ss-layers-container, .n2-ss-slider .n2-ow{
		height:auto !important;
		min-height:auto !important;
	}
	.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{
		display:none !important;
	}
	
	.liste-contenus.grid-1, .liste-contenus.grid-2, .liste-contenus.grid-4, .liste-contenus.grid-4, .liste-contenus.grid-5{
		grid-template-columns: repeat(2, 1fr);
	}
	.liste-contenus.grid-6, .liste-contenus.grid-7, .liste-contenus.grid-8{
		grid-template-columns: repeat(3, 1fr);
	}


	.page-title{
		flex-direction: column;
		width:100%;
	}
		.page-title figure{
			margin:0 !important;
			width:100% !important;
		}
	.page-title > .wp-block-group{
		padding:2rem !important;
		width:100%; !important;
		flex-basis:0 !important;
	}
	
	
    
}