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

.page-node-type-evenement, .page-node-type-actualite{
	&.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{
			margin: .5rem 0;	
			padding-right: 1.3rem;
			a{
				font-weight: 600;
				text-decoration: none;
				&:hover{
					text-decoration: underline;
				}
			}
			

		}
	}
}