/* VARIABLES */
:root {
	--main-color: #24abd8;
}

/* Template Elementor */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; /* overflow-x:hidden; */ }
.elementor-widget-taxonomy-filter button::before, .oa-filter-sidebar .oa-ranges-widget button::before { content: ""; position: absolute; display: block; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #000 !important; transform: scaleX(0); transition: transform 0.3s ease; }
a:hover::before, .elementor-104 .elementor-element.elementor-element-93ba42a button:hover::before, .oa-filter-sidebar .oa-ranges-widget button:hover::before { transform: scaleX(1); }
.elementor-widget-taxonomy-filter .e-filter button, .oa-filter-sidebar .oa-ranges-widget button { position: relative !important; }
.oa-pagination a { text-decoration: none; padding: 0.5rem 1rem !important; }
.oa-pagination .active, .elementor-pagination .current { color: #fff; background-color: #000; font-weight: 600; border-radius: 50%; margin: 0 1rem; display: inline-block !important; line-height: normal; line-height: 1.5; width: 32px; height: 32px; text-align: center; }

.elementor-widget-container .oa-preview-events .oa-card-image-link { background-color: #3B464B !important; }
.elementor-widget-container .oa-preview-events .oa-preview-card .oa-card { background-color: #ecf0f1; }
.elementor-widget-container .oa-preview-events .oa-preview-card .oa-card-body, .elementor-widget-container .oa-preview-events .oa-preview-card .oa-card-body + div { background-color: transparent !important; }
.elementor-widget-container .oa-preview-events .oa-preview-card ul li::before { content: none !important; }
.elementor-widget-container .oa-preview-events .oa-preview-card ul li { text-indent: 0 !important; padding-left: 0 !important; }
.elementor-widget-container .oa-preview-events .oa-preview-card .oa-card-metas { padding-left: 0 0 2rem 0 !important; }


/* Template Accueil */
.oa-preview { width: 100%; }
.oa-preview-events { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; row-gap: 40px; }
.oa-preview-events .oa-preview-card { flex-basis: calc(25% - 2rem); margin: 0 1rem; position: relative; }
.oa-preview-events .oa-preview-card .oa-card { display: flex; flex-direction: column; flex-wrap: wrap; background-color: #fff; height: 100%; }
.oa-preview-events .oa-preview-card .oa-card a.oa-card-image-link { max-width: 100%; max-height: none; min-height: 20vh; background-color: #ecf0f1; }
.oa-preview-events .oa-preview-card .oa-card a.oa-card-image-link::before { display: none; }
.oa-preview-events .oa-preview-card .oa-card .favoris { position: absolute; z-index: 1; top: 0; right: 0; } 
.oa-preview-events .oa-preview-card .oa-card .favoris .button-favoris { padding: .625rem .75rem; border-radius: .25rem; line-height: 0; border: none; background-color: rgba(0,0,0,.6); transition: background-color 225ms cubic-bezier(0,0,.2,1) 0ms; }
.oa-preview-events .oa-preview-card .oa-card .favoris .button-favoris svg { fill: #fff; transition: transform 225ms cubic-bezier(0,0,.2,1) 0ms; }
.oa-preview-events .oa-preview-card .oa-card .favoris .button-favoris:hover svg { transform: scale(1.3); }
.oa-single-event .oa-event-thumbnail, .single-oa-calendar .oa-event-thumbnail a { display:flex; flex-direction: column; flex-grow: 1; }
.oa-preview-events .oa-preview-card img, .oa-calendar-template-default .oa-event-thumbnail img { width: 100%; height: 300px; object-fit: cover; min-height: 20vh; height: 20vh; }
.single-oa-calendar .oa-event-thumbnail .oa-event-status, .oa-preview .oa-card-image-link .oa-event-status { position: absolute; left: 0; color: #fff; padding: 6px 12px; display: inline-block; margin: 0; font-size: 1.8rem !important; font-weight: 700; text-transform: uppercase; }
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-cancelled, .oa-preview .oa-card-image-link .oa-event-status.oa-event-status-cancelled { background-color: #e53e3e; }
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-rescheduled, .oa-preview .oa-card-image-link .oa-event-status.oa-event-status-rescheduled { background-color: #f4aA15; }
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-postponed, .oa-preview .oa-card-image-link .oa-event-status.oa-event-status-postponed { background-color: #e53e3e; }
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-full, .oa-preview .oa-card-image-link .oa-event-status { background-color: #e53e3e; }
.single-oa-calendar .oa-event-thumbnail .oa-event-status.oa-event-status-movedOnline,  .oa-preview .oa-card-image-link .oa-event-status.oa-event-status-movedOnline { background-color: #f4aA15; }
.single-oa-calendar .oa-event-thumbnail a .oa-event-status, .oa-preview .oa-card-image-link .oa-event-status { padding: 4px 8px; font-size: 1.6rem !important; }

.oa-preview-events .oa-preview-card .oa-card-body { background-color: #fff; padding: 1.2rem 1.2rem .6rem 1.2rem; font-weight: 400; font-size: 2rem; color: #000000; line-height: 1.2; text-align: left; }
.oa-preview-events .oa-preview-card .oa-card-body .oa-card-link, .oa-event-grid-loop .oa-event-header a { text-decoration: none !important; }
.oa-preview-events .oa-preview-card .oa-card-body .oa-card-metas { padding-top: 10px; }
.oa-preview-events .oa-preview-card .oa-card-body .oa-card-meta, a.o-card-metas { padding: 4px 0; align-items: start; }
.oa-preview-events .oa-preview-card .oa-card-body .oa-card-meta svg { margin-right: 5px; width: 30px !important; flex: 0 0 auto; }
.oa-preview-events .oa-preview-card .oa-card-body + div { background-color: #fff; padding: 0.2rem 1.2rem; }
.oa-preview-events .oa-preview-card .oa-card li.oa-card-meta span { padding-left: 2px; }
.oa-preview-events .oa-preview-card .oa-card p { font-size: 1.8rem; line-height: 1.4; text-align: left; }

.home .cibulMap .map-sync { display: none; }
.cibulMap .map-canvas, .map-container .leaflet-container { min-height: 550px; }
.cibulMap-wrapper { position: relative; }
.home .leaflet-control-container, .cibulMap .map-sync, .oa-map-widget .checkbox, .postid-1426 .map-container .leaflet-control { display: none; }
#cibulMap-overlay { width: 100%; min-height: 600px !important; background: gray; position: absolute; opacity: 0; top: 0px; left: 0px; z-index: 99; cursor: pointer; }
.postid-1426 .map-container .leaflet-touch, .postid-2085 .map-container .leaflet-touch { cursor: pointer; pointer-events: none; }
.postid-1426 .map-container .leaflet-marker-icon, .postid-2085 .map-container .leaflet-marker-icon { cursor: pointer; pointer-events: none !important; }
.postid-1426 .oa-filter-map, .postid-2085 .oa-filter-map, .postid-2466 .oa-filter-map, .postid-2085 .leaflet-control-container { display: none; }
.postid-18 .oa-filter-map { width: 100%; }

.oa-card-metas { padding: 0 .5rem .5rem 0 !important; }
li.oa-card-meta { display: flex; align-items: start; margin-bottom: .8rem; line-height: 1.4; font-size: 1.8rem; text-align: left; }
li.oa-card-meta svg { margin-right: 5px; width: 24px !important; flex: 0 0 auto; margin-left: -2px; }
li.oa-card-meta svg.oa-icon-location { /* height: 28px; margin-top: 0; padding-right: 0px; */}
li.oa-card-meta svg.oa-icon-month { margin-top: 1px; }

/* Ajout 05-11-2025 */
.oa-card-metas { margin: 0; }
.oa-preview .oa-icon { height: 20px !important; margin-top: 4px !important; fill: #000; }


@media (min-width:1024px) and (max-width: 1280px)  {
	.elementor-nav-menu--main .elementor-nav-menu .lien-gazette, .elementor-nav-menu--main .elementor-nav-menu .lien-agenda, .elementor-nav-menu--main .elementor-nav-menu .lien-hasard { background-image: none; padding: 0; }
	.elementor-nav-menu--main .elementor-nav-menu a { font-size: 16px !important; margin: 0 20px !important; }

}

@media (max-width: 1024px) {
	.oa-calendar-widget { width: 80%; margin-left: auto; margin-right: auto; }
	.oa-preview-events .oa-preview-card { flex-basis: calc(50% - 2rem); }

}


@media (max-width: 40em) {
	.oa-calendar-widget { width: 80%; margin-left: auto; margin-right: auto; }
	.oa-preview-events .oa-preview-card { flex-basis: calc(100% - 1em); }
	.elementor-nav-menu--main .elementor-nav-menu .lien-mobile { display: block; }
}

/* Animation fold/unfold */
.unfoldable { overflow: hidden; }
.unfoldable[style*="max-height: none;"] { background-image: none; -webkit-text-fill-color: #000;; text-fill-color: #000; }

.lien-favoris { cursor: pointer; }

.fadein {
	animation-duration: 0.35s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-name: slidein;
}
@keyframes slidein {
	from { right: -100%; }
	to { right: 0px; }
}

.fadeout {
	animation-duration: 0.35s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-name: slideout;
}
@keyframes slideout {
	from { right: 0px; }
	to { right: -100%; }
}