/*####################
##### GENERAL #########
######################*/
/*
@font-face {
    font-family: 'Dancing Fool';
    src: url('../fonts/DancingFool-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: block;
    }
    */
    
:root {
    --cl-white: #fff;
    --cl-black: #000;
    --cl-red: #d50241;
    --cl-light-gray: #f6f6f6;
    --cl-gray: #6B6B6B;
    --cl-gray-border: #dcd9d9;
    --cl-gray-text: #7b7b7b;
    --cl-dark-gray: #252525;
    --size-small:81.25%;
    --size-extra-small:56.25%;
    --size-h1:300%;
    --size-h2:200%;
    --size-h3:137.5%;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Rubik", sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body{
    background-color: #fff;
    color:var(--cl-dark-gray);
}
body.pro{--cl-red: #368F18;}


.overflow-hidden{position:relative; width:100%; overflow:hidden;}

p.has-small-font-size, li.has-small-font-size{font-size:var(--size-small) !important; letter-spacing:3%;}
.has-small-font-size strong{font-weight:500;}
.has-medium-font-size{font-size:110% !important;}
.has-large-font-size{font-size:130% !important;}
.has-xlarge-font-size{font-size:160% !important;}
.has-xxlarge-font-size{font-size:var(--size-h2) !important;}


/*####################
##### GLOBAL ####
######################*/
img{max-width:100%;}

.mobile-only{display:none;}

.perma{position:absolute; inset:0; width:100%; height:100%; z-index:1;}

.wp-block-button__link{border-radius:8px; font-size:100%;}
.wp-block-button__link:not(.has-text-color):not(.has-background){background-color:var(--cl-red); border:1px solid var(--cl-red); color:var(--cl-white); padding:10px 20px;}
.wp-block-button__link:not(.has-text-color):not(.has-background):hover{background-color:var(--cl-white) ; color:var(--cl-red); text-decoration:none;}
.wp-block-button__link:before{content:""; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/arrow_white.svg) scroll no-repeat center / contain; width:12px; height:6px}
.wp-block-button__link:hover:before{background-image:url(../images/arrow_red.svg)}
body.pro .wp-block-button__link:hover:before{background-image:url(../images/arrow_green.svg)}
.wp-block-button__link.has-white-background-color{border:1px solid var(--cl-white);}
.wp-block-button__link.has-white-background-color:before{background-image:url(../images/arrow_black.svg)}
.wp-block-button__link.has-white-background-color:hover{background-color:var(--cl-red) !important; color:var(--cl-white) !important;}
.wp-block-button__link.has-white-background-color:hover:before{background-image:url(../images/arrow_white.svg)}
.empty .wp-block-button__link.has-white-background-color{background-image:url(../images/arrow_black.svg); background-repeat:no-repeat; background-attachment:scroll; background-position:center;}
.empty .wp-block-button__link.has-white-background-color:hover{background-image:url(../images/arrow_white.svg) !important}
.empty .wp-block-button__link.has-white-background-color:before{display:none;}
.empty .wp-block-button__link.has-white-background-color:after{content:""; position:absolute; inset:0; width:100%; height:100%; z-index:1;}

.big-bg{position:relative;}

.marg0{margin:0 !important;}
.arrondi{border-radius:10px;}
.cover{display:flex; height:100%; align-items:center;}
.cover img{object-fit:contain; object-position:top;}

.wp-block-columns.gap__4rem{gap:4rem;}
.wp-block-columns.gap__6rem{gap:6rem;}
.wp-block-columns.gap__8rem{gap:8rem;}
.wp-block-group.has-background{padding:40px;}
.wp-block-group.has-background.big-bg{padding:60px;}
 

.alignright{margin-left:auto;}

:where(.wp-block-group.has-background){padding:1.25rem 2.375rem;}

.arrondi{border-radius:10px;}

h1{font-size:var(--size-h1); font-weight:500;}
h2{font-size:var(--size-h2); font-weight:400; line-height:1.2; font-family:"Hanken Grotesk", sans-serif;}
h3{font-size:var(--size-h3); font-weight:400; line-height:1.2; width:100%;}

