.wrapper-arch-categoria{
	margin:1% 0 1% 0;
}
.title-arch-categoria{
	padding: 10px;
    color: #fff;
    font-weight: bold;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
	padding:10px 20px 10px 20px;
}
                           
.content-arch-categoria.hidden{
	display:none;
    transition: opacity 1s ease-out;
    opacity: 0;
}

.content-arch-categoria{
	transition: opacity 1s ease-out;
	display:block;
	display:flex;
	direction:column;
    opacity: 1;
	margin:20px;
	font-size:16px;
	line-height:1.6em;
}

.descrizione-corso{
	width:48%;
}
.elenco_eventi{
	width:48%;
	margin-left:2%;
	display:flex;
	gap:1%;
}

.elenco_eventi .item{
	color:#fff;
	padding:15px 15px 25px 15px;
	border-radius:5px;
	width:31%;
	align-content:center;
}

.elenco_eventi .item .categoria_nome,
.elenco_eventi .item .data_in,
.elenco_eventi .item .corso_name{
  font-family: "Montserrat", Sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-wrap:wrap;
  text-align:left;
	line-height:1.2em;

}

.elenco_eventi .item .categoria_nome{
	font-size: 16px;
}

.elenco_eventi .item .data_in,
#popup-content .data_in{
  font-size: 28px;
  margin:15px 0px 15px 0px;
}

.elenco_eventi .item .corso_name,
#popup-content .corso_name{
  	font-size: 16px;
	line-height:auto;
	margin-bottom:20px;
}


.elenco_eventi .item .trigger-popup,
#popup-content .trigger-popup{
	background:rgba(255,255,255,0.3);
	padding:5px 15px 5px 15px;
	font-weight:bold;
	color:#fff;
	transition: all 0.5s ease-out;

}

.elenco_eventi .item .trigger-popup:hover,
#popup-content .trigger-popup:hover{
	background:rgba(255,255,255,0.5);
}


#popup-content .categoria_nome,
#popup-content .data_in,
#popup-content .corso_name{
  font-family: "Montserrat", Sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display:block;
  width:100%;
  color:#fff;
  text-align:left;
}

#popup-content .durata{
	display:none;
}

#popup-content .content,
#popup-content .programma{
	color:#fff;
}

.wrapper-riquadri-cat {
    display: flex;
}

.item-cat {
    width: 31%;
    margin: 1%;
	cursor: pointer
}



/*Pagina "calendario-corsi"*/
.wrapper_corsi_attivi{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap
}

.item_corsi_attivi{
	width: 21%;
	margin: 1%
}


/*CSS MINI CALENDARIO*/

.elenco_eventi{
	padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}