/*************************************************************************************************************************
 *************************************************************************************************************************
 *************************************************************************************************************************
 *************************************************************************************************************************
 *************************************************************************************************************************
 * nav-deskop: menu di primo livello versione desktop;
 * 
 * 
 * **/

header nav.nav-main {
    border-top: none;
    background-color: white;
    z-index: 10000;
    box-shadow: 0 0 4px rgba(0,0,0,0.25);
}

header nav.nav-main ul.menu {
}

header nav.nav-main ul.menu li a:link,
header nav.nav-main ul.menu li a:visited {
    padding: 0 1.125rem;
    font-size: 1.125rem;
    background-color: transparent;
    text-transform: uppercase;
    color: black;
    font-family: var(--font-alternative);
}

header nav.nav-main ul.menu li a:active, 
header nav.nav-main ul.menu li a:hover {
    color: var(--color-darkgrey);
} 

header nav.nav-main ul.menu li:last-child a {
    padding-right: 0;
}

header nav.nav-main ul.menu li.icon-menu a {
    font-size: 1.3rem;
    padding: 0rem 0.7rem;
}

header nav.nav-main ul.menu li a span.a-text {
    display: inline-block;
    line-height: 1.4;
}

header nav.nav-main ul.menu li.is-active .is-dropdown-submenu {
    padding:0;
    padding-left: 0.4rem;
}

header nav.nav-main ul.menu li.is-active .is-dropdown-submenu a:link,
header nav.nav-main ul.menu li.is-active .is-dropdown-submenu a:visited {
    line-height: 3rem;
    width: 100%;
}

header nav.nav-main ul.menu
{
    /*justify-content: flex-end;
    justify-content: space-between;*/
}

header nav.nav-main ul.menu.icon {
    justify-content: flex-end;
}

header nav.nav-main ul.menu.nav-icons li > a
{
    font-size: 1.75rem;
    line-height: 5rem;
    padding: 0;
    width: 5rem;
    text-align: center;
   /* color:white;*/
}

/*
    STILI PER MENU DESKTOP CON MEGAMENU
*/

header nav.nav-main.nav-desktop,
header nav.nav-main.nav-desktop ul.menu-desktop.menu li > a {
    height: 7rem;
    line-height: 7rem;
}

/*
    STILI PER MENU DESKTOP MENU SITEMAP
*/

header nav.nav-main.nav-desktop,
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 > a {
    height: 7rem;
    line-height: 7rem;
}

header nav.nav-main.nav-desktop img.logo {
    height: 4.6rem;
}

header nav.nav-main.nav-desktop ul.nav-desktop-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: right;
    color: var(--color-darkgrey);
    line-height: 7rem;
    font-size: 1.05rem;
}

header nav.nav-main.nav-desktop ul.nav-desktop-icons li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
}

header nav.nav-main.nav-desktop ul.nav-desktop-icons li i {
    width: 1.4rem;
    height: 1.4rem;
    text-align: center;
}

header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:link, 
header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:visited {
    color: var(--color-black);
    border: solid 0.145rem var(--color-black);
    border-radius: var(--radius);
    padding: 0.25rem;    
    width: 32px;
    height: 32px;
}

header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:hover, 
header nav.nav-main.nav-desktop ul.nav-desktop-icons li a:visited {
    color: var(--color-grey);
    border-color: var(--color-grey);
    width: 32px;
    height: 32px;    
}

/**
 * DROP DOWN
 */

header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul {
    background: var(--color-lightgrey);
    border: none;
    padding:0.5rem 0rem;
}

header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:link,
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:visited {
    color: black;
}

header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:hover,
header nav.nav-main.nav-desktop ul.menu li.md-lev-1 ul li a:active {
    color: var(--color-darkgrey);
}

/*
    STILI PER MENU MOBILE
*/


header nav.nav-main.nav-mobile .nav-desktop-alternative {
    display: flex;
    justify-content: space-between;
    transition:all .2s ease-in-out;
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left {
    background-color: white;
    display: flex;
    justify-content: flex-start;    
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-button {
    line-height: 5rem;
    font-size: 2rem;
    width: 3.5rem;
    text-align: center;
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-logo {
    display: block;
    line-height: 5rem;
} 

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-left .nda-logo img {
    height: 3rem;
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-right {
    background-color: white;
    display: flex;
    justify-content: flex-end;  
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-right .nda-button {
    line-height: 5rem;
    font-size: 1.5rem;
    width: 3.25rem;
    text-align: center;
}

header nav.nav-main.nav-mobile .nav-desktop-alternative .nda-right .nda-button-close {
    display: none;
}


/*************************************************************************************************************************
 *************************************************************************************************************************
 *************************************************************************************************************************
 *************************************************************************************************************************
 *************************************************************************************************************************
 * nav-desktop-altervative:  aperto;
 * 
 * **/

header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open {}
header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-left {
    padding-left: 15px;
}
header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-left .nda-button,
header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-right .nda-button {
    display: none;
}

header nav.nav-main.nav-mobile .nav-desktop-alternative.nda-open .nda-right .nda-button-close {
    line-height: 5rem;
    font-size: 2rem;
    width: 4rem;
    text-align: center;
    display: block;
}