/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1783611885
Updated: 2026-07-09 15:44:45

/* ==========================================================
   FOOTER HUMANERA — COMPLET
   Illustration forêt sur la totalité du footer
   ========================================================== */

.humanera-footer {
    --footer-background: #F2F4F3;
    --footer-white: #ffffff;
    --footer-text: rgba(255, 255, 255, 0.58);
    --footer-text-strong: rgba(255, 255, 255, 0.72);
    --footer-green: #48c79c;
    --footer-border: rgba(255, 255, 255, 0.11);

    position: relative;
    isolation: isolate;

    width: 100%;

    overflow: hidden;

    background-color: var(--footer-background);
    background-image: var(--humanera-footer-forest);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;

    color: var(--footer-text);
}

/*
 * Léger voile pour que les textes restent lisibles,
 * tout en conservant l’illustration visible.
 */
.humanera-footer::before {
    position: absolute;
    z-index: 0;

    inset: 0;

    content: "";
    pointer-events: none;
}

.humanera-footer,
.humanera-footer *,
.humanera-footer *::before,
.humanera-footer *::after {
    box-sizing: border-box;
}

.humanera-footer__main,
.humanera-footer__partners,
.humanera-footer__legal {
    position: relative;
    z-index: 1;
}

.humanera-footer a {
    color: inherit;
    text-decoration: none;

    transition:
        color 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease,
        transform 0.25s ease;
}


/* ==========================================================
   CONTENEUR PRINCIPAL
   ========================================================== */

.humanera-footer__container {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        230px;

    gap: 90px;

    width: min(1380px, calc(100% - 100px));

    margin: 0 auto;

    padding: 350px 0 35px;
}


/* ==========================================================
   COLONNE DE CONTACT
   ========================================================== */

.humanera-footer__contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    width: 100%;
    max-width: 760px;
}


/* ==========================================================
   LOGO
   ========================================================== */

.humanera-footer__logo {
    display: inline-flex;

    width: fit-content;

    margin-bottom: 34px;
}

.humanera-footer__logo img {
    display: block;

    width: 135px;
    max-width: 100%;
    height: auto;
}


/* ==========================================================
   RÉSEAUX SOCIAUX
   ========================================================== */

.humanera-footer__socials {
    display: flex;
    align-items: center;

    gap: 22px;

    margin-bottom: 42px;
}

.humanera-footer__socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    border: 2px solid rgba(255, 255, 255, 0.11);
    border-radius: 20px;

    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.54);
}

.humanera-footer__socials a:hover,
.humanera-footer__socials a:focus-visible {
    border-color: var(--footer-green);

    background: rgba(72, 199, 156, 0.14);
    color: var(--footer-white);

    transform: translateY(-3px);
}

.humanera-footer__socials svg {
    display: block;

    width: 26px;
    height: 26px;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.humanera-footer__socials a:first-child svg,
.humanera-footer__socials a:last-child svg {
    fill: currentColor;
    stroke: none;
}


/* ==========================================================
   COORDONNÉES
   ========================================================== */

.humanera-footer__info {
    display: grid;

    grid-template-columns:
        28px
        minmax(0, 1fr);

    gap: 22px;

    align-items: flex-start;

    width: 100%;

    margin-bottom: 15px;

    color: var(--footer-text);

    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
}

.humanera-footer__info:last-child {
    margin-bottom: 0;
}

.humanera-footer__info-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    padding-top: 6px;

    color: var(--footer-green);
}

