.site-branding { max-height: inherit; } .site-branding a.brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: inherit; max-height: inherit; } .site-branding a.brand img { display: block; } .site-branding .site-title { margin: 0; } .site-branding .site-description { margin: 0.4375em 0 0; word-wrap: break-word; } .site-branding.branding-layout-standard:not(.site-brand-logo-only) a.brand img { margin-right: 1em; } .site-branding.branding-layout-standard-reverse a.brand { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .site-branding.branding-layout-standard-reverse a.brand img { margin-left: 1em; } .site-branding.branding-layout-vertical.site-title-top a.brand .site-title-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site-branding.branding-layout-vertical.site-title-top a.brand img { margin-top: 1em; margin-bottom: 1em; } .site-branding.branding-layout-vertical a.brand { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-branding.branding-layout-vertical a.brand img { margin-bottom: 1em; } .site-branding.branding-layout-vertical-reverse a.brand { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .site-branding.branding-layout-vertical-reverse a.brand img { margin-top: 1em; } .site-header-section-center .site-branding.branding-layout-vertical a.brand, .site-header-section-center .site-branding.branding-layout-vertical-reverse a.brand { text-align: center; } .site-header-section-center .site-branding.branding-layout-vertical a.brand img, .site-header-section-center .site-branding.branding-layout-vertical-reverse a.brand img { margin-left: auto; margin-right: auto; } @media screen and (max-width: 1024px) { .site-branding.branding-tablet-layout-standard:not(.site-brand-logo-only) a.brand img { margin-right: 1em; } .site-branding.branding-tablet-layout-standard-reverse a.brand { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .site-branding.branding-tablet-layout-standard-reverse a.brand img { margin-right: 1em; margin-bottom: 0; margin-top: 0; } .site-branding.branding-tablet-layout-vertical.site-title-top a.brand .site-title-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site-branding.branding-tablet-layout-vertical.site-title-top a.brand img { margin-top: 1em; margin-bottom: 1em; margin-right: 0; margin-left: 0; } .site-branding.branding-tablet-layout-vertical a.brand { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-branding.branding-tablet-layout-vertical a.brand img { margin-bottom: 1em; margin-right: 0; margin-left: 0; } .site-branding.branding-tablet-layout-vertical-reverse a.brand { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .site-branding.branding-tablet-layout-vertical-reverse a.brand img { margin-top: 1em; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 719px) { .site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand img { margin-right: 1em; margin-bottom: 0; margin-top: 0; } .site-branding.branding-mobile-layout-standard-reverse a.brand { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .site-branding.branding-mobile-layout-standard-reverse a.brand img { margin-left: 1em; margin-bottom: 0; margin-top: 0; } .site-branding.branding-mobile-layout-vertical.site-title-top a.brand .site-title-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .site-branding.branding-mobile-layout-vertical.site-title-top a.brand img { margin-top: 1em; margin-bottom: 1em; margin-right: 0; margin-left: 0; } .site-branding.branding-mobile-layout-vertical a.brand { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-branding.branding-mobile-layout-vertical a.brand img { margin-right: 0; margin-left: 0; margin-bottom: 1em; } .site-branding.branding-mobile-layout-vertical-reverse a.brand { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .site-branding.branding-mobile-layout-vertical-reverse a.brand img { margin-right: 0; margin-left: 0; margin-top: 1em; } } .site-header-row-center-column .brand:not(.has-logo-image) .site-title-wrap { text-align: center; } .header-navigation ul ul.sub-menu, .header-navigation ul ul.submenu { display: none; position: absolute; top: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; margin-left: 0; -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 13px rgba(0, 0, 0, 0.1); z-index: 1000; } .header-navigation ul ul.quadmenu-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header-navigation ul ul.sub-menu > li:last-child, .header-navigation ul ul.submenu > li:last-child { border-bottom: 0; } .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul ul.sub-menu, .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul ul.submenu { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: block; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; } .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul li.menu-item--toggled-on > ul, .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul li:hover > ul, .header-navigation[class*="header-navigation-dropdown-animation-fade"] ul li:not(.menu-item--has-toggle):focus > ul { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); clip: auto; height: auto; overflow: visible; } .header-navigation.header-navigation-dropdown-animation-fade-up ul ul.sub-menu, .header-navigation.header-navigation-dropdown-animation-fade-up ul ul.submenu { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .header-navigation.header-navigation-dropdown-animation-fade-down ul ul.sub-menu, .header-navigation.header-navigation-dropdown-animation-fade-down ul ul.submenu { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .site .nav--toggle-sub .dropdown-nav-special-toggle { position: absolute !important; overflow: hidden; padding: 0 !important; margin: 0 !important; margin-right: -0.1em !important; border: 0 !important; width: 0.9em; top: 0; bottom: 0; height: auto; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; background: 0 0 !important; display: block; left: auto; right: calc(1.4em / 2); pointer-events: none; } .site .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle { width: 2.6em; margin: 0 !important; right: 0; } .nav--toggle-sub .dropdown-nav-special-toggle:focus { z-index: 10; } .nav--toggle-sub .dropdown-nav-toggle { display: block; background: 0 0; position: absolute; right: 0; top: 50%; width: 0.7em; height: 0.7em; font-size: inherit; width: 0.9em; height: 0.9em; font-size: 0.9em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: inherit; margin: 0; padding: 0; border: none; border-radius: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; } .nav--toggle-sub ul ul .dropdown-nav-toggle { right: 0.2em; } .nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .nav--toggle-sub li.menu-item-has-children { position: relative; } .nav-drop-title-wrap { position: relative; padding-right: 1em; display: block; } .nav--toggle-sub li.menu-item--toggled-on > ul, .nav--toggle-sub li:hover > ul, .nav--toggle-sub li:not(.menu-item--has-toggle):focus > ul { display: block; } .nav--toggle-sub li:not(.menu-item--has-toggle):focus-within > ul { display: block; } @media (hover: none) { .site .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on) .dropdown-nav-special-toggle { left: 0; right: 0 !important; margin-right: 0 !important; width: 100%; pointer-events: all; } .site .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on) > a { pointer-events: none; } } .rtl .nav--toggle-sub .dropdown-nav-toggle { right: auto; left: 0; } .rtl .primary-menu-container > ul > li.menu-item > .dropdown-nav-special-toggle { right: auto; left: calc(1.4em / 2); } .rtl .site .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle { left: 0; right: auto; } .rtl .nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } .rtl .header-navigation ul ul ul.sub-menu, .rtl .header-navigation ul ul ul.submenu { right: 100%; left: auto; } .rtl .nav-drop-title-wrap { padding-left: 1em; padding-right: 0; } .site .nav--toggle-sub .kadence-menu-mega-enabled .sub-menu .dropdown-nav-special-toggle { display: none; } .header-navigation-style-fullheight, .header-navigation-style-underline-fullheight { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-navigation-style-fullheight .header-menu-container, .header-navigation-style-underline-fullheight .header-menu-container { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-navigation-style-fullheight .header-menu-container > ul, .header-navigation-style-underline-fullheight .header-menu-container > ul { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-navigation-style-fullheight .header-menu-container > ul > li, .header-navigation-style-underline-fullheight .header-menu-container > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-navigation-style-fullheight .header-menu-container > ul > li > a, .header-navigation-style-underline-fullheight .header-menu-container > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-navigation[class*="header-navigation-style-underline"] .header-menu-container > ul > li > a { position: relative; } .header-navigation[class*="header-navigation-style-underline"] .header-menu-container > ul > li > a:after { content: ""; width: 100%; position: absolute; bottom: 0; height: 2px; right: 50%; background: currentColor; -webkit-transform: scale(0, 0) translate(-50%, 0); transform: scale(0, 0) translate(-50%, 0); -webkit-transition: color 0s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: color 0s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, color 0s ease-in-out; transition: transform 0.2s ease-in-out, color 0s ease-in-out, -webkit-transform 0.2s ease-in-out; } .header-navigation[class*="header-navigation-style-underline"] .header-menu-container > ul > li > a:hover:after { -webkit-transform: scale(1, 1) translate(50%, 0); transform: scale(1, 1) translate(50%, 0); } .header-navigation[class*="header-navigation-style-underline"] .header-menu-container > ul > li.current-menu-item > a:after, .header-navigation[class*="header-navigation-style-underline"] .header-menu-container > ul > li.current-page-item > a:after { -webkit-transform: scale(1, 1) translate(50%, 0); transform: scale(1, 1) translate(50%, 0); } .header-menu-container, .header-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-navigation li.menu-item > a { display: block; width: 100%; text-decoration: none; color: var(--global-palette4); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header-navigation li.menu-item > a:focus, .header-navigation li.menu-item > a:hover { color: var(--global-palette-highlight); } .header-navigation ul.sub-menu, .header-navigation ul.submenu { display: block; list-style: none; margin: 0; padding: 0; } .header-navigation ul li.menu-item > a { padding: 0.6em 0.5em; } .header-navigation ul ul li.menu-item > a { padding: 1em; } .header-navigation ul ul li.menu-item > a { width: 200px; } .header-navigation ul ul ul.sub-menu, .header-navigation ul ul ul.submenu { top: 0; left: 100%; min-height: 100%; } .header-navigation .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; } .menu-toggle-open { display: -webkit-box; display: -ms-flexbox; display: flex; background: 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none; } .menu-toggle-open .menu-toggle-label { padding-right: 5px; } .menu-toggle-open .menu-toggle-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-toggle-open .menu-toggle-label:empty { padding-right: 0; } .menu-toggle-open:focus, .menu-toggle-open:hover { border-color: currentColor; background: 0 0; -webkit-box-shadow: none; box-shadow: none; } .menu-toggle-open.menu-toggle-style-default { border: 0; } .site .menu-toggle-open { -webkit-box-shadow: none; box-shadow: none; } .mobile-navigation { width: 100%; } .mobile-navigation a { display: block; width: 100%; text-decoration: none; padding: 0.6em 0.5em; } .mobile-navigation ul { display: block; list-style: none; margin: 0; padding: 0; } .drawer-nav-drop-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .drawer-nav-drop-wrap a { color: inherit; } .drawer-nav-drop-wrap .drawer-sub-toggle { background: 0 0; color: inherit; padding: 0.5em 0.7em; display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; line-height: normal; } .drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded="true"] svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap .drawer-sub-toggle { position: absolute; left: 0; z-index: 10; top: 0; bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .mobile-navigation ul ul { padding-left: 1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-navigation ul.has-collapse-sub-nav ul.sub-menu { display: none; } body[class*="amp-mode-"] .mobile-navigation ul ul { display: block; } .mobile-navigation ul ul ul ul ul ul { padding-left: 0; } .mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer { display: block; } .popup-drawer { position: fixed; display: none; top: 0; bottom: 0; left: -99999rem; right: 99999rem; -webkit-transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 100000; } .popup-drawer .drawer-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .popup-drawer .drawer-inner { width: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); max-width: 90%; right: 0; top: 0; overflow: auto; background: #090c10; color: #fff; bottom: 0; opacity: 0; position: fixed; -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); } .popup-drawer .drawer-header { padding: 0 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: calc(1.2em + 24px); } .popup-drawer .drawer-header .drawer-toggle { background: 0 0; border: 0; font-size: 24px; line-height: 1; padding: 0.6em 0.15em; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .popup-drawer .drawer-header .drawer-toggle:hover { -webkit-box-shadow: none; box-shadow: none; } .popup-drawer .drawer-content { padding: 0 1.5em 1.5em; } .popup-drawer-layout-sidepanel.popup-drawer-side-left .drawer-inner { -webkit-transform: translateX(-100%); transform: translateX(-100%); right: auto; left: 0; } @media screen and (max-width: 1024px) { .showing-popup-drawer-from-right.animate-body-popup #colophon, .showing-popup-drawer-from-right.animate-body-popup #inner-wrap, .showing-popup-drawer-from-right.animate-body-popup .site-header-row { -webkit-transform: translateX(-200px); transform: translateX(-200px); } .showing-popup-drawer-from-left.animate-body-popup #colophon, .showing-popup-drawer-from-left.animate-body-popup #inner-wrap, .showing-popup-drawer-from-left.animate-body-popup .site-header-row { -webkit-transform: translateX(200px); transform: translateX(200px); } .animate-body-popup #colophon, .animate-body-popup #inner-wrap, .animate-body-popup .site-header-row { -webkit-transform: none; transform: none; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); } } .popup-drawer-animation-scale.popup-drawer-layout-fullwidth .drawer-inner { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); } .popup-drawer-animation-scale.popup-drawer-layout-fullwidth.popup-drawer-side-left .drawer-inner { -webkit-transform-origin: top left; transform-origin: top left; } .popup-drawer-animation-scale.popup-drawer-layout-fullwidth.active .drawer-inner { -webkit-transform: scale(1); transform: scale(1); } #mobile-drawer.popup-drawer-animation-slice.popup-drawer-layout-fullwidth .drawer-inner, #mobile-drawer.popup-drawer-animation-slice.popup-drawer-layout-fullwidth .drawer-overlay { background: 0 0; } .popup-drawer .drawer-header .drawer-toggle { width: 1em; position: relative; height: 1em; -webkit-box-sizing: content-box; box-sizing: content-box; font-size: 24px; } .drawer-toggle .toggle-close-bar { width: 0.75em; height: 0.08em; background: currentColor; -webkit-transform-origin: center center; transform-origin: center center; position: absolute; margin-top: -0.04em; opacity: 0; border-radius: 0.08em; left: 50%; margin-left: -0.375em; top: 50%; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); -webkit-transition: opacity 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: opacity 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .drawer-toggle .toggle-close-bar:last-child { -webkit-transform: rotate(-45deg) translateX(50%); transform: rotate(-45deg) translateX(50%); } .popup-drawer.active .drawer-toggle .toggle-close-bar { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } .popup-drawer.active .drawer-toggle .toggle-close-bar:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; } .popup-drawer .drawer-content.content-valign-middle { min-height: calc(100% - (1.2em + 24px)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: calc(1.2em + 24px); max-height: calc(100% - (1.2em + 24px)); overflow: auto; } .popup-drawer .drawer-content.content-valign-bottom { min-height: calc(100% - (1.2em + 24px)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: calc(1.2em + 24px); max-height: calc(100% - (1.2em + 24px)); overflow: auto; } .popup-drawer .drawer-content.content-valign-bottom .site-header-item-mobile-navigation { display: block; overflow: auto; max-height: calc(100% - (1.2em + 24px)); } .popup-drawer .drawer-content.content-align-center { text-align: center; } .popup-drawer .drawer-content.content-align-center .site-header-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup-drawer .drawer-content.content-align-right { text-align: right; } .popup-drawer .drawer-content.content-align-right .site-header-item { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice .drawer-inner { -webkit-transform: none; transform: none; } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-slice-background { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; background: rgba(9, 12, 16, 0.97); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1); } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg:nth-child(odd) { -webkit-transform: translateX(100%); transform: translateX(100%); } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice .drawer-content { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .pop-portion-bg { -webkit-transform: translateX(0); transform: translateX(0); } .popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .drawer-content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media screen and (max-width: 1024px) { .popup-drawer-layout-sidepanel.popup-mobile-drawer-side-right .drawer-inner { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; left: auto; } .popup-drawer-layout-sidepanel.popup-mobile-drawer-side-left .drawer-inner { -webkit-transform: translateX(-100%); transform: translateX(-100%); right: auto; left: 0; } } body.admin-bar .popup-drawer { top: 46px; } body.admin-bar .popup-drawer .drawer-inner { top: 46px; } @media screen and (min-width: 783px) { body.admin-bar .popup-drawer { top: 32px; } body.admin-bar .popup-drawer .drawer-inner { top: 32px; } } .popup-drawer.show-drawer { display: block; } .popup-drawer.active { left: 0; opacity: 1; right: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .popup-drawer.active .drawer-inner { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .popup-drawer.active .drawer-overlay { opacity: 1; cursor: pointer; } body[class*="showing-popup-drawer-"] { overflow: hidden; } #main-header { display: none; } #masthead { position: relative; z-index: 11; } @media screen and (min-width: 1025px) { #main-header { display: block; } #mobile-header { display: none; } } .header-html-inner img.alignnone { display: inline-block; } .site-header-row { display: grid; grid-template-columns: auto auto; } .site-header-row.site-header-row-center-column { grid-template-columns: 1fr auto 1fr; } .site-header-row.site-header-row-only-center-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-header-row.site-header-row-only-center-column .site-header-section-center { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .site-header-upper-inner-wrap.child-is-fixed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .site-header-upper-inner-wrap.child-is-fixed .site-main-header-wrap { width: 100%; } .site-header-row-layout-fullwidth > .site-header-row-container-inner > .site-container { max-width: none; } .site-header-row-tablet-layout-contained { padding: 0 1.5rem; } @media screen and (max-width: 1024px) { .site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard { padding: 0; } } @media screen and (max-width: 719px) { .site-header-row-mobile-layout-contained { padding: 0 1.5rem; } .site-header-row-mobile-layout-fullwidth, .site-header-row-mobile-layout-standard { padding: 0; } } .site-header-section { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: inherit; } .site-header-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; max-height: inherit; } .rtl .site-header-item { margin-left: 10px; margin-right: 0; } .site-header-section > .site-header-item:last-child { margin-right: 0; } .rtl .site-header-section > .site-header-item:last-child { margin-left: 0; } .drawer-content .site-header-item { margin-right: 0; margin-bottom: 10px; } .drawer-content .site-header-item:last-child { margin-bottom: 0; } .site-header-section-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .site-header-section-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-header-section-left-center { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .site-header-section-right-center { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-navigation-layout-stretch-true { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-navigation-layout-stretch-true .header-navigation { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-navigation-layout-stretch-true .header-navigation .header-menu-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-navigation-layout-stretch-true .header-navigation .header-menu-container .menu { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-navigation-layout-stretch-true.header-navigation-layout-fill-stretch-true .header-navigation .header-menu-container .menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); } .header-navigation-layout-stretch-true.header-navigation-layout-fill-stretch-true .header-navigation .header-menu-container .menu > li { text-align: center; } .header-html-inner p:first-child { margin-top: 0; } .header-html-inner p:last-child { margin-bottom: 0; } #main-header .header-button.button-style-outline { background: 0 0 !important; } .element-social-inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } a.social-button { width: 2em; text-decoration: none; height: 2em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.3em calc(0.3em / 2) 0; color: var(--global-palette4); background: var(--global-palette7); border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.social-button:hover { color: var(--global-palette-btn); background: var(--global-palette-btn-bg); } a.social-button .social-label { padding-left: 6px; } .social-show-label-true a.social-button { width: auto; padding: 0 0.4em; } a.social-button.has-custom-image { width: auto; height: auto; } .social-style-outline .social-button { background: 0 0 !important; border: 2px solid var(--global-palette7); } .social-style-outline .social-button:hover { color: var(--global-palette-highlight); border-color: currentColor; } .search-toggle-open { display: -webkit-box; display: -ms-flexbox; display: flex; background: 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5em; -webkit-box-shadow: none; box-shadow: none; } .search-toggle-open .search-toggle-label { padding-right: 5px; } .search-toggle-open .search-toggle-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-toggle-open .search-toggle-icon svg.kadence-svg-icon { top: -0.05em; position: relative; } .search-toggle-open .search-toggle-label:empty { padding-right: 0; } .search-toggle-open:focus, .search-toggle-open:hover { border-color: currentColor; background: 0 0; -webkit-box-shadow: none; box-shadow: none; } .search-toggle-open.search-toggle-style-default { border: 0; } .popup-drawer-layout-fullwidth .drawer-inner { max-width: none; background: rgba(9, 12, 16, 0.97); -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0s ease-in; transition: opacity 0.2s ease-in, -webkit-transform 0s ease-in; transition: transform 0s ease-in, opacity 0.2s ease-in; transition: transform 0s ease-in, opacity 0.2s ease-in, -webkit-transform 0s ease-in; } .popup-drawer-layout-fullwidth .drawer-inner .drawer-overlay { background-color: transparent; } #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated .drawer-inner { background: rgba(9, 12, 16, 0.97); } #search-drawer .drawer-inner .drawer-header { position: relative; z-index: 100; } #search-drawer .drawer-inner .drawer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 2em; } #search-drawer .drawer-inner form { max-width: 800px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } #search-drawer .drawer-inner form label { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } #search-drawer .drawer-inner form ::-webkit-input-placeholder { color: currentColor; opacity: 0.5; } #search-drawer .drawer-inner form ::-moz-placeholder { color: currentColor; opacity: 0.5; } #search-drawer .drawer-inner form :-ms-input-placeholder { color: currentColor; opacity: 0.5; } #search-drawer .drawer-inner form :-moz-placeholder { color: currentColor; opacity: 0.5; } #search-drawer .drawer-inner input.search-field { width: 100%; background: 0 0; color: var(--global-palette6); padding: 0.8em 80px 0.8em 0.8em; font-size: 20px; border: 1px solid currentColor; } #search-drawer .drawer-inner input.search-field:focus { color: #fff; -webkit-box-shadow: 5px 5px 0 0 currentColor; box-shadow: 5px 5px 0 0 currentColor; } #search-drawer .drawer-inner .search-submit[type="submit"] { width: 70px; } #search-drawer .drawer-inner .kadence-search-icon-wrap { color: var(--global-palette6); width: 70px; } #search-drawer .drawer-inner .search-submit[type="submit"]:hover ~ .kadence-search-icon-wrap { color: #fff; } #search-drawer .drawer-inner button[type="submit"]:hover ~ .kadence-search-icon-wrap { color: #fff; } @media screen and (max-width: 1024px) { .mobile-transparent-header #masthead { position: absolute; left: 0; right: 0; z-index: 100; } .mobile-transparent-header #masthead, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner { background: 0 0; } } @media screen and (min-width: 1025px) { body.brz-ed.transparent-header #masthead, body.elementor-editor-active.transparent-header #masthead, body.fl-builder-edit.transparent-header #masthead, body.vc_editor.transparent-header #masthead { z-index: 0; } .transparent-header #masthead { position: absolute; left: 0; right: 0; z-index: 100; } .transparent-header #masthead, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-top-header-wrap .site-header-row-container-inner { background: 0 0; } } .site-header-upper-inner-wrap.child-is-fixed .site-top-header-wrap:not(.item-is-fixed) { -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .item-is-fixed { position: fixed; left: 0; right: 0; z-index: 1200; } .site-branding a.brand img.kadence-sticky-logo { display: none; } .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img.kadence-sticky-logo { display: block; } .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img { display: none; } .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand img:not(.svg-logo-image) { width: auto; } .kadence-sticky-header.item-is-fixed:not(.item-at-start)[data-shrink="true"] .site-branding a.brand picture img { max-height: inherit; } #mobile-drawer { z-index: 99999; } #mobile-header .mobile-navigation > .mobile-menu-container.drawer-menu-container > ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #mobile-header .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap > a { padding-right: 2em; } #mobile-header .mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button { border: 0; } #mobile-header .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, #mobile-header .mobile-navigation ul li:not(.menu-item-has-children) a { border: 0; } a.social-button { border-radius: 200px; background: var(--global--color-primary-base); color: var(--global--color-invert); } a.social-button:hover { background: var(--global--color-secondary); } #search-drawer .drawer-inner input.search-field { background: var(--global--color-invert); } #search-drawer .drawer-inner .search-submit[type="submit"]:hover { color: transparent; } #search-drawer .drawer-inner .search-submit[type="submit"]:hover ~ .kadence-search-icon-wrap { color: var(--global--color-strong-text); } .popup-drawer .drawer-header .drawer-toggle { color: var(--global--color-invert); } .header-navigation[class*="header-navigation-style-underline"] .header-menu-container > ul > li > a:after { bottom: 10px; } .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a, .main-navigation .primary-menu-container > ul > li.menu-item > a:hover { color: var(--global--color-strong-text); } .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:after, .main-navigation .primary-menu-container > ul > li.menu-item > a:hover:after { background: var(--global--color-accent-alt); } .header-navigation ul ul.sub-menu { padding: var(--global--padding-vertical-extra-small); } .header-navigation ul ul li.menu-item > a { padding: var(--global--padding-vertical-small); letter-spacing: var(--button--letter-spacing); } .header-navigation ul ul li.menu-item > a:hover { text-decoration: underline; -webkit-text-decoration-color: var(--global--color-accent-alt); text-decoration-color: var(--global--color-accent-alt); text-underline-offset: 2px; text-decoration-thickness: 2px; } .search-toggle-open-container .search-toggle-open { border-radius: 100px; } .search-toggle-open-container .search-toggle-open:hover { background: var(--global--color-accent); color: var(--global--color-strongest-text); } .search-form .search-submit[type="submit"]:hover { color: var(--global--color-strongest-text); }