popsu-d9/web/themes/custom/popsu/sass/setup/_globals.scss

body{
	font-family: "trueno" !important;
	font-size: $font-normal ;
	font-weight: 300;
	line-height: 1.5;
	// background: $bck-col;
	&.path-node{
		&.programme-1{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-1;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-1;
				}
			}
		}
		&.programme-2{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-2;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-2;
				}
			}
		}
		&.programme-3{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-eur;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-eur;
				}
			}
		}
		&.programme-4{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-1;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-1;
				}
			}
		}
		&.programme-5{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-mond;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-mond;
				}
			}
		}
		&.programme-6{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-ter;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-ter;
				}
			}
		}
		&.programme-7{
			#node\:title,.field_sous_titre,.field_intro{
				color: $col-met;
			}
			article{
				h2,h3,h4,h5,h6,.field_titre{
					color: $col-met;
				}
			}
		}
	}
}
main{
	h2{
		text-transform: uppercase;
		font-family: 'duke';
		font-size: $font-extra;
	}
}
a{
	color:inherit;
}
// .ext{
// 	display: none;
// }

.block-region-first{
    #node\:field_programme{
		.field_programme{
			*{
				background: none !important;
			}
		}
	}
}
.footer_bottom_right_container{
	.ext{
		display: none;
	}	
}
strong, b{
	font-weight: 600;
}
i, em{
	font-style: italic;
}


.slick-arrow{
	font-size: 0;
	background: center / 40% no-repeat url(../../images/fleche.svg);
	@include breakpoint(small down) {
		background: center / 100% no-repeat url(../../images/fleche.svg);
	}

}
.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;
}
.slick-prev{
	-moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}



//map 

.leaflet-marker-icon{
	
	// padding: .5rem;
	a{
		text-decoration: none;
		color: white;
		display: block;
		padding: .6rem;
		font-weight: 600;
		font-size: 0;
		border-radius: 50%;
		transition: all 250ms;
		&:hover{
			background: white;
			font-size: $font-small;
			transition: all 250ms;
			border-radius: 0;
		}
	}
	.programme-1{
		background: $col-1;
		&:hover{
			color: $col-1;
		}
	}
	.programme-2{
		background: $col-2;
		&:hover{
			color: $col-2;
		}
	}
	.programme-3{
		background: $col-eur;
		&:hover{
			color: $col-eur;
		}
	}
	.programme-4{
		background: $col-1;
		&:hover{
			color: $col-1;
		}
	}
	.programme-5{
		background: $col-mond;
		&:hover{
			color: $col-mond;
		}
	}
	.programme-6{
		background: $col-ter;
		&:hover{
			color: $col-ter;
		}
	}
	.programme-7{
		background: $col-met;
		&:hover{
			color: $col-met;
		}
	}
	
}