.evenement-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.evenement-card__overlay-image{
  position: absolute;
  top: -150px;
  right: 0;
}
.evenement-card > h1{
  margin-top: calc(var(--spacer_xxxl) - var(--spacer_xxxxs));
  margin-bottom: var(--spacer_sm);
  z-index: 1;
}
@media (max-width: 767px){
  .evenement-card > h1{
    width: 100%;
  }
}
.evenement-card > p{
  margin-bottom: var(--spacer_xl);
  max-width: 77rem;
  text-align: center;
  font-size: var(--font_size_lg);
  opacity: .7;
}
@media (max-width: 767px){
  .evenement-card > p{
    font-size: 16px;
    text-align: left;
  }
}
.evenement-card__card-wrapper{
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  z-index: 1;
  width: 100%;
  gap: 20px;
}
.evenement-card__card-wrapper__card{
  display: flex;
  width: calc(100% / 3 - calc(var(--spacer_sm) + var(--spacer_xxxxs)) / 2);
}
@media (max-width: 991px){
  .evenement-card__card-wrapper__card{
    width: calc(100% / 2 - calc(var(--spacer_sm) + var(--spacer_xxxxs)) / 2 );
  }
}
@media (max-width: 767px){
  .evenement-card__card-wrapper__card{
    width: 100%;
  }
}
.event {
	width: 100%;
	background: var(--white_color);
	box-shadow: 0px 4px 11px rgba(247, 20, 107, 0.07);
	border-radius: var(--border_radius_8);
	overflow: hidden;
  margin-bottom: calc(var(--spacer_sm) + var(--spacer_xxxxs));
}
.event > img {
  width: 100%;
}
.card--button{
  margin-top: auto;
}
.event__texts {
	padding: var(--spacer_md) calc(var(--spacer_md) - var(--spacer_xxxxs)) calc(var(--spacer_md) - var(--spacer_xxxxs));
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
	.event__texts {
		padding: var(--spacer_sm);
	}
}
.event__info-icon {
	display: block;
	width: 24px;
	height: 24px;
	margin-right: var(--spacer_xxxs);
}
.event__info-text {
	color: var(--light_grey_color);
}

.event__link {
	margin-top: calc(var(--spacer_sm) - var(--spacer_xxxxs));
}

{# PAGINATION #}
.evenement-card-pagination ul {  
  list-style-type: none; 
}
.evenement-card-pagination > ul {  
  display: flex;
  justify-content: center;
}
.hs-pagination__link--active{
  color: var(--primary_color);
  font-weight: var(--font_weight_bold);
}
.pagination-button{
  height: 24px;
  width: 24px;
  display: block;
}
.pagination--first-page{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3164 5.00009L11.0015 12.315L18.3164 19.6299' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11.3164 5.00009L4.00151 12.315L11.3164 19.6299' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.pagination--before-page{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3164 5.00009L7.00151 12.315L14.3164 19.6299' stroke='%231D1D1B' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.pagination--after-page{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.31641 19.6298L16.6313 12.3149L9.31641 5' stroke='%231D1D1B' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.pagination--last-page{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.31641 19.6298L12.6313 12.3149L5.31641 5' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12.3164 19.6298L19.6313 12.3149L12.3164 5' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.pagination-page-number__wrapper{
  margin: 0 calc(var(--spacer_xs) + var(--spacer_xxxxs) / 2);
}
.pagination-page-number{
  margin: 0 var(--spacer_xxxs);
}
.pagination-page-number:first-child{
  margin-left: 0;
}
.pagination-page-number:last-child{
  margin-right: 0;
}
.evenement-card .tags{
	gap: calc(var(--spacer_sm) - var(--spacer_xxxxs));
  flex-wrap: wrap;
  margin-bottom: 6.6rem;
}
@media (max-width: 767px){
  .evenement-card .tags{
    width: 100%;
    margin-bottom: 3rem;
    margin-left: -2rem;
  }
}
.tags > li > a {
	display: inline-block;
  background-color: rgba(29, 29, 27, 0.1);
  font-weight: var(--font_weight_black);
  padding: .8rem 2.4rem;
  border-radius: var(--border_radius_50);
  white-space: nowrap;
}

.tags > li > a.active{
  background-color: var(--black_color);
  color: var(--white_color);
}