/*
Theme Name: Commune Chêne-Bougeries
Theme URI: https://www.chene-bougeries.ch
Template: Divi
Author: Commune de Chêne-Bougeries
Author URI: https://www.chene-bougeries.ch
Description: Thème Commune de Chêne-Bougeries
Version: 1.0.0.1728896744
Updated: 2024-10-14 11:05:44

*/

/*** [BEGIN] TYPOGRAPHY GLOBAL FONT ***/

/* Appliquer Aptos sur tout le site sauf Divi */
body {
    font-family: 'Aptos', sans-serif !important;
    color: #111111 !important;
    font-weight: 400;
    line-height: 1.5em;
}

/* Exclure Divi : réinitialiser à la police du thème ou navigateur */
.et_pb_text_inner,
.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
.et_pb_text_inner h4,
.et_pb_text_inner h5,
.et_pb_text_inner h6,
.et_pb_text_inner p,
.et_pb_text_inner ul,
.et_pb_text_inner ol,
.et_pb_text_inner li {
    font-family: 'Aptos', sans-serif !important; /* laisse Divi gérer sa propre police */;
}

span.et-pb-icon{
	font-family: ETmodules !important;
    font-weight: 400 !important;
	vertical-align: middle;
}

/* Headings harmonisés pour Divi */
.et_pb_text_inner h1,
.et_pb_post_content h1 {
    font-size: 72px !important;
    font-weight: 700;
    line-height: 1em;
}

.et_pb_text_inner h2,
.df-post-title-wrap h2,
.et_pb_post_content h2 {
    font-size: 48px !important;
    font-weight: 700;
    line-height: 1em;
}

.et_pb_text_inner h3,
.df-post-title-wrap h3,
.et_pb_post_content h3 {
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2em;
}

.et_pb_text_inner h4,
.df-post-title-wrap h4,
.difl_cptcarousel_0 h3.df-cpt-title,
.df-cpts-inner-wrap h4.df-cpt-title,
.et_pb_post_content h4,
.contact-card h4{
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.2em;
}

.et_pb_text_inner h5,
.df-post-title-wrap h5,
.et_pb_post_content h5 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.2em;
}

.et_pb_text_inner h6,
.df-post-title-wrap h6,
.et_pb_post_content h6 {
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1.2em;
}

/* Paragraphes et listes Divi */
.et_pb_text_inner p,
.et_pb_text_inner ul,
.et_pb_text_inner ol,
.et_pb_text_inner li {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
}

.caption-text .et_pb_text_inner{
	font-size: 20px;
	color: #828282;
	line-height: 1.2em;
}

.section-article .et_pb_module p.wpfd-file-content--title a{
	color:#111111 !important;
}

#et-boc a.difl_advanced_button_container span.difl_adv_btn_text_wrapper span.difl_adv_btn_text,
#et-boc .difl_advanced_button_0 .difl_advanced_button_container .difl_adv_btn_wrapper .difl_adv_btn_text_wrapper .difl_adv_btn_text,
.et-db #et-boc .et-l .et_pb_button{
	font-weight: 400 !important;
	font-size: 20px !important;
}

.section-narrow-content .et_pb_text_inner p,
.section-fullwidth-content .et_pb_text_inner p,
.section-narrow-content .et_pb_text_inner ul,
.section-fullwidth-content .et_pb_text_inner ul{
	padding-bottom: 0.5em !important;
}

#et-boc .et_pb_post_content_0_tb_body a{
	text-decoration: none !important;
}

strong{
	font-weight: 600 !important;
}

sup{
	font-size: .6em;
}

