/*
Theme Name: BeFlex Child
Theme URI: https://www.eoxia.com
Author: the Eoxia team
Description: Child theme of BeFlex
License: AGPLv3
License URI: https://spdx.org/licenses/AGPL-3.0-or-later.html
Version: 4.0.0
Template: beflex
Text Domain: beflex-child
*/


.video-header {
    position: relative;
    width: 100%;
    height: auto;
}

.btn-trans {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.name-on-video  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}


.video-header {
    filter: brightness(50%);
}

a.wp-block-navigation-item__content[href*="contact"] {
    color: #D93C65 !important; 
}

.wp-block-navigation-item__content {
    position: relative;
}

.wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #D93C65; 
    transition: width 0.3s ease-in-out;
}

.wp-block-navigation-item__content:hover::after {
    width: 100%;
}


    /*menu transparent*/
    body.home :where(.wp-site-blocks) > :first-child:first-child {
        margin-block-start: -180px;
    }
    body.home .header-sticky  li ,body.home .header-sticky h1,body.home .header-sticky {
        color:white !important;
        background-color: transparent !important; 
        transition: 0.4s;  
    } 

    }
    body.home .header-sticky.-sticky .wp-block-navigation__responsive-container-open {
        color:#0e4b8e !important;
    }
    body.home .header-sticky .is-style-outline .wp-block-button__link.wp-element-button {
        background-color: transparent !important;
    }
    .header-sticky  li ul li a {
        color:#393D3F !important;
    }
    body.home .header-sticky.-sticky li,body.home .header-sticky.-sticky h1 {
        color: #393D3F !important;
    }
    body.home .header-sticky.-sticky {
        background-color: #fff !important;  
    }
    body.home .header-sticky.-sticky .is-style-outline .wp-block-button__link.wp-element-button {
        background-color: #393D3F !important ;
    }
    body.home .header-sticky.-sticky .custom-logo-link {
        filter: none;
    }

       body.home .wp-block-navigation__responsive-container-open {
        color: #D73C64;
    }


    /*block horaire*/
    #block-horaire {
      position: relative;
      left: -12%;
    }

    @media screen and (max-width: 780px) {
        #block-horaire {
          
            left: 0 !important;
          }
    }

.wp-block-site-tagline {
    color: black; /* Noir par d�faut sur toutes les pages */
    transition: color 0.3s ease-in-out; /* Animation fluide */
}

/* Sur la home, la tagline reste blanche sauf en mode sticky */
body.home .wp-block-site-tagline {
    color: white; 
}

body.home .header-sticky.-sticky .wp-block-site-tagline {
    color: black !important; /* Noir quand le menu devient sticky */
}



/*.wp-image-73.size-full {*/
/*    width: 516px;*/
/*    height: 540px;*/
/*    object-fit: cover;*/
/*}*/

.image-container {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; /* Pour �viter les d�bordements */
}

.wp-image-73 {
    display: block;
    width: 100%;
    position: relative;
    z-index: 2; /* Assure que l'image est au-dessus */
}



  /*formulaire de contact*/

.wpcf7-form-control.wpcf7-submit {
    background-color: #D93C65 !important;     color: white !important; /* Texte en blanc */
    border: none !important; /* Supprime les bordures */
    padding: 12px 40px !important; /* Augmente la hauteur et la largeur */
    font-size: 16px !important; /* Taille du texte */
    font-weight: 600 !important; /* Semi-bold */
    font-family: 'Poppins', sans-serif !important; /* Applique la typo Poppins */
    border-radius: 8px !important; /* Coins lerement arrondis */
    cursor: pointer !important;
    display: inline-block;
    text-align: center;
    width: 100% !important; /* Ajuste la largeur */
    max-width: 250px !important; /* Largeur maximum pour eviter qu'il soit trop grand */
    transition: background 0.3s ease-in-out;
}

html {
    scroll-behavior: smooth;
}

.gallery-layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Trois colonnes pour desktop */
    gap: 15px; /* Espacement entre les images */
    align-items: start; /* Alignement sur la ligne de base */
}

