/*
 * Styles du Hero plein écran et du bloc "Évènement en Bref" (shortcodes
 * [d4e_hero] / [d4e_evenement_en_bref], docs/08-REGLAGES-THEME-HERO.md §5).
 * Code neuf (pas de CSS legacy à préserver ici) — réutilise la palette CIBM
 * existante (#4daec0) pour rester cohérent avec le reste du site.
 */

#home .vc_column-inner {
	padding-top: 0 !important;
}

.d4e-hero {
	/* Casse la contrainte de largeur d'une ligne/colonne WPBakery classique,
	   pour rester plein écran même si le shortcode est déposé dans une ligne
	   non "pleine largeur" (voir docs/06-SUIVI-AVANCEMENT.md). */
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	min-height: 90vh;
	background-color: #0d1d31;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}

.d4e-hero__inner {
	color: #fff;
	padding: 40px 20px;
}

.d4e-hero__logo img {
	max-width: 1250px;
	width: 100%;
	height: auto;
margin: -30px auto 30px;
}

.d4e-hero__date {
	font-family: 'new_ciclegordita';
	font-size: 2.1em;	
	margin-bottom: 0px;
}

.d4e-hero__cta .btn-theme {
	font-size: 1.1em;
	padding: 14px 40px;
}

.d4e-hero__cta .btn-theme i {
	margin-left: 8px;
}

/* Demande utilisateur 2026-09-16 — même breakpoint que le menu mobile
   (assets/css/d4e-layout.css). min-height ET height réduits ensemble : le
   min-height:90vh ci-dessus s'appliquerait sinon toujours (règle sans media
   query), plus contraignant qu'un height:55vh seul. */
@media (max-width: 991px) {
	.d4e-hero {
		height: 65vh;
		min-height: 65vh;
	}

	.d4e-hero__date {
		font-size: 1.5em;
	}

	.d4e-hero__logo img {
		margin: -0px auto 30px;
	}
}

/*
 * Couleur par défaut des boutons/CTA (.btn-theme) : la valeur héritée
 * d'imevent-base.css (#dc143c, rouge générique du thème d'origine) est
 * remplacée par l'accent CIBM #f18785 — s'applique à tout .btn-theme du
 * site (pas seulement au Hero), chargé en dernier pour primer sur le CSS
 * legacy porté à l'identique.
 */
.btn-theme {
	color: #ffffff;
	background-color: #f18785;
	border-color: #f18785;
}

/*
 * Boutons natifs WPBakery ([vc_btn] → .vc_btn3) : même apparence par défaut
 * que .btn-theme / .d4e-hero__cta, quelle que soit la couleur choisie dans
 * l'éditeur WPBakery (variantes .vc_btn3-color-*). !important nécessaire car
 * ces variantes de couleur (CSS du plugin js_composer) sont plus spécifiques
 * qu'un simple .vc_btn3.
 */
.vc_general.vc_btn3 {
	color: #ffffff !important;
	background-color: #f18785 !important;
	border-color: #f18785 !important;
	text-transform: uppercase;
	font-size: 1.1em !important;
    padding: 14px 40px !important;
}

.vc_general.vc_btn3:hover,
.vc_general.vc_btn3:focus {
	color: #ffffff !important;
	background-color: #435469 !important;
	border-color: #435469 !important;
}

.d4e-event-brief {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 14px 5px;
    background-color: #2d2d2d;
    border-radius: 8px;
}

.d4e-event-brief__item {
	display: flex;
	align-items: flex-start;
	text-align: left;
	min-width: 220px;
	margin-bottom: 0;
}
.media.d4e-event-brief__item {
	margin-top: 0;
}



.d4e-event-brief__item .pull-left {
	font-size: 1.8em;
	color: #ffffff;
}

.event-description .d4e-event-brief__item  .fa {
    margin-top: 5px;
}
.event-description .media-body strong {
    color: #f18785 !important;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 0.9em;
}