#site-main .oa-preview .oa-preview-events {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: calc(-.5 * 1.5rem);
	margin-left: calc(-.5 * 1.5rem);
}

#site-main .oa-preview .oa-preview-events .col {
	flex: 0 0 25%;
	padding-right: calc(1.5rem * .5);
	padding-left: calc(1.5rem * .5);
}

#site-main .oa-preview .oa-preview-events .col .card {
	background-color: transparent;
}

#site-main .oa-preview .oa-preview-events .col .card figure {
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

#site-main .oa-preview .oa-preview-events .col .card figure img {
	object-fit: cover;
	border-radius: 0;
	width: 100%;
	height: 100%;
}

#site-main .oa-preview .oa-preview-events .col .card .card-body {
	padding: .8rem !important;
}

#site-main .oa-preview .oa-preview-events .col .card .card-title a {
	font-size: 1.1rem;
	color: var(--ata-text-color);
	display: inline-block;
	word-break: break-word;
}

#site-main .oa-preview .oa-preview-events .col .card .card-date {
	font-size: .9rem;
	font-weight: 300;
}

#site-main .oa-preview .oa-preview-events .col .card .icon-date,
#site-main .oa-preview .oa-preview-events .col .card .icon-lieu {
	font-size: .8rem;
}


@media screen and (max-width: 992px) {

	#site-main .oa-preview .oa-preview-events {
		row-gap: 1.5rem;
	}

	#site-main .oa-preview .oa-preview-events .col {
		flex: 0 0 auto;
		width: 50%;
	}

}


@media screen and (max-width: 480px) {

	#site-main .oa-preview .oa-preview-events .col {
		width: 100%;
	}

}