.et_pb_text_inner a{
    font-family: 'Aptos', sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none;
    color: #111111 !important;

    background: linear-gradient(#3b741e 0 0) left bottom / 0 2px no-repeat;
    transition: background-size 0.5s ease, color 0.3s;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.et_pb_text_inner a:hover {
    color: #3b741e !important;
    background-size: 100% 2px;
}

.difl_advancedbutton .difl_adv_btn_wrapper{
	justify-content: space-between !important;
}

/* Media Queries pour responsive */
@media (max-width: 1024px) {
    .et_pb_text_inner h1 { font-size: 72px !important; }
    .et_pb_text_inner h2 { font-size: 60px !important; }
    .et_pb_text_inner h3 { font-size: 32px !important; }
    .et_pb_text_inner h4,
	.df-post-title-wrap h4,
	.difl_cptcarousel_0 h3.df-cpt-title,
	.df-cpts-inner-wrap h4.df-cpt-title,
	.et_pb_post_content h4 { font-size: 26px !important; }
    .et_pb_text_inner h5 { font-size: 20px !important; }
    .et_pb_text_inner h6 { font-size: 20px !important; }
    .et_pb_text_inner p, .et_pb_text_inner ul, .et_pb_text_inner ol, .et_pb_text_inner li { font-size: 20px !important; }
}

@media (max-width: 768px) {
    .et_pb_text_inner h1 { font-size: 60px !important; }
    .et_pb_text_inner h2 { font-size: 42px !important; }
    .et_pb_text_inner h3 { font-size: 32px !important; }
    .et_pb_text_inner h4,
	.df-post-title-wrap h4,
	.difl_cptcarousel_0 h3.df-cpt-title,
	.df-cpts-inner-wrap h4.df-cpt-title,
	.et_pb_post_content h4 { font-size: 26px !important; }
    .et_pb_text_inner h5 { font-size: 20px !important; }
    .et_pb_text_inner h6 { font-size: 20px !important; }
    .et_pb_text_inner p, .et_pb_text_inner ul, .et_pb_text_inner ol, .et_pb_text_inner li { font-size: 20px !important; }
}

@media (max-width: 480px) {
    .et_pb_text_inner h1 { font-size: 42px !important; }
    .et_pb_text_inner h2 { font-size: 36px !important; }
    .et_pb_text_inner h3 { font-size: 30px !important; }
    .et_pb_text_inner h4,
	.df-post-title-wrap h4,
	.difl_cptcarousel_0 h3.df-cpt-title,
	.df-cpts-inner-wrap h4.df-cpt-title,
	.et_pb_post_content h4 { font-size: 24px !important; }
    .et_pb_text_inner h5 { font-size: 18px !important; }
    .et_pb_text_inner h6 { font-size: 18px !important; }
    .et_pb_text_inner p, .et_pb_text_inner ul, .et_pb_text_inner ol, .et_pb_text_inner li { font-size: 18px !important; }
}

/*** [END] TYPOGRAPHY GLOBAL FONT ***/

/*** [BEGIN] LAYOUT ***/
.section-fullwidth-header-page{
	padding: 0px 80px !important;
	margin: 50px auto;
	max-width:1440px;
}

.section-narrow-header-page{
	padding: 0px 220px !important;
	margin: 50px auto;
	max-width:1440px;
}

.section-fullwidth-header-page .et_pb_row,
.section-narrow-header-page .et_pb_row,
.section-fullwidth-content .et_pb_row,
.section-narrow-content .et_pb_row,
.section-more-content .et_pb_row{
	width:100% !important;
	padding: 0px !important;
	margin-top: 50px;
}

.section-fullwidth-header-page .et_pb_row_1,
.section-narrow-header-page .et_pb_row_1,
.section-fullwidth-content .et_pb_row_1,
.section-narrow-content .et_pb_row_1{
	margin-top: 0px !important;
}

.section-fullwidth-header-page .et_pb_text_inner h1,
.section-narrow-header-page .et_pb_text_inner h1{
	padding-bottom: 0px !important;
}

.section-fullwidth-header-page .et_pb_text_inner h4,
.section-narrow-header-page .et_pb_text_inner h4{
	padding-bottom: 0px !important;
	font-weight: 400 !important;
}


.section-fullwidth-content{
	padding: 0px 80px !important;
	margin: 0px auto 50px auto;
	max-width:1440px;
}

.section-narrow-content .et_pb_module:first-child,
.section-fullwidth-content .et_pb_module:first-child{
	margin-top: 0px !important;
}

.section-narrow-content,
.section-more-content{
	padding: 0px 220px !important;
	margin: 0px auto 50px auto;
	max-width:1440px;
}

.et_pb_post_content .difl_advanced_button_container{
	margin-top: 25px !important;
}

.module-infobox{
	background-color: #DBE5A3;
}

.module-warningbox{
	background-color: #FFE095;
}

.module-alertbox{
	background-color: #F39D98;
}

@media only screen and (max-width: 1440px){
	.section-fullwidth-content,
	.section-fullwidth-header-page,
	.section-narrow-header-page,
	.section-narrow-content,
	.section-more-content{
		padding: 0px 15px !important;
	}

	.et_pb_section_0_tb_header .et_pb_row_0_tb_header.et_pb_row{
		padding: 0px 15px !important;
	}

}

@media only screen and (max-width: 768px){
	.et_pb_column .et_pb_module {
		margin-bottom: 25px !important;
	}

	.et_pb_column .et_pb_module:last-child,
	.et_pb_column .et_pb_module.et_pb_text {
		margin-bottom: 0px !important;
	}

	#et-boc article.service-communal .df-cpt-icon-wrap img{
		max-width: 70px !important;
	}
}
/*** [END] LAYOUT ***/

/*** [BEGIN] HEADER ***/
.primary-menu-header .et_pb_menu__wrap{
	justify-content:space-between !important;
	align-items:center !important;
}

.primary-menu-header .et_pb_menu__wrap .mobile_menu_bar{
	background-color: transparent !important;
	color: #3b741e !important; 
	border-radius: 8px;
	padding: 5px;
}

.primary-menu-header .et_pb_menu__wrap .et_pb_menu__search-button{
	background-color: transparent !important;
	color: #3b741e !important; 
	border-radius: 8px !important;
	font-weight:600 !important;
	padding: 10px 10px !important;
	margin-right:0px !important;
}

.primary-menu-header .et_pb_menu__icon.et_pb_menu__close-search-button{
	background-color: transparent !important;
	color: #3b741e !important; 
	border-radius: 8px !important;
	padding: 5px !important;
	margin-right:0px !important;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{
	color: #3b741e !important; 
}

.et_menu_container{
	padding:20px 0px;
}

.primary-menu-header .et-menu-nav{
	display: flex;
	justify-content: center; /* Centre horizontalement les éléments */
	padding: 0px 0px 0px 0px;
	margin:0;
	padding:0;
}

.primary-menu-header .et-menu-nav a {
	font-family: 'Aptos', sans-serif;
	font-weight: 700 !important;
	padding-bottom: 0.5em !important;
	position: relative;
	text-decoration: none;
	color: #111111; /* Couleur du texte */
}

.primary-menu-header .et-menu-nav a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #3b741e; /* Couleur du sous-lignage */
	color: #3b741e;
	visibility: hidden;
	transform: scaleX(0);
	transform-origin: left;
	transition: all 0.5s ease-in-out;
}

.primary-menu-header .et-menu-nav a:hover::after {
	visibility: visible;
	transform: scaleX(1);
	color: #3b741e;
}

.primary-menu-header .et-menu-nav a:hover {
	color: #3b741e !important;
	opacity: 1 !important;
}

/*** [END] HEADER ***/

/*** [BEGIN] POSTS ***/
#et-boc .filter_section .dropdown-container{
	padding: 0px !important;
}

