/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
:root{
    --body-font: 'Jost', sans-serif;
    
    --h1-size: 3rem;
    --h2-size: 2.4rem;
    --h3-size: 2.4rem;
    
    --body-size: 2.4rem;
    --tiny-size: 1.8rem;
    --super-tiny-size: 1.3rem;
    
    --regular: 400;
    --medium: 500;
    
    --main-color: #32634D;
    --second-color: #80A594;
    --light-color: #E3F7ED;
    --decoration-color-1: #F5F574;
    --white-color: #fff;
    
    --regular-transition: .5s ease all;
    --regular-box-shadow: 4px 4px 10px rgba(50, 99, 77, .3);
}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: var(--body-font);
    font-size: var(--body-size);
    color: var(--main-color);
    font-weight: var(--regular);
    line-height: 1.4;
    animation: 2s fadeIn;
}
@keyframes fadeIn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.wrapper.overflow-hidden{
    padding-top: 0;
    overflow:visible;
    contain: paint;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: var(--second-color);
    text-decoration: underline;
    transition: var(--regular-transition);
}
a:hover {
	color: var(--decoration-color-1);
    cursor: pointer;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
button{
    background: none;
    outline: 0;
    border: 0;
    padding: 0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
address{
    display: inline-block;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1700px;
	width:100%;
	margin:0 auto;
	position:relative;
    padding: 40px 0 0;
}
/* --- HEADER --- */
.header {
    position: sticky;
    padding: 0 20px;
    top: 40px;
    z-index: 200;
}
/* header when scrolled */
.header.is-white{
    background: rgba(255,255,255, .8);
}
.header.is-scrolled .menu-item a:not(.blog-menu .menu-item a, .contact-menu .menu-item a){
    font-size: 0;
}
.header.is-scrolled .round-icon{
    width: 50px;
    height: 50px;
}
.header.is-scrolled .burger-menu{
    max-height: 100px;
    opacity: 1;
    margin-bottom: 40px;
    transition-delay: .3s;
}
.header.is-scrolled .main-menu{
    max-height: 0;
    transition-delay: .2s;
}
.header.is-scrolled .main-menu::before{
    height: 0%;
}
.header.is-scrolled .menu-item{
    margin-bottom: 0;
}
.header.is-scrolled .menu-item::before{
    width: 0;
    height: 0;
    float: none;
}
.header.is-scrolled .menu-item a{
    display: flex;
    align-items: center;
}
.header.is-scrolled .main-menu .current_page_item a::after {
    width: 0;
}
.header.is-scrolled .contact-menu, 
.header.is-scrolled .blog-menu{
    margin-bottom: 40px;
    transition-delay: .2s;
}
/* header is scrolled on mobile */
.header.is-scrolled .navbar-mobile .menu{
    transform: translateX(70%);
}
.header.is-scrolled .navbar-mobile .burger-menu{
    margin-bottom: 0;
}
.header.is-scrolled .navbar-mobile .burger-menu line:first-child{
    transform: rotateZ(45deg) translate(4px, -6px);
    transform-origin: top left;
}
.header.is-scrolled .navbar-mobile .burger-menu line:nth-child(2){
    transform: scaleX(0);
    transform-origin: 0;
}
.header.is-scrolled .navbar-mobile .burger-menu line:last-child{
    transform: rotateZ(-45deg) translate(4px, 6px);
    transform-origin: bottom left;
}
.header.is-scrolled .navbar-mobile .blog-menu,
.header.is-scrolled .navbar-mobile .contact-menu{
    margin-bottom: 0;
    opacity: 0;
}
/* nav sur écran */
.nav{
    padding-left: 15px;
}
/* nav sur mobile */
.navbar-mobile{
    display: none;
}
.nav-mobile{
    display: none;
    position: sticky;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100vh - 80px);
    max-height: 0;
    z-index: 0;
    background: var(--light-color);
    flex-direction: column;
    justify-content: flex-start;
    transition: .5s ease transform, .5s ease opacity, .3s ease max-height;
    transform: translateY(-100%);
    opacity: 0;
    overflow: visible;
}
.nav-mobile.is-deployed{
    transform: translateX(0);
    opacity: 1;
    max-height: 100vh;
    z-index: 100;
}
.nav-mobile.is-deployed .main-menu::before{
    height: 95%;
}
.nav-mobile .menu{
    width: 90%;
    margin: 0 auto;
    padding-top: 80px;
}
.nav-mobile .main-menu::before{
    background: var(--white-color);
    height: 0;
    transition: var(--regular-transition);
    transition-delay: 2s;
}
.nav-mobile .menu-item{
    transform: translateX(-30px);
    opacity: 0;
    transition: var(--regular-transition);
}
.nav-mobile .menu-item.active{
    opacity: 1;
    transform: none;
}
.nav-mobile .menu-item::before {
    opacity: 0;
    transform: scale(0);
    transition: var(--regular-transition);
    transition-delay: 2s;
}
.nav-mobile.is-deployed .menu-item::before{
    opacity: 1;
    transform: scale(1);
}
.is-deployed + .sub-menu{
    max-height: 500px;
    opacity: 1;
    transform: translateX(30px);
}
.sub-menu .menu-item:first-child{
    margin-top: 15px;
}
.nav-mobile .sub-menu .menu-item{
    padding-left: 0;
    margin-bottom: 15px;
}
.nav-mobile .sub-menu .menu-item{
    opacity: 1;
    transform: none;
    font-size: calc(var(--tiny-size) - .2rem);
}
/* logo */
.logo a {
    text-decoration: none;
    color: var(--main-color);
}
.logo.h1::before{
    display: none;
}

/* ============= NAVIGATION =============== */
/* --- comportement général du menu --- */
.menu{
    transition: var(--regular-transition);
}
/* Menu item premier niveau */
.menu-item {
    margin-bottom: 25px;
    position: relative;
    line-height: 1;
}
.menu-item::before{
    content: "";
    width: 5px;
    height: 5px;
    background: var(--main-color);
    display: inline-block;
    margin-right: 25px; 
    vertical-align: middle;
    border-radius: 50px;
}
.menu-item:hover .round-icon{
    background: var(--decoration-color-1);
}
.menu-item a{
    text-decoration: none;
    color: var(--main-color);
    font-size: var(--tiny-size);
    font-weight: var(--medium);
}
.menu-item a:hover{
    color: var(--second-color);
}
/*
.menu-item:hover .sub-menu{
    max-height: 1000px;
    opacity: 1;
    transform: none;
}
*/
.main-menu .menu-item::before{
    float: left;
    margin-top: 13px;
    margin-bottom: 13px;
}
/* menu item deuxième niveau */
.sub-menu{
    max-height: 0;
    transition: var(--regular-transition);
    overflow: hidden;
    opacity: 0;
    transform: translateX(-20px);
}
.sub-menu .menu-item{
    padding-left: 0px;
    margin-bottom: 0;
    line-height: 1;
}
.sub-menu .menu-item::before{
    display: none;
}
.sub-menu .menu-item a{
    font-size: calc(var(--super-tiny-size) + .2rem);
    font-weight: var(--regular);
}
/* page courante */
.current_page_item a{
    position: relative;
}
.current_page_item a::after{
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    width: 100%;
    height: 60%;
    z-index: -1;
    background: var(--light-color);
}
.current_page_ancestor .sub-menu{
    max-height: 1000px;
    opacity: 1;
    transform: none;
}
/* --- comportement spécifique menu --- */
/* general */
.round-icon{
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: var(--light-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px;
    transition: var(--regular-transition);
    display: inline-block;
    vertical-align: middle;
    margin-right: -5px;
    position: relative;
    left: -15px;
}
/* burger menu */
.burger-menu{
    max-height: 0;
    opacity: 0;
    transition: var(--regular-transition);
    font-size: var(--tiny-size);
    color: var(--main-color);
    font-weight: var(--medium);
    display: block;
}
.burger-menu:hover{
    color: var(--second-color);
}
.burger-menu:hover .round-icon{
    background: var(--decoration-color-1);
}
.burger-menu line{
    transition: var(--regular-transition);
}
/* main menu */
.main-menu{
    position: relative;
    transition: var(--regular-transition);
    max-height: 1000px;
}
.main-menu::before{
    content: "";
    height: 95%;
    position: absolute;
    top: 5px;
    left: 1.5px;
    width: 2px;
    background: var(--light-color);
    z-index: -1;
    transition: var(--regular-transition);
}
.main-menu .menu-item:first-child::before{
    display: none;
}
/* menu actus & contact */
.blog-menu, .contact-menu{
    transition: var(--regular-transition);
}
.blog-menu .menu-item::before, .contact-menu .menu-item::before{
    display: none;
}
/* prefooter - informations */
.prefooter{
    border-top: 1px solid var(--light-color);
}
.prefooter *{
    font-size: var(--tiny-size);
}
.prefooter h2{
    color: var(--main-color);
}
.prefooter h2::after{
    background: var(--light-color);
}
.prefooter a{
    text-decoration: none;
    color: var(--main-color);
}
/* footer */
.footer {
    width: 100%;
    background: var(--main-color);
    color: var(--light-color);
    text-align: center;
    padding: 20px 0;
    font-size: var(--tiny-size);
}
.footer p{
    margin-bottom: 0;
}
.footer a{
    text-decoration: none;
    color: var(--light-color);
}
.footer a:hover, .prefooter a:hover{
    color: var(--decoration-color-1)
}
/*------------------------------------*\
    PRÉCLASSES
\*------------------------------------*/
.no-link{
    text-decoration: none;
    color: var(--main-color);
}
/*
.opacity-0{
    opacity: 0;
}
*/
.visible-mobile{
    display: none;
}
.display-none{
    display: none;
}
.overflow-hidden{
    overflow: hidden;
}
.block{
    display: block;
}
/* ESPACEMENTS */
.page .mg-tp--50{
    margin-top: -50px;
}
.page .mg-tp--100{
    margin-top: -100px;
}
/* FLEX */
.d-flex{
    display: flex;
}
.align-items-start{
    align-items: flex-start;
}
.align-items-center{
    align-items: center;
}
.align-items-end{
    align-items: flex-end;
}
.justify-content-between{
    justify-content: space-between;
}
.justify-content-center{
    justify-content: center;
}
.justify-content-end{
    justify-content: flex-end;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-column{
    flex-direction: column;
}
/* GRID */
.d-grid{
    display: grid;
    grid-gap: 20px;
}
.grid-navigation{
    grid-template-columns: 1fr 6fr;
    grid-gap: 5%;
    align-items: flex-start;
}
.columns-3{
    grid-template-columns: repeat(3, 1fr);
}
/* méthode de display */
.d-block{
    display: block;align-items: 
}
.d-none{
    display: none;
}
/* section filtagre categorie + recherche */
main .hentry .wp-block-group.filtering-section{
    padding: 30px 0;
}
.filtering-section .h3{
    color: var(--decoration-color-1)!important;
    font-size: var(--h2-size);
    margin-bottom: 5px;
}
.filtering-section .wp-block-columns{
    margin-bottom: 0;
}
/* list catégories */
.categories-list{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.categories-list li{
    margin-right: 10px;
    display: inline-block;
    
}
/* bouton */
.btn{
    text-transform: uppercase;
    text-align: center;
    color: var(--light-color);
    border: 1px solid var(--decoration-color-1);
    padding: 3px 15px;
    font-size: var(--super-tiny-size);
    text-decoration: none;
}
.btn:hover{
    background: var(--decoration-color-1);
    color: var(--main-color);
}
/* Formulaire de recherche */
form[role="search"]{
    max-width: 80%;
    margin-left: auto;
}

form[role="search"] input{
    border: 1px solid var(--light-color);
    font-style: italic;
    font-size: var(--super-tiny-size);
    background: transparent;
    color: var(--light-color);
    padding-left: 50px;
    text-transform: lowercase;
    margin-right: 0;
    transition: var(--regular-transition);
}
form[role="search"] input:focus,
form[role="search"] input:active{
    border-color: var(--decoration-color-1);
}
form[role="search"] .wp-block-search__button{
    padding: 5px 10px;
    font-size: var(--super-tiny-size);
    background: var(--light-color);
    color: var(--main-color);
    text-transform: uppercase;
    border: none;
    transition: var(--regular-transition);
    margin-left: 0;
}
form[role="search"] .wp-block-search__button:hover{
    background: var(--decoration-color-1);
}
/*------------------------------------*\
    ÉLÉMENTS RÉUTILISABLES
\*------------------------------------*/
/* bloc document téléchargeable */
.document-card p{
    margin-bottom: 5px;
}
.document-card .btn{
    color: var(--main-color);
    border-color: var(--main-color);
}
/* pagination */
.pagination{
    padding: 30px 0;
    text-align: center;
    width: 100%;
}
.page-numbers{
    width: 40px;
    height: 40px;
    display: block;
    background: var(--main-color);
    color: var(--light-color);
    text-align: center;
    padding: 8px;
    line-height: 1;
    text-decoration: none;
    margin-right: 5px;
}
.page-numbers.current{
    background: var(--second-color);
}
a.page-numbers:hover{
    background: var(--decoration-color-1);
    color: var(--main-color);
}
.page-numbers.next, .page-numbers.prev{
    padding: 6px;
    background: none;
    color: var(--main-color);
}
.page-numbers.next:hover, 
.page-numbers.prev:hover{
    background: none;
    color: var(--second-color);
}
/* slider */
.soliloquy-container{
    max-height: 100%!important;
}
.soliloquy-theme-base.soliloquy-container .soliloquy-pager{
    bottom: -30px;
}
.soliloquy-theme-base.soliloquy-container .soliloquy-pager-link{
    background-image: none;
    background-color: var(--main-color);
    border-radius: 100px;
    height: 10px;
    width: 10px;
    transition: var(--regular-transition);
}
.soliloquy-theme-base.soliloquy-container .soliloquy-pager-link:hover{
    background: var(--light-color);
}
.soliloquy-theme-base.soliloquy-container .soliloquy-pager-link.active{
    background: var(--light-color);
}
.soliloquy-theme-base.soliloquy-container .soliloquy-prev,
.soliloquy-theme-base.soliloquy-container .soliloquy-next{
    top: auto;
    bottom: -25px;
    width: 20px;
    height: 20px;
    background: var(--main-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    color: var(--light-color);
    transition: var(--regular-transition);
}
.soliloquy-theme-base.soliloquy-container .soliloquy-next{
    left: 25px;
}
.soliloquy-theme-base.soliloquy-container .soliloquy-prev:hover,
.soliloquy-theme-base.soliloquy-container .soliloquy-next:hover{
    background: var(--light-color);
}
.soliloquy-theme-base.soliloquy-container .soliloquy-prev span,
.soliloquy-theme-base.soliloquy-container .soliloquy-next span{
    background-image: url('/wp-content/uploads/2022/05/icn_arrow-left.svg');
    background-position: center;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
}
.soliloquy-theme-base.soliloquy-container .soliloquy-next span{
    background-image: url('/wp-content/uploads/2022/05/icn_arrow-right.svg');
    transition: var(--regular-transition);
    mix-blend-mode: normal;
}
.soliloquy-theme-base.soliloquy-container .soliloquy-prev:hover span,
.soliloquy-theme-base.soliloquy-container .soliloquy-next:hover span{
    mix-blend-mode: difference;
}
.soliloquy-theme-base.soliloquy-container .soliloquy-caption{
    background: rgba(50, 99, 77, 0.8);
    color: var(--light-color);
    font-style: italic;
    font-size: var(--tiny-size);
    padding-bottom: 0;
}
/* icône dans le flux de texte */
.icn-text{
    max-width: 15px;
    width: 100%!important;
    margin-right: 10px;
    vertical-align: top;
    position: relative;
    top: 5px;
}

/* Bloc sticky style "sommaire" */
.sticky-bloc{
    position: sticky;
    top: 10%;
    border-left: 1px solid var(--main-color);
    padding-left: 10px;
    font-size: var(--tiny-size);
}
.sticky-bloc h3{
    font-size: var(--tiny-size);
    margin-bottom: 5px;
}
.sticky-bloc h3::after{
    display: none;
}
.sticky-bloc ul + h3{
    margin-top: 20px;
}
.sticky-bloc ul{
    list-style: none;
}
/* Wp block columns with small gutter */
.small-gutter-bloc-columns.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child){
    margin-left: 0;
}
/* header default page */
.header-default-page{
    padding-top: 80px;
}
/* landing page */
.landing-page{
    height: calc(100vh - 100px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 80px;
}
/* wp bloc group */
main .hentry .wp-block-group,
.prefooter.wp-block-group{
    padding: 70px 0;
    contain: paint;
}
.hentry > .wp-block-group:first-of-type:not(.dark-section){
    padding-top: 0;
}
/* section sombre */
.dark-section{
    background: var(--main-color);
}
.dark-section .wp-block-group__inner-container > *{
    color: var(--light-color);
}
.dark-section h2::after,
.dark-section .h2::after{
    background: var(--light-color);
}
/* section claire */
.light-color-section{
    background: var(--light-color);
}
.light-color-section .wp-block-group__inner-container > * {
    color: var(--main-color);
}
/* image flottante à droite */
.floating-round-img{
    border-radius: 100%;
    float: right;
    width: 500px;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transform: translateX(37%);
    margin: 0;
}
.floating-round-img::after{
    content: "";
    position: absolute;
    width: 125px;
    height: 30px;
    background: var(--decoration-color-1);
    bottom: 60px;
    left: 0;
    z-index: 1;
}
.floating-round-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.floating-round-img.thumbnail{
    display: none;
}
/* liste avec icônes */
.icn-list{
    width: 100%;
    max-width: 90px;
}
.icn-list img{
    width: 100%;
}
/* carte blog */
.news-card{
    background: var(--white-color);
    position: relative;
    transition: var(--regular-transition);
}
.news-card:hover{
    cursor: pointer;
    box-shadow: 3px 3px 10px var(--second-color);
}
.card-link{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
.img-content{
    height: 100vh;
    max-height: 320px;
    width: 100%;
    position: relative;
}
.img-content img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.tag{
    padding: 10px 20px;
    background: var(--decoration-color-1);
    text-transform: uppercase;
    color: var(--main-color);
    text-decoration: none;
    font-size: var(--tiny-size);
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 5;
}
.tag:hover{
    color: var(--second-color);
    background: var(--light-color);
}
.event-information{
    position: absolute;
    top: 10px;
    right: 10px;
}
.event-date{
    background: var(--light-color);
    color: var(--main-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main-color);
    padding: 5px 10px;
    line-height: 1;
}
.event-date *:not(.date){
    font-size: var(--super-tiny-size);
    text-transform: lowercase;
}
.event-date .date{
    font-weight: var(--medium);
}
.event-hour p{
    font-size: var(--super-tiny-size);
    background: var(--light-color);
    color: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 0 10px;
    margin-bottom: 0;
}
.card-content{
    padding: 20px;
}
.card-content .date{
    font-size: var(--super-tiny-size);
    margin-bottom: 0;
}
.date + h3{
    margin-top: 0;
}
.card-content > *{
    font-size: var(--tiny-size);
}
.card-content h3{
    color: var(--second-color);
    font-weight: var(--medium);
    margin-bottom: 0;
}
.card-content h3::after{
    display: none;
}
.card-content p:empty{
    display: none;
}
.view-article{
    display: none;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
/* général */
main{
    padding-top: 100px;
    position: relative;
}
main::before{
    content: "";
    width: 420px;
    height: 420px;
    background: var(--light-color);
    position: absolute;
    top: 0;
    right: 30%;
    border-radius: 500px;
    z-index: -1;
}
main .wp-block-group__inner-container,
.prefooter .wp-block-group__inner-container{
    width: 90%;
    margin: 0 auto;
    padding: 0 20px;
}
/* --- HOMEPAGE --- */
.home main::before{
    background: var(--main-color);
}
.home .hentry > .wp-block-group:first-of-type{
    padding-top: 70px;
}
.landing-page::after{
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    background: var(--light-color);
    z-index: -1;
    bottom: -180px;
    left: -140px;
    border-radius: 500px;
    
}
.home .floating-round-img{
    margin-left: -100px;
}
/* --- municipalité --- */
.dropdown-year{
    border: 0;
    background: none;
    border-bottom: 1px solid var(--main-color);
    font-size: var(--tiny-size);
    margin-bottom: 20px;
    text-align: right;
    color: var(--main-color)!important;
}
/* ---Station de ski --- */
.page-id-27 main::before{
    display: none;
}
.page-id-27 main .hentry .wp-block-group{
    contain: none;
}
/* --- loisir et jeunsse --- */
[id="education"] .floating-round-img{
    margin-left: -130px;
}
.education-list.wp-block-columns{
    gap: 1em!important;
}
.education-list + .education-list{
    margin-top: -30px!important;
}
/* --- Un peu d'histoire --- */
.floating-vacquie.floating-round-img{
    float: none;
    transform: none;
    width: 300px;
    height: 300px;
    margin-left: 0;
}
.floating-vacquie::after{
    left: -30px;
}
.floating-vacquie a{
    height: 100%;
    width: 100%;
    display: block;
}
/* --- page single article --- */
.single main{
    overflow: hidden;
}
.single h1{
    margin-bottom: 0;
}
.header-single .wp-block-group__inner-container > *{
    max-width: 60%!important;
}
.single article > section.wp-block-group > .wp-block-group__inner-container > p:first-of-type{
    font-weight: var(--medium);
}
.single-container{
    contain: layout!important;
}
.single-container .floating-round-img{
    margin-top: -300px;
}
.single-container .wp-block-image{
    width: 100%;
    margin: 30px 0;
}
.single-container .wp-block-image img{
    width: 100%;
    height: auto;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1, .h1{
    font-size: var(--h1-size);
    text-transform: uppercase;
    font-weight: var(--medium);
    margin-bottom: 40px;
    position: relative;
    letter-spacing: 2px;
}
h1::before, .h1::before{
    content: "";
    display: block;
    position: absolute;
    width: 110px;
    height: 30px;
    background: var(--decoration-color-1);
    top: 7px;
    left: -130px;
}
h2, .h2{
    font-size: var(--h2-size);
    font-weight: var(--medium);
    color: var(--main-color);
    margin-bottom: 20px;
    text-transform: uppercase;
}
h2::after, .h2::after{
    content: "";
    width: 45px;
    height: 3px;
    margin-left: 10px;
    background: var(--main-color);
    display: block;
    transform: translateX(-20px);
    margin-top: 20px;
}
h3, .h3{
    font-size: var(--h3-size);
    font-weight: var(--medium);
    color: var(--second-color);
    margin-bottom: 20px;   
}
h3::after, .h3::after{
    content: "";
    width: 45px;
    height: 3px;
    margin-left: 10px;
    background: var(--second-color);
    display: inline-block;
    vertical-align: middle;
}
h4, .h4{
    font-size: var(--h3-size);
    font-weight: var(--medium);
    color: var(--second-color);
}
p {
    margin-bottom: 20px;
}

p + h2, 
p + .h2, 
ul + h2,
ul + .h2,
figure:not(.floating-round-img) + h2,
figure:not(.floating-round-img) + .h2{
    margin-top: 40px;
}
p + h3,
p + .h3,
ul + h3,
ul + .h3{
    margin-top: 20px;
}

ul + p{
    margin-top: 20px;
}
main ul,
.list-style-disc,
.sticky-bloc .list-style-disc{
    list-style: disc;
    padding-left: 40px;
}
main li{
    margin-bottom: 10px;
}
.tiny{
    font-size: var(--tiny-size);
}
.super-tiny{
    font-size: var(--super-tiny-size);
}
.italic, em{
    font-style: italic;
}
.bold, strong{
    font-weight: var(--medium);
}
.second-color{
    color: var(--second-color);
}
.no-after::after{
    display: none;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1300px) {
    /* --- GÉNÉRAL ET STRUCTURES --- */
    main {
      padding-top: 40px;
    }
    main .wp-block-group__inner-container, .prefooter .wp-block-group__inner-container{
        width: 90%;
    }
    .grid-navigation {
      grid-template-columns: 1fr 5fr;
      grid-gap: 1%;
    }
    /* --- NAVBAR --- */
    .logo.h1{
        font-size: 105%;
    }
    .round-icon{
        box-shadow: var(--regular-box-shadow);
    }
    /* --- ÉLÉMENTS RÉUTILISABLES --- */
    /* floating round image */
    .floating-round-img{
        height: 400px;
        width: 400px;
        transform: translateX(30%);
        margin-left: -100px;
    }
    /* news card */
    .img-content{
        max-height: 250px;
    }
    /* --- TYPOGRAPHIE --- */
    h1::before, .h1::before {
      width: 80px;
      left: -100px;
    }
    /* --- PAGES --- */
    /* un peu d'histoire */

}
@media screen and (max-width: 1080px){
    /* --- GÉNÉRAL ET STRUCTURES --- */
    .wrapper{
        padding-top: 20px;
        contain: paint;
    }
    .grid-navigation{
        display: block;
    }
    main{
        padding-top: 10px;
    }
    main::before {
        top: -90px;
        right: -10%;
    }
    /* --- NAVBAR --- */
    .header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        top: 0;
        padding: 10px 20px;
    }
    .header::before, .header::after{
        display: none;
    }
    .header.is-scrolled{
        background: var(--light-color)!important;
    }
    .header.is-scrolled .round-icon{
        width: 35px;
        height: 35px;
    }
    .logo{
        max-width: 140px;
        margin-bottom: 0;
    }
    .nav{
        display: none;
    }
    .navbar-mobile{
        display: block;
    }
    .navbar-mobile ul{
        display: flex;
    }
    .navbar-mobile .burger-menu{
        max-height: 100px;
        opacity: 1;
    }
    .navbar-mobile .menu-item{
        margin-bottom: 0;
    }
    .navbar-mobile a{
        font-size: 0;
        height: 100%;
        display: block;
    }
    .navbar-mobile .round-icon{
        margin-left: 10px;
    }
    .nav-mobile{
        display: flex;
    }
}
@media screen and (max-width: 810px){
    /* --- GÉNÉRAL ET STRUCTURES --- */
    main .wp-block-group__inner-container, .prefooter .wp-block-group__inner-container{
        width: 93%;
    }  
    /* --- FOOOTER ---*/
    .columns-footer .wp-block-column:first-child{
        flex-basis: auto;
        flex-grow: 0;
    }
    /* --- PRÉCLASSES ---*/
    .columns-3{
       grid-template-columns: repeat(2, 1fr); 
    }
    .alignright, .alignleft{
        float: none;
        width: 100%;
        margin: 20px 0;
    }
    .alignright img, .alignleft img{
        width: 100%;
    }
    .no-mg-bt-on-mobile{
        margin-bottom: 0;
    }
    /* --- ÉLÉMÉNTS RÉUTILISABLES ---*/
    .floating-round-img:not(.home .floating-round-img, .single .floating-round-img){
        float: none;
        margin: 0 auto 50px;
        transform: none;
        display: none;
    }
    .wp-block-columns{
        gap: 1em!important;
    }
    /* --- PAGE --- */
    /* général */
   .floating-round-img.thumbnail, .floating-round-img.floating-vacquie{
        display: block!important;
    }
    /* homepage */

    .home-news .news-card:last-child{
        display: none;
    }
    /* enfance et jeunesse */
    .floating-column{
        float: left;
    }
    /* histoire */
    .floating-vacquie.floating-round-img{
        width: 250px;
        height: 250px;
    }
    /* single */
    .single main{
        overflow: visible;
    }
}
@media screen and (max-width:600px){
    /* --- GÉNÉRAL --- */
    main{
        padding-top: 30px;
    }
    main::before {
        right: -30%;
    }  
    main .wp-block-group__inner-container,
    .prefooter .wp-block-group__inner-container{
        padding: 0 10px;
    }
    /* --- NAV --- */
    .logo.h1{
        font-size: 90%;
    }
    .nav-mobile .menu{
        width: 80%;
    }
    .menu-item {
        margin-bottom: 15px;
    }
    .nav-mobile.is-deployed{
        padding-top: 0px;
    }
    /*--- ÉLÉMENT RÉUTILISABLES ---*/
    .floating-round-img{
        float: none;
        margin: 0 auto 50px;
        transform: none;
        display: none;
        width: 300px;
        height: 300px;
    }
    .small-gutter-bloc-columns .wp-block-image{
        margin-bottom: 0;
    }
    .small-gutter-bloc-columns.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child){
        margin-left: 0;
    }
    .visible-mobile{
        display: block;
    }
    .soliloquy-container .soliloquy-pager{
        display: block!important;
    }
    .soliloquy-theme-base.soliloquy-container .soliloquy-pager {
        bottom: -25px;
    }
    /* --- PRÉCLASSES ---*/
    .columns-3{
        grid-template-columns: repeat(1, 1fr);
    }
    .page .mg-tp--100{
        margin-top: 0;
    }
    /* --- PAGE --- */
    .home .floating-round-img, 
    .single .floating-round-img, 
    .floating-round-img.floating-vacquie{
        display: block;
        margin-left: 0;
    }
    /* homepage */
    .home main::before{
        background: var(--light-color);
    }
    .home-news .news-card:last-child{
        display: block;
    }
    /* municipalité */
    [id="arretes"] .wp-block-group__inner-container > .d-flex, 
    [id="compte-rendus"] .wp-block-group__inner-container > .d-flex{
        flex-direction: column;
        align-items: flex-start;
    }
    /* single */
    .header-single .wp-block-group__inner-container > *{
        max-width: 100%!important;
    }
    .single-container .floating-round-img{
        margin-top: 0;
    }
    /* actus */
    form[role="search"]{
        max-width: 100%;
    }
    form[role="search"] input{
        padding-left: 20px;
    }
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.wp-block-group{
    position: relative;
}
.wp-block-image figcaption{
    font-style: italic;
    font-size: var(--tiny-size);
    text-align: center;
    color: var(--second-color);
}
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/* AJOUT JANVIER 2025 - ajout logo piste verte */

.piste_verte_link {
    width: 15%;
    position: fixed;
    bottom: 2%;
    left: 4.5%;
	z-index: 999;
}
.piste_verte_link img,
.piste_verte_link_footer img {
    width: 100%;
	max-width: 100px;
}
.piste_verte_link_footer {
    display: none;
}
footer {
    position: relative;
}
@media screen and (min-width: 1600px) {
    .piste_verte_link {
        left: 6%;
    }
}
@media screen and (max-width: 1080px){
    .piste_verte_link {
        display: none !important;
    }
    .piste_verte_link_footer {
        display: block;
        width: 20%;
        top: -95%;
        right: 1%;
        left: auto;
        position: absolute;
    }
    @media screen and (max-width: 420px) {
        .piste_verte_link_footer {
            top: -90% !important;
        }
    }
}


/* EDIT SPKTR AVRIL 2025 */
#compte-rendus .document-card .tiny,
#arretes .document-card .tiny {
	display: none;
}