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;
        display: grid;
        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
        // grid-template-areas: "margin-left actu1 actu2 actu3 actu4 margin-right";
        // justify-content: space-between;
        // padding-left: 8rem;
        // padding-right: 4rem;
        margin: auto;
        .views-row:nth-of-type(1) { grid-column: 2; }
        // {
            // width: 25%;
            // :nth-of-type(1) { grid-column: 2; } // marche pas, la première actu se mets dans la 1re colu
            // :nth-of-type(2) { grid-area: actu2; }
            // :nth-of-type(3) { grid-area: actu3; }
            // :nth-of-type(4) { grid-area: actu4; }
        // }
        .node-type-actualite{

            // grid-column: 2 / span 5;
            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{
    .block-block-content{
        display: grid;
        // grid-template-rows: repeat(auto fill, 1fr);
        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
    }
        
    .field--type-link {
        grid-area: 8 / span 9;
        grid-row: 0;
        justify-self: end;
        // 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 
// présentation programme

.view-display-id-block_2{
    padding-top: 2rem;
    .node-type-static{
        width: 70%;
        margin: auto;
        div:first-child:not(.field__item):not(.field){
        // display: grid;
        // grid-template-columns: 1fr repeat(8, 2fr) 1fr;
        display: flex;
        flex-direction: row;
        }

        .inline.links{
            align-self: flex-end;
            // grid-column: 9;
            // grid-row: 2;
            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{
            // grid-column: 2 / 4;
            .field__item{
                img{
                    width: 15rem;
                    height: auto;
                }
            }
        }
        .field--name-title{
            display: none;
        }
        .field--name-field-accroche{
            flex: 1 1 50px;
            // grid-column: 4 / 9;
            padding-left: 1rem;
            p{
                font-size: 1.5rem;
                width: 110%;
                margin: 0;
                padding-bottom: 2rem;
            }

        }
    }

}