d9-eql/web/themes/custom/eql/scss/pages/_annuairederecherche.scss

.path-ressources.annuairederecherche{
    .layout-content{
        background: url('../images/pictos/carre-contour-bleu_annuairederecherche.svg');
        background-repeat: no-repeat;
        background-position-y: 7rem;
        max-width: 100vw;
        background-size: cover;
        .region-content{
            
            #block-contenudelapageprincipale{
                padding-top: 8rem;
                @media (max-width: 479px){
                    padding-top: 5rem;
                    padding-left: 5rem;
                }
                
                span{
                    padding-top: 3rem;
                    padding-bottom: 3rem;
                    vertical-align: middle;
                    color: $white;
                    h2{
                        display: inline;
                        font-family: 'Source Code Pro';
                        font-size: 2rem;
                        font-weight: 800;
                        color: $white;
                        background-color: $blue-light;
                        text-transform: uppercase;
                        width: fit-content;
                        margin-left: 10%;
                        margin-top: 8rem;
                        
                        @media (max-width: 479px) {
                            margin-right: 37%;
                            margin-bottom: 2rem;
                            margin-left: 0;
                        }
                    }
                }
                .layout--threecol-25-50-25{
                    .layout__region--second{
                        padding-top: 3rem;
                        flex: 0 1 50%;
                        margin-left: 20%;
                        @media (max-width: 479px) {
                            flex: 0 1 80%;
                            margin: 0;                      
                        }
                        .block-region-second{
                            .block-config-pages-block{
                                background-color: $white;
                                margin-bottom: 4rem;
                            }
                            .node-type-partenaires_logo_footer_{
                                margin-bottom: 3rem;
                                div{
                                    // display: grid;
                                    // grid-template-columns: auto auto;
                                    // grid-template-rows: auto auto auto;
                                   
                                    
                                    .field--name-field-logo{
                                        grid-column: 1;
                                        grid-row: 1 /span 3;
                                        margin-right: 1rem;
                                        max-height: 8rem;
                                        a{
                                            height: 8rem;
                                            width: 8rem;
                                            img{
                                                height: 100%;
                                                width: 100%;
                                                object-fit: contain;
                                            }
    
                                        }
                                    }
                                    .field--name-title{
                                        grid-column: 2;
                                        font-weight: 800;
                                        background-color: $white;
                                    }
                                    .field--name-body{
                                        background-color: $white;
                                        grid-column: 2;
                                        p {margin: 0;}
                                    }
                                    .field--name-field-lien{
                                        background-color: $white;
                                        grid-column: 2;
                                        a{
                                            color: $black;
                                            text-decoration: underline;
                                            svg{
                                                display: none;
                                            }
                                        }
                                    } 
    
                                }


                            }
                           
                        }
                    }
    
                }
               
            }
        

        }
    }    
}