#et-boc .difl_cptfilter_0 .filter_section li .multi-select-component{
	padding-top: 10px !important;
    padding-right: 5px !important;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
}

#et-boc .difl_cptfilter .search-container a.dropdown-icon{
	top:25% !important;
	margin-top: 0px !important;
}

#et-boc .difl_cptfilter .search-container ul li{
	font-size: 20px;
	color:#000;
}

#et-boc .difl_cptfilter .search-container ul li:hover{
	background-color: #f5f0eb;
}

#et-boc .difl_cptfilter .selected-wrapper{
	background-color: #3b741e;
	color: #f5f0eb;
	border: none;
	padding: 5px 10px;
	border-radius: 8px;
}

#et-boc .difl_cptfilter .selected-wrapper .selected-close{
	color: #f5f0eb;
	margin-left: 10px;
	opacity: 1;
	text-shadow: none;
	margin-top: 6px;
}
/*** [END] POSTS ***/

/*** [BEGIN] EVENTS ***/
#et-boc .events-grid .event-container .main-layout-container {	
	display: flex !important;
	gap: 20px !important; /* espace entre image et texte */
	align-items: stretch !important;
}

#et-boc .events-grid .event-container .main-layout-container .details-column {
	flex: 0 0 60% !important; /* prend 75% */
  	order:1;
  	padding: 15px 0 15px 15px;
}

