.events {
	display               : grid;
	align-items           : stretch;
	grid-template-columns : repeat(auto-fit, minmax(265px, 1fr));
	grid-gap              : 50px 20px;
}

.event {
	display               : grid;
	align-items           : end;
	width                 : 100%;
	height                : 100%;
	margin-bottom         : 0;
	grid-template-columns : 1fr;
	grid-template-rows    : 30px 70px auto 1fr auto;
}

.event.no-header {
	grid-template-rows : auto 1fr auto;
}

.event.no-grid-template {
	grid-template-rows : auto;
}

.event h2 {
	align-self : end;
	margin     : 0;
	grid-row   : 1;
	place-self : center;
}

.event h2.two-rows {
	grid-row : 1 / 3;
}

.event .date {
	align-self : center;
	margin     : 0;
	grid-row   : 2;
}

.event .image a {
	display  : block;
	overflow : hidden;
	width    : 100%;
	height   : 100%;
}

.event .image img {
	width           : 100%;
	height          : 100%;
	transition      : transform 0.3s ease-in-out;
	object-fit      : cover;
	object-position : center;
}

.event .image a:hover img {
	transform : scale(1.05);
}

.event .bloc-text {
	align-self : start;
	height     : 100%;
}

.event .bloc-text a.text-link {
	color : inherit;
}

.event .bloc-text a:not(.title).text-link {
	text-decoration-line : underline !important;
}

.event .bloc-text a.text-link:hover {
	text-decoration-line      : underline !important;
	text-decoration-thickness : 3px !important;
	text-decoration-color     : #003F79 !important;
}

.event .links {
	align-self : end;
}


.event .bloc-text a:not(.text-link) {
	font-family : "lulo-one", sans-serif;
	font-size   : 10px;
	font-weight : 700;
	font-style  : normal;
	display     : inline-block;
	padding     : 8px 22px;
	text-align  : center;
	color       : #FFFFFF;
	background  : -moz-linear-gradient(top, rgba(0, 63, 121, 1) 0%, rgba(0, 46, 88, 1) 100%);
	background  : -webkit-linear-gradient(top, rgba(0, 63, 121, 1) 0%, rgba(0, 46, 88, 1) 100%);
	background  : linear-gradient(to bottom, rgba(0, 63, 121, 1) 0%, rgba(0, 46, 88, 1) 100%);
	filter      : progid:DXImageTransform.Microsoft.gradient(startColorstr='#85003f79', endColorstr='#85002e58', GradientType=0);
}

.event .links {
	display               : grid;
	grid-template-columns : repeat(2, 1fr);
	grid-gap              : 0;
}

.event .links a.link {
	font-family     : "lulo-one", sans-serif;
	font-size       : 10px;
	font-weight     : 700;
	font-style      : normal;
	position        : relative;
	z-index         : 1;
	display         : flex;
	align-items     : center;
	justify-content : center;
	width           : 100%;
	transition      : all 0.25s ease-in-out;
	text-align      : center;
	color           : #FFFFFF;
	border          : 4px solid #003F79;
	background      : #003F79;
	padding-block   : 15px;
}

.event .links a.link:before {
	position   : absolute;
	z-index    : -1;
	content    : "";
	transition : all 0.25s ease-in-out;
	transform  : scale(0);
	opacity    : 0;
	outline    : 4px solid #003F79;
	background : #FFFFFF;
	inset      : 0;

}

.event .links a.link.half {
	grid-column : span 1;
}

.event .links a.link.full {
	grid-column : span 2;
}

.event .links a.link.ticket {
	position   : relative;
	color      : #003F79;
	background : #FFFFFF;
}

.event .links a.link.ticket:before {
	outline    : 4px solid #008080FF;
	background : #008080FF;
}

.event .links a.link.ticket:hover {
	color        : #FFFFFF;
	border-color : #FFFFFF;
	background   : none;
}

.event .links a.link:hover {
	color : #003F79;
}

.event .links a.link:hover:before {
	transform : scale(1);
	opacity   : 1;
}