/*.wp-block-gallery .wp-block-image:nth-child(odd) {*/
/*    transform: translateY(20px); !* D�cale les images impaires vers le bas *!*/
/*}*/
.gallery-layout .wp-block-image:nth-child(3n+1), .gallery-layout .wp-block-gallery .wp-block-image:nth-child(3n+3) {
    transform: translateY(20px);
}

/*.wp-block-gallery .wp-block-image:nth-child(even) {*/
/*    transform: translateY(-20px); !* D�cale les images paires vers le haut *!*/
/*}*/
.gallery-layout .wp-block-image:nth-child(3n+2) {
    transform: translateY(-20px);
}

/* ?? Adaptation pour les tablettes */
@media screen and (max-width: 1024px) {
    .gallery-layout {
        grid-template-columns: repeat(2, 1fr); /* Deux colonnes */
    }

    .gallery-layout .wp-block-image:nth-child(odd),
    .gallery-layout .wp-block-image:nth-child(even) {
        transform: none; /* Supprime les d�calages pour une meilleure lisibilit� */
    }
}

/* ?? Adaptation pour les mobiles */
@media screen and (max-width: 768px) {
    .gallery-layout {
        grid-template-columns: 1fr; /* Une seule colonne sur mobile */
    }

    .gallery-layout .wp-block-image {
        transform: none; /* Pas de decalage pour une lecture fluide */
    }
}

/* Effet machine � �crire sur .name-on-video */
.name-on-video {
    top: 45%;
    font-size: 2.5rem;
    font-weight: bold;
    color: #D93C65;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid #D93C65; /* Curseur clignotant */
    width: 0;
    animation: typing 3s steps(30, end) forwards, blink 0.6s infinite;
}
.typewritter-title h1 {
    display: inline-block;
    overflow: hidden;
    border-right-style: solid !important;
    border-right-width: 0.05em;
    border-right: 0.05em solid #fff;
    white-space: nowrap;
    margin: 0 auto;
    /*letter-spacing: .15em;*/
    animation: typing 2s steps(30, end) forwards, blink 0.6s infinite;
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes blink {
    from, to { border-color: transparent; }
    50% { border-color: #fff; }
}

.has-custom-393-d-3-f-color {
    text-align: justify;
}


@media screen and (max-width: 768px) {
    .site-footer,
    .wp-block-group.has-custom-d-93-c-65-background-color {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wp-block-columns {
        flex-direction: column;
        align-items: center;
    }

    .wp-block-group.has-white-color {
        text-align: center;
    }
}


@media screen and (max-width: 768px) {
    .wp-block-social-links {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; 
    }
}


.wp-block-post-excerpt.wp-button .wp-block-post-excerpt__more-link {
         background-color: #D93C65 ;
    }

.alignwide.wp-block-post-featured-image {
  width: 335px;
  height: 124px;
  overflow: hidden; /* Permet de masquer tout d�bordement */
}


.wp-block-cover.alignwide {
    margin-bottom: -30px; /* Ajustez la valeur selon vos besoins */
    position: relative;
    z-index: 2; /* Assurez-vous qu'il reste au-dessus */
}

.wp-block-cover.alignwide {
    margin-bottom: -50px; /* Ajuste cette valeur pour remonter l'�l�ment */
    position: relative;
    z-index: 2;
    border: 20px solid #D93C65; /* Bordure rose fonc� */
}

.wp-block-post-excerpt__more-link {
    border-radius: 0 !important; /* Supprime tout arrondi */
    background-color: #D93C65 !important; /* Couleur de base forc�e */
    color: #FFFFFF !important; /* Texte blanc */
    padding: 10px 16px !important; /* Ajustement du padding */
    display: inline-block !important; /* Assure le bon affichage */
    text-align: center !important; /* Centre le texte */
    text-decoration: none !important; /* Supprime le soulignement */
    transition: background-color 0.3s ease !important; /* Transition fluide */
}

.wp-block-post-excerpt__more-link:hover {
    background-color: #B53055 !important; /* Couleur plus fonc�e au survol */
}



div.wp-block-columns.bf-block-animatein {
    --image-height: 250px; /* Ajuste ici si tu veux une autre hauteur */
  }
  
  div.wp-block-columns.bf-block-animatein img {
    width: 100%;
    height: var(--image-height);
    object-fit: cover;
  }