.grand-interlignage{line-height:1.6;}

.triangle{position:relative;}
.triangle:before{content:""; position:absolute; inset:0; width:100%; height:100%; z-index:0; background:url(../images/triangle.svg) scroll repeat}
.triangle > *{position:relative; z-index:1;}

.wp-block-image img{object-fit:contain;}

/*####################
##### COLORS ########
######################*/

/* Text colors */
.has-white-color {
	color: var(--cl-white);
}

.has-black-color {
	color: var(--cl-black);
}

.has-red-color {
	color: var(--cl-red);
}

.has-light-gray-color {
	color: var(--cl-gray);
}

.has-gray-color {
	color: var(--cl-gray);
}

.has-dark-gray-color {
	color: var(--cl-dark-gray);
}


/* background colors */
.has-white-background-color {
	background-color: var(--cl-white);
}

.has-black-background-color {
	background-color: var(--cl-black);
}

.has-red-background-color {
	background-color: var(--cl-red);
}

.has-light-gray-background-color {
	background-color: var(--cl-light-gray);
}

.has-gray-background-color {
	background-color: var(--cl-gray);
}
.has-dark-gray-background-color {
	background-color: var(--cl-dark-gray);
}


.alignfull, .alignwide{margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%);}

.wp-block-columns.inverse .wp-block-column:first-child{order:2;}
.wp-block-columns.inverse .wp-block-column:last-child{order:1;}

.page-int p, .page-int li{line-height:1.2;}
.page-int p{margin-bottom:10px;}
.page-int li{margin-bottom:5px;}
.page-int ul:not(.ft-offres), .page-int ol{padding-left:20px;}

.container, .banner.wp-block-cover .wp-block-cover__inner-container, .alignwide .wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container{width:1260px; max-width:100%; margin:0 auto; padding-inline:30px;}


/* Cookie */
#cookie-banner{position:fixed; bottom:0; width:100%; border-top:1px solid var(--cl-red); padding:10px 15%; z-index:2000; background-color:var(--cl-light-gray); color:var(--cl-dark-gray); text-align:left; display: none;}
#cookie-banner a{color:var(--cl-red); text-decoration:none;}
#cookie-banner a.cookie-banner-close{position:absolute; top:0; right:0; width:auto; height:100%; background-color:var(--cl-red); color:var(--cl-white); display:flex; justify-content:center; align-items:center; padding:0 20px; text-decoration:none;}

/* Header */
.header-container{padding-block:14px; display:flex; gap:2rem; justify-content:space-between; align-items:center;}
a.custom-logo-link{display:block;}
.custom-logo{height:52px; max-width:inherit; width:auto;}

/* Header pro */
.logo-container.pro .custom-logo-link{display:flex; gap:2em; align-items:flex-end;}
.logo-container.pro .custom-logo{height:35px; margin-bottom:4px;}
.logo-container.pro .custom-logo.other-logo{height:50px; margin-bottom:0;}

