footer{
    z-index: 100;
}
.footer{
    display: flex;    
    flex-direction: row;
    // display: grid;
    // grid-template-columns: repeat(12, 1fr);
    // grid-template-rows: repeat(1, 1fr);
    background-color: #edefe8;
    padding-top: 1rem;
    padding-bottom: 1rem;
    @media(max-width: 700px){
        flex-direction: column-reverse;
    }
    section{width: fit-content;}
    h2, ul{margin: 0;}
    // border-top: 1px solid #808080;
     @media(max-width: 700px){
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    @media(max-width: 600px){
        flex-wrap: nowrap;
    }     

    #footer-left{
        // grid-column: 1 /span 5;
        // grid-row: 1;
        @media (max-width: 500px){
            // flex: 1 100%;
            width: 100%;
        }
        .footer_left_container{
           
            padding: 1rem;
            padding-left: 3rem;
            .logo-qdd{display: none;}
            @media(max-width: 700px){
                // max-width: 50vw;
            }
            @media (max-width: 500px){
                // padding-left: 15%;
            }
            display: flex;
            flex-direction: row;

            #block-quartiers-de-demain-logoepau{
                height: fit-content;
                margin: auto;
                padding-left: 2rem;
                @media(max-width: 700px){
                    padding-left: 0;
                }

                img{
                    width: auto;
                    height: 40px;
                    // padding-left: 1rem;
                    padding-bottom: 0.2rem;
                    @media(max-width: 700px){
                        height: 30px;
                        padding-left: 0;
                        padding-bottom: 0;
                    }
                }
            }
            img{
                width: auto;
                height: 90px;
                @media(max-width: 700px){
                    height: 60px;
                }
            }
        }
 
    }
    .first-row{
        // grid-column: 6 /span 12;
        flex: 1 60%;
        justify-content: space-evenly;
        display: flex;
        flex-direction: row;
        

        
    }
    #footer-middle{
        // grid-column: 6 /span 7;
        // grid-row: 1;
        @media(max-width: 810px) {
            width: 50%;            
        }
        #block-quartiers-de-demain-pieddepage{
            ul li{
                padding-bottom: 0.2rem;
            }
            @media(max-width: 700px){
                padding-left: 40px;
             ul{
                 padding-left: 0rem;
             }
            }
        }
        font-size: 0.6rem;

        #block-quartiers-de-demain-views-block-statics-fields-block-1-2{
            padding-left: 40px;
            padding-top: 0.1rem;
            span:nth-child(2){
                display: none;
            }
        }
    }
    #footer-right{
        // grid-column: 10 / 12;
        // grid-row: 1;
         @media (max-width: 700px){
            display: flex;
            justify-content: flex-end;
            max-width: 50%;
         }
        #block-quartiers-de-demain-socialmedialinks{
            // display: none;
            flex-direction: column;
            @media (max-width: 700px){
                padding-left: 1rem;
             }
            h2{
                display: flex;
                flex-direction: column;
                font-size: $font-medium;
                font-weight: 400;
                
                // padding-bottom: 0.6rem;
                font-size: 0.6rem;
                @media (max-width: 700px){
                    width: 50%;
                 }

            }
            // .fa-3x{
            //     font-size: 1.5em;
            // }
            li{
                padding: 0;
            }
            .fa-x-twitter::before{
                display: none;
            }
            // .fa-x-twitter::after{
            //     content: url('../img/logo_x.svg') !important;
            //     display: block;
            //     width: 50px;
                
            // }

            .fa-linkedin::before{
                display: none;  
            }
            .fa-3x{
                font-size: 2.3em;
            }
            .fa-linkedin::after{
                content: url('../img/linkedin.svg') !important;
                display: block;
                // width: 55px;
                @media(max-width: 700px){
                    padding-top: 0.5rem;
                }
            }
            .fa-instagram::before{
                display: none;  
            }
            .fa-instagram::after{
                content: url('../img/instagram.svg') !important;
                display: block;
                // width: 55px;
                @media(max-width: 700px){
                    padding-top: 0.5rem;
                }
            }

            .fa-youtube::before{
                display: none;
            }
            // .fa-youtube::after{
            //     content: url('../img/youtube_black.svg') !important;
            //     display: block;
            //     width: 55px;
            // }
        }
    }

    div{
        @media(max-width: 700px){
            flex-wrap: wrap;
        }
        @media(max-width: 520px){
            flex-direction: column;
        }
    }
    button.voir-plus{
        display: none;
    }

}

