@media (min-width: 1400px) {
    .container {
        max-width: 1170px;    } }

#sp-header { 
   border-bottom: solid 4px #F3000B;
   }

/* Top bar: modulo sinistro e modulo destro */
#sp-top2 { text-align: left; }
#sp-top4 { text-align: right;}

/* Elimina margini inutili dei moduli */
#sp-top-bar .sp-module { margin: 0; }

/* Allineamento verticale dei contenuti   */     
#sp-top-bar .row { align-items: center; }

#sp-menu { display: flex; justify-content: flex-start; padding-left: 30px;  }
.sp-megamenu-parent > li > a { padding: 6px 25px 0 0; line-height: 20px;   }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #333333;  margin-top: 14px;}


/* Top Bar - Hover */
#sp-top-bar a:hover,
#sp-top-bar a:hover i,
#sp-top-bar .fa:hover {
    color: #f3000b !important;
    transition: color .3s ease;
}

/* Contenitore */
.home-category{
    position:relative;
    display:block;
    overflow:hidden;
    text-decoration:none;
    line-height:0; }

/* Immagine */
.home-category img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .45s ease, filter .45s ease; }

/* Overlay */
.home-category::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.28);
    transition:background .45s ease;
    z-index:1; }

/* Titolo */
.home-category span{
    position:absolute;
    left:25px;
    bottom:25px;
    color:#fff;
    font-size:2rem;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    z-index:2;
    line-height:1.2;
    transition:all .45s ease; }

/* Hover */
.home-category:hover img{
    transform:scale(1.06);
    filter:brightness(1.08); }

.home-category:hover::before{
    background:rgba(0,0,0,.10); }

.home-category:hover span{
    transform:translateY(-5px); }

/* Tutto il footer in grigio chiaro */
#sp-footer, 
#sp-footer * {     color: #d5d5d5 !important; }

/* Link */ 
#sp-footer a {     color: #d5d5d5 !important; }

/* Hover */
#sp-footer a:hover {     color: #f3000b !important; }

/* Icone Font Awesome */
#sp-footer i,
#sp-footer .fa,
#sp-footer svg {
    color: #d5d5d5 !important;}

#sp-footer .container-inner { padding: 10px;}


@media (max-width: 575px) {
  #sp-header {
    height: 64px !important;}
}


   /* Colonna logo */
  @media (max-width: 767px) {

   

    /* Colonna menu/hamburger */
    #sp-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        padding-right: 15px !important;
    }

    /* Link che contiene l'hamburger */
    #sp-menu .offcanvas-toggler {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Contenitore delle tre barre */
    #sp-menu .burger-icon {
        width: 40px !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 7px !important;
    }

    /* Singole barre */
    #sp-menu .burger-icon span {
        display: block !important;
        width: 40px !important;
        height: 4px !important;
        min-height: 4px !important;
        margin: 0 !important;
        background-color: #000000 !important;
        border-radius: 0 !important;
    }
}

.offcanvas-menu .mobile-subitem,
.offcanvas-menu .mobile-subitem > a,
.offcanvas-menu a.mobile-subitem {
    padding-left: 28px !important;
    font-size: 16px !important;
}

@media (max-width: 991px) {

    .offcanvas-menu .offcanvas-inner ul.menu > li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .offcanvas-menu .offcanvas-inner ul.menu > li > a,
    .offcanvas-menu .offcanvas-inner ul.menu > li > span {
        display: block !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        line-height: 1.15 !important;
    }

}