.elementor-444 .elementor-element.elementor-element-hdre3f61{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:22px;--padding-bottom:22px;--padding-left:46px;--padding-right:46px;--z-index:99;}.elementor-444 .elementor-element.elementor-element-hdre3f61:not(.elementor-motion-effects-element-type-background), .elementor-444 .elementor-element.elementor-element-hdre3f61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(31,75,88,0);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-444 .elementor-element.elementor-element-logo3caf0{width:initial;max-width:initial;text-align:start;}.elementor-444 .elementor-element.elementor-element-logo3caf0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-444 .elementor-element.elementor-element-logo3caf0 img{width:112px;}.elementor-444 .elementor-element.elementor-element-logo22a6fc{width:initial;max-width:initial;}.elementor-444 .elementor-element.elementor-element-logo22a6fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-444 .elementor-element.elementor-element-logo22a6fc img{width:112px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-444 .elementor-element.elementor-element-navb43fb{width:initial;max-width:initial;}.elementor-444 .elementor-element.elementor-element-navb43fb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle{margin-left:auto;background-color:rgba(255,255,255,0);}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu .elementor-item{font-family:"ITC Avant Garde Gothic Pro", Sans-serif;font-size:16px;font-weight:400;line-height:26px;letter-spacing:0.2px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:15px;padding-right:15px;padding-top:8px;padding-bottom:8px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item:hover, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item.highlighted, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item:focus{color:#60D3F7;fill:#60D3F7;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle{color:#1F4B58;fill:#1F4B58;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:hover, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:focus, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.highlighted, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle:hover, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle:focus{color:#00A3E7;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:hover, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:focus, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.highlighted{background-color:#F4F6F8;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.elementor-item-active{color:#1F4B58;background-color:rgba(255,255,255,0);}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown .elementor-item, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"ITC Avant Garde Gothic Pro", Sans-serif;font-size:16px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a{padding-left:26px;padding-right:26px;padding-top:14px;padding-bottom:14px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:18px !important;}.elementor-444 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle{color:#FFFFFF;}.elementor-444 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-444 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:hover, .elementor-444 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-444 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:hover svg, .elementor-444 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle:hover, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle:focus{background-color:rgba(255,255,255,0);}.elementor-444 .elementor-element.elementor-element-hact5374c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-444 .elementor-element.elementor-element-hact5374c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-444 .elementor-element.elementor-element-memb4c26c .elementor-button{background-color:rgba(0,0,0,0);font-family:"ITC Avant Garde Gothic Pro", Sans-serif;font-size:16px;font-weight:400;line-height:24px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#60D3F7;border-radius:0px 0px 0px 0px;padding:2px 0px 4px 0px;}.elementor-444 .elementor-element.elementor-element-memb4c26c .elementor-button:hover, .elementor-444 .elementor-element.elementor-element-memb4c26c .elementor-button:focus{background-color:rgba(0,0,0,0);color:#60D3F7;border-color:#60D3F7;}.elementor-444 .elementor-element.elementor-element-memb4c26c{width:initial;max-width:initial;}.elementor-444 .elementor-element.elementor-element-memb4c26c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-444 .elementor-element.elementor-element-memb4c26c .elementor-button:hover svg, .elementor-444 .elementor-element.elementor-element-memb4c26c .elementor-button:focus svg{fill:#60D3F7;}.elementor-444 .elementor-element.elementor-element-ctad2d1e .elementor-button{background-color:#60D3F7;font-family:"ITC Avant Garde Gothic Pro", Sans-serif;font-size:16px;font-weight:400;line-height:24px;fill:#1F4B58;color:#1F4B58;border-style:solid;border-width:1px 1px 1px 1px;border-color:#60D3F7;border-radius:0px 0px 0px 0px;padding:12px 34px 12px 34px;}.elementor-444 .elementor-element.elementor-element-ctad2d1e .elementor-button:hover, .elementor-444 .elementor-element.elementor-element-ctad2d1e .elementor-button:focus{background-color:#60D3F7;color:#204858;border-color:#60D3F7;}.elementor-444 .elementor-element.elementor-element-ctad2d1e{width:initial;max-width:initial;}.elementor-444 .elementor-element.elementor-element-ctad2d1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-444 .elementor-element.elementor-element-ctad2d1e .elementor-button:hover svg, .elementor-444 .elementor-element.elementor-element-ctad2d1e .elementor-button:focus svg{fill:#204858;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-444 .elementor-element.elementor-element-hdre3f61{--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:22px;--padding-bottom:22px;--padding-left:30px;--padding-right:30px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1200px){.elementor-444 .elementor-element.elementor-element-navb43fb.elementor-element{--order:99999 /* order end hack */;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:12px !important;}.elementor-444 .elementor-element.elementor-element-navb43fb{--nav-menu-icon-size:28px;}}@media(max-width:1024px){.elementor-444 .elementor-element.elementor-element-hdre3f61{--padding-top:18px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-444 .elementor-element.elementor-element-logo3caf0 img{width:96px;}.elementor-444 .elementor-element.elementor-element-logo22a6fc img{width:96px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-444 .elementor-element.elementor-element-hdre3f61{--justify-content:space-between;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:14px;--padding-bottom:14px;--padding-left:18px;--padding-right:18px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-444 .elementor-element.elementor-element-navb43fb.elementor-element{--order:99999 /* order end hack */;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu .elementor-item{font-size:16px;line-height:26px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown .elementor-item, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:10px;padding-bottom:10px;}.elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-444 .elementor-element.elementor-element-navb43fb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:12px !important;}.elementor-444 .elementor-element.elementor-element-navb43fb{--nav-menu-icon-size:28px;}.elementor-444 .elementor-element.elementor-element-hact5374c{--width:fit-content;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-444 .elementor-element.elementor-element-memb4c26c .elementor-button{font-size:14px;line-height:22px;padding:2px 0px 4px 0px;}.elementor-444 .elementor-element.elementor-element-ctad2d1e .elementor-button{font-size:14px;line-height:22px;padding:10px 20px 10px 20px;}}@media(min-width:768px){.elementor-444 .elementor-element.elementor-element-hact5374c{--width:fit-content;}}@media(max-width:1024px) and (min-width:768px){.elementor-444 .elementor-element.elementor-element-hact5374c{--width:fit-content;}}/* Start custom CSS for container, class: .elementor-element-hdre3f61 *//* --------------------------------------------------------------- DKL header. All of it lives here on the header container so there is one place to look. Only the word `.elementor-444 .elementor-element.elementor-element-hdre3f61` is swapped by Elementor - other .elementor-444 .elementor-element.elementor-element-hdre3f61s are emitted as written. --------------------------------------------------------------- */ /* Spec 3.1: the header floats transparently over the hero. Taking the whole header element out of the flow also drops Elementor's sticky placeholder, which was reserving a 138px white band above the hero. */ .elementor-location-header{ position:absolute; top:0; left:0; width:100%; z-index:99; } .elementor-444 .elementor-element.elementor-element-hdre3f61{ transition:background-color .3s ease, box-shadow .3s ease; } /* Spec 7.2: the page body never scrolls sideways. */ html,body{ overflow-x:hidden; } /* Buttons are fixed-width boxes on the board. Sizing them by padding would break as soon as the Spanish and Portuguese strings arrive, so the widget carries the width and the anchor simply fills it. */ .dkl-btn .elementor-button{ width:100%; justify-content:center; text-align:center; } /* ---- phones ------------------------------------------------- Spec 3.1 puts the whole menu in a full-screen burger. Members goes in there with it; only the Contact pill stays outside. Without this the three header blocks add up to 654px on a 375px screen. */ @media (max-width:1200px){ /* Members now sits next to the burger on mobile */ #dkl-header > .dkl-nav{ flex:0 0 auto !important; width:auto !important; } #dkl-header > .dkl-nav .elementor-widget-container{ display:flex; justify-content:flex-end; } #dkl-header{ gap:10px; } } /* Members is a standalone link on desktop, so hide the menu copy there. */ #dkl-header .dkl-members-in-menu{ display:none !important; } /* ---- dropdown ------------------------------------------------------ A small chevron under the parent item plus a brand rule across the top of a white panel. The caret icons beside each item are switched off in the widget settings - this is what replaces them. */ #dkl-header nav.elementor-nav-menu--main > ul > li.menu-item-has-children > a{ position:relative; z-index:4; } #dkl-header nav.elementor-nav-menu--main > ul > li.menu-item-has-children > a::after{ content:""; position:absolute; left:50%; top:calc(50% + 12px); bottom:auto; width:10px; height:10px; margin-left:-5px; background:transparent; border:0; border-right:2px solid #60D3F7; border-bottom:2px solid #60D3F7; border-radius:1px; transform:translateY(-4px) rotate(45deg); opacity:0; transition:opacity .22s ease, transform .22s ease; pointer-events:none; } #dkl-header nav.elementor-nav-menu--main > ul > li.menu-item-has-children:hover > a::after, #dkl-header nav.elementor-nav-menu--main > ul > li.menu-item-has-children:focus-within > a::after{ opacity:1; transform:translateY(0) rotate(45deg); } #dkl-header nav.elementor-nav-menu--main ul.sub-menu{ border-top:4px solid #60D3F7; background-color:#FFFFFF; padding:0; min-width:248px; box-shadow:0 14px 34px rgba(31,75,88,.16); border-radius:0; } /* ---- slimmer bar once the page is scrolled ---- */ #dkl-header.elementor-sticky--effects{ padding-top:10px !important; padding-bottom:10px !important; } #dkl-header.elementor-sticky--effects .elementor-button{ padding-top:11px; padding-bottom:11px; } /* The widget still prints a caret span even with the icon control cleared. */ #dkl-header nav.elementor-nav-menu--main .sub-arrow{ display:none !important; } #dkl-header nav.elementor-nav-menu--main .sub-arrow i, #dkl-header nav.elementor-nav-menu--main .sub-arrow svg{ display:none !important; } /* ==== scrolled state ================================================== Once the page moves the bar turns white: navy text, the original colour logo, and the Contact pill becomes an outline. The transparent state over the hero keeps the white logo and the cyan pill. */ #dkl-header .dkl-logo-dark{ display:none; } #dkl-header.elementor-sticky--effects{ background-color:#FFFFFF !important; box-shadow:0 2px 22px rgba(31,75,88,.10); } #dkl-header.elementor-sticky--effects .dkl-logo-light{ display:none; } #dkl-header.elementor-sticky--effects .dkl-logo-dark{ display:block; } /* menu text, including the active item */ #dkl-header.elementor-sticky--effects nav.elementor-nav-menu--main > ul > li > a, #dkl-header.elementor-sticky--effects nav.elementor-nav-menu--main > ul > li > a.elementor-item-active{ color:#1F4B58 !important; } #dkl-header.elementor-sticky--effects nav.elementor-nav-menu--main > ul > li > a:hover{ color:#00A3E7 !important; } /* Members keeps its cyan underline, text goes navy */ #dkl-header.elementor-sticky--effects .dkl-members .elementor-button{ color:#1F4B58 !important; border-color:#60D3F7 !important; } /* Contact us: outline in navy */ #dkl-header.elementor-sticky--effects .dkl-contact .elementor-button{ background-color:transparent !important; border-color:#1F4B58 !important; color:#1F4B58 !important; } #dkl-header.elementor-sticky--effects .dkl-contact .elementor-button:hover{ background-color:#60D3F7 !important; border-color:#60D3F7 !important; color:#204858 !important; } /* phone burger icon, which would be white on white */ #dkl-header.elementor-sticky--effects .elementor-menu-toggle{ color:#1F4B58 !important; } #dkl-header.elementor-sticky--effects .elementor-menu-toggle svg{ fill:#1F4B58 !important; } /* ==== end scrolled state ==== */ /* ==== inner pages ====================================================== Only the home page has a dark hero under the header. Everywhere else the page opens on a light band, so the header starts with navy text and the colour logo (as on the About board). Scrolling then adds the white bar exactly as on the home page. */ body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .dkl-logo-light{ display:none; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .dkl-logo-dark{ display:block; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header nav.elementor-nav-menu--main > ul > li > a, body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header nav.elementor-nav-menu--main > ul > li > a.elementor-item-active{ color:#1F4B58 !important; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header nav.elementor-nav-menu--main > ul > li > a:hover{ color:#00A3E7 !important; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .dkl-members .elementor-button{ color:#1F4B58 !important; border-color:#60D3F7 !important; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .elementor-menu-toggle{ color:#1F4B58 !important; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .elementor-menu-toggle svg{ fill:#1F4B58 !important; } /* ==== end inner pages ==== */ /* Keep the chevron while its submenu is open. SmartMenus leaves .highlighted on the link for as long as the panel is showing. */ #dkl-header nav.elementor-nav-menu--main > ul > li.menu-item-has-children > a.highlighted::after{ opacity:1; transform:translateY(0) rotate(45deg); } /* dkl menu open animation */ #dkl-header .elementor-menu-toggle.elementor-active{ color:#FFFFFF; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .elementor-menu-toggle.elementor-active, #dkl-header.elementor-sticky--effects .elementor-menu-toggle.elementor-active{ color:#1F4B58 !important; } @media (max-width:1200px){ #dkl-header nav.elementor-nav-menu--dropdown{ box-shadow:0 16px 36px rgba(15,38,46,.16); } #dkl-header nav.elementor-nav-menu--dropdown > ul > li{ opacity:0; transform:translateY(-10px); } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li{ opacity:1; transform:none; transition:opacity .4s ease, transform .45s cubic-bezier(.22,.61,.36,1); } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(1){ transition-delay:0.045s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(2){ transition-delay:0.09s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(3){ transition-delay:0.135s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(4){ transition-delay:0.18s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(5){ transition-delay:0.225s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(6){ transition-delay:0.27s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(7){ transition-delay:0.315s; } #dkl-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown > ul > li:nth-child(8){ transition-delay:0.36s; } } /* line breaks that belong to one screen size only */ .dkl-m-br{ display:none; } @media (max-width:767px){ .dkl-m-br{ display:inline; } .dkl-d-br{ display:none; } } @media (min-width:768px){ #dkl-header .dkl-contact-in-menu{ display:none !important; } } @media (max-width:1200px){ #dkl-header > .e-con{ margin-left:auto; } } /* the icon sits in the middle of its box, not at the left edge */ .elementor-widget-image-box .elementor-image-box-img img{ margin-left:auto; margin-right:auto; } @media (max-width:1200px){ #dkl-header nav.elementor-nav-menu--dropdown .sub-arrow{ display:flex !important; align-items:center; margin-left:auto; padding:0 4px; } #dkl-header nav.elementor-nav-menu--dropdown .sub-arrow svg{ display:block !important; width:11px; height:11px; fill:#1F4B58; } #dkl-header nav.elementor-nav-menu--dropdown .sub-arrow i{ display:block !important; font-size:12px; color:#1F4B58; } #dkl-header nav.elementor-nav-menu--dropdown li.menu-item-has-children > a{ display:flex; align-items:center; } } /* language switcher */ #dkl-header .dkl-lang-switch > a{ display:inline-flex; align-items:center; } #dkl-header .dkl-lang-globe{ display:inline-block; width:16px; height:16px; margin-right:8px; flex:0 0 16px; background:url(https://drkorman.sgo.co.il/wp-content/uploads/2026/09/dkl-globe-white.svg) no-repeat center; background-size:16px 16px; } body:not(.home):not(:has(.dkl-dark-hero)) #dkl-header .dkl-lang-globe, #dkl-header.elementor-sticky--effects #dkl-header .dkl-lang-globe, #dkl-header.elementor-sticky--effects .dkl-lang-globe{ background-image:url(https://drkorman.sgo.co.il/wp-content/uploads/2026/09/dkl-globe-navy.svg); } @media (max-width:1200px){ #dkl-header nav.elementor-nav-menu--dropdown .dkl-lang-switch > a{ display:flex; align-items:center; } #dkl-header nav.elementor-nav-menu--dropdown .dkl-lang-globe{ background-image:url(https://drkorman.sgo.co.il/wp-content/uploads/2026/09/dkl-globe-navy.svg); } #dkl-header nav.elementor-nav-menu--dropdown .dkl-lang-option > a{ padding-left:48px; } } /* a page can opt in to the home-page header (white over a dark hero, white bar on scroll) by giving any of its sections the CSS class dkl-dark-hero in Elementor *//* End custom CSS */