/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/

/* formations map */

#field_pow3fda29c3124c4f25_inner .wpomp_before_listing { display: none; }
#field_pow3fda29c3124c4f25_inner .wpomp_filter_wrappers { background: var(--gris2); border-radius: 20px; margin-top: 15px; }
#field_pow3fda29c3124c4f25_inner .wpomp_listing_header { width: 40%; padding-right: 15px; }
#field_pow3fda29c3124c4f25_inner .categories_filter { width: 60%; }
#field_pow3fda29c3124c4f25_inner .categories_filter_reset_btn { padding: 6px 10px 6px 10px !important; }

#field_pow3fda29c3124c4f25_inner .fc-item-padding-content_20 { padding: 0!important; }
#field_pow3fda29c3124c4f25_inner .fc-item-box h3 { font-size: 1.1rem; line-height: 100%; min-height: 10px; margin-top: 5px; font-family: 'Host Grotesk', serif; }
#field_pow3fda29c3124c4f25_inner .wpomp-map-1 .wpomp_infowindow.wpomp_infowindow_post .fc-item-content.fc-item-body-text-color.fc-item-top-space { font-family: 'Host Grotesk', serif; }

#field_pow3fda29c3124c4f25_inner div.categories_filter select, #field_pow3fda29c3124c4f25_inner div.categories_filter select { background: url(https://dev.lesavoirfaire.fr/wp-content/plugins/wp-leaflet-maps-pro/assets/images/white_select_arrow.png) no-repeat 99% 50% var(--vert1); }
#field_pow3fda29c3124c4f25_inner .categories_filter input[type=button] { background: var(--vert1); }

#field_pow3fda29c3124c4f25_inner .wpomp_locations { min-height: 640px; border-radius: 20px!important; padding: 20px!important;}
#field_pow3fda29c3124c4f25_inner .wpomp_locations_content { font-family: 'Host Grotesk', serif; color: #FFFFFF!important; font-size: 0.95rem; }
#field_pow3fda29c3124c4f25_inner .wpomp_locations_foot { position: absolute; bottom: 15px; right: 15px; }
#field_pow3fda29c3124c4f25_inner .wpomp-map-1 .wpomp_location_meta { font-family: 'Host Grotesk', serif; font-size: 0.9rem; float: none; }
#field_pow3fda29c3124c4f25_inner .fc-badge.info { background: #FFFFFF!important; border: none!important; border-radius: 5px; color: var(--vert1); }
#field_pow3fda29c3124c4f25_inner h3 { font-size: 1.5rem; line-height: 100%; min-height: 80px; margin-top: 15px; }
#field_pow3fda29c3124c4f25_inner .button_blanc { padding: 6px 16px!important; }
#field_pow3fda29c3124c4f25_inner .fc-feature-img { overflow: hidden; max-height: 220px; }
#field_pow3fda29c3124c4f25_inner .fc-feature-img img { width: 100%!important;  margin-bottom: 15px; }

#field_pow3fda29c3124c4f25_inner .wpomp_pagination a, .wpomp_pagination span { display: inline-block; border-radius: 50%; padding: 12px 10px 10px 10px!important; width: 50px; height: 50px; text-align: center; } 
#field_pow3fda29c3124c4f25_inner .wpomp_pagination a { background: var(--vert1); }
#field_pow3fda29c3124c4f25_inner .wpomp_pagination span { background: var(--vert2); color: var(--vert1); }

#field_pow3fda29c3124c4f25_inner #resultsDiv { display: none!important; }
#field_pow3fda29c3124c4f25_inner .wpomp_infowindow { min-height: 420px; }
#field_pow3fda29c3124c4f25_inner div.wpomp_no_locations { visibility: hidden; font-family: 'Host Grotesk', serif!important; font-size: 1rem!important; }
#field_pow3fda29c3124c4f25_inner div.wpomp_no_locations:after { content: 'Aucune formation correspondante.'; visibility: visible; display: block; }



/* formations single */

