.listing_eventi .page-container {
	overflow: visible;
}
#calendario_eventi {
	margin: 60px auto 0;
}
#calendario_eventi h2 {
	margin: 0;
}
#calendario_eventi h3 {
	display: none;
	line-height: 40px;
}
#calendario_eventi .content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 35px;
	margin: 60px 0 0;
}
#calendario_eventi .col_calendario {
	width: 334px;
	position: sticky;
	top: 90px;
}
#calendario_eventi .col_eventi {
	width: calc(100% - 390px);
	padding: 10px 0 0;
}
#calendario_eventi .eventi {
	width: 100%;
}
#calendario_eventi .evento {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	width: 100%;
	margin: 30px 0 0;
	text-align: left;
}
#calendario_eventi .evento:first-child {
	margin: 0;
}
#calendario_eventi .evento img {
	width: 190px;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
}
#calendario_eventi .evento .contenuto {
	padding: 30px 0 0 0;
	margin: 0;
	height: fit-content;
}
#calendario_eventi .evento .contenuto .data {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: var(--terzario);
}
#calendario_eventi .evento .contenuto .nome {
	font-weight: 500;
	font-size: 22px;
	line-height: 33px;
	margin: 5px 0 0;
}
#calendario_eventi .evento .contenuto .info {
	display: inline-block;
	margin: 20px 0 0;
}
#calendario_eventi .evento .contenuto .info span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	margin: 0 30px 0 0;
	padding: 0 0 0 25px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
}
#calendario_eventi .evento .contenuto .info span:last-child {
	margin: 0;
}
#calendario_eventi .evento .contenuto .info .orario {
	background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMEM3LjIxOTk3IDAgNS40Nzk5MSAwLjUyNzg0MSAzLjk5OTg3IDEuNTE2NzdDMi41MTk4MyAyLjUwNTcxIDEuMzY2MjggMy45MTEzMSAwLjY4NTA4OCA1LjU1NTg1QzAuMDAzODk5NTkgNy4yMDAzOCAtMC4xNzQzMyA5LjAwOTk4IDAuMTcyOTM2IDEwLjc1NThDMC41MjAyMDMgMTIuNTAxNiAxLjM3NzM3IDE0LjEwNTMgMi42MzYwNCAxNS4zNjRDMy44OTQ3MiAxNi42MjI2IDUuNDk4MzYgMTcuNDc5OCA3LjI0NDE5IDE3LjgyNzFDOC45OTAwMiAxOC4xNzQzIDEwLjc5OTYgMTcuOTk2MSAxMi40NDQyIDE3LjMxNDlDMTQuMDg4NyAxNi42MzM3IDE1LjQ5NDMgMTUuNDgwMiAxNi40ODMyIDE0LjAwMDFDMTcuNDcyMiAxMi41MjAxIDE4IDEwLjc4IDE4IDlDMTcuOTk3MiA2LjYxMzkxIDE3LjA0ODEgNC4zMjYzNiAxNS4zNjA5IDIuNjM5MTVDMTMuNjczNiAwLjk1MTkzIDExLjM4NjEgMC4wMDI4MTQ5MyA5IDBaTTEyLjAzMyAxMi4wMzNDMTEuODc5NiAxMi4xODY0IDExLjY3MTUgMTIuMjcyNiAxMS40NTQ1IDEyLjI3MjZDMTEuMjM3NiAxMi4yNzI2IDExLjAyOTUgMTIuMTg2NCAxMC44NzYxIDEyLjAzM0w4LjQyMTU1IDkuNTc4NDVDOC4yNjgxIDkuNDI1MDUgOC4xODE4NyA5LjIxNjk4IDguMTgxODIgOVY0LjA5MDkxQzguMTgxODIgMy44NzM5MSA4LjI2ODAyIDMuNjY1ODEgOC40MjE0NiAzLjUxMjM3QzguNTc0OSAzLjM1ODkzIDguNzgzMDEgMy4yNzI3MyA5IDMuMjcyNzNDOS4yMTcgMy4yNzI3MyA5LjQyNTExIDMuMzU4OTMgOS41Nzg1NCAzLjUxMjM3QzkuNzMxOTggMy42NjU4MSA5LjgxODE4IDMuODczOTEgOS44MTgxOCA0LjA5MDkxVjguNjYxMjdMMTIuMDMzIDEwLjg3NjFDMTIuMTg2NCAxMS4wMjk1IDEyLjI3MjYgMTEuMjM3NiAxMi4yNzI2IDExLjQ1NDVDMTIuMjcyNiAxMS42NzE1IDEyLjE4NjQgMTEuODc5NiAxMi4wMzMgMTIuMDMzWiIgZmlsbD0iI0ZBQjUxNSIvPgo8L3N2Zz4K");
}
#calendario_eventi .evento .contenuto .info .luogo {
	background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljk5ODAxIDBDMTQuMDEwOCAwIDE3LjU1MDkgNC45Nzc3NSAxNS4zMTY0IDkuNjQ5NUMxNC4xNjAyIDEyLjA2NzEgMTEuOTI4IDE1LjA2OTcgMTAuMjkzMiAxNy4zMDg5QzkuOTY1MDUgMTcuNzU4MSA5LjQ4NjA0IDE4LjAwMDcgOC45Mjk2OSAxOEM4LjM3MzM0IDE3Ljk5OTIgNy44OTQ3IDE3Ljc1NDcgNy41Njg0NyAxNy4zMDQ0QzUuOTY3MzcgMTUuMDk2NCAzLjgxMjkyIDEyLjE2MzEgMi42ODIyIDkuNzQ1NUMwLjQ3NDQ0NyA1LjAyNjg3IDMuOTAxMTQgMCA4Ljk5ODAxIDBaTTguOTk5ODkgNC4yNzAxMkM3LjQyOTU3IDQuMjcwMTIgNi4xNTY1NyA1LjU0MTc1IDYuMTU2NTcgNy4xMTAzN0M2LjE1NjU3IDguNjc5IDcuNDI5NTcgOS45NTA2MiA4Ljk5OTg5IDkuOTUwNjJDMTAuNTcwMiA5Ljk1MDYyIDExLjg0MzIgOC42NzkgMTEuODQzMiA3LjExMDM3QzExLjg0MzIgNS41NDE3NSAxMC41NzAyIDQuMjcwMTIgOC45OTk4OSA0LjI3MDEyWiIgZmlsbD0iI0ZBQjUxNSIvPgo8L3N2Zz4K");
}
#calendario_eventi .evento .contenuto .testo {
	margin: 20px 0 0;
}
#calendario_eventi .evento .contenuto .cta {
	display: block;
	width: fit-content;
	padding: 11px 43px 10px;
	margin: 30px 0 0;
}
@media screen and (max-width: 960px) {
	#calendario_eventi h3 {
		display: block;
	}
	#calendario_eventi .col_calendario {
		width: 100%;
		max-width: 400px;
		position: relative;
		top: auto;
	}
	#calendario_eventi .col_eventi {
		width: 100%;
		margin: 0;
	}
	#calendario_eventi .content {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;
		gap: 35px;
		margin: 40px 0 0;
	}
	#calendario_eventi .evento img {
		width: 260px;
	}
}
@media screen and (max-width: 600px) {
	#calendario_eventi .evento {
		flex-direction: column;
		gap: 25px;
		margin: 25px 0 0;
	}
	#calendario_eventi .evento .contenuto {
		padding: 0;
	}
	#calendario_eventi .evento .contenuto .cta {
		margin: 20px 0 0;
	}
}

