:root {
  --cassiopeia-color-primary: #0e60c6 !important;
  --cassiopeia-color-hover: #dddddd !important;
  --cassiopeia-color-link: #0B50A3 !important;
}

/* Nasconde l'header del logo nella pagina offline */
.offline-card .header .logo {
    display: none !important;
}

/* Nasconde la sezione below-top */
.container-below-top {
    margin: 0 !important;
    padding: 0 !important;
}

/* Rimuove la sfumatura di default e imposta il tuo blu specifico */
.header {
    background-color: #0e60c6 !important;
    background-image: none !important;
}

/* Ridimensiona il logo del sito */
.metismenu-item a.align-left img {
    width: auto; 
    height: 65px;
}

/* Forza l'allineamento orizzontale e verticale di tutto ciò che sta nell'Header e inverte l'ordine */
.container-header,
.grid-child.container-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    flex-direction: row-reverse !important; 
    justify-content: space-between !important;
    width: 100% !important; 
}

/* Allinea le voci di menu sul lato opposto (ora a destra) */
.header-navigation {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Rimuove la sfumatura di default, imposta il tuo blu specifico e applica le regole della griglia principale al contenitore interno del footer*/
.footer {
    background-color: #0e60c6 !important;
    background-image: none !important;
    grid-column: full-width-start / full-width-end !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.footer .grid-child {
    justify-content: space-between;
    align-items: center;
    padding: 0;

.footer .container-fluid {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
    max-width: 1320px;
    margin 0 auto;
}

@media (min-width: 992px) {
    .footer{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
  .footer .container-fluid {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
  }
   .footer .container-fluid .row.gy-4 {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start important;
    }
  .footer .container-fluid .row.gy-4 > div:nth-child(2) {
        display: flex !important;
        justify-content: left !important;
        margin-left: 200px !important;
   }
  .footer .container-fluid .row.gy-4 > div:nth-child(2) ul {
        text-align: left !important;
        min-width: 200px; 
    }
  .footer .container-fluid .row.gy-4 > div:nth-child(3) {
        margin-left: auto !important;
    }
}


.debug{
 height: 0.2rem;
}

/*Nacondere scritta logo Cai nella pagina offline del sito*/
body.offline h1, 
.offline-mode h1, 
h1 {
    display: none !important;
}