/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.degradeOr > *, span.degradeOr, .univers-services .active h3 {
    background: linear-gradient(
        110deg,
        #B4844E 0%,
        #D9BA80 30%,
        #D9BA80 45%,
        #F6E4BC 50%,
        #D9BA80 55%,
        #D9BA80 70%,
        #B4844E 100%
    );

    background-size: 250% 100%;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

    animation: gold-shine 15s linear infinite;
}

@keyframes gold-shine {
    0% {
        background-position: 200% center;
    }

    100% {
        background-position: -200% center;
    }
}
/** gestion creavi calendar **/
.creavibc-popup-content.creavibc-two-columns .creavibc-left{
	display:none!important;
}
.creavibc-booking-wrapper .creavibc-popup .creavibc-right .creavibc-time-wrap,
.creavibc-booking-wrapper .creavibc-popup .creavibc-right .creavibc-calendar-wrap{
	width:100%!important;
}
.zoomCall{
	zoom:0.70!important
}
.creavibc-booking-wrapper .creavibc-popup .creavibc-summary, .creavibc-booking-wrapper .creavibc-popup .creavibc-summary span{
	vertical-align:middle!important;
}

/* =========================================================
   UNIVERS SERVICES
   ========================================================= */


/* ---------------------------------------------------------
   1. LES 3 BLOCS SERVICES
   --------------------------------------------------------- */

.univers-services > .e-con-inner > .e-child:nth-child(-n+3) {
    background-color: #ffffff !important;

    transition:
        background-color 0.8s ease-in-out !important;
}


/* Bloc actuellement actif */
.univers-services > .e-con-inner > .e-child:nth-child(-n+3).active {
    background-color: rgb(9, 35, 38) !important;
}


/* Texte descriptif du bloc actif */
.univers-services > .e-con-inner > .e-child:nth-child(-n+3).active .elementor-widget-text-editor {
    color: #ffffff !important;
    opacity: 0.6;
}


/* Transition douce pour le texte */
.univers-services > .e-con-inner > .e-child:nth-child(-n+3) .elementor-widget-text-editor {
    transition:
        color 0.6s ease-in-out,
        opacity 0.6s ease-in-out;
}



/* ---------------------------------------------------------
   2. 4e BLOC = CONTENEUR DES IMAGES
   --------------------------------------------------------- */

/*
 * Important :
 * le conteneur image est en position:absolute dans Elementor.
 *
 * On empêche simplement ce bloc de bloquer le survol
 * des 3 blocs situés derrière.
 */
.univers-services > .e-con-inner > .e-child:nth-child(4) {
    pointer-events: none !important;
}



/* ---------------------------------------------------------
   3. LES 3 IMAGES
   --------------------------------------------------------- */

.univers-services > .e-con-inner > .e-child:nth-child(4) .elementor-widget-image {
    opacity: 0;
    visibility: hidden;

    pointer-events: none !important;

    transition:
        opacity 0.7s ease-in-out,
        visibility 0s linear 0.7s;
}


/* Image correspondant au bloc actif */
.univers-services > .e-con-inner > .e-child:nth-child(4) .elementor-widget-image.image-active {
    opacity: 1;
    visibility: visible;

    transition:
        opacity 0.7s ease-in-out,
        visibility 0s linear 0s;
}