@import url('https://fonts.googleapis.com/css?family=Raleway%7CTitillium+Web:300,700');

/****************************************************
 * SEZIONE GRIGIA SUPERIORE DEL FOOTER
 ****************************************************/

/* Contenitore principale del footer */
.footer-main {
    font-size: 0.9rem;
    color: #fff;
}

.footer-top {
    background-color: #686665;
    padding: 1.5rem 0;
}

/* Layout a 3 colonne */
.footer-clic {
    display: flex;
    flex-wrap: wrap;
}

/* Divisori verticali */
.footer-col-left {
    border-right: 3px solid #595959; /* linea a sinistra */
}
.footer-col-center {
    border-right: 3px solid #595959; /* linea a destra */
}
.footer-col-right {
    padding-left: 40px;
}

/* Logo ministero */
.footer-logo {
    text-align: center;
    justify-content: center;
}
.ministero-logo {
    width: auto;
    height: 90px;
}

/* Link modulo contatto */
.contact-module {
    margin-top: 1rem;
    background-color: #202020;
    color: #fff;
    padding: 0.5rem 1rem;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Titillium Web', sans-serif;
    transition: background 0.2s;
}
.contact-module:hover {
    background-color: #444;
}

/*  Social  */
.footer-title {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 1.2rem;
    letter-spacing: 1px;
    text-align: left;
}
/* Icone social */
.box-social {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}
.box-social img {
    width: 48px;
    height: auto;
    filter: grayscale(100%) brightness(1);
    transition: filter 0.2s;
}
.box-social img:hover {
    filter: grayscale(100%) brightness(1.3);
}

/****************************************************
 * SEZIONE NERA IN FONDO
 ****************************************************/

.footer-bottom {
    background-color: #202020;
    padding: 0.8rem 0;
    font-size: 0.85rem;
}

/* Link Privacy e Statistiche */
.footer-links {
    text-align: left;
    padding-left: 3rem;

}
.footer-links a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Titillium Web', sans-serif;
}
.footer-links a:hover {
    text-decoration: underline;
}