/* *************************************************************************** */
/* ***************			INIZIO STRUTTURA SKIN 			****************** */
/* ***************	STILI PERSONALIZZATI PER OGNI ENTE		****************** */
/* *************************************************************************** */

/*IN QUESTO FILE SI INSERISCONO SOLO LE VARIABILI CON IL COLORE, PER IL RESTO SI UTILIZZA IL CSS STILI-CUSTOM */


:root {
    /*COLORE PRINCIPALE da mettere come rgb*/ /*#0800e6*/
    /*basta cambiare questa variabile e tutto il CSS prende questo colore in automatico*/
    /*il colore va inserito come RGB ma con le virgole es. 56, 115, 62*/
    --colore-principale: 0, 56, 130;
    /*COLORE NAVBAR*/ /*#07005c*/
    --colore-navbar: 0, 56, 130;
    /*COLORE FOOTER*/
    --colore-footer: 0, 56, 130;

    --colore-header:255,255,255;

    --colore-header-testo:0, 89, 179;
}

.it-header-slim-wrapper {
	background-color: #003882;
}

.it-header-center-wrapper {
	background-color: #ffffff!important;
}

.it-brand-title { 
color: #003882!important;
}

.it-brand-title a{ 
color: #003882!important;
}

.it-brand-title hover{ 
color: #003882!important;
}

.it-brand-title visited{ 
color: #003882!important;
}

it-header-navbar-wrapper{
	background-color: #003882;
}

.Seguici { 
color: #000000!important;
}

.icon.icon-sm { 
fill: #000000!important;
}

/* Colore di sfondo per tutto il footer */
.it-footer,
.it-footer .analogue-1-bg-a10,
.it-footer .analogue-1-bg-a11,
.it-footer .analogue-1-bg-a12 {
    background-color: #003882 !important;
    color: #ffffff;
    margin-top: 50px;
    padding-top: 20px;

}


/* Link */
.it-footer a {
    color: #ffffff;
    text-decoration: none;
}

.it-footer a:hover {
    color: #ffd966;
}

/* Titoli colonne */
.it-footer h4 {
    font-size: 22px;
    color: #ffffff !important;
    margin-bottom: 1rem;
}

/* Container principale colonne */
.analogue-1-bg-a10 {
    display: flex !important;
    flex-wrap: nowrap !important; /* nessuna riga nuova, sempre in una sola riga */
    justify-content: space-between; /* distribuisce equamente */
    gap: 1rem;
}

/* Colonne singole */
.analogue-1-bg-a10 > .analogue-1-color-a10 {
    flex: 0 0 20%; /* ciascuna colonna occupa esattamente 20% */
    box-sizing: border-box;
}

.hidden {
    display: none!important;
}


/* Lista e link */

.analogue-1-border-color-a10 {
    color: #ffffff!important;
}


.analogue-1-color-a10 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.analogue-1-color-a10 ul li {
    margin-bottom: 0.5rem;
}

.analogue-1-color-a10 ul li a {
    text-decoration: none;
    color: #ffffff;
}

.analogue-1-color-a10 ul li a:hover {
    color: #ffd966;
}

/* Titolo colonna */
.analogue-1-color-a10 h4 {
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    font-weight: bold;
}

.analogue-1-border-color-a9 .contacts-wrapper {
    border-top: 1px solid #ffffff;
    margin-top: 1rem; /* opzionale, per dare un po' di spazio dalla riga sopra */
    padding-top: 1rem; /* opzionale, se vuoi distanziare il contenuto dalla riga */
}

.analogue-1-color-a9 a {
    font-size: 40px;
}


.row-header.intestazione {
    display: flex;                       /* layout a righe */
    justify-content: space-evenly;       /* distribuisce gli elementi con spazio uguale tra loro */
    align-items: center;                 /* allinea verticalmente al centro */
    flex-wrap: wrap;                     /* permette agli elementi di andare a capo se lo spazio è stretto */
    border-bottom: 1px solid white;      /* bordo sotto */
    padding-bottom: 10px;                /* spazio tra contenuto e border (opzionale) */
    gap: 15px;                           /* spazio tra gli elementi */
}


.analogue-1-border-color-a9, .analogue-1-border-color-a9.border {
    border-top: 1px solid white!important;      /* bordo sopra */

}

.row-header {
    display: flex;
    justify-content: space-evenly; /* spazio uguale tra gli elementi */
    align-items: center;           /* centrati verticalmente */
    flex-wrap: wrap;
    gap: 1rem;                     /* distanza minima tra gli elementi */
}

/* 10/11 */
.analogue-1-border-color-a11 {
	display: none;
}

.list-inline-item {
	display: none;
}

.list-inline text-left social {
	display: none;
}

/* Responsive: su mobile diventano a colonna */
@media (max-width: 1024px) {
    .analogue-1-bg-a10 {
        flex-wrap: wrap !important;
    }
    .analogue-1-bg-a10 > .analogue-1-color-a10 {
        flex: 1 1 50%; /* 2 colonne per riga su tablet */
        min-width: 50%;
    }
}

@media (max-width: 600px) {
    .analogue-1-bg-a10 > .analogue-1-color-a10 {
        flex: 1 1 100%; /* 1 colonna per riga su mobile */
        min-width: 100%;
    }
}