/*
|--------------------------------------------------------------------------
| USB CHILD THEME
| navigation.css
|--------------------------------------------------------------------------
| Mega Menu institucional USB
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| WRAPPER PRINCIPAL
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2{

    width:100% !important;

    position:relative !important;

    z-index:9999;

}

/*
|--------------------------------------------------------------------------
| BARRA NEGRA PRINCIPAL
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2
#mega-menu-menu_2{

    display:flex !important;

    align-items:center;

    justify-content:flex-start;

    gap:0;

    width:100% !important;

    background:#111111 !important;

    border-radius:16px 16px 0 0 !important;

    overflow:visible !important;

    min-height:46px !important;
}

/*
|--------------------------------------------------------------------------
| ITEMS NIVEL 1
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2
#mega-menu-menu_2
> li.mega-menu-item{

    flex:0 0 auto;

}

/*
|--------------------------------------------------------------------------
| LINKS PRINCIPALES
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2
#mega-menu-menu_2
> li.mega-menu-item
> a.mega-menu-link{

    color:#ffffff !important;

    font-size:15px !important;

    font-weight:600 !important;

    text-transform:uppercase;

    letter-spacing:.03em;

    padding:14px 20px !important;

    line-height:1 !important;

    transition:all .25s ease;

}

/*
|--------------------------------------------------------------------------
| HOVER LINKS PRINCIPALES
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2
#mega-menu-menu_2
> li.mega-menu-item
> a.mega-menu-link:hover{

    background:#1c1c1c !important;

    color:#f1c400 !important;

}

/*
|--------------------------------------------------------------------------
| ITEM ACTIVO
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2
#mega-menu-menu_2
> li.mega-menu-item.mega-current-menu-item
> a.mega-menu-link{

    color:#f1c400 !important;

}

/*
|--------------------------------------------------------------------------
| PANEL PRINCIPAL
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2
.mega-sub-menu{

    background:#f3f3f3 !important;

}

/*
|--------------------------------------------------------------------------
| PANEL DESPLEGABLE REAL
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
> .mega-sub-menu{

    width:1180px !important;

    max-width:92vw !important;

    padding:42px !important;

    border-top:4px solid #f1c400 !important;

    border-radius:0 0 22px 22px !important;

    box-shadow:
        0 24px 48px rgba(0,0,0,.14);

}

/*
|--------------------------------------------------------------------------
| GRID PRINCIPAL
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
> .mega-sub-menu
> .mega-menu-row
> .mega-sub-menu{

    display:grid !important;

    grid-template-columns:

        1fr
        1fr
        1fr
        340px !important;

    gap:48px !important;

    align-items:start;

}

/*
|--------------------------------------------------------------------------
| COLUMNAS
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
.mega-menu-column{

    width:100% !important;

}

/*
|--------------------------------------------------------------------------
| LINKS INTERNOS
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
.mega-sub-menu
.mega-menu-link{

    font-size:16px !important;

    line-height:2 !important;

    font-weight:500 !important;

    color:#4d4d4d !important;

    transition:all .2s ease;

}

/*
|--------------------------------------------------------------------------
| HOVER LINKS INTERNOS
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
.mega-sub-menu
.mega-menu-link:hover{

    color:#002855 !important;

    padding-left:4px;

}

/*
|--------------------------------------------------------------------------
| HEADINGS
|--------------------------------------------------------------------------
*/

.usb-mega-heading
> a.mega-menu-link{

    font-size:22px !important;

    font-weight:700 !important;

    color:#69707a !important;

    text-transform:uppercase;

    letter-spacing:.04em;

    line-height:1.3 !important;

    border-bottom:1px solid #d6d6d6;

    padding-bottom:14px !important;

    margin-bottom:16px !important;

}

/*
|--------------------------------------------------------------------------
| COLUMNA GRIS
|--------------------------------------------------------------------------
*/

.usb-highlight-column{

    background:#e2e2e2 !important;

    padding:28px !important;

    border-radius:18px !important;

}

