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

// .node-type-static {
//     display: grid;
//     grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
// }


.field--type-entity-reference-revisions{
        .paragraph-summary{
            font-family: $font-family-default;
            font-size: 5rem;
            font-weight: 600;
            color: $black !important;
            text-transform: capitalize;
        
            span:nth-of-type(2n){
                    display: block;
                    font-size: 1rem;
                }
            }        
       .paragraph-summary:nth-of-type(2n) {
        font-size: 2rem;
       }
        
}


// bandeau bleu actus

.block-views-blockactus-blocks-pages-block-1{
    background-color: $blue-dark;
    padding: 1rem;


    .view-content{
        display: flex;
        flex-direction: row;
        // justify-content: space-between;
        padding-left: 8rem;
        padding-right: 4rem;
        margin: auto;
        .views-row{
            width: 25%;
        }
        .node-type-actualite{
            color: $white;
            line-height: 1.5rem;
            padding: 0.5rem;
            div:first-child{                // block actu dans le bandeau
                display: flex;
                flex-direction: column;

                :nth-child(1) { order: 1; } 
                :nth-child(4) { order: 2; }  
                :nth-child(5) { order: 3; }            
            }
            .field--name-field-images {
                .field__item img{  
                    width: 50%; 
                    height: fit-content;  
                    // &::after{ 
                    //     content:"line";
                    // }
                }
            }
            .field:not(.field--name-field-images){
                width: 100%;
            }
            h2{ margin:0; }
            a{ color: $white; }            
        }
    }
}


// actu dans bandeau

// .node-type-actualite div:first-child{
//     display: flex;
//     flex-direction: column;
//     :nth-child(1) { order: 1; } 
//     :nth-child(4) { order: 2; }  
//     :nth-child(5) { order: 3; }            
// }

// bouton voir toutes actus du bandeau bleu
.layout--onecol{
    .field--type-link {
        display: block;
        float: right;
        width: fit-content;
        height: fit-content;
        padding: 0.4rem 1rem;
        font-size: 0.8rem;
        margin: 0;
        background-color: $white;
        border: 2px solid $blue-light;  
        list-style: none; 
        a{
            text-transform: uppercase;
            font-weight: 700;
            color: $blue-light;
        } 
        a::after{
            display: inline-block;
            content: url("../../images/pictos/polygon2.svg");
    
        }
    }
}


// boutons en savoir plus pour lien vers pages statiques

.view-display-id-block_2{
    padding-top: 2rem;
    .node-type-static{
        width: 80%;
        margin: auto;
        div:first-child:not(.field__item):not(.field){
            display: flex;
            flex-direction: row;
        }
        padding: 1rem;

        .inline.links{
            align-self: flex-end;
            width: fit-content;
            height: fit-content;
            padding: 0.4rem 1rem;
            font-size: 0.8rem;
            margin: 0;
            background-color: $white;
            border: 2px solid $blue-light;  
            list-style: none;

            a{
                text-transform: uppercase;
                font-weight: 700;
                color: $blue-light;
                // &::after{
                //     content: url('../../images/pictos/noun_Arrow_3771902.svg');   
                // }
            }
        }
        .field--name-field-images{
            .field__item{
                img{
                    width: 15rem;
                    height: auto;
                }
            }
        }
        .field--name-title{
            display: none;
        }
        .field--name-field-accroche{
            flex: 1 1 50px;
            padding-left: 1rem;
            p{
                font-size: 1.5rem;
                width: 110%;
                margin: 0;
                padding-bottom: 1rem;
            }

        }
    }

}