/* * Menu */ /* Menu header element ========================================================================== */ .w-nav.type_desktop:not(.height_full), .w-hwrapper .w-nav.type_desktop, .w-vwrapper .w-nav.type_desktop { line-height: 50px; /* fixed value */ } .l-subheader-cell .w-nav { margin-left: 0; margin-right: 0; } .w-nav-list { list-style: none; margin: 0; } .w-nav-list:not(.level_1) { display: none; visibility: hidden; /* required to disable tab navigation without JS */ } .w-nav .menu-item.opened > .w-nav-list, .no-touch .w-nav .menu-item:hover > .w-nav-list { visibility: visible; } .w-nav.type_desktop.dropdown_shadow_wide .w-nav-list:not(.level_1) { box-shadow: var(--box-shadow); } .w-nav.type_desktop.dropdown_shadow_thin .w-nav-list:not(.level_1) { box-shadow: 0 1px 1px rgba(0,0,0,.15); } .w-nav.type_desktop .w-nav-list.level_2 { text-align: left; position: absolute; left: 0; z-index: 120; min-width: 12rem; } .w-nav.type_desktop .w-nav-list.level_3 { position: absolute; left: 100%; top: 0; z-index: 121; min-width: 12rem; } .w-nav.type_desktop .w-nav-list.level_4 { position: absolute; left: 100%; top: 0; z-index: 122; min-width: 12rem; } .w-nav .menu-item { display: block; position: relative; margin: 0; } .w-nav-anchor { display: block; position: relative; } .w-nav-anchor:focus-visible { outline-offset: calc( -1 * var(--focus-outline-width, 2px ) ); } .w-nav.type_desktop .w-nav-anchor.level_1 { z-index: 1; } .w-nav.type_desktop .w-nav-anchor:not(.level_1) { line-height: 1.5em; padding: .6em 20px; /* leave 'px' to match with default menu items distance */ white-space: nowrap; transition-property: text-decoration-color, text-underline-offset; } .w-nav-title i { width: 1.3em; } /* Gap between desktop menu items */ .header_hor .w-nav.type_desktop .menu-item.level_1 > a:not(.w-btn) { padding-left: var(--menu-items-gap, 20px); padding-right: var(--menu-items-gap, 20px); } .header_hor .w-nav.type_desktop .menu-item.level_1 > a.w-btn { margin-left: var(--menu-items-gap, 20px); margin-right: var(--menu-items-gap, 20px); } .header_ver .w-nav.type_desktop .menu-item.level_1 > a:not(.w-btn) { padding-top: var(--menu-items-gap, 20px); padding-bottom: var(--menu-items-gap, 20px); } .header_ver .w-nav.type_desktop .menu-item.level_1 > a.w-btn { margin-top: var(--menu-items-gap, 20px); margin-bottom: var(--menu-items-gap, 20px); } /* Align the first/last menu item to the header edge */ .header_hor .w-nav.type_desktop.align-edges > .w-nav-list.level_1 { margin-left: calc( -1 * var(--menu-items-gap, 20px) ); margin-right: calc( -1 * var(--menu-items-gap, 20px) ); } /* Menu item arrow */ .w-nav-arrow { position: absolute !important; /* importance required if button style is set */ vertical-align: top; font-weight: normal; line-height: inherit; text-transform: none; text-align: center; outline: 0 !important; opacity: 0; visibility: hidden; /* required to disable tab navigation without JS */ } .menu-item-has-children.level_1 > a > .w-nav-arrow, .menu-item.opened .menu-item-has-children > a > .w-nav-arrow, .no-touch .menu-item:hover .menu-item-has-children > a > .w-nav-arrow { visibility: visible; /* enable tab navigation on certain arrows */ } .w-nav-arrow:focus-visible { opacity: 1; } .w-nav-arrow:before { content: '\f107'; vertical-align: top; font-family: fontawesome; font-weight: 400; } .w-nav.type_mobile .w-nav-anchor:not(.w-btn) .w-nav-arrow:before { font-size: 1.4em; } .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before { font-size: 1.2em; margin-inline-start: .4em; } .header_ver .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before { content: '\f105'; } .w-nav.type_desktop .w-nav-list.level_2 .w-nav-arrow:before { content: '\f105'; font-size: 1.2em; } .w-nav.type_desktop .menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-arrow { display: block; opacity: 1; top: 0; inset-inline-end: 0; line-height: 2.7em; width: 2em; } .w-nav.type_desktop .menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-title { padding-inline-end: 2em; } .w-nav-anchor.w-btn { display: flex; } .w-nav-anchor.w-btn > .w-nav-arrow { line-height: 1; inset-inline-end: 1em; } /* Show arrows for main items with dropdown */ .w-nav.type_desktop.show_main_arrows .menu-item-has-children.level_1 > a > .w-nav-arrow { display: inline-block; position: relative !important; /* importance required if button style is set */ inset-inline-end: auto; opacity: 1; } /* Hover effect: Underline */ .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 { text-decoration: none !important; } .w-nav.type_desktop .hover_underline .w-nav-title { position: relative; } .no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after { display: block; content: ''; position: absolute; left: 0; bottom: -0.4em; margin: 0 auto -2px; height: 2px; /* fixed value */ width: 100%; background: currentColor; opacity: 0; transition: all .2s; } .no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1:hover .w-nav-title:after { bottom: -2px; /* fixed value */ opacity: 1; } /* For Horizontal header */ .header_hor .w-nav.type_desktop > .w-nav-list { display: flex; align-items: center; } .header_hor .w-nav.type_desktop > .w-nav-list > .menu-item { flex-shrink: 0; } .l-header.bg_transparent:not(.sticky) .type_desktop .menu-item.level_1 > a:not(.w-btn) { background: none; } /* SPREAD */ .header_hor .w-nav.type_desktop.spread { width: 100%; margin: 0; } .header_hor .w-nav.type_desktop.spread > .w-nav-list { justify-content: space-between; } .header_hor .w-nav.type_desktop .menu-item-object-us_page_block { max-height: calc( 100vh - var(--header-height, 0px) - var(--wp-admin--admin-bar--height, 0px) - var(--dropdown-padding, 0px) * 2 ); } /* For Vertical header */ .header_ver .w-nav { width: 100%; } .header_ver .w-nav.type_desktop .w-nav-list.level_2 { left: 100%; top: 0; } .header_ver .w-nav-anchor.level_1 { line-height: 1.2; padding: 0 1.3em; } /* Drops sublevel list of item to the left */ .w-nav.type_desktop .menu-item.level_2.drop_left .w-nav-list.level_3, .w-nav.type_desktop .menu-item.level_3.drop_left .w-nav-list.level_4 { left: auto; right: 100%; } /* Drops sublevel list of item to the top */ .w-nav.type_desktop .menu-item.drop_top > .w-nav-list { top: auto !important; bottom: 0; } /* Reusable Block as Dropdown */ .menu-item-object-us_page_block { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; text-transform: none; font-style: normal; } .menu-item-object-us_page_block > .w-grid { overflow: hidden; } /* Dropdown columns */ .w-nav.type_desktop .menu-item.has_cols.fill_direction_ver .w-nav-list.level_2 { columns: var(--menu-cols, 1); column-gap: 0; } .w-nav.type_desktop .menu-item.has_cols.fill_direction_hor .w-nav-list.level_2 { display: flex; flex-wrap: wrap; } .header_ver .w-nav.type_desktop .menu-item.has_cols .w-nav-list.level_2 { width: calc( 100vw - var(--header-width, 0px) ); max-width: 980px; } .w-nav.type_desktop .menu-item.has_cols.fill_direction_hor .w-nav-list.level_2 > li { flex-shrink: 0; width: calc( 100% / var(--menu-cols, 1) ); } .w-nav.type_desktop .menu-item.has_cols.fill_direction_hor .w-nav-anchor { white-space: normal; } .w-nav.type_desktop .menu-item.has_cols .menu-item-has-children .w-nav-anchor.level_2 { font-size: 1.15em; font-weight: bold; background: none !important; color: inherit !important; } .w-nav.type_desktop .menu-item.has_cols .menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow { display: none; } .w-nav.type_desktop .menu-item.has_cols .w-nav-list.level_3 { display: block; position: static; background: none; box-shadow: none; color: inherit; min-width: 0; transform: none !important; transition: none !important; opacity: 1 !important; } .w-nav.type_desktop .menu-item.has_cols.opened .w-nav-list.level_3, .no-touch .w-nav.type_desktop .menu-item.has_cols:hover .w-nav-list.level_3 { visibility: visible; } .w-nav.type_desktop .menu-item.has_cols .w-nav-list.level_3 .menu-item { transform: none !important; } /* Dropdown animations */ .w-nav.type_desktop.dropdown_none .w-nav-list:not(.level_1) { display: block; } .w-nav.type_desktop.dropdown_opacity .w-nav-list:not(.level_1) { display: block; opacity: 0; transition: opacity .3s, visibility .3s; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_opacity .menu-item:hover > .w-nav-list, .w-nav.type_desktop.dropdown_opacity .menu-item.opened > .w-nav-list { opacity: 1; } .w-nav.type_desktop.dropdown_slide .w-nav-list:not(.level_1) { display: block; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); transition: transform .3s cubic-bezier(0,1,.8,1), visibility .3s; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_slide .menu-item:hover > .w-nav-list, .w-nav.type_desktop.dropdown_slide .menu-item.opened > .w-nav-list { transform: scaleY(1) translateZ(0); } .w-nav.type_desktop.dropdown_height .w-nav-list:not(.level_1) { display: block; transform-origin: 50% 0; transform: scaleY(0) translateZ(0); opacity: 0; transition: transform .3s, opacity .3s, visibility .3s; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_height .menu-item:hover > .w-nav-list, .w-nav.type_desktop.dropdown_height .menu-item.opened > .w-nav-list { transform: scaleY(1) translateZ(0); opacity: 1; } .w-nav.type_desktop.dropdown_afb .w-nav-list:not(.level_1) { display: block; transform-origin: 50% 0; transform: translate3d(0,30px,0); opacity: 0; transition: transform .3s cubic-bezier(.4,0,.2,1), opacity .2s, visibility .3s; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_afb .menu-item:hover > .w-nav-list, .w-nav.type_desktop.dropdown_afb .menu-item.opened > .w-nav-list { transform: translate3d(0,0,0); opacity: 1; } .w-nav.type_desktop.dropdown_mdesign .w-nav-list:not(.level_1) { display: block; transform-origin: 0 0; transform: scale(0) translateZ(0); opacity: 0; transition: transform .3s cubic-bezier(.4,0,.2,1), opacity .15s, visibility .3s; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_mdesign .menu-item:hover > .w-nav-list, .w-nav.type_desktop.dropdown_mdesign .menu-item.opened > .w-nav-list { transform: scale(1) translateZ(0); opacity: 1; } .w-nav.type_desktop.dropdown_hor .w-nav-list:not(.level_1) { display: block; transform: translate3d(-20px,0,0); opacity: 0; transition: transform .3s, opacity .2s, visibility .2s; } .w-nav.type_desktop.dropdown_hor .w-nav-list:not(.level_1) > .menu-item { transform: translate3d(40px,0,0); transition: transform .3s; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_hor .menu-item:hover > .w-nav-list, .w-nav.type_desktop.dropdown_hor .menu-item.opened > .w-nav-list { transform: translate3d(0,0,0); opacity: 1; } .no-touch .w-nav.type_desktop.open_on_hover.dropdown_hor .menu-item:hover > .w-nav-list > .menu-item, .w-nav.type_desktop.dropdown_hor .w-nav-anchor:focus ~ .w-nav-list > .menu-item, .w-nav.type_desktop.dropdown_hor .menu-item.opened > .w-nav-list > .menu-item { transform: translate3d(0,0,0); } /* Mobile Menu */ .header_ver .w-nav.type_mobile { padding: 0 .6rem; } .header_hor .l-subheader-cell.at_left .w-nav:first-child .w-nav-control { margin-inline-start: -0.8rem; } .header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control { margin-inline-end: -0.8rem; } .w-nav.type_mobile .w-nav-list.level_1 { z-index: 3; overflow-y: auto; -webkit-overflow-scrolling: touch; } .w-nav.type_mobile .w-nav-anchor:not(.w-btn) { line-height: 1.6em; padding: .7rem; transition: none; } .w-nav.type_mobile .menu-item-has-children > .w-nav-anchor .w-nav-arrow { opacity: 1; vertical-align: top; transition: transform .3s; } .w-nav.type_mobile .menu-item-has-children.opened > .w-nav-anchor .w-nav-arrow { transform: rotate(180deg); } /* Mobile Menu: Alignment */ .w-nav.type_mobile.m_align_left { text-align: left; } .w-nav.type_mobile.m_align_center { text-align: center; } .w-nav.type_mobile.m_align_right { text-align: right; } .w-nav.type_mobile.m_align_left .menu-item-has-children > .w-nav-anchor .w-nav-title { padding-right: 2em; } .w-nav.type_mobile.m_align_left .menu-item-has-children > .w-nav-anchor .w-nav-arrow { position: absolute; top: 0; right: 0; padding: .7rem 0; } .w-nav.type_mobile.m_align_right .menu-item-has-children > .w-nav-anchor .w-nav-title { padding-left: 2em; } .w-nav.type_mobile.m_align_right .menu-item-has-children > .w-nav-anchor .w-nav-arrow { position: absolute; top: 0; left: 0; padding: .7rem 0; } .w-nav.type_mobile.m_align_left .menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-arrow, .w-nav.type_mobile.m_align_right .menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-arrow { padding-left: 1rem; padding-right: 1rem; } .w-nav.type_mobile.m_align_none .menu-item-has-children > .w-nav-anchor .w-nav-arrow, .w-nav.type_mobile.m_align_center .menu-item-has-children > .w-nav-anchor .w-nav-arrow { margin-left: .4em; } .w-nav.type_mobile.m_align_none .w-nav-anchor.level_2, .w-nav.type_mobile.m_align_left .w-nav-anchor.level_2 { padding-left: 1rem; } .w-nav.type_mobile.m_align_none .w-nav-anchor.level_3, .w-nav.type_mobile.m_align_left .w-nav-anchor.level_3 { padding-left: 2rem; } .w-nav.type_mobile.m_align_none .w-nav-anchor.level_4, .w-nav.type_mobile.m_align_left .w-nav-anchor.level_4 { padding-left: 3rem; } .w-nav.type_mobile.m_align_right .w-nav-anchor.level_2 { padding-right: 1rem; } .w-nav.type_mobile.m_align_right .w-nav-anchor.level_3 { padding-right: 2rem; } .w-nav.type_mobile.m_align_right .w-nav-anchor.level_4 { padding-right: 3rem; } /* Mobile Menu: Dropdown layout */ .header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { position: absolute; top: 100%; left: min( ( 100vw - var(--site-content-width) ) / -2, -2.5rem ); right: min( ( 100vw - var(--site-content-width) ) / -2, -2.5rem ); padding-left: max( ( 100vw - var(--site-content-width) ) / 2, 2.5rem ); padding-right: max( ( 100vw - var(--site-content-width) ) / 2, 2.5rem ); box-shadow: 0 3px 3px rgba(0,0,0,0.1); /* fixed value */ max-height: calc( 100vh - var(--header-height, 0px) - var(--wp-admin--admin-bar--height, 0px) ); } .header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 > li > a:not(.w-btn) { padding-left: 0; padding-right: 0; } .header_ver .w-nav.type_mobile.m_layout_dropdown .w-nav-control { display: none; } .header_ver .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { display: block; background: none; } /* Mobile Menu: Panel layout */ .w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 { position: fixed; display: block; top: calc( var(--site-outline-width, 0px) + var(--wp-admin--admin-bar--height, 0px) ); bottom: var(--site-outline-width, 0px); padding: 1rem; width: var(--header-width, auto); min-height: calc( 100dvh - 2 * var(--site-outline-width, 0px) - var(--wp-admin--admin-bar--height, 0px) ); min-width: 270px; /* fixed value */ transition: transform .25s cubic-bezier(.4,0,.2,1), visibility .25s; visibility: hidden; /* required to disable tab navigation without JS */ } .w-nav.type_mobile.m_layout_panel .w-nav-control.active + .w-nav-list.level_1 { visibility: visible; } .w-nav.type_mobile.m_layout_panel.m_effect_afl .w-nav-list.level_1 { left: var(--site-outline-width, 0px); box-shadow: 1px 0 0 rgba(0,0,0,0.08); transform: translateX(-100%); } .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 { right: var(--site-outline-width, 0px); box-shadow: -1px 0 0 rgba(0,0,0,0.08); transform: translateX(100%); } .w-nav.type_mobile.m_layout_panel .w-nav-control.active + .w-nav-list.level_1 { transform: translateX(0); } body.header_ver .w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 { position: absolute; top: 0; } body.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afl .w-nav-list.level_1 { left: 0; } body.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 { right: 0; transform: scaleX(0); transform-origin: 100% 0; } body.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-control.active + .w-nav-list.level_1 { transform: scaleX(1); } /* Mobile Menu: Full Screen Layout */ .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 { position: fixed; display: flex; flex-direction: column; top: calc( var(--site-outline-width, 0px) + var(--wp-admin--admin-bar--height, 0px) ); left: var(--site-outline-width, 0px); right: var(--site-outline-width, 0px); bottom: var(--site-outline-width, 0px); min-height: calc( 100dvh - 2 * var(--site-outline-width, 0px) - var(--wp-admin--admin-bar--height, 0px) ); padding: 2rem; pointer-events: none; transition: transform .3s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1), visibility .3s; visibility: hidden; /* required to disable tab navigation without JS */ } body.header_ver .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 { position: absolute; top: 0; left: 0; right: 0; } body.header_ver .w-nav.type_mobile.m_layout_fullscreen.m_effect_afb .w-nav-list.level_1, /* fix for vertical header */ .w-nav.type_mobile.m_layout_fullscreen.m_effect_aft .w-nav-list.level_1 { transform: translateY(-100%); } .w-nav.type_mobile.m_layout_fullscreen.m_effect_fade .w-nav-list.level_1 { opacity: 0; } .w-nav.type_mobile.m_layout_fullscreen.m_effect_afc .w-nav-list.level_1 { opacity: 0; transform: scale(.001); } .w-nav.type_mobile.m_layout_fullscreen.m_effect_afb .w-nav-list.level_1 { transform: translateY( calc( 110% + var(--header-height, 0px) + var(--wp-admin--admin-bar--height, 0px ) ) ); } .w-nav.type_mobile.m_layout_fullscreen .w-nav-control.active + .w-nav-list.level_1 { pointer-events: auto; opacity: 1; transform: translateY(0) scale(1); visibility: visible; } .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > li { flex-shrink: 0; } .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > li:first-child { margin-top: auto; } .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > li:nth-last-child(2) { margin-bottom: auto; } .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 .w-nav-close { display: block; } .header_hor .w-nav.type_mobile.m_layout_fullscreen.header_is_visible .w-nav-list.level_1 { top: calc( var(--header-height, 0px) + var(--wp-admin--admin-bar--height, 0px) ); min-height: 0; } .header_hor .l-header.sticky .w-nav.type_mobile.m_layout_fullscreen.header_is_visible .w-nav-list.level_1 { top: calc( var(--header-sticky-height, 0px) + var(--wp-admin--admin-bar--height, 0px) ); } .header_hor .w-nav.type_mobile.m_layout_fullscreen.header_is_visible .w-nav-list.level_1 .w-nav-close { display: none; } /* Reset padding for menu container with Reusable Block with Rows */ .w-nav.type_mobile .w-nav-list.level_1:has(>.us_page_block_with_rows:first-child:nth-last-child(2)) { padding: 0 !important; } /* Mobile Icon Style: default */ .w-nav-control { display: none; align-items: center; line-height: 50px; /* fixed value */ max-height: 50px; /* fixed value */ padding: 0 .8rem; color: inherit; } .w-nav-control > * + * { margin-inline-start: .5rem; } .w-nav-icon { font-size: var(--icon-size, 20px); position: relative; height: 1em; width: 1em; } .w-nav-icon > div { position: absolute; top: calc( 50% - var(--icon-thickness, 3px) / 2 ); height: var(--icon-thickness, 3px); width: inherit; border-radius: var(--icon-thickness, 3px); background: currentColor; transition: transform .2s cubic-bezier(0,1,.8,1); } .w-nav-icon > div:before, .w-nav-icon > div:after { content: ''; display: block; position: absolute; height: inherit; width: inherit; background: inherit; border-radius: inherit; } .w-nav-icon > div:before { top: -0.3333em; transition: top .2s cubic-bezier(0,1,.8,1) .2s, opacity .2s cubic-bezier(0,1,.8,1); } .w-nav-icon > div:after { top: .3333em; transition: top .2s cubic-bezier(0,1,.8,1) .2s, transform .2s cubic-bezier(0,1,.8,1); } /* Mobile Icon Style: Hamburger 1 */ .w-nav-control.active .w-nav-icon.style_hamburger_1 > div { transform: rotate(45deg); transition-delay: .2s; } .w-nav-control.active .w-nav-icon.style_hamburger_1 > div:before { top: 0; opacity: 0; transition: top .2s cubic-bezier(0,1,.8,1), opacity .2s cubic-bezier(0,1,.8,1) .2s; } .w-nav-control.active .w-nav-icon.style_hamburger_1 > div:after { top: 0; transform: rotate(90deg); transition: top .2s cubic-bezier(0,1,.8,1), transform .2s cubic-bezier(0,1,.8,1) .2s; } /* Mobile Icon Style: Hamburger 6 */ .w-nav-icon.style_hamburger_6 > div { transition: width .4s cubic-bezier(.68, -0.6, .32, 1.6), transform .4s cubic-bezier(.68, -0.6, .32, 1.6); } .w-nav-icon.style_hamburger_6 > div:before { width: 50%; transition: inherit; } .w-nav-icon.style_hamburger_6 > div:after { width: 75%; transition: inherit; } .w-nav-control.active .w-nav-icon.style_hamburger_6 > div { transform: rotate(-45deg); } .w-nav-control.active .w-nav-icon.style_hamburger_6 > div:before { transform: rotate(90deg) translate(.1em, -.25em); } body.rtl .w-nav-control.active .w-nav-icon.style_hamburger_6 > div:before { transform: rotate(90deg) translate(.1em, .25em); } .w-nav-control.active .w-nav-icon.style_hamburger_6 > div:after { width:50%; transform: rotate(90deg) translate(-.08em, -.25em); } body.rtl .w-nav-control.active .w-nav-icon.style_hamburger_6 > div:after { transform: rotate(90deg) translate(-.08em, .25em); } /* Mobile Icon Style: Hamburger 2 */ .w-nav-icon.style_hamburger_2 > div:first-child { inset-inline-start: .1em; transition: transform .35s, opacity .35s, inset-inline-start .35s; } .w-nav-icon.style_hamburger_2 > div:first-child:before, .w-nav-icon.style_hamburger_2 > div:first-child:after { inset-inline-start: -.2em; transition: inherit; } .w-nav-icon.style_hamburger_2 div:last-child { opacity: 0; transition: transform .35s, opacity .35s; transform: translateX(50%); } .w-nav-icon.style_hamburger_2 div:last-child:before, .w-nav-icon.style_hamburger_2 div:last-child:after { width: 100%; position: absolute; transition: inherit; transform: translateX(-100%); } /* Hamburger 2: Active mobile */ .w-nav-control.active .w-nav-icon.style_hamburger_2 > div:last-child { display: none; } .w-nav-control.active .w-nav-icon.style_hamburger_2 div:first-child { transform: rotate(45deg); inset-inline-start: 0; } .w-nav-control.active .w-nav-icon.style_hamburger_2 div:first-child:before { transform: translate(.2em, .3333em) rotate(90deg); } .w-nav-control.active .w-nav-icon.style_hamburger_2 div:first-child:after { transform: translateY(-.3333em); opacity: 0; } /* Hamburger 2: Hover desktop */ .no-touch .w-nav-control:hover .w-nav-icon.style_hamburger_2 > div:first-child { transform: translateX(-50%); opacity: 0; } .no-touch .w-nav-control:hover .w-nav-icon.style_hamburger_2 > div:first-child:before, .no-touch .w-nav-control:hover .w-nav-icon.style_hamburger_2 > div:first-child:after { transform: translateX(100%); opacity: 0; } .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_2 div:last-child { opacity: 1; transform: translateX(0); } .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_2 div:last-child:before, .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_2 div:last-child:after { opacity: 1; transform: translateX(0); } /* Hamburger 2: Active desktop */ .no-touch .w-nav-control.active .w-nav-icon.style_hamburger_2 > div:first-child { display: none; } .no-touch .w-nav-control.active .w-nav-icon.style_hamburger_2 > div:last-child { display: block; } .no-touch .w-nav-control.active .w-nav-icon.style_hamburger_2 div:last-child { opacity: 1; transform: rotate(45deg); } .no-touch .w-nav-control.active .w-nav-icon.style_hamburger_2 div:last-child:before { transform: translateY(.3333em) rotate(90deg); } .no-touch .w-nav-control.active .w-nav-icon.style_hamburger_2 div:last-child:after { transform: translateY(-.3333em); opacity: 0; } /* Mobile Icon Style: Hamburger 3 */ .w-nav-icon.style_hamburger_3 { clip-path: inset(-18%); } .w-nav-icon.style_hamburger_3 svg { display: block; margin: -64% -64% 0; transition: transform .4s; } .w-nav-control.active .w-nav-icon.style_hamburger_3 svg { transform: rotate(45deg); } .w-nav-icon.style_hamburger_3 svg .line { fill: none; transition: stroke-dasharray .4s, stroke-dashoffset .4s; stroke: currentColor; stroke-width: calc( 40 / var(--icon-size-int, 20) * var(--icon-thickness, 3px) ); stroke-linecap: round; } .w-nav-icon.style_hamburger_3 svg .top { stroke-dasharray: 40 121; } .w-nav-icon.style_hamburger_3 svg .bottom { stroke-dasharray: 40 121; } .w-nav-control.active .w-nav-icon.style_hamburger_3 svg .top { stroke-dashoffset: -68px; } .w-nav-control.active .w-nav-icon.style_hamburger_3 svg .bottom { stroke-dashoffset: -68px; } /* Mobile Icon Style: Hamburger 4 */ .w-nav-icon.style_hamburger_4 { transition: transform .3s; } .w-nav-icon.style_hamburger_4 > div { inset-inline-start: .125em; width: .75em; transition: width .3s, height .3s, transform .3s, inset-inline-start .3s, border-radius .3s; } .w-nav-icon.style_hamburger_4 > div:before { inset-inline-start: inherit; transition: inherit; } .w-nav-icon.style_hamburger_4 > div:after { inset-inline-start: -.125em; transition: inherit; } .w-nav-control.active .w-nav-icon.style_hamburger_4 { transform: rotate(-90deg); } .w-nav-control.active .w-nav-icon.style_hamburger_4 > div { inset-inline-start: 50%; transform: translate(-50%, calc( var(--icon-thickness, 3px) / -2 ) ); height: calc( var(--icon-thickness, 3px) * 2 ); width: calc( var(--icon-thickness, 3px) * 2 ); border-radius: 50%; } body.rtl .w-nav-control.active .w-nav-icon.style_hamburger_4 > div { transform: translate(50%, calc( var(--icon-thickness, 3px) / -2 ) ); } .w-nav-control.active .w-nav-icon.style_hamburger_4 > div:before, .w-nav-control.active .w-nav-icon.style_hamburger_4 > div:after { inset-inline-start: 0; height: calc( var(--icon-thickness, 3px) * 2 ); width: calc( var(--icon-thickness, 3px) * 2 ); border-radius: 50%; } /* Mobile Icon Style: Hamburger 7 */ .w-nav-icon.style_hamburger_7 > div { top: calc( 33.33% - var(--icon-thickness, 3px) / 2 ); width: 75%; transition: width .2s cubic-bezier(.1, .82, .76, .965), transform .2s cubic-bezier(.1, .82, .76, .965), top .2s cubic-bezier(.1, .82, .76, .965); } .w-nav-icon.style_hamburger_7 > div:before { display: none; } .w-nav-icon.style_hamburger_7 > div:after { width: 100%; transition: inherit; } .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_7 > div { width: 100%; } .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_7 > div:after { width: 50%; } .w-nav-control.active .w-nav-icon.style_hamburger_7 > div { width: 100%; top: calc( 50% - var(--icon-thickness, 3px) / 2 ); transform: rotate(45deg); } .w-nav-control.active .w-nav-icon.style_hamburger_7 > div:after { transform: rotate(-90deg) translateX(.3333em); } /* Mobile Icon Style: Hamburger 5 */ .w-nav-icon.style_hamburger_5 > div { transition: transform .3s cubic-bezier(.54, -0.81, .57, .57); } .w-nav-icon.style_hamburger_5 > div:before, .w-nav-icon.style_hamburger_5 > div:after { width: 50%; transition: inherit; } .w-nav-icon.style_hamburger_5 > div:after { inset-inline-end: 0; } .w-nav-control.active .w-nav-icon.style_hamburger_5 > div { transform: rotate(-45deg); } .w-nav-control.active .w-nav-icon.style_hamburger_5 > div:before { transform: rotate(-90deg) translate(-.08em, .25em); } body.rtl .w-nav-control.active .w-nav-icon.style_hamburger_5 > div:before { transform: rotate(-90deg) translate(-.08em, -.25em); } .w-nav-control.active .w-nav-icon.style_hamburger_5 > div:after { transform: rotate(-90deg) translate(.08em, -.25em); } body.rtl .w-nav-control.active .w-nav-icon.style_hamburger_5 > div:after { transform: rotate(-90deg) translate(.08em, .25em); } /* Mobile Icon Style: Hamburger 8 */ .w-nav-icon.style_hamburger_8:before, .w-nav-icon.style_hamburger_8:after { content: ''; position: absolute; display: block; width: inherit; height: var(--icon-thickness, 3px); border-radius: var(--icon-thickness, 3px); background: currentColor; transition: all .3s cubic-bezier(.8, .5, .2, 1.4); } .w-nav-icon.style_hamburger_8:before { top: .2em; } .w-nav-icon.style_hamburger_8:after { bottom: .2em; } .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_8:before { top: .1em; } .no-touch .w-nav-control:not(.active):hover .w-nav-icon.style_hamburger_8:after { bottom: .1em; } .w-nav-icon.style_hamburger_8 > div { transition: all .3s cubic-bezier(.8, .5, .2, 1.4); } .w-nav-icon.style_hamburger_8 > div:before, .w-nav-icon.style_hamburger_8 > div:after { display: none; } .w-nav-control.active .w-nav-icon.style_hamburger_8:before { top: calc(50% - var(--icon-thickness, 3px) / 2); transform: rotate(45deg); } .w-nav-control.active .w-nav-icon.style_hamburger_8:after { bottom: calc(50% - var(--icon-thickness, 3px) / 2); transform: rotate(-45deg); } .w-nav-control.active .w-nav-icon.style_hamburger_8 > div { transform: rotate(135deg); opacity: 0; } /* Mobile Icon Style: Kebab 1 */ .w-nav-icon.style_kebab_1 > div { top: calc( 50% - var(--icon-thickness, 3px) ); left: calc( 50% - var(--icon-thickness, 3px) ); width: calc( var(--icon-thickness, 3px) * 2 ); height: calc( var(--icon-thickness, 3px) * 2 ); border-radius: 50% !important; transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), opacity .25s; } .w-nav-icon.style_kebab_1 > div:before, .w-nav-icon.style_kebab_1 > div:after { border-radius: 50% !important; } .w-nav-icon.style_kebab_1 > div:last-child { opacity: 0; } .w-nav-control.active .w-nav-icon.style_kebab_1 > div:first-child { transform: rotate(45deg); } .w-nav-control.active .w-nav-icon.style_kebab_1 > div:last-child { transform: rotate(135deg); opacity: 1; } /* Mobile Icon Style: Kebab 2 */ .w-nav-icon.style_kebab_2 { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-direction: column; } .w-nav-icon.style_kebab_2:before, .w-nav-icon.style_kebab_2:after { content: ''; position: relative; display: block; width: calc( var(--icon-thickness, 3px) * 2 ); height: calc( var(--icon-thickness, 3px) * 2 ); background: currentColor; border-radius: 50%; transition: all .4s cubic-bezier(.66,-0.45,.35,1.39); } .w-nav-icon.style_kebab_2:before { top: -.2em; } .w-nav-icon.style_kebab_2:after { bottom: -.2em; } .w-nav-icon.style_kebab_2 > div { position: static; display: flex; flex-direction: column; justify-content: center; align-items: center; background: none; } .w-nav-icon.style_kebab_2 > div:before, .w-nav-icon.style_kebab_2 > div:after { flex-shrink: 0; position: relative; top: var(--icon-thickness, 3px); width: calc( var(--icon-thickness, 3px) * 2 ); height: calc( var(--icon-thickness, 3px) * 2 ); transform: rotate(-45deg); border-radius: var(--icon-thickness, 3px); background: currentColor; transition: all .4s cubic-bezier(.66,-0.45,.35,1.39); } .w-nav-icon.style_kebab_2 > div:after { top: auto; bottom: var(--icon-thickness, 3px); transform: rotate(45deg); } .w-nav-control.active .w-nav-icon.style_kebab_2 > div:before { top: calc( var(--icon-thickness, 3px) / 2 ); width: .9em; height: var(--icon-thickness, 3px); } .w-nav-control.active .w-nav-icon.style_kebab_2 > div:after { bottom: calc( var(--icon-thickness, 3px) / 2 ); width: .9em; height: var(--icon-thickness, 3px); } .w-nav-control.active .w-nav-icon.style_kebab_2:before { top: var(--icon-thickness, 3px); width: var(--icon-thickness, 3px); height: var(--icon-thickness, 3px); } .w-nav-control.active .w-nav-icon.style_kebab_2:after { bottom: var(--icon-thickness, 3px); width: var(--icon-thickness, 3px); height: var(--icon-thickness, 3px); } /* Mobile Icon Style: Dots 1 */ .w-nav-icon.style_dots_1 svg { display: block; transition: transform .35s cubic-bezier(.8, .5, .2, 1.4); } .w-nav-icon.style_dots_1 circle { transition: transform .35s; transform-origin: center; r: calc( 20 / var(--icon-size-int, 20) * var(--icon-thickness, 3px) ); fill: currentColor; } .no-touch .w-nav-control:hover .w-nav-icon.style_dots_1 circle { transform: scale(1.1); } .w-nav-control.active .w-nav-icon.style_dots_1 svg { transform: rotate(180deg); } .w-nav-control.active .w-nav-icon.style_dots_1 circle:nth-child(2) { transform: translate(-5px, 5px); } .w-nav-control.active .w-nav-icon.style_dots_1 circle:nth-child(4) { transform: translate(5px, 5px); } .w-nav-control.active .w-nav-icon.style_dots_1 circle:nth-child(6) { transform: translate(-5px, -5px); } .w-nav-control.active .w-nav-icon.style_dots_1 circle:nth-child(8) { transform: translate(5px, -5px); } /* Mobile Icon Style: custom icon */ .w-nav-icon.style_custom_icon { display: flex; justify-content: center; align-items: center; } .w-nav-control.active .w-nav-icon.style_custom_icon i:first-child, .w-nav-control:not(.active) .w-nav-icon.style_custom_icon i:last-child { display: none; } /* Mobile Icon Style: image */ .w-nav-icon.style_custom_image img { display: block; } .w-nav-control.active .w-nav-icon.style_custom_image img:first-child, .w-nav-control:not(.active) .w-nav-icon.style_custom_image img:last-child { display: none; } /* Close button */ .w-nav-close { display: none; position: absolute; top: 0; right: 0; text-align: center; font-size: 2rem; line-height: 2; width: 2em; cursor: pointer; opacity: .5; } .no-touch .w-nav-close:hover { opacity: 1; } .w-nav-close:before { content: '\f00d'; font-family: fontawesome; font-weight: normal; vertical-align: top; } /* Button menu item */ .w-nav.type_mobile .menu-item > a.w-btn { display: inline-flex; vertical-align: top; margin: .7rem 0; } .w-nav.type_mobile .menu-item-has-children > a.w-btn .w-nav-arrow { position: relative !important; padding: 0 !important; } .w-nav.type_mobile.m_align_none .menu-item-has-children > a.w-btn .w-nav-title, .w-nav.type_mobile.m_align_left .menu-item-has-children > a.w-btn .w-nav-title, .w-nav.type_mobile.m_align_center .menu-item-has-children > a.w-btn .w-nav-title { padding-right: .5em; } .w-nav.type_mobile.m_align_right .menu-item-has-children > a.w-btn .w-nav-title { padding-left: .5em; } .menu-item > a.w-btn .w-nav-title:after { display: none !important; } .header_hor .w-nav.type_desktop a.w-btn ~ .w-nav-list.level_2 { margin-left: var(--menu-items-gap, 20px); margin-right: var(--menu-items-gap, 20px); } /* Disable scrolling effects for mobile menu */ .w-nav.type_mobile.has_scroll_effects { will-change: auto; transform: none; } /* Disable animation for mobile menu */ .w-nav.type_mobile { animation: none !important; opacity: 1; } /* Rounded Corners ========================================================================== */ .rounded_none .w-nav-icon.style_hamburger_8:before, .rounded_none .w-nav-icon.style_hamburger_8:after, .rounded_none .w-nav-icon.style_kebab_1 > div:before, .rounded_none .w-nav-icon.style_kebab_1 > div:after, .rounded_none .w-nav-control.active .w-nav-icon.style_kebab_2 > div:before, .rounded_none .w-nav-control.active .w-nav-icon.style_kebab_2 > div:after, .rounded_none .w-nav-icon > div { border-radius: 0; } .rounded_none .w-nav-icon > svg > .line { stroke-linecap: square; } /* Responsive ========================================================================== */ @media screen and (max-width: 900px) { .w-nav.type_desktop .menu-item.has_cols.fill_direction_ver .w-nav-list.level_2 { columns: 2; } .w-nav.type_desktop .menu-item.has_cols.fill_direction_hor .w-nav-list.level_2 > li { width: 50%; } .header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 { left: -1rem; right: -1rem; padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 767px) { .w-nav-close { font-size: 2rem; } } @media screen and (max-width: 480px) { .w-nav-anchor.level_2, .w-nav-anchor.level_3, .w-nav-anchor.level_4 { white-space: normal; } }