/* #region Facebook_Bar */


/* Couleurs prioritaires */

#cff-visual-header-833707130095231 > .cff-header-inner-wrap > .cff-header-text > .cff-header-name > h3,
#cff .cff-author-text {

    color:var(--color-primary) !important;

}



/* Structure Facebook */

/* Structure Facebook */

.facebook-column {

    grid-column:3 !important;

    grid-row:1 !important;

    position:relative !important;

    min-height:0 !important;

    display:flex !important;

    flex-direction:column !important;

}



/* Barre Facebook */

/* Barre Facebook */

.facebook-bar {

    position:relative;

    width:100%;

    height:100%;

    display:flex;

    flex-direction:column;

    background:var(--color-bg);

    border-radius:20px 20px 0 0;

    box-shadow:0 10px 35px rgba(0,0,0,.12);

    overflow:hidden;

    min-height:0;

    flex:1 1 auto;

}



/* Titre */

.facebook-bar-title {

    flex:0 0 auto;

    padding:20px 20px 12px;

    background:var(--color-bg);

}



.facebook-bar-title h2 {

    margin:0;

    color:var(--color-primary);

    font-size:30px;

    font-weight:900;

    font-style:italic;

    text-transform:uppercase;

}



.facebook-bar-title::after {

    content:"";

    display:block;

    width:100%;

    height:3px;

    margin-top:10px;

    background:var(--color-primary);

    border-radius:999px;

}



/* Corps Facebook */

/* Corps Facebook */

.facebook-bar-body {

    flex:0 0 auto;

    min-height:0;

    padding:18px;

    overflow-y:auto;

    overflow-x:hidden;

    box-sizing:border-box;

}



/* Scrollbar */

.facebook-bar-body::-webkit-scrollbar {

    width:8px;

}


.facebook-bar-body::-webkit-scrollbar-thumb {

    background:var(--color-primary);

    border-radius:20px;

}


.facebook-bar-body::-webkit-scrollbar-track {

    background:rgba(0,0,0,.05);

}



/* Smash Balloon */

.facebook-bar-body > * {

    max-width:100% !important;

}



.facebook-bar-body iframe,
.facebook-bar-body .cff,
.facebook-bar-body .cff-wrapper,
.facebook-bar-body .cff-feed {

    width:100% !important;

    max-width:100% !important;

}





/* Empêche Smash Balloon de forcer la hauteur */

.facebook-bar-body .cff {

    height:auto !important;

}



.facebook-bar-body .cff-wrapper {

    overflow:visible !important;

}

/* Forcer Smash Balloon à remplir la zone */

.facebook-bar-body .cff {

    width:100% !important;

    min-height:100% !important;

}


.facebook-bar-body .cff-wrapper {

    width:100% !important;

}


.facebook-bar-body .cff-feed {

    width:100% !important;

}



/* Textes */

.cff-header-name,
.cff-bio {

    color:var(--color-title) !important;

}


.cff-post-text,
.cff-media-link,
.cff-post-links {

    color:var(--color-text);

}


/* #endregion Facebook_Bar */


/* =========================================================
   RESPONSIVE
   Facebook
   ========================================================= */

@media (max-width: 1080px) {


    /* #region Barre Facebook */


    /*
     * La barre prend toute la largeur
     * de la colonne Facebook.
     */

    .facebook-bar {

        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        height: 100% !important;

        min-height: 0 !important;

        box-sizing: border-box;

        overflow: hidden !important;

    }


    /* #endregion */


    /* #region Titre Facebook */


    .facebook-bar-title {

        flex: 0 0 auto !important;

        width: 100% !important;

        box-sizing: border-box;

    }


    /* #endregion */


    /* #region Corps Facebook */


    /*
     * Le corps occupe tout l'espace restant
     * sous le titre.
     *
     * Le défilement vertical est activé ici.
     */

    .facebook-bar-body {

        flex: 1 1 auto !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        min-height: 0 !important;

        height: auto !important;

        max-height: none !important;

        padding: 18px;

        box-sizing: border-box;

        overflow-y: auto !important;

        overflow-x: hidden !important;

    }


    /* #endregion */


    /* #region Contenu Smash Balloon */


    .facebook-bar-body > * {

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box;

    }


    .facebook-bar-body iframe,
    .facebook-bar-body .cff,
    .facebook-bar-body .cff-wrapper,
    .facebook-bar-body .cff-feed {

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box;

    }


    /*
     * On laisse le contenu interne dépasser
     * afin que le scroll du parent fonctionne.
     */

    .facebook-bar-body .cff {

        height: auto !important;

        min-height: 0 !important;

        overflow: visible !important;

    }


    .facebook-bar-body .cff-wrapper {

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;

    }


    .facebook-bar-body .cff-feed {

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;

    }


    /* #endregion */


    /* #region Scrollbar */


    .facebook-bar-body::-webkit-scrollbar {

        width: 8px;

    }


    .facebook-bar-body::-webkit-scrollbar-thumb {

        background: var(--color-primary);

        border-radius: 20px;

    }


    .facebook-bar-body::-webkit-scrollbar-track {

        background: rgba(0, 0, 0, .05);

    }


    /* #endregion */

}