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

.path-actus{
	.content_container{
		&>div>h2:first-of-type{
			text-align: center;
		}
		.layout__region--content{
			
			.views-element-container{
				display: grid;
				grid-template-columns: 10% minmax(0, 1fr);
				h2{
					grid-column: 2 ;
					padding: 0 0 0 20px;
				}
				div{
					grid-column: 2;
					h2{
						margin : 1rem 0;
					}
				}
				article{
					h2{
						// color: white;
						padding: 0;
						a{
							text-decoration: none;
							&:hover{
								text-decoration: underline;
							}
						}
					}
					
				}
				footer{
					text-align: center;
					margin: 1.8rem 0;
					grid-column: 1 / span 2 ;
					background: transparent;
					a{
						display: inline-block;
						margin: 0 auto;
						background: black;
						color: white;
						font-family: "trueno";
						font-weight: 500;
						padding: .5rem 1.5rem;
						font-size: 0.8rem;
						text-decoration: none;
					}
					
				}
			}
			#actus_blocks-block_1{

				.programme-1{
					*{
						color: $col-1 !important;
					}
					
				}
				.programme-2{
					*{
						color: $col-2 !important;
					}
				}
				.programme-3{
					*{
						color: $col-eur !important;
					}
				}
				.programme-4{
					*{
						color: black;
					}
					
				}
				
				.programme-5{
					*{
						color: $col-mond !important;
					}
					
				}
				.programme-6{
					*{
						color: $col-ter !important;
					}
					
				}
				.programme-7{
					*{
						color: $col-met !important;
					}
					
				}



				.views-row article{
					display: grid !important;
					grid-template-columns: repeat( 2, minmax(0, 1fr));
					
					position: relative;
					height: auto;
					h2{
						grid-row: 2;
						grid-column: 1 / span 2;
					}
					div{
						grid-row: 1;
						grid-column: 1 / span 2;
					}
				}
			}
			#home_blocks-block_3{
				.views-field-field-image{
					grid-column: 1;
				}
				.slick-slide{
					background-color:transparent;
					padding: 0;
					.views-row{
						padding: 0.4rem;
					}
				}
			}
			

		}

		//carroussel 
	
		.slick-slide{
			margin: 0 1rem;
			background-color: white;
			padding: 1rem;
		}
		.slick-arrow{
			position: absolute;
			height: 100%;
			cursor: pointer;
			z-index: 100;
			// background-color: white;
			opacity: 0.2;
			transition: opacity 250ms;
			width: 10%;
			&:hover{
				opacity: .5;
			}
		}
		.slick-next{
			right: 0;
			top: 0;
		}
		
		
	}

}