popsu-d9/web/themes/custom/popsu/sass/pages/_default.scss

article, .paragraph{

    h2,h3,h4,h5,h6{
        font-family: "trueno";
        font-weight: 600;
        font-size: $font-medium;
        color:black;
        margin-top: 1rem;
        margin-bottom: .3rem;
    }
    p{
        margin-bottom: .5rem;
    }
}

.block-region-first,.block-region-third{
    h2{
        font-size: $font-big;
        background-color: black;
        color: white;
        padding: .3rem 1rem;
    }
    .views-field-field-intro{
        display: none;
    }
}

.block-region-first{
    background-color: black;
    color: white;
    z-index: 120;
    #node\:title{
        text-transform: uppercase;
        font-family: 'duke';
        font-size: $font-big;
        text-decoration: none;
        &:hover{
            text-decoration: underline;
        }
    }
    
}

.page-node-type-static{
    .layout__region{
        position: relative;
    }
    .layout__region--top{
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 40vh;
        background: $trame;
        box-shadow: inset 0 -5rem 8rem white;
        z-index: -1;
    }
    .block-region-third{
        position: sticky;
        top: 3rem;
    }
    .block-region-first{
        padding: 1rem;
        .field_titre{
            font-size: $font-normal;
            font-weight: 600;
            margin-top: .5rem;
            cursor: pointer;
            &:hover{
                text-decoration: underline;
            }
        }
    }
    .block-region-first #node\:title{
        font-size: 1.3rem;
        &:hover{
            text-decoration: none;
        }
    }
    .field_textes{
          
        .paragraph{
            // border-top: 1px solid black;
            border-bottom: 3px dotted gray;
            padding: 1rem 0;
            .field_titre{
                font-size: $font-big;
                font-weight: 600;
                text-transform: initial;
                cursor: pointer;
                // margin-top: 1rem;
            }
            
            .field_texte{
                height: auto;
                position: relative;
                h2{
                    text-transform: inherit;
                }
                -webkit-transition: all 250ms ease;
                -moz-transition: all 250ms ease;
                -o-transition: all 250ms ease;
                transition: all 250ms ease;
            }
            
            
        }
    }
}

.page-node-type-actualite, .page-node-type-evenement{
    .block-region-first{
        background-color: black;
        color: white;
        a{
            text-transform: uppercase;
            font-family: 'duke';
            font-size: $font-big;
            padding: .3rem .5rem;
            text-decoration: none;
            &:hover{
                text-decoration: underline;
            }
        }
      
        
    }
    #node\:title{
        font-family: "trueno";
        font-weight: 600;
        font-size: $font-medium;
        margin-top: 1rem;
        margin-bottom: .3rem;
    }
}