/*
 * Transition du contenu du hero Eltéor.
 */
.elteor-hero-slider .elteor-hero-title,
.elteor-hero-slider .elteor-hero-dynamic-title,
.elteor-hero-slider .elteor-hero-text {
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

/*
 * Petit fondu lors du changement de slide.
 */
.elteor-hero-slider.elteor-hero-changing .elteor-hero-title,
.elteor-hero-slider.elteor-hero-changing .elteor-hero-dynamic-title,
.elteor-hero-slider.elteor-hero-changing .elteor-hero-text {
    opacity: 0;
    transform: translateY(5px);
}

/*
 * Permet d'alterner entre le H1 SEO fixe
 * et le titre visuel dynamique.
 */
.elteor-hero-slider .elteor-title-hidden {
    display: none;
}

.elteor-hero-slider .elteor-hero-dynamic-title .elementor-heading-title {
    font-family: Manrope, sans-serif !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 48.3px !important;
    letter-spacing: 0.5px !important;
}

/*
 * Le titre dynamique est masqué AVANT même l'initialisation du JS.
 */
.elteor-hero-slider .elteor-hero-dynamic-title {
    display: none;
}

/*
 * Il ne peut apparaître qu'une fois le slider initialisé,
 * et uniquement lorsqu'il n'est pas marqué comme masqué.
 */
.elteor-hero-slider.elteor-slider-ready
.elteor-hero-dynamic-title:not(.elteor-title-hidden) {
    display: block;
}