.humanera-footer__info-icon svg {
    display: block;

    width: 25px;
    height: 25px;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.humanera-footer__info-content {
    display: flex;
    flex-direction: column;

    gap: 4px;

    min-width: 0;
}

.humanera-footer__info-content a,
.humanera-footer__info-content span {
    display: block;
}

.humanera-footer__info-content a:hover,
.humanera-footer__info-content a:focus-visible {
    color: var(--footer-white);
}

.humanera-footer address {
    margin: 0;

    font-style: normal;
}


/* ==========================================================
   NAVIGATION DU FOOTER
   ========================================================== */

.humanera-footer__navigation {
    display: grid;

    grid-template-columns: 1fr;

    gap: 25px;

    align-self: end;

    padding-bottom: 15px;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
}

.humanera-footer__navigation a {
    width: fit-content;

    color: var(--footer-text);
}

.humanera-footer__navigation a:hover,
.humanera-footer__navigation a:focus-visible {
    color: var(--footer-white);

    transform: translateX(4px);
}


/* ==========================================================
   PARTENAIRES
   ========================================================== */

.humanera-footer__partners {
    padding: 30px 0 30px;

    overflow: hidden;

    border-top: 1px solid var(--footer-border);
    border-bottom: 1px solid var(--footer-border);
}

.humanera-footer__partners-title {
    margin: 0 0 38px;

    color: rgba(255, 255, 255, 0.41);

    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;

    letter-spacing: 0.13em;

    text-align: center;
    text-transform: uppercase;
}

.humanera-footer__partners-slider {
    position: relative;

    width: 100%;

    overflow: hidden;

    /*
     * Masque légèrement les extrémités pour que les logos
     * apparaissent et disparaissent progressivement.
     */
    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 6%,
            #000 94%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 6%,
            #000 94%,
            transparent 100%
        );
}
/* ==========================================================
   SLIDER PARTENAIRES — BOUCLE INFINIE SANS SAUT
   ========================================================== */

.humanera-footer__partners-slider {
    position: relative;

    width: 100%;

    overflow: hidden;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 5%,
        #000 95%,
        transparent 100%
    );

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 5%,
        #000 95%,
        transparent 100%
    );
}

.humanera-footer__partners-track {
    display: flex;
    align-items: center;

    width: max-content;

    transform: translate3d(0, 0, 0);

    will-change: transform;
}

.humanera-footer__partners-group {
    display: flex;
    flex: 0 0 auto;

    align-items: center;

    gap: 72px;

    padding-right: 72px;

    white-space: nowrap;
}

.humanera-footer__partner {
    display: inline-flex;
    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    color: rgba(255, 255, 255, 0.39);

    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;

    white-space: nowrap;
}

/* Pause au survol sur ordinateur */
.humanera-footer__partners-slider:hover
.humanera-footer__partners-track {
    animation-play-state: paused;
}


/* ==========================================================
   BARRE LÉGALE
   ========================================================== */

.humanera-footer__legal-container {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 26px;

    width: min(1300px, calc(100% - 60px));

    margin: 0 auto;

    padding: 30px 0 45px;
}

.humanera-footer__copyright {
    margin: 0;

    color: rgba(255, 255, 255, 0.38);

    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;

    text-align: center;
}

.humanera-footer__legal-links {
    display: flex;
    flex-wrap: wrap;

    align-items: center;
    justify-content: center;

    gap: 18px 48px;
}

.humanera-footer__legal-links a {
    color: rgba(255, 255, 255, 0.4);

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.humanera-footer__legal-links a:hover,
.humanera-footer__legal-links a:focus-visible {
    color: var(--footer-white);
}


/* ==========================================================
   ACCESSIBILITÉ
   ========================================================== */

.humanera-footer a:focus-visible {
    outline: 2px solid var(--footer-green);
    outline-offset: 4px;
}


/* ==========================================================
   TABLETTE — 768px à 1024px
   Adaptée à partir des dimensions desktop
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .humanera-footer {
        background-position: center top;
        background-size: cover;
    }

    }


    /* Conteneur principal */

    .humanera-footer__container {
        grid-template-columns:
            minmax(0, 1fr)
            180px;

        gap: 55px;

        width: calc(100% - 64px);

        padding: 285px 0 35px;
    }


    /* Logo */

    .humanera-footer__logo {
        margin-bottom: 30px;
    }

    .humanera-footer__logo img {
        width: 125px;
    }


    /* Réseaux sociaux */

    .humanera-footer__socials {
        gap: 16px;

        margin-bottom: 34px;
    }

    .humanera-footer__socials a {
        width: 34px;
        height: 34px;

        border-radius: 17px;
    }

    .humanera-footer__socials svg {
        width: 19px;
        height: 19px;
    }


    /* Coordonnées */

    .humanera-footer__info {
        grid-template-columns:
            24px
            minmax(0, 1fr);

        gap: 16px;

        margin-bottom: 15px;

        font-size: 13px;
        line-height: 1.55;
    }

    .humanera-footer__info-icon {
        padding-top: 4px;
    }

    .humanera-footer__info-icon svg {
        width: 21px;
        height: 21px;
    }


    /* Navigation */

    .humanera-footer__navigation {
        gap: 21px;

        padding-bottom: 15px;

        font-size: 13px;
    }


    /* Partenaires */

   .humanera-footer__partners-group {
        gap: 55px;

        padding-right: 55px;
    }

    .humanera-footer__partner {
        font-size: 12px;
    }


    /* Barre légale */

    .humanera-footer__legal-container {
        gap: 22px;

        width: calc(100% - 50px);

        padding: 28px 0 38px;
    }

    .humanera-footer__copyright {
        font-size: 11px;
    }

    .humanera-footer__legal-links {
        gap: 16px 34px;
    }

    .humanera-footer__legal-links a {
        font-size: 11px;
    }
}


