@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');

:root {
  --main-agenda-color: #8D9C00;
}


.apidae-next-events .next-events-content {
	display: flex;
    flex-wrap: wrap;
}
.apidae-next-events .next-events-content .card-event {
	box-shadow : 0 0 20px -5px rgba(0,0,0,.15)!important;
}

.apidae-next-events .next-events-content .card-event .card-event-header {
	overflow: hidden;
	height: 240px;
	position: relative;
}
.apidae-next-events .next-events-content .card-event .card-event-header .image {
	transform-origin: center center;
	background-size: cover;
	position: absolute;
	background-color: #EFEFEF;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	height: 240px;
}

.apidae-next-events .next-events-content .card-event:hover .card-event-header .image {
	transform: scale(1.1);
}

.apidae-next-events .next-events-content .card-event .card-event-content {
	min-height: 220px;
	position:relative;
	padding: 40px 30px 30px 30px;
}
.apidae-next-events .next-events-content .card-event a {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width: 100%;
	z-index: 1;
}
.apidae-next-events .next-events-content .card-event .card-event-content h3 {
	color: black;
	font-size: 2.6rem;
	font-weight: 800;
	line-height:1.1;
}
.apidae-next-events .next-events-content .card-event:hover .card-event-content h3 {
	color: var(--main-agenda-color);
    transition: all 300ms;
}

.apidae-next-events .next-events-content .card-event .card-event-content .card-event-content-date-infos {
	position: absolute;
    height: 40px;
    top: -40px;
    transform: translateY(50%);
    background-color: #E5007F;
    padding: 5px 15px;
    color: #fff;
	left:0;
	font-size: 1.8rem;
	line-height: 1.6em;
}
.apidae-next-events .next-events-content .card-event .card-event-content .category-infos i,
.apidae-next-events .next-events-content .card-event .card-event-content .city-infos i { 
	color: var(--main-agenda-color);
	font-size: 16px;
	margin-right: 5px;
}
.apidae-next-events .next-events-content .card-event .card-event-content .category-infos,
.apidae-next-events .next-events-content .card-event .card-event-content .city-infos {
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 1.6em;
}

.apidae-next-events .apidae-agenda-title {
	color: var(--main-agenda-color);
	font-size:3rem;
	font-weight:700;
	line-height:1.5rem;
	font-family: 'Rock Salt', cursive;
	margin-bottom: 25px;
	margin-top: 25px;
	text-align: center;
}

.apidae-next-events .no-result-agenda {
	font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 25px;
    font-family: 'Amatic SC', cursive;
}

/* For elementor template render */
.apidae-next-events .agenda__content-template-render__title {
	color: #000;
	font-size:3rem;
	font-weight:700;
	line-height:1.5rem;
	font-family: 'Rock Salt', cursive;
	margin-bottom: 25px;
	margin-top: 25px;
	text-align: center;
}
.apidae-next-events .agenda__content-template-render__card-content {
	background-color: #efefef;
	border:1px solid #000;
	height: 300px;
}

/* Change bootstrap padding */
.apidae-next-events .col-sm-12,
.apidae-next-events .col-lg-4 {
	padding-left: 10px;
    padding-right: 10px;
}
.apidae-next-events {
	padding-left: 10px;
    padding-right: 10px;
}
.apidae-next-events .row {
	margin-left: -10px;
    margin-right: -10px;
}