/* ==========================================================
   FONDERIA DE SANTI - CUSTOM CSS
   Joomla 5 + Helix Ultimate
   ========================================================== */




/* ==========================================================
   HEADER
   ========================================================== */

#sp-header{
    box-shadow: none;
}

#sp-top-bar{
    text-align: right;}

.topbar-contact{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:20px;
}

.topbar-contact a{
    color:#fe4f00;
    text-decoration:none;
    font-size:.95rem;
}

.topbar-contact i{
    margin-right:6px;
}

#sp-top-bar .topbar-contact a:hover,
#sp-top-bar .topbar-contact a:hover i{
    color:#ffffff !important;
}

@media (max-width:576px){

    .topbar-contact{
        gap:8px;
    }

    .topbar-contact a{
        font-size:.72rem;
    }

}

.site-title{
    padding-top: 40px;
}


/* ==========================================================
   MENU LINGUE
   ========================================================== */

.menulingue{
    list-style: none;
    padding: 4px 0 0;
}


/* ==========================================================
   FOOTER
   ========================================================== */

#sp-footer .container-inner {
    padding: 10px 0;
    color: #57565b;
}

#sp-footer a {
    color: #57565b;
}


/* ==========================================================
   MENU DESKTOP
   ========================================================== */

@media (min-width:993px){

    #sp-menu .sp-megamenu-wrapper{
        display:flex;
        justify-content:center;
        width:100%;
    }

}


/* ==========================================================
   HAMBURGER
   ========================================================== */

.burger-icon > span{
    width:34px;
    height:4px;
}


/* ==========================================================
   HEADER MOBILE
   ========================================================== */

@media (max-width:992px){

    /* Logo */

    .logo-image-phone{
        height:auto !important;
        width:auto;
    }

    /* Layout header */

    .header-mobile .sp-column,
    .header-mobile #sp-menu,
    .header-mobile #sp-lingua{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .header-mobile .sp-column{
        height:100%;
    }

    .header-mobile .sp-module{
        margin:0;
    }

    /* Hamburger */

    #offcanvas-toggler{
        transform:scale(1.15);
    }

    .burger-icon > span{
        background:#57565b;
    }

    /* Lingua */

    #sp-lingua{
        position:relative;
        top:12px;
        padding-left:4px;
    }

    /* Menu */

    #sp-menu{
        padding-right:4px;
    }

}



/* Hover */
.sp-megamenu-parent > li:hover > a{
    color:#fe4f00 !important;
}

/* ==========================================================
   MENU DESKTOP
   ========================================================== */

@media (min-width:993px){

    #sp-menu .sp-megamenu-wrapper{
        display:flex;
        justify-content:center;
        width:100%;
    }

    .sp-megamenu-parent > li > a{
        line-height:44px;
        font-weight:400;
    }

    .sp-megamenu-parent > li:hover > a,
    .sp-megamenu-parent > li.active > a,
    .sp-megamenu-parent > li.current > a,
    .sp-megamenu-parent > li.current-item > a{
        color:#FE4F00;
    }

}

/* Voce attiva */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current-item > a{
    color:#fe4f00 !important;
}

#sp-header-desktop #sp-menu .sp-megamenu-parent > li > a{
    font-size:17px !important;
}