/** CALENDARIO INTERATTIVO **/
.calendario {
	width: 100%;
}
.calendario .header {
	height: 40px;
}
.calendario .header #date {
	display: block;
	font-weight: 400;
	font-size: 24px;
	line-height: 40px;
	height: 100%;
	color: var(--primario);
	white-space: nowrap;
	float: left;
}
.calendario .controls {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 100%;
	float: right;
}
.calendario .controls a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba(238, 118, 39, 0.1);
	border: none;
	cursor: pointer;
}
.calendario .controls a:hover  {
	background-color: var(--secondario);
}
.calendario .controls a:hover svg path {
	fill: #FFF;
}
.calendario .grid_container {
	margin: 20px 0 0;
}
.calendario .grid_header {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	width: 100%;
	font-weight: 700;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 15px;
	padding: 8px 0;
	background-color: var(--primario);
	border-radius: 5px;
}
.calendario .grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
}
.calendario .grid .day {
	position: relative;
	font-weight: 500;
	font-size: 10px;
	line-height: 15px;
	color: var(--primario);
	height: 55px;
	border-radius: 5px;
	padding: 6px 8px;
	border: 1px solid transparent;
	background-color: rgba(149, 207, 232, 0.15);
}
.calendario .grid .day.active {
	border: 1px solid var(--bg-terzario);
}
.calendario .grid .day.inactive {
	color: rgba(19, 64, 104, 0.2);
	background-color: #F4F4F4;
	border: 1px solid transparent;
}
.calendario .grid .day.today {
}
.calendario .grid .day span {
	display: block;
}
.calendario .grid .day .etichetta {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 9px;
	font-weight: 600;
	font-size: 9px;
	line-height: 14px;
	padding: 1px 2px 0;
	color: #FFF;
	text-align: center;
	width: calc(100% - 2px);
	background-color: #006B2B;
}