#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center{
	display: flex;
	flex-direction: column-reverse;
	padding: 0px !important;
}

#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__category,
#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__category span.event__category_value{
	font-family: 'Aptos', sans-serif !important;
	font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #3B741E !important;
    font-size: 18px !important;
    line-height: 1.25em !important;
	margin-bottom: 15px !important;
}

#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__date,
#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__date span.event__date_value{
	font-family: 'Aptos', sans-serif !important;
	font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25em !important;
	color: #3B741E !important;
	margin-bottom: 15px !important;
}

#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__title{
	font-family: 'Aptos', sans-serif !important;
	font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1.25em !important;
	color: #111111 !important;
}

#et-boc .events-grid .event-container .main-layout-container .image-column {
	flex: 1;
  	display: flex;
	order: 2;
}

#et-boc .events-grid .event-container .main-layout-container .tribe-events-event-image {
	width: 100%;
	height: 100%;
	aspect-ratio: 2 / 3; /* Ratio FIXE */
	overflow: hidden;
}

#et-boc .events-grid .event-container .main-layout-container .image-column img,
#et-boc .events-grid .event-container .main-layout-container .image-column .image-align a {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Remplit sans déformer */
}


#et-boc .events-grid .event-container .main-layout-container .image-column .image-align a,
#et-boc .events-grid .event-container .main-layout-container .image-column .imge_callout {
  margin-bottom: 0px !important;
}


#et-boc .dec-event-filter-list {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 15px !important;

}

/* Pleine largeur */
#et-boc .dec-event-filter-list .decm_child_module_0_tb_body {
	grid-column: 1 / -1 !important;
}

#et-boc .dec-event-filter-list .decm_child_module_0_tb_body,
#et-boc .dec-event-filter-list .decm_child_module_0_tb_body .dec-filter-header {
	margin-bottom: 0px !important;
}

/* 4 colonnes égales */
#et-boc .dec-event-filter-list .decm_child_module_1_tb_body,
#et-boc .dec-event-filter-list .decm_child_module_2_tb_body,
#et-boc .dec-event-filter-list .decm_child_module_3_tb_body,
#et-boc .dec-event-filter-list #dec-filter-remove {
	grid-column: span 1 !important;
}

#et-boc .dec-event-filter-list #dec-filter-remove {
	margin-right: 0px !important;
}

#et-boc .dec-event-filter-list .dec-filter-bar{
	display: block !important;
}

#et-boc .events-grid .pagination-container .dec-prev-next a{
	font-family: 'Aptos', sans-serif !important;
	font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.25em !important;
	color: #111111 !important;
	border-radius: 8px !important;
	border: 2px solid #111111 !important;
	padding: 10px 15px !important;
}

#et-boc .events-grid .pagination-container .dec-prev-next a:hover{
	background-color: #f5f0eb;
}

.box-infos-seance-cm .decm-show-detail-center .decm-show-data-display-block span.ecs-detail-label{
	display: block !important;
}

.box-infos-seance-cm .decm-show-detail-center .decm-show-data-display-block{
	border-bottom: 1px solid #828282 !important;
	padding: 10px 0px !important;
}

@media only screen and (max-width: 768px){
	#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__category,
	#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__category span.event__category_value{
		font-family: 'Aptos', sans-serif !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		color: #3B741E !important;
		font-size: 18px !important;
		line-height: 1.25em !important;
		margin-bottom: 5px !important;
	}

	#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__date,
	#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__date span.event__date_value{
		font-family: 'Aptos', sans-serif !important;
		font-size: 20px !important;
		font-weight: 700 !important;
		line-height: 1.25em !important;
		color: #3B741E !important;
		margin-bottom: 5px !important;
	}

	#et-boc .events-grid .event-container .main-layout-container .details-column .decm-show-detail-center .event__title{
		font-family: 'Aptos', sans-serif !important;
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 1.25em !important;
		color: #111111 !important;
	}
}

