/*
COLORS
Orange:		#FFA500
*/

.template-professioni .grid-professioni{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0px;
}

.template-professioni .grid-professioni .card {
  aspect-ratio: 1 / 1;
	position: relative; 
}


.template-professioni .card-ev-content{
	position: absolute; 
	bottom: 24px; 
	left: 24px;
	right: 24px;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 15px;
}
.template-professioni .card-ev-content .cat-ev-tit{
	font-size: 22px; 
	font-weight: 600;
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
}
.template-professioni .card-ev-content .cat-ev-text{font-size: 16px; margin-top: 14px;}

.template-professioni .card-ev-icon{
	padding: 10px;
	background-color: #FFA500;
	border-radius: 5px;
	transition: background-color .3s;
}
.template-professioni .card-ev-icon svg{
	color: #fff;
	transition: color .3s;

}

.template-professioni .cat-ev-card:hover .card-ev-icon{
	background-color: #fff;
}
.template-professioni .cat-ev-card:hover .card-ev-icon svg{
	color: #FFA500;
}

.template-professioni .card-cta-professioni{
	background: #FFA500;
}
.template-professioni .card-cta-professioni .card-ev-icon{
	background-color: #fff;
}
.template-professioni .card-cta-professioni .card-ev-icon svg{
	color: #FFA500;

}

.template-professioni .card-cta-professioni .cat-ev-card:hover .card-ev-icon{
	background-color: #FFA500;
}
.template-professioni .card-cta-professioni .cat-ev-card:hover .card-ev-icon svg{
	color: #fff;
}

@media (max-width: 1024px) {

	.template-professioni .grid-professioni{
		grid-template-columns: repeat(3, 1fr);
	}
	.template-professioni .card-cta-professioni{
		display: none;
	}
}