.smart-icon-menu, #show_menu, .smart-icon-menu-close{display:none;}
.smart-icon-menu-close{text-align:right; font-size:180%; background-color:#fff; border:none; line-height:1; width:100%; margin-bottom:5px; cursor:pointer;}
#menu_principal > div > ul{display:flex; gap:2rem; justify-content:flex-end; list-style:none;}
body.pro #menu_principal > div > ul{gap:1.5rem;}
#menu_principal > div > ul > li > a{color:var(--cl-dark-gray); text-decoration:none; font-weight:500;}
#menu_principal > div > ul > li:hover > a, #menu_principal > div > ul > li.current-menu-item > a{color:var(--cl-red);}
#menu_principal > div > ul > li.accessibility > a{padding-left:20px; background:url(../images/accessibility.svg) scroll no-repeat left / contain; font-size:var(--size-small);}
#menu_principal > div > ul > li.site-public > a{padding:7px 10px 7px 30px; background:var(--cl-red) url(../images/arrow_white.svg) scroll no-repeat 10px center; color:var(--cl-white); border-radius:10px; font-weight:400; font-size:var(--size-small); border:1px solid var(--cl-red);}
#menu_principal > div > ul > li.site-public > a:hover, #menu_principal > div > ul > li.site-public > a:focus{background-image:url(../images/arrow_green.svg); background-color:var(--cl-white); color:var(--cl-red);}

/* Home */
.home-banner{position:relative;}
.home-banner:after{content:""; position:absolute; bottom:0; right:0; z-index:3; height:100%; background:url(../images/deco_e.svg) scroll no-repeat right / contain; width:100%;}
body.pro .home-banner:after{background-image:url(../images/deco_e_green.svg);}
.home-banner .wp-block-cover__background{width:35%;}
.home-banner .wp-block-cover__inner-container, .home-banner.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container{width:35%; padding:0 6% 0 3.5%; z-index:4;}
.home-banner p{line-height:1.5;}

.home-listing-actualites{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.home-listing-actualites a:visited{color:var(--cl-dark-gray);}
.home-fiche-actualite{position:relative; padding:2px;}
.home-fiche-actualite h3 a{text-decoration:none; color:var(--cl-dark-gray);}
.home-fiche-actualite h3 a:visited{color:var(--cl-dark-gray);}
.home-fiche-actualite.first{flex:0 0 58%; display:flex; gap:1.5rem; flex-wrap:wrap;}
.home-fiche-actualite__visuel{flex:0 0 calc(57% - 0.75rem);}
.home-fiche-actualite.first .home-fiche-actualite__visuel.logo-container{padding:30px; background-color:var(--cl-white);}
.home-fiche-actualite__content{flex:0 0 calc(43% - 0.75rem);}

.home-fiche-actualite.first .home-fiche-actualite__content h3{margin-bottom:10px;}

.home-fiche-actualite__rubriques-container{display:flex; gap:.8rem; flex-wrap:wrap; margin-bottom:10px;}
.home-fiche-actualite__rubriques-container span{display:block; padding:2px 5px; border-radius:5px; border:1px solid var(--cl-red); color:var(--cl-red); font-size:var(--size-extra-small); letter-spacing:3%; font-weight:500; text-transform:uppercase;}
.home-fiche-actualite:hover .home-fiche-article__link, .home-fiche-actualite:focus .home-fiche-article__link{background-color:var(--cl-white); color:var(--cl-red); text-decoration:none;}

.home-fiche-actualite.first .home-fiche-actualite__content p{color:var(--cl-dark-gray); margin-bottom:30px; font-size:var(--size-small); font-weight:300; line-height:1.4;}
.home-fiche-actualite__visuel{border-radius:10px; overflow:hidden; height:100%;}
.home-fiche-actualite__visuel img{width:100%; height:100%; object-fit:cover; transition:0.3s all ease 0s;}
.home-fiche-actualite:hover img, .home-fiche-actualite:focus img{scale:1.1;}

.home-other-fiche-actualite{flex:0 0 calc(38% - 4rem);}
.home-fiche-actualite.other .home-fiche-actualite__content{display:flex; gap:2rem; align-items:center; padding-block:20px; border-bottom:.5px solid var(--cl-gray-border);}
.home-fiche-actualite.other:first-of-type .home-fiche-actualite__content{border-top:.5px solid var(--cl-gray-border);}

.home-fiche-actualite__link{display:block; background-color:var(--cl-red); border:1px solid var(--cl-red); color:var(--cl-white); padding:10px 15px; border-radius:8px; text-decoration:none; width:max-content;}
.home-fiche-actualite:hover .home-fiche-actualite__link, .home-fiche-actualite:focus .home-fiche-actualite__link{background-color:var(--cl-white); color:var(--cl-red); text-decoration:none;}
.home-fiche-actualite__link:visited,.home-fiche-actualite__link:active{color:var(--cl-white);}
.home-fiche-actualite__link:before{content:""; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/arrow_white.svg) scroll no-repeat center / contain; width:12px; height:6px}
.home-fiche-actualite.other .home-fiche-actualite__link:before{margin-right:0;}
.home-fiche-actualite:hover .home-fiche-actualite__link:before{background-image:url(../images/arrow_red.svg)}
body.pro .home-fiche-actualite:hover .home-fiche-actualite__link:before{background-image:url(../images/arrow_green.svg)}

.thematique-marker{position:absolute; top:0; right:20px; height:32px; width:32px; display:flex; justify-content:center; align-items:center; border-radius:0 0 8px 8px;}
.thematique-marker img{max-width:60%;}

/* Page int */
#breadcrumbs, .yoast-breadcrumbs{padding:27px 0; color:var(--cl-dark-gray); margin:0 0 15px; font-size:var(--size-small); letter-spacing:3%; font-weight:500;}
#breadcrumbs i, .yoast-breadcrumbs i{display:inline-block; margin-inline:5px; font-size:90%; font-style:inherit; color:var(--cl-gray);}
#breadcrumbs a, .yoast-breadcrumbs a{color:var(--cl-gray); text-decoration:none;}

a, a:visited{color:var(--cl-red)}

.porteur{position:absolute; bottom:75px; left:20px; color:var(--cl-gray-text); font-size:var(--size-small)}
.date{position:absolute; bottom:0; left:20px; background-color:var(--cl-dark-gray); color:var(--cl-white); border-radius:8px 8px 0 0; height:60px; width:120px; padding-inline:15px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center; font-weight:500; font-size:var(--size-small);}

/* Page thématiques (category.php) */
.banner{position:relative; min-height:305px; display:flex; justify-content:center; align-items:center;}
.banner:before{content:""; position:absolute; inset:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:2;}
.banner:after{content:""; position:absolute; bottom:0; right:0; width:100%; height:100%; background:url(../images/deco_e.svg) scroll no-repeat right 74.5% / auto 157.5%; z-index:2;}
body.pro .banner:after{background-image:url(../images/deco_e_green.svg);}
.banner.wp-block-cover .wp-block-cover__inner-container, .banner .container{position:relative; z-index:3;}
.banner h1{color:var(--cl-white); font-size:var(--size-h1); font-weight:500;}
.banner img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}

