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: grid;
        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
        margin: auto;
        padding-top: 2rem;
        .views-row:nth-of-type(1) { grid-column: 2; }

        .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{ 
                    display: block;
                    content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="white" stroke-width="5"/></svg>');
                }
            }
            .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{
                    display: block;
                    // content: url("../images/pictos/noun_Arrow_3771902.svg");
                    width: 40px;
                    // background-image: ;
                    
                    // content: url("data:image/svg+xml; utf8, <svg version="1.1" x="0px" y="0px" viewBox="0 0 52 33" points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2 "
                    // transform="translate(-23.815852,-33.316918)"/></svg>");
                    // // display:block;
                    // width:22px;
                    // height:10px;
                    // margin:10px 5px 0 10px;
                }
            }
        }
        .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;
            }

        }
    }

}