/*** [END] EVENTS ***/

/*** [BEGIN] EVENTS CM ***/
.events-cm-grid{
	font-family: "Aptos", sans-serif !important;
}

#et-boc .events-cm-grid .main-layout-container{
	padding: 0px !important;
}

.events-cm-grid .ecs-event-list{
	margin-bottom: 0px !important;
}

.events-cm-grid .callout-box-cover{
	display: flex;
	gap: 5px;
	margin-bottom: 0px !important;
}

.events-cm-grid .callout-box-cover .event-day,
.events-cm-grid .callout-box-cover .event-month,
.events-cm-grid .callout-box-cover .event-year{
	font-family: 'Aptos', sans-serif !important;
	font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25em !important;
	color: #3B741E !important;
}

.events-cm-grid .details-column .event__title_box,
.events-cm-grid .details-column .event__title_box h2.event__title{
	font-family: 'Aptos', sans-serif !important;
	font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25em !important;
	color: #111111 !important;
}

.events-cm-grid .details-column .event__venue span.event__venue_value{
	font-family: 'Aptos', sans-serif !important;
	font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.25em !important;
	color: #828282 !important;
}


/*** [END] EVENTS CM ***/

/*** [BEGIN] SEARCH FORM & RESULTS***/
.et_pb_menu_hidden {
	background-color: transparent;
}

.et_header_style_centered #et_search_icon:before {
	background:#3b741e;
	color:#F5F0EB;
	font-size:32px;
	font-weight: 600;
	padding:5px;
	border-radius:8px;
}
.et_header_style_centered .et-search-form input{
	color:#F5F0EB;
}
span.et_close_search_field:after{
	color:#F5F0EB !important;
}

.container-search-results{
	font-family: 'Aptos', sans-serif;
	max-width:1440px;
	margin: auto;
}

.row-search-results{
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 50px;
	padding-bottom: 50px;;
}

.title-search-query{
	margin-bottom: 50px;
}

.container-search-results h2{
	font-size : 56px;
	font-weight: 700;
}

.container-search-results h3{
	font-size : 26px;
	margin-top: 15px;
}

.container-search-results p{
	font-size : 20px;
	color:#828282;
}

.container-search-results .highlight {
    background-color: #F5F0EB;
    font-weight: bold;
}

.container-search-results ul{
	list-style: none;
	padding: 0px;
}

.container-search-results ul li{
	padding: 25px 0px;
	border-bottom: 1px solid #828282;
}

.container-search-results ul li:last-child{
	padding-bottom: 0px;
	border-bottom: none;
}

.container-search-results span.post-type-label{
	background-color: #3b741e;
	color: #F5F0EB;
	font-size: 16px;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 8px;
}