.cat-container{display:flex; gap:1.5rem; flex-wrap:wrap;}

.cat-listing-articles{order:1; flex:0 0 calc(75.5% - .75rem);}
.ajax-cat-listing-articles{display:flex; gap:1.5rem; flex-wrap:wrap;}
.cat-fiche-article{position:relative; flex:0 0 calc(33.333% - 1rem); padding:25px 25px 140px; border-radius:10px;}
.cat-fiche-article.blanc{background-color:var(--cl-white);}
.cat-fiche-article.gris{background:var(--cl-light-gray) url(../images/deco_e_white.svg) scroll no-repeat bottom right / auto 40%;}
.cat-fiche-article.noir{background-color:var(--cl-dark-gray); border:1px solid var(--cl-gray);}

.cat-fiche-article__visuel{aspect-ratio:1.9; border-radius:10px; overflow:hidden;}
.cat-fiche-article__visuel img{width:100%; height:100%; object-fit:cover;}
.cat-fiche-article__visuel.logo-container{background-color:var(--cl-white); display:flex; justify-content:center; align-items:center;}
.cat-fiche-article__visuel.logo-container img{width:auto; max-width:80%; height:80%; object-fit:contain;}
.cat-fiche-article h3{margin:15px 0 0;}
.cat-fiche-article h3 a{color:var(--cl-black); text-decoration:none;}

.cat-fiche-article.offre-partenaire{padding-bottom:80px;}
.cat-fiche-article.offre-partenaire h3{color:var(--cl-white);}
.cat-fiche-article__link{position:absolute; bottom:40px; left:20px; display:block; background-color:var(--cl-red); border:1px solid var(--cl-red); color:var(--cl-white); padding:10px 20px; border-radius:5px; text-decoration:none; width:max-content;}
.cat-fiche-article__link:before{content:"→"; display:inline-block; margin-right:5px;}
.cat-fiche-actualite:hover .cat-fiche-article__link, .cat-fiche-actualite:focus .cat-fiche-article__link{background-color:var(--cl-white); color:var(--cl-red); text-decoration:none;}