/* ==========================================================
   MOBILE — jusqu’à 767px
   ========================================================== */

@media (max-width: 767px) {

    /* ------------------------------------------------------
       FOND GLOBAL
       ------------------------------------------------------ */

    .humanera-footer {
        /*
         * On remplace le fond gris desktop par le fond foncé.
         * Ainsi, même les zones transparentes du SVG restent foncées.
         */
        --footer-background: #102c33;

        background-color: var(--footer-background);

        /*
         * On évite "cover", qui agrandissait énormément
         * l’illustration sur toute la hauteur du footer.
         */
        background-size: auto 610px;
        background-position: 50% top;
        background-repeat: no-repeat;
    }


    /* ------------------------------------------------------
       CONTENEUR PRINCIPAL
       ------------------------------------------------------ */

    .humanera-footer__container {
        display: grid;
        grid-template-columns: 1fr;

        gap: 0;

        width: calc(100% - 48px);
        max-width: 540px;

        margin: 0 auto;

        /*
         * Le logo descend dans la partie sombre de l’image.
         */
        padding: 255px 0 30px;
    }

    .humanera-footer__contact {
        width: 100%;
        max-width: none;
    }


    /* ------------------------------------------------------
       LOGO
       ------------------------------------------------------ */

    .humanera-footer__logo {
        margin: 0 0 26px;
    }

    .humanera-footer__logo img {
        width: 135px;
        max-width: 100%;
        height: auto;
    }


    /* ------------------------------------------------------
       RÉSEAUX SOCIAUX
       ------------------------------------------------------ */

    .humanera-footer__socials {
        gap: 14px;

        margin: 0 0 35px;
    }

    .humanera-footer__socials a {
        width: 40px;
        height: 40px;

        border-width: 1px;
        border-radius: 14px;
    }

    .humanera-footer__socials svg {
        width: 19px;
        height: 19px;
    }


    /* ------------------------------------------------------
       COORDONNÉES
       ------------------------------------------------------ */

    .humanera-footer__info {
        grid-template-columns:
            21px
            minmax(0, 1fr);

        gap: 15px;

        width: 100%;

        margin-bottom: 21px;

        font-size: 14px;
        line-height: 1.6;
    }

    .humanera-footer__info:last-child {
        margin-bottom: 0;
    }

    .humanera-footer__info-icon {
        padding-top: 4px;
    }

    .humanera-footer__info-icon svg {
        width: 20px;
        height: 20px;
    }

    .humanera-footer__info-content {
        gap: 4px;

        min-width: 0;

        overflow-wrap: anywhere;
        word-break: normal;
    }

    .humanera-footer__info-content a,
    .humanera-footer__info-content span {
        max-width: 100%;
    }

    .humanera-footer address {
        width: 100%;
    }


    /* ------------------------------------------------------
       NAVIGATION
       ------------------------------------------------------ */

    .humanera-footer__navigation {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 24px 28px;

        width: 100%;

        margin-top: 28px;

        padding: 28px 0 5px;

        border-top: 1px solid var(--footer-border);

        font-size: 14px;
        line-height: 1.4;
    }

    .humanera-footer__navigation a {
        display: block;

        width: fit-content;

        transform: none;
    }

    .humanera-footer__navigation a:hover,
    .humanera-footer__navigation a:focus-visible {
        transform: none;
    }


    /* ------------------------------------------------------
       PARTENAIRES
       ------------------------------------------------------ */

   .humanera-footer__partners-slider {
        -webkit-mask-image: linear-gradient(
            90deg,
            transparent 0%,
            #000 8%,
            #000 92%,
            transparent 100%
        );

        mask-image: linear-gradient(
            90deg,
            transparent 0%,
            #000 8%,
            #000 92%,
            transparent 100%
        );
    }

    .humanera-footer__partners-group {
        gap: 46px;

        padding-right: 46px;
    }

    .humanera-footer__partner {
        font-size: 13px;
    }


    /* ------------------------------------------------------
       BARRE LÉGALE
       ------------------------------------------------------ */

    .humanera-footer__legal-container {
        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 24px;

        width: calc(100% - 48px);
        max-width: 540px;

        margin: 0 auto;

        padding: 30px 0 42px;
    }

    .humanera-footer__copyright {
        width: 100%;

        margin: 0;

        font-size: 12px;
        line-height: 1.6;

        text-align: center;
    }

    .humanera-footer__legal-links {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 19px 24px;

        width: 100%;
    }

    .humanera-footer__legal-links a {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-width: 0;

        padding: 2px 4px;

        font-size: 12px;
        line-height: 1.45;

        text-align: center;

        overflow-wrap: anywhere;
    }
}


