.gallery-item {
    width: 100%;
    height: 200px;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-size: cover;
}

.gallery-item .gallery-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item .gallery-item-overlay:hover {
    opacity: 1;
}


/*   MIO CSS PER BACK-END */
.titoloni{
    font-family: "Gasoek One", sans-serif;
    font-weight: 400;
    font-style: normal;
}


.testi{
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: regular;
  font-style: normal;
  text-decoration: none;
}

.titolini{
  font-family: "Albert Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}


.dimensioni-20{
    font-size: 20px;
}
.dimensioni-80{
    font-size: 80px;
}

.testo-nero{
    color: #171A21;
}
.testo-bianco{
    color: #ffffff;
}
.testo-arancio{
    color: #F56416;
}

.sfondo-giallo{
    background-color: #FEE440;
}
.sfondo-nero{
    background-color: #171A21;
}
.sfondo-arancio{
    background-color: #F56416;
}
.sfondo-bianco{
    background-color: #ffffff;
}
.sfondo-rosa{
    background-color: #F15BB5;
}

.sfondo-acc{
    background-color: #fb8443;
    color: #171A21;
    font-weight: 500;
    border-bottom: 1px solid #171A21;
}
.sfondo-acc:not(.collapsed){
    background-color: #F56416;
    color: #171A21;
    font-weight: bold;
    border-bottom: 1px solid #171A21;
}



.sfondo-ac{
    background-color: #FEE440;
}


.bordo-arancio{
    border-color: #F56416;
    border-width: 2px;
}
.bordo-arancio:active{
    border-color: #F15BB5;
}
.bordo-arancio:focus{
    border-color: #F15BB5;

}




/*      BOTTONI     */
.bottone-primario{
    background-color: #F56416;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.bottone-secondario{
    background-color: #171A21;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;

}


.bottone-primario:hover{
    background-color: #ff8341;
    color: #ffffff;
}
.bottone-secondario:hover{
    background-color: #292d39;
    color: #ffffff;
}





/*      TABELLE GIALLE    */
.table.table-bordered.sfondo-giallo tr th{
    color: #171A21;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-size: 18px;
}

.table.table-bordered.sfondo-giallo tr td{
    color: #171A21;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: regular;
    font-style: normal;
    text-decoration: none;
}