.cat-fiche-article.blanc:hover, .cat-fiche-article.gris:hover, .cat-fiche-article.noir:hover, .cat-fiche-article.blanc:focus, .cat-fiche-article.gris:focus, .cat-fiche-article.noir:focus{background-color:var(--cl-red); color:var(--cl-white);}
.cat-fiche-article:hover a, .cat-fiche-article:hover .porteur{color:var(--cl-white);}

#show_filters, .filters-opener{display:none;}
.cat-filters{order:2; flex:0 0 calc(24.5% - .75rem);}
.filters-opener{position:absolute; top:30vh; left:-40px; background-color:var(--cl-white); border:1px solid var(--cl-red); border-radius:10px 0 0 10px; color:var(--cl-red); height:40px; width:40px; justify-content:center; align-items:center; cursor:pointer;}
.filters-opener:before{content:""; background:url(../images/filter.svg) scroll no-repeat center / contain; height:24px; width:24px; display:flex; justify-content:center; align-items:center;}
body.pro .filters-opener:before{background-image:url(../images/filter_green.svg)}
.filters-opener:hover:before{background-image:url(../images/filter_on.svg); }
.filters-opener:hover{background-color:var(--cl-red); color:var(--cl-white); border-color:var(--cl-white)}
#show_filters:checked + .cat-filters .filters-opener{background-color:var(--cl-black); color:var(--cl-white); border-color:var(--cl-white); border-right:0;}
#show_filters:checked + .cat-filters .filters-opener:before{content:"×"; font-size:150%; background:none;}

#search{padding:14px 15px; border:1px solid var(--cl-gray-border); border-radius:9px; width:100%; color:var(--cl-dark-gray); letter-spacing:0; font-size:var(--size-small)}
#search::placeholder{color:var(--cl-dark-gray)}
.filter-title{text-transform:uppercase; font-size:var(--size-small); font-weight:500; margin-bottom:10px; color:var(--cl-dark-gray)}
.results-count{color:var(--cl-red);}
.filter-label{color:var(--cl-gray-text); font-size:var(--size-small); margin-bottom:10px;}

#periode{padding:14px 15px; border:1px solid var(--cl-gray-border); border-radius:9px; width:100%; background-color:var(--cl-white)}

.tags-filter-container{display:flex; gap:1rem; flex-wrap:wrap; justify-content:flex-start;}
.tag-filter-container label{display:flex; gap:5px; font-size:var(--size-small); align-items:center;}
.tag-filter-container label:before{content:""; display:flex; justify-content:center; align-items:center; font-size:60%; width:10px; height:10px; border-radius:3px; border:1px solid var(--cl-dark-gray);}
.tag-filter:checked + label:before{content:"✔";}
.tag-filter{position:absolute; opacity:0;}

/* Single */
.thematique-name{font-size:var(--size-h2);}

.single-rubriques-container{display:flex; gap:.8rem; flex-wrap:wrap;}
.single-rubriques-container span, .single-rubriques-container a{display:block; padding:2px 5px; border-radius:5px; border:1px solid var(--cl-white); color:var(--cl-white); font-size:var(--size-extra-small); text-transform:uppercase; line-height:1.4;}
.page-int .single-rubriques-container a{color:var(--cl-white); text-decoration:none;}
.page-int .single-rubriques-container a:hover, .page-int .single-rubriques-container a:focus{background-color:var(--cl-white); color:var(--cl-red)}

.single-banner.wp-block-group.has-background{position:relative; padding-top:60px;}
.single-banner:before{content:""; position:absolute; bottom:0; right:0; height:100%; width:50%; background:url(../images/deco_e_red_border.svg) scroll no-repeat right bottom / contain; z-index:1;}
.single-banner h1{font-size:var(--size-h1); width:880px; max-width:80%; margin:20px 0; line-height:1.2}