/*
|--------------------------------------------------------------------------
| ICONOS
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
.dashicons{

    margin-right:10px;

    color:#7f8790;

    font-size:16px;

}

/*
|--------------------------------------------------------------------------
| ANIMACIÓN
|--------------------------------------------------------------------------
*/

#mega-menu-item-1508
> .mega-sub-menu{

    animation:usbMegaFade .22s ease;

}

/*
|--------------------------------------------------------------------------
| KEYFRAMES
|--------------------------------------------------------------------------
*/

@keyframes usbMegaFade{

    from{

        opacity:0;

        transform:translateY(12px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 1200px){

    #mega-menu-item-1508
    > .mega-sub-menu{

        width:95vw !important;

    }

}
@media (max-width: 1200px){

    #mega-menu-item-1508
    > .mega-sub-menu{

        width:95vw !important;

    }

}

@media (max-width: 1024px){

    #mega-menu-item-1508
    > .mega-sub-menu{

        padding:28px !important;

    }

    #mega-menu-item-1508
    > .mega-sub-menu
    > .mega-menu-row
    > .mega-sub-menu{

        grid-template-columns:
            1fr
            1fr !important;

        gap:28px !important;

    }

}

@media (max-width: 768px){

    #mega-menu-item-1508
    > .mega-sub-menu{

        width:100% !important;

        border-radius:0 !important;

        padding:22px !important;

    }

    #mega-menu-item-1508
    > .mega-sub-menu
    > .mega-menu-row
    > .mega-sub-menu{

        grid-template-columns:
            1fr !important;

    }

    .usb-highlight-column{

        margin-top:18px;

    }

}
@media (max-width: 768px){

    #mega-menu-wrap-menu_2
    #mega-menu-menu_2{

        flex-direction:column;

        align-items:stretch;

    }

    #mega-menu-item-1508
    > .mega-sub-menu{

        width:100% !important;

        padding:24px !important;

    }

    #mega-menu-item-1508
    > .mega-sub-menu
    > .mega-menu-row
    > .mega-sub-menu{

        grid-template-columns:
            1fr !important;

    }

}
/*
|--------------------------------------------------------------------------
| TEMP MOBILE FIX
|--------------------------------------------------------------------------
*/

@media (max-width: 999px){

    .ct-header-trigger{

        display:none !important;

    }

}

/*
|--------------------------------------------------------------------------
| MENU RIGHT SPACING
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2{

    padding-right:260px;

}

/*
|--------------------------------------------------------------------------
| FULL BLEED BLACK BAR
|--------------------------------------------------------------------------
*/

#header-menu-2{

    position:relative;

}

#mega-menu-wrap-menu_2{

    position:relative !important;

}

/*
|--------------------------------------------------------------------------
| MAIN BLACK BAR
|--------------------------------------------------------------------------
*/

#mega-menu-menu_2{

    width:100% !important;

    justify-content:center !important;

    min-height:48px !important;

    background:#111111 !important;

}

/*
|--------------------------------------------------------------------------
| REAL FULL WIDTH BLACK BAR
|--------------------------------------------------------------------------
*/

#header-menu-2{

    position:relative;

}

/*
|--------------------------------------------------------------------------
| BLACK BACKGROUND LAYER
|--------------------------------------------------------------------------
*/

#header-menu-2::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:100vw;

    height:46px;

    background:#111111;

    z-index:-1;

}

/*
|--------------------------------------------------------------------------
| MENU WRAPPER
|--------------------------------------------------------------------------
*/

#mega-menu-wrap-menu_2{

    width:100% !important;

}

/*
|--------------------------------------------------------------------------
| MAIN MENU
|--------------------------------------------------------------------------
*/

#mega-menu-menu_2{

    min-height:46px !important;

    background:transparent !important;

    justify-content:center !important;

}

[data-row="bottom"] #mega-menu-menu_2{

    width:100% !important;

    background:#111111 !important;

    justify-content:flex-start !important;

    min-height:44px !important;

    padding-left:22px !important;

}