.formations_header_visuel { max-height: 550px; overflow: hidden; border-radius: 20px; }
.formations_header_duree { display: inline-block; padding: 10px 30px; border-radius: 20px; background: #FFFFFF; }
.formations_header_tarifs { background: #FFFFFF; padding: 15px; border-radius: 20px; }
.formations_header_tarifs .control { display: block; cursor: pointer; padding: 10px 30px; text-align: center; border-radius: 20px; color: var(--vert1); background-color: var(--white); border: 1px solid var(--vert1); transition: all 0.5s ease; }
.formations_header_tarifs .control:hover, .formations_header_tarifs .control.active { color: var(--white); background-color: var(--vert1); }
.formations_header_tarifs .control.current { display: block; cursor: pointer; padding: 10px 30px; text-align: center; border-radius: 20px; color: #FFFFFF; background-color: var(--vert1); border: 1px solid var(--vert1); transition: all 0.5s ease; }
.formations_header_tarifs .control.current:hover, .formations_header_tarifs .control.active { color: var(--vert1); background-color: #FFFFFF; }

.session_dates ul { padding: 0; list-style-type: none; }

.icon_chiffres_formation { height: 20px!important; display: block; float: left; margin-right: 10px; }
.etoile1, .etoile2, .etoile3, .etoile4 { margin-right: 5px!important; }
.etoile5 { margin-right: 15px!important; }

.etoiles { opacity: 0.5!important;; }
.etoile_1 .etoile1 { opacity: 1!important; }
.etoile_2 .etoile1, .etoile_2 .etoile2 { opacity: 1!important; }
.etoile_3 .etoile1, .etoile_3 .etoile2, .etoile_3 .etoile3 { opacity: 1!important; }
.etoile_4 .etoile1, .etoile_4 .etoile2, .etoile_4 .etoile3, .etoile_4 .etoile4 { opacity: 1!important; }
.etoile_5 .etoile1, .etoile_5 .etoile2, .etoile_5 .etoile3, .etoile_5 .etoile4, .etoile_5 .etoile5 { opacity: 1!important; }

@media only screen and (max-width: 600px) {
	
	.formations_header_visuel { max-height: 300px; overflow: hidden; border-radius: 20px; max-width: 80%; text-align: center; margin: 0 auto; }
	.formations_header_visuel img { max-width: 100%; }
	.formations_header_description.lead { font-size: 1rem; }
	.formations_header_duree { display: block; margin: 0 auto; width: 150px; text-align: center; }
	.formations_header_inscription { text-align: center; margin-bottom: 30px; }
	
}

#selectwrapper_autonavpage { position: relative; padding: 8px 24px 8px 8px; cursor: pointer; max-width: 90%; border-radius: 10px; border: 1px solid var(--vert1); }
#selectwrapper_autonavpage i { display: inline-block; position: absolute; right: 10px; border: solid black; border-width: 0 3px 3px 0; padding: 3px; margin-right: 5px; margin-top: 6px; transform: rotate(45deg); }
#selectwrapper_autonavpage select { position: absolute; width: 100%; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; }

.block_autoinnernav { overflow: hidden; }
.block_autoinnernav.fixed { position: fixed; top: 130px; background: var(--gris2); left: 0; z-index: 10; padding-bottom: 0px!important; }
.block_autoinnernav ul { padding: 0; list-style-type: none; }
.block_autoinnernav ul li { display: inline-block; padding: 0 5px; margin-bottom: 0px; }
.block_autoinnernav ul li a { display: inline-block; cursor: pointer; font-size: 0.9rem; padding: 4px 12px; border-radius: 16px; color: var(--vert1); background: #E6E8EC; border: 1px solid #E6E8EC; transition: all 0.5s ease; }
.block_autoinnernav ul li a:hover { border: 1px solid var(--orange2); }
.block_autoinnernav ul li a.current { color: #FFFFFF; background: var(--vert1); }
.block_autoinnernav ul li.ctainscription { float: right; padding-right: 15px; }


.block_autoinnernav ul li a.inscription { color: var(--white); background: var(--orange2); border: 1px solid var(--orange2); transition: all 0.5s ease; }
.block_autoinnernav ul li a.inscription:hover { border: 1px solid var(--white); }
.block_autoinnernav ul li a.inscription.current { color: var(--orange2); background: var(--white); }

@media only screen and (max-width: 600px) {
	
	.block_autoinnernav.fixed { top: 110px; }
	#selectwrapper_autonavpage { margin-left: 15px; }
	#formation_innernav { padding-bottom: 10px; }
	#forminscription_tabs li { max-width: 45%; text-align: center; }
	#forminscription_tabs li a { height: 54px; }
	
}

#forminscription_tabs.nav-tabs .nav-link { color: var(--vert1); background-color: var(--white); border-color: var(--vert1) var(--vert1) var(--vert1); }
#forminscription_tabs.nav-tabs .nav-link.active { color: #FFFFFF; background-color: var(--vert1); border-color: var(--vert1) var(--vert1) #fff; }

.offre_formation_detail_illustration { position: relative; border-radius: 20px 20px 0 0; min-height: 250px; background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/offre-formation.jpg) no-repeat 50% 50%; background-size: cover; }
.prixpref { position: absolute; top: 25px; right: 25px; background: var(--vert1); color: #FFFFFF; border-radius: 50%; padding: 15px; width: 140px; height: 140px; text-align: center; font-weight: bold; font-size: 0.95rem; padding-top: 34px; }
.offre_formation_detail_content { border-radius: 0 0 20px 20px; }
.offre_formation_detail_content .button_blanc { padding: 6px 10px; }
.offre_formation_detail_content .distanciel { display: inline-block; padding: 6px 10px; border-radius: 20px; border: 1px solid #FFFFFF; }
.offre_formation_detail_content .lead { font-weight: 600; }

#nf-label-field-13, #nf-label-field-23 { font-weight: bold!important; }
#nf-field-14, #nf-field-24 { margin-left: auto; margin-right: auto; display: block; font-size: 1.5rem; }

@media only screen and (max-width: 600px) {
	
	#forminscription_tabs { font-size: 0.8rem; }
	
}