.single-meta{display:flex; gap:2rem; flex-wrap:wrap;}
.single-meta__lieu i{margin-right:5px;}

.single-dates-container{position:relative; margin:30px 0 -40px; width:100%; z-index:1;}/* overflow-x:scroll;*/
.single-dates{display:flex; gap:5px; width:max-content;}
.single-date{position:relative; bottom:auto; left:auto;}

.single-container{display:flex; gap:8rem; flex-wrap:wrap;}
.single-column.left{flex:0 0 calc(54% - 4rem);}
.single-column.right{flex:0 0 calc(46% - 4rem);}

.custom-navigation{display:flex; flex-wrap:wrap; gap:2rem; justify-content:space-between; padding:15px 0; border-bottom:1px solid var(--cl-gray-border); margin-bottom:30px; align-items:center;}
.back-to-list{color:var(--cl-red); text-decoration:none; font-weight:500;}
.back-to-list:before{content:""; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/arrow_red.svg) scroll no-repeat center / contain; width:12px; height:6px; rotate:180deg}
body.pro .back-to-list:before{background-image:url(../images/arrow_green.svg)}

.share-buttons{display:flex; gap:0.5rem; align-items:center;}
.share-buttons span{font-size:var(--size-small); margin-right:5px;}
.share-buttons a{color:var(--cl-gray-text); display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%; border:1px solid var(--cl-gray-text); text-decoration:none; font-size:var(--size-small)}
.share-buttons a:hover, .share-buttons a:focus{background-color:var(--cl-red); border-color:var(--cl-red); color:var(--cl-white); text-decoration:none;}

.single-maj{display:block; font-size:var(--size-small); color:var(--cl-gray-text); margin-bottom:30px;}

.single-content h2{font-weight:400; font-size:var(--size-h2); margin:30px 0 20px; letter-spacing:1px; line-height:1.2;}
.single-content h3{font-weight:400; font-size:var(--size-h3); margin:30px 0 15px; letter-spacing:1px;}
.single-content ul{margin-bottom:30px;}
.single-content li::marker{color:var(--cl-red);}

.single-file{display:block; width:max-content; max-width:100%; background-color:var(--cl-red); color:var(--cl-white); padding:10px 20px; border-radius:5px; border:1px solid var(--cl-red); text-decoration:none; margin-top:15px;}
.single-file:first-of-type{margin-top:30px;}
.single-file:visited{color:var(--cl-white);}
.single-file:before{content:""; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/arrow_white.svg) scroll no-repeat center / contain; width:12px; height:6px}
.single-file:hover, .single-file:visited:hover{background-color:var(--cl-white); color:var(--cl-red);}
.single-file:hover:before{background-image:url(../images/arrow_red.svg)}
.single-file small{display:inline-block; font-size:80%;}

.single-column img{max-width:100%; height:auto;}
.single-column img[src*=".svg"]{width:100%; height:auto;}

.single-focus{margin-top:60px; border:1px solid var(--cl-gray-border); padding:25px; border-radius:10px; display:flex; gap:4rem; flex-wrap:wrap; align-items:flex-start;}
.single-lieu.full{flex:0 0 100%;}
.single-focus i{margin-right:4px; color:var(--cl-dark-gray)}
.single-lieu div, .single-contact div{font-size:var(--size-small);}

.single-contact a{color:var(--cl-red); text-decoration:none;}

@media all and (max-width:1599px){
    :root{
        --size-h1:280%;
    }
}

@media all and (max-width:1399px){

    :root{
        --size-h2:180%;
    }

    .home-banner .wp-block-cover__background{width:50%;}
    .home-banner .wp-block-cover__inner-container, .home-banner.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container{width:50%;}

    /* Home actus */
    .home-fiche-actualite.first .home-fiche-actualite__content h3, .home-fiche-actualite.other .home-fiche-actualite__content h3{font-size:140%;}
    
    /* Page Annonce (single.php) */
    .single-focus{padding:30px; gap:2rem;}
    .single-lieu, .single-contact{flex:0 0 calc(50% - 1rem);}
}