@media only screen and (max-width: 980px){
	.row-search-results{
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*** [END] SEARCH FORM ***/

/*** [BEGIN] FORMS FORMINATOR ***/
.form-chbi{
	font-family: 'Aptos', sans-serif;
}

.form-chbi .forminator-row{
	margin-bottom: 25px !important;
}

.form-chbi .nom-prenom-champ .forminator-col{
	flex:0.4 !important;
	margin-bottom: 0px !important;
}

.form-chbi .nom-prenom-champ .forminator-col:first-child{
	flex:0.2 !important;
}

.form-chbi label.forminator-label,
.form-chbi span.forminator-radio-label,
.form-chbi span.forminator-repeater-description{
	font-size:20px !important;
	font-weight: 400 !important;
}

.form-chbi label.forminator-repeater-label,
.form-chbi h2.forminator-title,
.form-chbi .forminator-field-radio .forminator-label{
	font-size:28px !important;
	font-weight: 700 !important;
}

.form-chbi .forminator-ui .forminator-repeater-field{
	background-color: #F1E8DD !important;
	box-shadow: none !important;
	border-left: 8px solid #3b741e;
	border-radius: 8px !important;
	padding: 15px !important;
	margin: 25px 0px 25px 0px !important;
}

.form-chbi .forminator-ui .forminator-input{
	font-size: 20px !important;
	font-weight: 400 !important;
	border: 1px solid #828282 !important;
	border-radius: 8px !important;
}

.form-chbi span.selection span.select2-selection{
	font-size: 20px !important;
	font-weight: 400 !important;
	border: 1px solid #828282 !important;
	border-radius: 8px !important;
	background-color: transparent !important;
}

.form-chbi span.selection span.select2-selection__rendered,
.form-chbi span.selection span.select2-results__option{
	font-size: 20px !important;
	font-weight: 400 !important;
}

li.select2-results__option,
li.select2-results__option--selectable

.form-chbi .forminator-ui .forminator-radio .forminator-radio-bullet:before{
	background-color: #3b741e !important;
}

.form-chbi button.forminator-button,
.form-chbi button.forminator-button-submit{
	font-family: 'Aptos', sans-serif;
	font-size: 20px !important;
	border:2px solid #111111 !important;
	background-color: transparent !important;
	border-radius:8px !important;
	padding: 7px 15px !important;
}

.form-chbi button.forminator-button:hover,
.form-chbi button.forminator-button-submit:hover{
	box-shadow: none !important;
	background-color: #e2e2e2 !important;
	border:2px solid #e2e2e2 !important;
}

/*** [END] FORMS FORMINATOR ***/

/*** [BEGIN] PAGINATION ***/
.pagination,
.wpfd-pagination{
	font-size: 20px;
	margin-top: 50px;
}

.pagination .page-numbers,
.wpfd-pagination .page-numbers{
	margin-right: 10px;
}

.pagination a.page-numbers,
.wpfd-pagination a.page-numbers{
	color: #111111 !important;
}

.pagination a.page-numbers:hover,
.wpfd-pagination a.page-numbers:hover{
	color: #3b741e;
}

.pagination a.page-numbers.next,
.pagination a.page-numbers.prev,
.wpfd-pagination a.page-numbers.next,
.wpfd-pagination a.page-numbers.prev{
	border: 2px solid #111111;
	border-radius: 8px;
	padding: 5px 10px;
}

.pagination a.page-numbers.next:hover,
.pagination a.page-numbers.prev:hover,
.wpfd-pagination a.page-numbers.next:hover,
.wpfd-pagination a.page-numbers.prev:hover{
	border: 2px solid #111111;
	border-radius: 8px;
	padding: 5px 10px;
	background-color: #F5F0EB;
	color: #111111;
}

.pagination span.current,
.wpfd-pagination span.current{
	background-color: #3b741e;
	color: #F5F0EB !important;
	padding: 5px 10px;
	border-radius: 8px;
}

/*** [END] PAGINATION ***/

/*** [BEGIN] CALENDAR ***/
.daterangepicker .ranges ul li{
	border-radius:0px !important;
}

.daterangepicker .ranges li{
	font-family:'Aptos', sans-serif !important;
	font-size:18px !important;
	font-weight:400 !important;
	padding:12px 12px !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
	font-family:'Aptos', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
}

.daterangepicker .ranges li.active{
	background-color: #3b741e !important;
}

.daterangepicker td.in-range{
	background-color: #c7d7bf !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover,
.daterangepicker td.end-date{
	background-color: #3b741e !important;
	color: #f5f0eb !important;
}

.daterangepicker .drp-buttons .drp-selected{
	font-family:'Aptos', sans-serif !important;
	font-size:18px !important;
	font-weight:400 !important;
}

.daterangepicker .drp-buttons .btn-sm{
	font-family:'Aptos', sans-serif !important;
	font-size:18px !important;
	font-weight:400 !important;
	color: #f5f0eb !important;
	background-color: #3b741e !important;
	border:none !important;
	border-radius:8px !important;
}

/*** [END] CALENDAR ***/

/*** [BEGIN] CTAs ***/
.download-button .difl_adv_btn_media_wrapper {
	justify-content:flex-end !important;
}

/*** [END] CTAs ***/

/*** [BEGIN] MEDIAS ***/

/*** [END] MEDIAS ***/

/*** [BEGIN] COLLAPSE CONTENT ***/

/*collpse and set the height of the toggle text*/
.pa-toggle-content .et_pb_text_inner {
	max-height: 80px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}
/*add gradient to the collapsed text*/
.pa-toggle-content .et_pb_text_inner:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	/*background-image: linear-gradient(0deg, #fff 10%, transparent);*/
}
/*style the expand text link*/
.pa-toggle-content .pa-text-expand-button {
	font-family:'Aptos', sans-serif;
	font-size:20px;
	padding: 10px 15px;
	text-align: center;
	color: #F1E8DD !important;
	background-color:#3b741e;
	width:fit-content;
	border-radius:8px;
	text-align:center;
}
/*change the curor to a pointed when hovering over the expand text link*/
.pa-toggle-content .pa-text-expand-button span {
	cursor: pointer;
}

/*set the max height and transition of the expanded toggle*/
.pa-toggle-content .pa-text-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.3s ease-in;
}
/*hide the gradient when the toggle is expanded*/
.pa-toggle-content .pa-text-toggle-expanded.et_pb_text_inner:after {
	background: none;
}

/*** [END] COLLAPSE CONTENT ***/

/*** [BEGIN] FORMATS POSTS ***/
.df-item-wrap.df-post-image-wrap.difl_postitem_0 a {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16/9 */
    overflow: hidden;
}

.df-item-wrap.df-post-image-wrap.difl_postitem_0 a img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*** [END] FORMATS POSTS ***/

/*** [BEGIN] FORMATS MAPS ***/
.mapboxgl-ctrl,
.mapster-list-control{
	background: #F5F0EB !important;
	border-radius: 8px !important;
}

.mapster-list-control-content li{
	font-family: 'Aptos', sans-serif;
	font-size:16px !important;
	font-weight:400;
}

.mapster-list-control li:hover{
	background:#F1E8DD !important;
	color:#3b741e;
}

.popup-locations .map-popup-header,
.popup-locations .map-popup-body{
	border-radius:8px !important;
}

.popup-locations .map-popup-header,
.popup-locations .map-popup-header h2{
	font-family:'Aptos', sans-serif !important;
	font-size:20px !important;
	font-weight: 700 !important;
	color:#111111;
	padding:10px 0px !important;
}

.popup-locations .map-popup-body,
.popup-locations .map-popup-body p{
	font-family:'Aptos', sans-serif !important;
	font-size:20px;
	font-weight:300;
	color:#111111;
	padding:10px 0px !important;
}

.map-popup-image{
	max-width:400px !important;
	max-height:300px !important;
}

.maplibregl-popup{
	position:absolute;
	bottom:0;
	transform:none !important;
	width:100%;
}

.popup-locations{
	width:100% !important;
	display:flex;
	flex-direction:column;
	padding:0px 25px;
}

/*** [END] FORMATS MAPS ***/

/*** [BEGIN] MODULE SERVICE COMMUNAL ***/
.module-service-communal .filter_section{
	display: none !important;
}

.module-service-communal .df-item-wrap:nth-child(5) a{
    font-family: 'Aptos', sans-serif;
    font-weight: 600 !important;
    text-decoration: none;
    color: #000;
	width: fit-content !important;

    background: linear-gradient(#3b741e 0 0) left bottom / 0 2px no-repeat;
    transition: background-size 0.5s ease, color 0.3s;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.module-service-communal .df-item-wrap:nth-child(5):hover a {
    color: #3b741e !important;
    background-size: 100% 2px;
}

.module-service-communal .df-item-wrap:nth-child(5):hover a,
.module-service-communal .df-item-wrap:nth-child(5):hover span.et-pb-icon{
    color: #3b741e !important;
}

.module-service-communal h4.df-cpt-title a:hover{
    color: #3b741e !important;
}

.module-service-communal table td:first-child{
	padding-left: 0px !important;
}

/*** [END] MODULE SERVICE COMMUNAL ***/

/*** [BEGIN] MODULE TAB DOCS ***/
.module-tab-docs .wpfd_list .file{
	width:100% !important;
	border:none !important;
	border-bottom: 1px solid #111111 !important;
	border-radius: 0px !important;
	padding: 15px 0px !important;
}

.module-tab-docs .wpfd_list .file:last-child{
	border:none !important;
}

.module-tab-docs .wpfd_list .file .filecontent{
	width:100% !important;
}

.module-tab-docs .wpfd_list .file .file-right{
	width:0% !important;
	display: none !important;
}

.module-tab-docs .wpfd_list .file .file-xinfo {
	padding: 0px 0px 0px 25px !important;
	margin: 0px !important;
}

.module-tab-docs .wpfd_list .file .wpfd-icon-set-svg{
	max-width:50px !important;
	max-height:50px !important;
}

.module-tab-docs .wpfd_list .file a.wpfd_downloadlink .f_title {
	font-family: 'Aptos', sans-serif !important;
    font-size: 20px !important;
    line-height: 1.25em !important;
    font-weight: 600 !important;
    text-decoration: none;
    color: #111111 !important;

    display: inline;

    background-image: linear-gradient(#3b741e, #3b741e);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

    transition: background-size 0.5s ease;
}

.module-tab-docs .wpfd_list .file a.wpfd_downloadlink:hover .f_title {
	color: #3b741e !important;
    background-size: 100% 2px;
}

.module-tab-docs .wpfd_list .file .file-xinfo div{
	font-family: 'Aptos',sans-serif !important;
	font-size: 16px !important;
	color:#828282;
}

.module-tab-docs .wpfd_list .file-desc{
	margin: 0px !important;
	margin-bottom: 15px !important;
}

.module-tab-docs .wpfd_list .file-desc p{
	font-family: 'Aptos', sans-serif !important;
    font-size: 20px !important;
    line-height: 1.25em !important;
    font-weight: 400 !important;
    text-decoration: none;
    color: #111111 !important;
}

.module-tab-docs .wpfd_list .file:last-child{
	border-bottom: 0px solid transparent !important;
}
/*** [END] MODULE TAB DOCS ***/

/*** [BEGIN] MODULE REGLEMENTS***/
.wpfd-content-reglements_communaux{
	display: block !important;
}
/*** [END] MODULE REGLEMENTS***/

/*** [BEGIN] CM MEMBERS ***/
.circle-image {
    border-radius: 50%;
    overflow: hidden;
    width: 100%; /* Ajustez la taille selon vos besoins */
    height: auto; /* Assurez-vous que la hauteur et la largeur sont égales pour un cercle parfait */
}
/*** [END] CM MEMBERS ***/

/*** [BEGIN] dFlip Books ***/
.df-popup-thumb .df-book-title{
    background:#f5f0eb !important;
	font-family:"Aptos", sans-serif !important;
	font-size:16px !important;
	
}

.df-posts{
	text-align:left !important;
}

/*** [END] dFlip Books ***/

/*** [BEGIN] MEDIA QUERIES ***/

/* Cacher le menu mobile et afficher le menu desktop sur les tablettes et mobiles */
@media only screen and (max-width: 980px) {
	#page-container .et_pb_menu_0_tb_header.et_pb_menu .nav li ul, 
	#page-container .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, 
	#page-container .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{
		background-color: #f5f0eb !important;
		padding:10px;
	}

	.et_pb_menu__wrap{
		padding-bottom: 7px;
	}

	.et_mobile_menu li a{
		padding: 10px 0px;
		border-bottom: 1px solid #828282;
	}

	.et_mobile_menu li:last-child a{
		border-bottom: none;
	}

    .primary-menu-footer .et_mobile_nav_menu,
	.secondary-menu-footer .et_mobile_nav_menu,
	.menu-in-content .et_mobile_nav_menu {
        display: none !important;
    }
	
	.primary-menu-footer .et_pb_menu__menu,
	.secondary-menu-footer .et_pb_menu__menu {
        display: flex;
    }
	
	.primary-menu-footer .et_pb_menu__wrap,
	.secondary-menu-footer .et_pb_menu__wrap {
		justify-content: flex-start;
	}

	footer .et_pb_column{
		margin-bottom: 25px !important;
	}
    
}
@media only screen and (max-width: 480px) {
	.posts-H-6-col .et_pb_post{
		display: flex;
		flex-direction:column;
		border-bottom: 1px solid #828282;
	}
}
/*** [END] MEDIA QUERIES ***/