/* ==========================================================
   PETITS MOBILES — jusqu’à 480px
   ========================================================== */

@media (max-width: 480px) {

    .humanera-footer {
        background-size: auto 540px;
        background-position: 50% top;
    }

    .humanera-footer__container {
        width: calc(100% - 36px);

        padding-top: 225px;
    }

    .humanera-footer__logo img {
        width: 125px;
    }

    .humanera-footer__socials {
        gap: 13px;

        margin-bottom: 31px;
    }

    .humanera-footer__socials a {
        width: 38px;
        height: 38px;

        border-radius: 13px;
    }

    .humanera-footer__socials svg {
        width: 18px;
        height: 18px;
    }

    .humanera-footer__info {
        grid-template-columns:
            20px
            minmax(0, 1fr);

        gap: 13px;

        margin-bottom: 19px;

        font-size: 13px;
    }

    .humanera-footer__info-icon svg {
        width: 18px;
        height: 18px;
    }

    .humanera-footer__navigation {
        gap: 21px 20px;

        margin-top: 25px;

        padding-top: 25px;

        font-size: 13px;
    }

    .humanera-footer__partners {
        padding: 29px 0;
    }

    .humanera-footer__partners-title {
        margin-bottom: 25px;

        font-size: 11px;
    }

    .humanera-footer__partners-group {
        gap: 42px;

        padding-right: 42px;
    }

    .humanera-footer__partner {
        font-size: 12px;
    }

    .humanera-footer__legal-container {
        width: calc(100% - 36px);

        padding: 28px 0 40px;
    }

    .humanera-footer__copyright {
        font-size: 11px;
    }

    .humanera-footer__legal-links {
        gap: 17px 16px;
    }

    .humanera-footer__legal-links a {
        font-size: 11px;
    }
}


/* ==========================================================
   TRÈS PETITS MOBILES — jusqu’à 380px
   ========================================================== */

@media (max-width: 380px) {

    .humanera-footer {
        background-size: auto 500px;
        background-position: 51% top;
    }

    .humanera-footer__container {
        width: calc(100% - 28px);

        padding-top: 210px;
    }

    .humanera-footer__info {
        font-size: 12px;
    }

    .humanera-footer__navigation {
        gap: 18px 14px;

        font-size: 12px;
    }

    .humanera-footer__legal-container {
        width: calc(100% - 28px);
    }

    .humanera-footer__legal-links {
        grid-template-columns: 1fr;

        gap: 14px;
    }
}