@media all and (max-width:1199px){
    .alignwide .wp-block-group__inner-container .wp-block-group__inner-container{padding:0;}
    .wp-block-columns.gap__8rem{gap:4rem;}

	#cookie-banner{font-size:90%;}
	#cookie-banner span:first-child{padding:5px 10px;}


    /* Home */
    .home-banner .wp-block-cover__background, .home-banner .wp-block-cover__inner-container, .home-banner.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container{width:40%;}
    .home-banner .has-medium-font-size{font-size:110% !important;}

    /* Home actus */
    .home-listing-actualites{gap:4rem; font-size:var(--size-small);}
    .home-fiche-actualite.first{flex:0 0 calc(60% - 2rem);}
    .home-other-fiche-actualite{flex:0 0 calc(40% - 2rem);}
    .home-fiche-actualite.other .home-fiche-actualite__content{padding-block:15px;}

    /* Page Thématique (categorie.php) */
    .cat-container{gap:2rem;}
    .cat-listing-articles{flex:0 0 calc(70% - 1rem)}
    .cat-filters{flex:0 0 calc(30% - 1rem);}
    .ajax-cat-listing-articles{gap:1rem;}
    .cat-fiche-article{font-size:85%; flex:0 0 calc(33.333% - .6666rem)}

    /* Page Annonce (single.php) */
    .single-container{gap:4rem;}
    .single-column.left{flex:0 0 calc(55% - 2rem)}
    .single-column.right{flex:0 0 calc(45% - 2rem)}
    .single-content h2{font-size:160%;}
    .single-focus{font-size:90%; padding:20px;}
}

@media all and (max-width:991px){

    .has-xxlarge-font-size{font-size:180% !important}
    .wp-block-group.has-background{padding:30px;}

    .mobile-only{display:block;}
    .desktop-only{display:none;}


    /* Header */
    .custom-logo{height:40px;}
    #menu_principal{font-size:90%;}

    .banner, div.wp-block-cover{min-height:300px;}


    /* Home */
    .home-banner{font-size:90%;}
    .home-banner .wp-block-cover__background, .home-banner .wp-block-cover__inner-container, .home-banner.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container{width:50%;}


    /* Home Actus */
    .home-listing-actualites{gap:2rem; font-size:100%;}
    .home-fiche-actualite.first, .home-other-fiche-actualite{flex:0 0 100%;}
    .home-fiche-actualite.other .home-fiche-actualite__content{justify-content:space-between;}

    /* Page Thématique (categorie.php) */
    .cat-listing-articles{flex:0 0 100%;}
    .filters-opener{display:flex;}
    .cat-filters{position:fixed; top:0; right:-260px; background-color:var(--cl-light-gray); border-left:1px solid var(--cl-red); height:100vh; padding:30px; width:260px; transition:0.3s all ease 0s; z-index:99;}
    #show_filters:checked + .cat-filters{right:0;}
    
    /* Page Annonce (single.php) */
    .single-banner{font-size:var(--size-small);}
    .single-rubriques-container span{font-size:var(--size-small);}
    .single-lieu, .single-contact{flex:0 0 100%;}
    .single-dates-container{margin:30px 0 -30px;}

}

