%PDF- %PDF-
Direktori : /var/www/projetos/spanish.ongrace.com/wp-content/themes/neve/assets/css/ |
Current File : /var/www/projetos/spanish.ongrace.com/wp-content/themes/neve/assets/css/mega-menu.css |
/* Style mega-menu and its children on mobile */ .header--row .neve-mega-menu > .sub-menu { cursor: default; width: var(--container); max-width: 100%; } .nav-ul > .neve-mega-menu .sub-menu .sub-menu { max-height: none; } .nav-ul > .neve-mega-menu .neve-mm-col { text-align: left; cursor: default; flex: 1; } .nav-ul > .neve-mega-menu .neve-mm-col .sub-menu { border: 0; padding-left: 0; } .nav-ul > .neve-mega-menu .neve-mm-col .sub-menu .sub-menu { left: 0; top: 100%; } .nav-ul > .neve-mega-menu a { display: flex; align-items: center; } .nav-ul > .neve-mega-menu a i { margin-top: 0; vertical-align: unset; } .nav-ul > .neve-mega-menu li.neve-mm-divider { height: 1px; margin: 10px auto; width: 100%; background-color: currentColor !important; padding: 0; cursor: default; } .nav-ul > .neve-mega-menu .neve-mm-description { text-align: left; justify-content: flex-start; } .nav-ul > .neve-mega-menu .neve-mm-heading > span { padding: 7px 14px; display: flex; height: 100%; cursor: default; align-items: center; } .nav-ul > .neve-mega-menu .neve-mm-heading > span i { margin-right: 10px; } .neve-mm-description { font-size: 0.8em; padding: 0 0 7px; width: 100%; display: flex; text-align: center; } .neve-mm-heading > span, .neve-mm-heading > a { font-size: 1.1em; cursor: pointer; display: flex; align-items: center; white-space: normal; font-weight: 700; text-transform: uppercase; } .neve-mm-heading i { margin-right: 10px; } .header-menu-sidebar-inner .sub-menu, .header-menu-sidebar-inner .sub-menu li { background-color: transparent !important; } .header-menu-sidebar-inner .neve-mega-menu .neve-mm-col > .sub-menu .sub-menu { max-height: 0; } .header-menu-sidebar-inner .neve-mega-menu .neve-mm-col > .sub-menu .sub-menu.dropdown-open { max-height: 3000px; } .header-menu-sidebar-inner .nav-ul > .neve-mega-menu .neve-mm-heading > span { padding: 3px 0; } .header-menu-sidebar-inner .mobile-center .neve-mm-heading > a, .header-menu-sidebar-inner .mobile-center .neve-mm-heading > span, .header-menu-sidebar-inner .mobile-center .neve-mm-description { text-align: center; justify-content: center; } .header-menu-sidebar-inner .mobile-left .neve-mm-heading > a, .header-menu-sidebar-inner .mobile-left .neve-mm-heading > span, .header-menu-sidebar-inner .mobile-left .neve-mm-description { text-align: left; justify-content: flex-start; } .header-menu-sidebar-inner .mobile-right .neve-mm-heading > a, .header-menu-sidebar-inner .mobile-right .neve-mm-heading > span, .header-menu-sidebar-inner .mobile-right .neve-mm-description { text-align: right; justify-content: flex-end; } .header--row .builder-item.has-nav { position: static; } @media (min-width: 576px) { .header-menu-sidebar-inner .tablet-center .neve-mm-heading > a, .header-menu-sidebar-inner .tablet-center .neve-mm-heading > span, .header-menu-sidebar-inner .tablet-center .neve-mm-description { text-align: center; justify-content: center; } .header-menu-sidebar-inner .tablet-left .neve-mm-heading > a, .header-menu-sidebar-inner .tablet-left .neve-mm-heading > span, .header-menu-sidebar-inner .tablet-left .neve-mm-description { text-align: left; justify-content: flex-start; } .header-menu-sidebar-inner .tablet-right .neve-mm-heading > a, .header-menu-sidebar-inner .tablet-right .neve-mm-heading > span, .header-menu-sidebar-inner .tablet-right .neve-mm-description { text-align: right; justify-content: flex-end; } } @media (min-width: 960px) { .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu > .sub-menu { left: 50% !important; right: unset !important; transform: translateX(-50%); position: absolute; padding: 20px; top: auto; display: none; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu > .sub-menu:not(.dropdown-open) { pointer-events: none; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu:hover > .sub-menu, .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu:focus > .sub-menu, .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu:focus-within > .sub-menu { display: flex; opacity: 1; visibility: visible; pointer-events: all; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu { position: unset; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu li > > a, .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu li > > span { padding: 7px 0; margin: 0 14px; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col > .sub-menu { visibility: visible; position: relative; left: initial; right: initial; opacity: 1; box-shadow: none; display: flex; flex-direction: column; text-align: left; width: 100%; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col > .sub-menu a { white-space: normal; justify-content: flex-start; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col > .sub-menu li:not(.neve-mm-divider) { border: 0; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col { padding: 0 10px; align-items: flex-start; border: 0; } .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col:not(:last-child) { border-right: 1px solid currentColor !important; } .neve-mm-description { justify-content: center; padding: 0 12px 7px; } .header-menu-sidebar-inner .desktop-center .neve-mm-heading > a, .header-menu-sidebar-inner .desktop-center .neve-mm-heading > span, .header-menu-sidebar-inner .desktop-center .neve-mm-description { text-align: center; justify-content: center; } .header-menu-sidebar-inner .desktop-left .neve-mm-heading > a, .header-menu-sidebar-inner .desktop-left .neve-mm-heading > span, .header-menu-sidebar-inner .desktop-left .neve-mm-description { text-align: left; justify-content: flex-start; } .header-menu-sidebar-inner .desktop-right .neve-mm-heading > a, .header-menu-sidebar-inner .desktop-right .neve-mm-heading > span, .header-menu-sidebar-inner .desktop-right .neve-mm-description { text-align: right; justify-content: flex-end; } } /*# sourceMappingURL=mega-menu.css.map */