popsu-d9/web/themes/custom/popsu/sass/pages/_node-evenement-actu.scss

.page-node-type-evenement, .page-node-type-actualite{
	.block-region-first{

        .field_programme{
            display: none;
        }
        @include breakpoint(small down) {
            text-align: center;

        }
        position: absolute;
        
        top: 0;
        left: 0;
        width: 22%;
        padding: 1rem 1.5rem ;
        .prog-ressources-link, .back-actus-link{
            font-family: "duke";
            font-size: $font-large;
            cursor: pointer;
            transition: all 250ms;
            text-decoration: none;
            &:hover{
                padding: 0 0 0 .3rem;
                    
            }
        }
        div[id=""] {
            @include breakpoint(small down) {
                display: none;
            }
        }
        .views-element-container{
            @include breakpoint(small down) {
                display: block;
                // &:not(:first-child){
                //     margin-left: 1rem;
                // }
                
            }
            header{
                font-family: "duke";
                font-size: $font-large;
                text-transform: uppercase;
                cursor: pointer;
                transition: all 250ms;
                line-height: 1.1;
                margin-bottom: .5rem;
                &:hover{
                    padding: 0 0 0 .3rem;
                    
                }
            }
            .views-row, .view-grouping{
                display: none;
                padding: 0 0 0 1.2rem;
                margin-bottom: .5rem;
                a{
                    text-decoration: none;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
            .views-row{
                padding: 0;
            }
        }

    }
	&.programme-1{
		.field_programme{
			background-color: $col-1;
		}
    }
    &.programme-2{
		.field_programme{
			background-color: $col-2;
		}
    }
    &.programme-3{
		.field_programme{
			background-color: $col-eur;
		}
    }
    &.programme-4{
		.field_programme{
			background-color: $col-1;
		}
    }
    &.programme-5{
		.field_programme{
			background-color: $col-mond;
		}
    }
    &.programme-6{
		.field_programme{
			background-color: $col-ter;
		}
    }
    &.programme-7{
		.field_programme{
			background-color: $col-met;
		}
    }
	.block-region-second{
		display:grid;
		#node\:title{
			margin: 0;
			font-size: $font-large;
			line-height: 1.3;
		}
		#node\:field_programme{
			grid-row: 1;
			.field_programme{
				
				display: inline-block;
				width: auto;
				padding: .3rem .5rem;
				color: white;
				font-weight: 600;
				text-transform: uppercase;
				font-size: .5rem;

			}
			margin-bottom: 1rem;
		}
		#node\:field_date{
			font-size: $font-medium;
			grid-row: 3;
			.field_date{
				div{
					float: left;
					margin-right: 1rem;
				}
			}
		}
		#node\:field_sous_titre{
			text-transform: uppercase;
		}
		#node\:field_intro{
			font-size: $font-medium;
		}
		#node\:field_type_evenement{
			grid-row: 2;
		}
		#node\:field_image{
			grid-row: 5;
			width: 100%;
			margin: 1rem 0;
			img{
				width: 100%;
			}
		}
		#node\:body{

		}
 	}
	//  .block-region-first{
	// 	 padding: 1rem 0 .5rem 0;
	// 	 &>div{
	// 		 padding: 0 0 .5rem 0;
	// 	 }
	// 	 a{
	// 		padding: 0 0 0 1rem;
	// 	 }
	//  }
	.block-region-third{
		position: sticky;
		top: 1rem;

		.field_fichier, .field_ressources_liees, .field_lien{
			// margin: .5rem 0;	
			padding-right: 1.3rem;
			a{
				font-weight: 600;
				text-decoration: none;
				&:hover{
					text-decoration: underline;
				}
			}
			

		}
	}
}