@media all and (max-width:781px){
    :root{
        --size-h1:250%;
    }
    
    .has-xxlarge-font-size{font-size:160% !important}

    /* Header */
    .smart-icon-menu{display:inline-block; margin-left:20px;}
    .smart-icon-menu-close{display:block;}
    #menu_principal{font-size:100%; position:fixed; top:0; right:-100%; width:350px; max-width:100%; height:100vh; overflow:scroll; background-color:var(--cl-white); z-index:10; padding:30px; border-left:1px solid var(--cl-red); transition:.3s all ease 0s;}
    #show_menu:checked + #menu_principal{right:0;}
    #menu_principal > div > ul{flex-wrap:wrap;}
    #menu_principal > div > ul > li{flex:0 0 100%;}
    #menu_principal > div > ul > li > a{display:block;}
    header .accessibility{list-style:none; display:inline-block;}
    header .accessibility > a{padding-left:20px; background:url(../images/accessibility.svg) scroll no-repeat left / contain; font-size:var(--size-small); text-decoration:none;}

    .banner, div.wp-block-cover{min-height:250px;}

    /* Home Actus */
    .home-listing-actualites{font-size:85%;}
    .home-fiche-actualite.first .home-fiche-actualite__content h3{margin-bottom:15px;}

    /* Page Thématique (categorie.php) */
    .cat-fiche-article{flex:0 0 calc(50% - 1rem);}

    /* Page Annonce (single.php) */
    .single-container{gap:2rem;}
    .single-column.left, .single-column.right{flex:0 0 100%; max-width:100%;}
    .single-focus{margin-top:30px;}
    .single-lieu, .single-contact{flex:0 0 calc(50% - 1rem);}
    


}

@media all and (max-width:767px){
	#cookie-banner{padding:15px 10px 40px;}
	#cookie-banner a.cookie-banner-close{top:auto; bottom:0; left:0; width:100%; height:auto; padding:5px;}

    /* Home */
    .home-banner .wp-block-cover__background, .home-banner .wp-block-cover__inner-container, .home-banner.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container{width:100%;}
    .home-banner.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100{opacity:0.7}

}

@media all and (max-width:600px){
    :root{
        --size-h1:200%;
        --size-h2:160%;
        --size-h3:115%;
    }

    .has-xxlarge-font-size{font-size:140% !important}

    .wp-block-group.has-background{padding:15px;}
    .container, .banner.wp-block-cover .wp-block-cover__inner-container, .alignwide.wp-block-group.has-background > .wp-block-cover__inner-container, .alignwide.wp-block-group.has-background > .wp-block-group__inner-container{padding:0;}

    .container, .banner.wp-block-cover .wp-block-cover__inner-container, .alignwide .wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container{padding:5px 15px;}

    .banner, div.wp-block-cover{min-height:180px;}


    /* Home */
    .home-banner{min-height:inherit !important;}
    .home-banner .wp-block-cover__inner-container, .home-banner.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container{padding:0 15px;}

    /* Home actus */
    .home-fiche-actualite__visuel, .home-fiche-actualite__content{flex:0 0 100%;}

    /* Page Annonce (single.php) */
    .single-banner h1{max-width:100%;}
    .wp-block-group.has-background.single-banner{padding:30px 15px;}

}

@media all and (max-width: 550px){

	#cookie-banner{font-size:var(--size-small);}
	#cookie-banner span:first-child{padding:0; background-color:transparent;}

    /* Header */
    .logo-container.pro .custom-logo-link{gap:1rem;}
    .logo-container.pro .custom-logo{height:25px;}
    .logo-container.pro .custom-logo.other-logo{height:40px;}

    #breadcrumbs, .yoast-breadcrumbs{margin-bottom:15px;}
    #breadcrumbs + .wp-block-spacer, .yoast-breadcrumbs + .wp-block-spacer{display:none;}
 
    .home-banner:after{background-position:right bottom;}
    

    /* Home actus */
    .home-fiche-actualite.first .home-fiche-actualite__content p{font-size:95%;}

    .home-fiche-actualite.other .home-fiche-actualite__content{flex-wrap:wrap; gap:0.8rem; padding-bottom:20px;}
    .home-fiche-actualite.other .home-fiche-actualite__content h3{flex:0 0 100%;}
    .home-fiche-actualite__link{margin-right:0;}

       
    /* Page Thématique (categorie.php) */
    .cat-fiche-article{flex:0 0 100%;}
    
    /* Page Annonce (single.php) */
    .back-to-list{font-size:var(--size-small)}

    .single-banner::before{display:none;}
    .single-rubriques-container{flex:0 0 100%;}
    .single-focus{margin-top:15px;}
    .single-lieu, .single-contact{flex:0 0 100%;}

}