.progetti-pagina { background-color: #ebe7df; padding: 30px 60px; font-size:19px;  font-family: 'Baskerville', 'Times New Roman', serif;}
.progetti-pagina button { display:none;}
#filtri .etichetta { width:90px; float:left; height: 50px;}
#filtri .filtro-cont { display:inline-block; width:calc( 100% - 90px );}
#filtri .filtro-cont p, #filtri .filtro-cont ul { display:inline-block;}
#filtri .filtro-cont p { width:90px;}
#filtri ul  { margin:0px; padding: 0px; list-style: none;  }
#filtri ul li { display: inline-block; margin-right: 30px; }
#filtri ul#material li::before { content:' '; display:inline-block; width:17px; height: 17px; border:1px solid; border-radius: 50%; margin-right:7px; vertical-align: middle; margin-top: -5px;}
#filtri ul#typolgy li { border:1px solid #000; border-radius: 20px; padding: 0px 15px; margin-right: 15px;}

.progetti-pagina .elenco-progetti { padding: 60px 90px; display:flex; flex-wrap: wrap; margin-left:-8px; margin-right: -8px; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: normal; }
.progetti-pagina .elenco-progetti article { flex-basis: calc( 50% - 16px ); padding:8px; margin-bottom:40px; }
.progetti-pagina .elenco-progetti figure { margin-bottom:10px; }
.progetti-pagina .elenco-progetti img { width:100%; height: auto;}
.progetti-pagina .elenco-progetti  h3 { font-weight: normal; margin:0px; margin-top:10px; font-family: 'Baskerville', 'Times New Roma', serif;}
.progetti-pagina .elenco-progetti a { text-decoration: none; }

/* filtri */
#filtri ul#typolgy li, #filtri ul#material li { cursor: pointer; }
#filtri ul#material li::before, #filtri ul#typolgy li { transition: all .3s;}
#filtri ul#material li:hover::before, #filtri ul#material li.active::before { background-color: #000; }
#filtri ul#typolgy li.active, #filtri ul#typolgy li:hover { background-color: #000; color: #fff; }

.progetti-pagina .elenco-progetti .progetto.active-tipo.active-materiale { display: block;}
.progetti-pagina .elenco-progetti .progetto { display: none;}

@media screen and ( max-width:1024px){

.progetti-pagina .elenco-progetti { padding: 0px; }
#filtri .etichetta { width:100%; margin-bottom:0px;  }
#filtri .filtro-cont ul { width: calc( 100% - 100px ); margin-bottom: 20px; }
#filtri .filtro-cont p { margin:0px; vertical-align: top; } 
.progetti-pagina { padding:30px; }
}
@media screen and ( max-width:500px){

.progetti-pagina .elenco-progetti { display: block; }
.progetti-pagina button { display:block; margin-bottom: 20px; font-size: 20px; width:100%; text-align: left; padding: 0px; border:none; background-color: transparent; border-bottom: 1px solid;  }
#filtri .etichetta { display:none; }
#filtri .filtro-cont { width:100%; }
#filtri .filtro-cont ul { font-size: 17px; }
#filtri .filtro-cont ul li { margin-bottom: 10px;}
}