/*
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
*/
.charitable-form .charitable-form-fields .charitable-notice { 
       background: #fff;

}
/*baniere*/
.wp-block-cover .wp-block-cover__inner-container{
        max-width: 1500px;
}

/* Navigation smooth */
html {
    scroll-behavior: smooth;
}


/*image en superposition*/
.image-superposition {
    position: relative;
    z-index: -1;
}

.image-superposition2 {
     position: relative;
    z-index: 2;
}

/*icon devant le texte*/

.picto-devant-texte img {
       position: relative;
    top: 5px;
}

.picto-devant-texte2 img {
       position: relative;
    top: 3px;
}

/*cache-mobile*/
@media (max-width: 1055.44px) {
.cache-mobile {
display: none !important;
}
}


/*texte en or*/

.texte-or{
background: linear-gradient(83deg, #DDA431 -21.09%, #FCDE80 11.94%, #FBB53A 48.09%,
 #F6D371 76.76%, #DDA431 108.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*menu stiky*/
/* Uniquement sur le front */
/*
body:not(.wp-admin) header.site-header + * {
    margin-top: -101px;
}*/


@media ( max-width: 480px ) {
    .site-header .wp-block-group {
        gap: 1em !important;
        flex-wrap: nowrap !important;
    }
    .site-header .wp-block-button__link {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
}





/*titre header*/

.slogan mark {
    padding: 4px 8px !important;
}

.block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  position: relative !important;
  top: 0px !important;
}

body:not(.block-editor-page):not(.wp-admin) .animation-texte-slogan {
    z-index: 1;
    position: absolute;

    top: 28vh;
    left: 0;
    width: 100%;
}



.titre-header .mot-2 {
    position: relative;
    display: inline-block;
    padding: 8px 24px 8px 180px;
    z-index: 1;
}

.titre-header .mot-2::before {
    content: "";
    position: absolute;
    inset: 0;
    left: -50px;

    background: var(--wp--preset--color--primary);

    z-index: -1;
}

.titre-header .mot-2 span {
    background: linear-gradient(
        83deg,
        #DDA431 -21.09%,
        #FCDE80 11.94%,
        #FBB53A 48.09%,
        #F6D371 76.76%,
        #DDA431 108.55%
    );

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

.titre-header .mot-3 {
   position: relative;
    padding: 8px 24px 8px 150px;
    margin-right: 1000px;
    z-index: 1;
}

.titre-header .mot-1 {
   position: relative;
    padding: 8px 24px 8px 40px;

    z-index: 1;
}

@media ( max-width: 1000px ) {
    .titre-header, .titre-header .mot-1, .titre-header .mot-2, .titre-header .mot-3 {
        font-size: 50px !important;
    }
    .header-subtitle {
        padding-left: 1em !important;
    }
}
@media ( max-width: 600px ) {
    .titre-header .mot-1, .titre-header .mot-2, .titre-header .mot-3 {
        padding-left: 1em !important;
    }
    .cover-carousel .swiper-slide .wp-block-cover {
        min-height: 70vh !important;
    }
    body:not(.block-editor-page):not(.wp-admin) .animation-texte-slogan {
        top: 15vh !important;
    }
}
@media ( max-width: 480px ) {
    .titre-header, .titre-header .mot-1, .titre-header .mot-2, .titre-header .mot-3 {
        font-size: 40px !important;
    }
    .header-subtitle {
        font-size: 18px !important;
    }
}


@media (max-width:600px){
  .bannier-header {
        min-height: 70vh !important;
    }
}

.bannier-header-mobile {
display: none !important;
}
.bannier-header-destock {
display: block !important;
}


@media ( max-width: 1100px ) {
.bannier-header-destock {
display: none !important;
}

.bannier-header-mobile {
display: block !important;
}
}






/*menu responsive*/

@media (max-width: 1205px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }

      /* Cacher le menu desktop au-delà de 768px si besoin */
  .wp-block-navigation__container.wp-block-navigation__container--desktop {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open {
    display: block !important;
  }
  
  /*menu version mobile*/
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        align-items: center;
        display: flex;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        align-items: center;
        display: flex;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        display: flex !important;
        align-items: center;
    }
    .wp-block-navigation-item__content {
        font-size: 24px;
    }
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        font-size: 15px;
    }
    .wp-block-navigation__responsive-container.is-menu-open {
        display: block !important;
    }

  .wp-block-navigation__container,
  .wp-block-navigation__responsive-container {
    flex-direction: column !important;
  }



}

/*association logo*/
.asso-logo {
    position: relative;
    z-index: 2;
}

/*menu hover*/


.navigation-animation .wp-block-navigation-item__content {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

/* Trait */
.navigation-animation .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: -4px;

    width: 100%;
    height: 2px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.35s ease;
}

/*collone swicht mobile*/
@media (max-width: 1055.44px) {
.colone-swicht {
    display: flex;
    flex-direction: column-reverse;
}
}

/*schema fleche*/
.fleche-gauche {
       position: relative;
    right: 80px;
    z-index: -2;
}
.fleche-droite {
   position: relative;
    left: 80px;
       z-index: -2;
}
@media ( max-width: 1100px ) {
.schema {
    scale: 0.9;
}}

.bloc-schema {
position: relative;
    z-index: 2;

}



.schema-mobile {
display: none !important;
}
.schema-destock {
display: block !important;
}


@media ( max-width: 1100px ) {
.schema-destock {
display: none !important;
}

.schema-mobile {
display: block !important;
}
}








/* Hover */
.navigation-animation .wp-block-navigation-item__content:hover::after {
    transform: scaleX(1);
}

/*stiky*/
/* Sticky */
body:not(.wp-admin) .cercle-all {
    position: relative;
    display: flex;
    justify-content: center;

    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

/* Hover sur tout le groupe */
body:not(.wp-admin) .cercle-all:hover {
    transform: scale(1.12);
}

/* Évite la perte du hover */
body:not(.wp-admin) .cercle-texte,
body:not(.wp-admin) .cercle-logo,
body:not(.wp-admin) .cercle-texte img,
body:not(.wp-admin) .cercle-logo img {
    pointer-events: none;
}

/* Rotation continue du texte */
body:not(.wp-admin) .cercle-texte img {
    animation: rotationTexte 12s linear infinite;
    transform-origin: center center;
}

/* Rotation inverse du logo */
body:not(.wp-admin) .cercle-logo img {
    animation: rotationLogo 12s linear infinite;
    transform-origin: center center;
}

@media ( max-width: 599px ) {
    .cercle-all {
        padding-bottom: 3em !important;
    }
    .cercle-all .cercle-rouge .wp-block-image img {
        width: 95px !important;
    }
    .cercle-all .cercle-texte .wp-block-image img {
        width: 80px !important;
    }
    .cercle-all .cercle-logo .wp-block-image img {
        width: 40px !important;
    }

    .cercle-all .cercle-texte {
        margin-top: -44px !important;
    }
    .cercle-all .cercle-logo {
        margin-top: -62.5px !important;
    }

}

@keyframes rotationTexte {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotationLogo {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*animation cascade*/
.animation-cascade > * {
    will-change: transform, opacity;
}

/*animation texte*/
.animation-texte > * {
    will-change: transform, opacity;
}

/*footer picto responsable*/



/* =========================
   Bouton hover or premium
========================= */

.bouton-hover-or .wp-block-button__link {
    position: relative;
    overflow: hidden;

    background: var(--wp--preset--color--primary) !important;
    color: white !important;

    transition:
        transform 0.45s cubic-bezier(.19,1,.22,1),
        color 0.3s ease;

    will-change: transform;

    z-index: 1;
}

.bouton-hover-or .wp-block-button__link:hover {
    transform: scale(1.05);

    background: var(--wp--preset--color--primary) !important;

    color: #F6D371 !important;
}


.bouton-hover-or .wp-block-button__link::before {
    content: "";

    position: absolute;
    top: 0;
    left: -150%;

    width: 60%;
    height: 100%;

    transform: skewX(-25deg);

    background: linear-gradient(
       83deg,
        #DDA431 -21.09%,
        #FCDE80 11.94%,
        #FBB53A 48.09%,
        #F6D371 76.76%,
        #DDA431 108.55%
    );

    transition: left 0.9s cubic-bezier(.19,1,.22,1);

    z-index: 2;

    pointer-events: none;
}


.bouton-hover-or .wp-block-button__link:hover::before {
    left: 180%;
}


.bouton-hover-or .wp-block-button__link:hover,
.bouton-hover-or .wp-block-button__link:hover span {
    color: #F6D371 !important;
}

/* Icône OR */
.bouton-hover-or .wp-block-button__link img {
    transition:
        filter 0.35s ease,
        opacity 0.35s ease;
}

.bouton-hover-or .wp-block-button__link:hover img {
    filter:
        brightness(0)
        saturate(100%)
        invert(77%)
        sepia(53%)
        saturate(609%)
        hue-rotate(358deg)
        brightness(102%)
        contrast(95%);
}

/** Fix Carousel accueil */
.cover-carousel {
    position: relative;
}
.cover-carousel .wp-block-eo-blocks-carousel {
    margin-top: 0 !important;
}
/** Carousel loader */
.banner-loader {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 60px;
    max-width: 20px;
    z-index: 10;
}
.banner-loader .wp-block-image {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-animation: infiniteRotate 4s linear infinite;
    animation: infiniteRotate 4s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.banner-loader .wp-block-image img {
    display: block;
}
.banner-loader::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 4px;
    height: 50px;
    background: #FBB53A;
}



@-webkit-keyframes infiniteRotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes infiniteRotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/** Schema lines */
.schema-path {
    pointer-events: none;
}
.schema-path-1 {
    position: absolute;
    bottom: 100%;
    left: 0;
    max-width: none;
}
.schema-path-2, .schema-path-3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    max-width: none;
    margin-top: 0;
}
.schema-path-3 {
    z-index: -1;
}
.schema-icon-2, .schema-icon-1 {
    clear: both;
    text-align: center;
}
.schema-icon-2 svg, .schema-icon-1 svg {
    max-width: 195px;
}
.schema-path-mobile {
    display: none;

    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scaleY(1);
    transform-origin: top center;
    width: 5px;
    height: 100%;
    z-index: -1;
    background: #FBB53A;
    will-change: transform;
}

@media (max-width: 1400px) {
    .schema-path {
        display: none;
    }
    .schema-path-mobile {
        display: block !important;
    }
}
@media ( max-width: 1080px ) {
    .schema > .wp-block-group {
        margin-top: 2em !important;
        padding-left: 0 !important;
    }
    .schema {
        padding-top: 3em !important;
    }
}

/** Page faire un don mobile */
@media ( max-width: 780px ) {
    body.page-id-47 .wp-block-eo-blocks-tabs-contents-inner > .wp-block-columns .wp-block-column:first-child {
        order: 2;
    }
    body.page-id-47 .wp-block-eo-blocks-tabs-contents-inner > .wp-block-columns .wp-block-column:last-child {
        order: 1;
    }
}

/*page don responsive*/

@media (max-width: 430px) {
.bloc-don {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}

/*fermer*/


.wp-block-navigation__responsive-container-close {
    top: 10px !important;
    right: 10px !important;
}
@media (max-width: 430px) {
.email-footer {
    font-size: 14px;
}}



/*nav footer*/
.nav-mobile {
        display: none !important;
    }

@media (max-width: 1043px) {
    .nav-destock {
        display: none !important;
    }
    .nav-mobile {
        display: block !important;
    }
}

/*page contact*/

  /* Grille Email + Téléphone */
.cf7-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

 /* Responsive mobile */
@media (max-width: 768px) {
    .cf7-grid {
        grid-template-columns: 1fr;
    }
}

  /* Champs Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    border-radius: 0;
    padding: 12px;
    box-sizing: border-box;
}

   /* Bouton envoyer */
.wpcf7 input[type="submit"] {
    border-radius: 0;
    padding: 12px 30px;
    cursor: pointer;
}

  /* Retire tous les radius éventuels hérités */
.wpcf7 * {
    border-radius: 0 !important;
    margin-top: 0px;
    margin-bottom: 3px;
}

.header-sticky.menu-2, .header-sticky.menu-2.-sticky, .header-sticky {
    /*background: url("https://plasticiens-mecenes-humanitaires.com/wp-content/uploads/2026/07/background-menu-marble.png"), var(--wp--preset--color--tertiary) !important;*/
    background: var(--wp--preset--color--tertiary) !important;
    /*background-size: cover !important;*/
}
.header-sticky.menu-2:not(.-sticky) .wp-block-navigation__responsive-container:not(.is-menu-open) a:where(:not(.wp-element-button)) {
    color: inherit !important;
}
.header-sticky.menu-2:not(.-sticky) button.wp-block-navigation__responsive-container-open {
    color: inherit !important;
} 

/*titre header*/
@media ( min-width: 1600px ) {
    .bf-header .bf-header__content .bf-header__content-title span:nth-child(2) {
        margin-left: 8.4rem !important;
    }
}
.bf-header .bf-header__content .bf-header__content-title span:nth-child(2) {
    padding-left: 0 !important;
    margin-left: 8.4vw;
}

@media ( min-width: 1600px ) {
    .bf-header .bf-header__content .bf-header__content-title span:nth-child(3) {
        margin-left: 8.3rem !important;
    }
}
.bf-header .bf-header__content .bf-header__content-title span:nth-child(3) {
    /*padding-left: 1.37em;*/
    padding-left: 0 !important;
    margin-left: 8.3vw; 
}

@media ( min-width: 1600px ) {
    .bf-header .bf-header__content .bf-header__content-subtitle {
        margin-left: 8.6rem !important;
    }
}
.bf-header .bf-header__content .bf-header__content-subtitle {
 /*margin-left: 5.7em;*/
 margin-left: 8.6vw;
 letter-spacing: 0.2em;
}

/*@media (max-width: 1630px) {*/
/*    .bf-header .bf-header__content .bf-header__content-subtitle {*/
/*margin-left: 6.1em !important;*/
/*    }*/

/*}*/

/*@media (max-width: 1000px) {*/
/*    .bf-header .bf-header__content .bf-header__content-subtitle {*/
/*margin-left: 5.7em !important;*/
/*    }*/

/*}*/

/*@media (max-width: 900px) {*/
/*    .bf-header .bf-header__content .bf-header__content-subtitle {*/
/*margin-left: 5.3em !important;*/
/*    }*/

/*}*/
/*@media (max-width: 850px) {*/
/*    .bf-header .bf-header__content .bf-header__content-subtitle {*/
/*margin-left: 5em !important;*/
/*    }*/

/*}*/


/*@media (max-width: 800px) {*/
/*    .bf-header .bf-header__content .bf-header__content-subtitle {*/
/*margin-left: 4.5em !important;*/
/*    }*/

/*}*/


/*@media (max-width: 700px) {*/
/*    .bf-header .bf-header__content .bf-header__content-subtitle {*/
/*margin-left: 3.9em !important;*/
/*    }*/

/*}*/

@media (max-width: 600px) {
    .bf-header .bf-header__content .bf-header__content-subtitle {
margin-left: 0em !important;
padding-left: none;
    padding: 0 .5em !important;
    }

}



@media (min-width: 1630px) {
    .bf-header .bf-header__content .bf-header__content-subtitle {

 letter-spacing: 0.16em !important;
}
}

/** Fix ocunterup color on homepage */
body.home .bf-counterup__container .has-primary-color {
    color: #fff !important;
}

/** Bandeau chiffres home */
@media ( max-width: 780px ) {
    .bandeau-chiffres {
        background: var(--wp--preset--color--primary) !important;
    }
    .bandeau-chiffres > .wp-block-columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .col-carousel > .wp-block-column:last-child > .wp-block-group {
        padding-left: 0 !important;
    }
}

@media ( max-width: 600px ) {
    .bf-header .bf-header__content {
        transform: none !important;
        bottom: 5em !important;
        top: auto !important;
    }
}



.site-footer {
    margin-top: 0;
}

.eo-accordion__inner mark {
    background: inherit;
}


/** WP Charitable form */
.charitable-forml::after {
    display: block;
    content: '';
    clear: both;
}
.charitable-form .charitable-form-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
    --nb-colonnes: 3;
}
.charitable-form .charitable-form-fields .charitable-notice {
    width: 100%;
}
.charitable-form .charitable-form-fields .charitable-fieldset {
    flex: 0 0 calc(100% / var(--nb-colonnes) - (var(--nb-colonnes) - 1) * 1em / var(--nb-colonnes));
    box-sizing: border-box;
    background: #fff;
}
.charitable-form .charitable-form-fields .charitable-fieldset .charitable-form-header {
    text-align: center;
    padding: 0.5em !important;
    margin: 0;
    background: var(--wp--preset--color--primary);
    color: #fff;
}
.charitable-form .charitable-form-fields .charitable-fieldset > div:not(.charitable-form-header) {
    padding: 1em !important;
    margin-top: 0 !important;
}
.charitable-form .charitable-submit-field {
    display: block;
    width: calc(33.3333% - (2em / 3));
    box-sizing: border-box;
    float: right
}
.charitable-form .charitable-submit-field .charitable-button {
    background: var(--wp--preset--color--primary);
    color: #fff;
}
.charitable-donation-form .donation-amounts .donation-amount.selected {
    background: var(--wp--preset--color--primary);
    color: #fff;
}

@media ( max-width: 1000px ) {
    .charitable-form .charitable-form-fields {
        flex-direction: column;
    }
    .charitable-form .charitable-form-fields .charitable-fieldset {
        flex: 0 0 100%;
    }
    .charitable-form .charitable-submit-field {
        width: 100%;
    }
}

/** Slide position */
.bf-header .bf-header__carousel img {
    object-position: 50% 40%;
}

@media (max-width: 400px) {
    .bf-header__content .bf-header__content-title span {
        font-size: 35px !important;
    }
    .bf-header .bf-header__content .bf-header__content-subtitle {
        font-size: 12px !important;
        letter-spacing: 0 !important;
    }
    .bf-header .bf-header__content {
        bottom: 9em !important;
    }
}

/*@media ( min-width: 599px ) {*/
/*    .bloc-mecene-key-parent {*/
/*        padding-right: 0 !important;*/
/*    }*/
/*    .bloc-mecene-key {*/
/*        position: relative;*/
/*        right: -40px;*/
/*        bottom: -20px;*/
/*    }*/
/*}*/

@media ( min-width: 450px ) {
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {

    }
}
@media ( max-width: 450px ) {
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
        padding: 1.55em 1em;
        background: var(--wp--preset--color--primary) !important;
        color: #fff;
        font-weight: 600;
    }
    .header-sticky>.wp-block-group>.wp-block-group:last-child {
        gap: 0.5em !important;
    }
}