#sp-header{
    position: absolute;
    background:rgba(0,0,0,0.9);
    box-shadow: none;
}

#sp-header, #sp-header .logo {height: 100px; }
 
#sp-header.header-sticky {height: 100px; background-color: rgba(0,0,0,0.8);}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height: 10px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {line-height: 30px;}

.sp-megamenu-parent > li > a,  .sp-megamenu-parent > li > span {font-size:17px;}

#sp-header .sp-megamenu-parent > li > a { color: white; font-weight: 500;} 

/* sottomenu aperti */
.menu-parent .menu-child{
    display: block !important;
    color:#fff;
}
.menu-parent .menu-toggler{
    display: none !important;
}

.offcanvas-menu {overflow: scroll; background: #000000; }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    display: block;
    color: white;
    font-size: 18px;
    padding: 12px 0; /* aumenta/diminuisci a piacere */
}

/* voce attiva nel menu offcanvas */
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span {
    color: #ffffff !important;
}

/* hover su tutte le voci offcanvas */
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li > span:hover {
    color: #cccccc !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 18px;
    line-height: 30px;
    color: rgba(255,255,255,1);
}

#sp-footer, #sp-bottom{
    background: #000000 !important;
}

/* toggler color */
.burger-icon > span {
    background-color: #fff !important;
}

/* Forza colore bianco per tutte le voci attive nel menu offcanvas (anche sottovoci e genitori) */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active > span,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active.current > a,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active.current > span,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active.deeper > a,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active.deeper > span {
    color: #ffffff !important;
}

/* Hover su tutte le voci del menu offcanvas */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li > span:hover {
    color: #cccccc !important;
}
/* Sfondo di tutta la tendina */
.sp-megamenu-parent .sp-dropdown,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.sp-megamenu-parent .sp-dropdown li {
    background-color: #000000 !important;
}

/* Voci dropdown */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {
    color: #ffffff !important;
}

/* Hover e voce attiva nel dropdown */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > span {
    color: #cccccc !important;  /* grigio chiaro in hover */
    background-color: transparent !important; /* elimina eventuale bg blu di default */
}

/* Colore  quando una voce apre il sottomenu */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.menu-parent > .menu-child li > a,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.menu-parent > .menu-child li > span {
    color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.menu-parent > .menu-child li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.menu-parent > .menu-child li > span:hover {
    color: #cccccc !important;
}