/* Manu CSS */

@media all and (min-width: 768px) {
    .nav-sections-item-content {
        position: relative;
    }
}

#tendinaMenu {
    display: none;
    width: 100%;
    height: 400px;
    background: #232223;
    background: #ffffff;
    position: absolute;
    top: 53px;
    left: 0px;

    -webkit-box-shadow: inset 0px 17px 15px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 17px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 17px 15px 0px rgba(0, 0, 0, 0.5);

    background-position: 0 0;
    background-repeat: repeat-x;
}

#menuAllCat {
    display: none;
    max-width: 400px;
    position: absolute;
    z-index: 104;
    top: 75px;
    left: 50%;
    -ms-transform: translatex(-50%); /* IE 9 */
    -webkit-transform: translatex(-50%); /* Safari */
    transform: translatex(-50%);

    background: transparet;
    color: #000000;
    font-family: "Franklin Gothic Std", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
}

#menuAllCat a {
    color: #000000;
}
#menuAllCat a:hover,
#menuAllCat a:focus {
    color: #2657FF;
}

/* SWITCH MENU */

@media all and (min-width: 768px) {
    nav.navigation > ul {
        display: none;
    }
    nav.navigation > ul#desktopMenu {
        display: flex;
        justify-content: space-between;
    }
}
@media all and (max-width: 767px) {
    nav.navigation > ul#desktopMenu {
        display: none;
    }

    #tendinaMenu {
        display: none;
    }
}

@media (max-width: 767px){
    nav.navigation {
        background: #232223;
    }
    div.nav-sections {
        background: #232223;
    }
}

/* Hamburger */
.nav-toggle::before {
    color: #232223;
}
.nav-toggle:hover::before {
    color: #232223;
}

nav.navigation .level0 > .level-top {
    color: #ffffff;
    font-family: "Franklin Gothic Std", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase;
}

@media all and (min-width: 768px) {

/*    nav.navigation .level0 > .level-top.ui-state-focus,
    nav.navigation .level0:hover > .level-top,
    nav.navigation .level0 > .level-top:hover,
    nav.navigation .level0 > .level-top:focus,
    nav.navigation .level0 > .level-top.l-top-open {
        color: #2657FF;
    }*/

    nav.navigation .level0.active > .level-top,
    nav.navigation .level0.has-active > .level-top {
        border-color: #232223;
        border-style: solid;
        border-width: 0 0 3px;
        color: #232223;
    }

    .menu-dropdown-icon a {
        position: relative;
    }

    .menu > ul > li.menu-dropdown-icon > a:after {
        content: "\f0d7";
        font-family: "FontAwesome";
        display: block;
        position: absolute;
        top: 23px;
        right: 6px;
        width: 10px;
        height: 10px;
        /* background: red; */
        line-height: 10px;
        text-align: center;
        /* transition: all .3s ease; */
    }
    .menu > ul > li.menu-dropdown-icon > a.subMenuOpenLink:after {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }

    /* ************* TEST SUBMENU ************  */

    nav.navigation .level0 {
        position: static;
    }
    nav.navigation .level0 .submenu {
        width: 100%;
        left: 0 !important;

         background: #ffffff;
        border: none;
        box-shadow: none;
        font-weight: normal;

        columns: 5;
        -webkit-columns: 5;
        -moz-columns: 5;
        padding-top: 75px;

        padding-left: 330px;
        min-height: 400px;
    }

    #submenuElementMask {
        display: block;
        width: 310px;
        height: 310px;
        position: absolute;
        bottom: 0px;
        left: 10px;
        z-index: 4;
        opacity: 0;
        overflow: hidden;

        background-position: 0 0;
        background-repeat: no-repeat;

        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    nav.navigation .level0 .submenu a {
        display: block;
        line-height: inherit;
        color: #000000;
        padding: 8px 10px;
        font-family: "Franklin Gothic Std", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 16px;
        text-transform: capitalize;
    }

    nav.navigation .level0 .submenu a.ui-state-focus,
    nav.navigation .level0 .submenu a:hover,
    nav.navigation .level0 .submenu a:focus {
        color: #2657FF;
        background: none;
    }
    nav.navigation .level0 .submenu .active > a {
        border: none;
        color: #2657FF;
        /* border-color: #FCBB01; */
    }
    /* sub-submenu */
    nav.navigation .level0 .submenu .submenu {
        /* PER MOSTRARLO INSERIRE BLOCK */
        display: none !important;
        position: static !important;
        top: 0;
        left: 0;
        background: red;

        columns: initial;
        -webkit-columns: initial;
        -moz-columns: initial;
    }
    nav.navigation .level0 .submenu .submenu a {
        padding: 2px 10px 2px 15px;
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        text-transform: none;
        font-size: 12px;
    }

    /* ************* TEST SUBMENU ************  */
}

@media all and (min-width: 768px) and (max-width: 930px) {
    nav.navigation .level0 > .level-top {
        font-size: 14px;
    }

    nav.navigation .level0 .submenu a {
        font-size: 13px;
    }
}

@media all and (max-width: 767px) {
    .topstaticSubmenu {
        display: none;
    }

    .nav-sections-item-title {
        background: #ffffff;
        border: solid #ffffff;
    }
    .nav-sections-item-title a {
        color: #232223;
    }
    .nav-sections-item-title.active a {
        color: #232223;
    }
    .nav-sections-item-title.active{
        color: #232223;
        background-color: #232223;
    }

    .navigation .level0.active > a:not(.ui-state-active),
    .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: #232223;
        color: #232223;
    }

    .navigation .submenu:not(:first-child) .active > a {
        border-color: #232223;
        color: #232223;
    }

    .navigation .level0 {
        border-top: 1px solid #ffffff;
    }
    nav.navigation li.level0:last-child {
        border-bottom: 1px solid #ffffff;
    }
    .nav-sections .switcher:last-child {
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
    }

    .nav-sections-item-content .header.links.account a,
    .nav-sections-item-content .header.links.account span {
        color: #ffffff;
        font-family: "Franklin Gothic Std", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 20px;
        text-transform: uppercase;
    }

    /* Menu primo livello */
    nav.navigation .level0 > .level-top {
        font-size: 20px;
    }
    /* Menu secondo livello */
    nav.navigation .submenu:not(:first-child) > li > a {
        color: #ffffff;
        font-family: "Franklin Gothic Std", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 15px;
        text-transform: uppercase;
        padding: 4px 0px 4px 15px;
    }
    nav.navigation .submenu:not(:first-child) > li:first-child > a {
        padding: 8px 0px 4px 15px;
    }
    nav.navigation .level0.active .all-category .ui-state-focus {
        border-color: #2657FF;
    }
    /* Menu terzo livello */
    nav.navigation .submenu:not(:first-child) .submenu > li > a {
        color: #ffffff;
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
        text-transform: none;
        font-size: 13px;
    }
    nav.navigation .submenu:not(:first-child) .submenu > li:first-child > a {
        padding: 4px 0px 4px 15px;
    }
}