.elementor-77 .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-77 .elementor-element.elementor-element-hdre3f61:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-hdre3f61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(31,75,88,0);}.elementor-widget-theme-site-logo .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-77 .elementor-element.elementor-element-logo3caf0{text-align:start;width:initial;max-width:initial;}.elementor-77 .elementor-element.elementor-element-logo3caf0 img{width:135px;}.elementor-77 .elementor-element.elementor-element-logo3caf0.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-77 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle{margin-left:auto;}.elementor-77 .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;letter-spacing:0.2px;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item:hover, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item.highlighted, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item:focus{color:#60D3F7;fill:#60D3F7;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#60D3F7;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle{color:#1F4B58;fill:#1F4B58;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:hover, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:focus, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.highlighted, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle:hover, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-menu-toggle:focus{color:#00A3E7;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:hover, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a:focus, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a.highlighted{background-color:#F4F6F8;}.elementor-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown .elementor-item, .elementor-77 .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-77 .elementor-element.elementor-element-navb43fb .elementor-nav-menu--dropdown a{padding-left:26px;padding-right:26px;padding-top:14px;padding-bottom:14px;}.elementor-77 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle{color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:hover, .elementor-77 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:focus{color:#60D3F7;}.elementor-77 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:hover svg, .elementor-77 .elementor-element.elementor-element-navb43fb div.elementor-menu-toggle:focus svg{fill:#60D3F7;}.elementor-77 .elementor-element.elementor-element-navb43fb{width:initial;max-width:initial;}.elementor-77 .elementor-element.elementor-element-navb43fb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-77 .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-77 .elementor-element.elementor-element-hact5374c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{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 );background-color:var( --e-global-color-accent );}.elementor-77 .elementor-element.elementor-element-memb4c26c .elementor-button{font-family:"ITC Avant Garde Gothic Pro", Sans-serif;font-size:20px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-color:rgba(0,0,0,0);border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;padding:2px 0px 4px 0px;}.elementor-77 .elementor-element.elementor-element-memb4c26c .elementor-button:hover, .elementor-77 .elementor-element.elementor-element-memb4c26c .elementor-button:focus{color:#60D3F7;background-color:rgba(0,0,0,0);}.elementor-77 .elementor-element.elementor-element-memb4c26c .elementor-button:hover svg, .elementor-77 .elementor-element.elementor-element-memb4c26c .elementor-button:focus svg{fill:#60D3F7;}.elementor-77 .elementor-element.elementor-element-memb4c26c{width:initial;max-width:initial;}.elementor-77 .elementor-element.elementor-element-memb4c26c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-77 .elementor-element.elementor-element-ctad2d1e .elementor-button{font-family:"ITC Avant Garde Gothic Pro", Sans-serif;font-size:20px;font-weight:400;fill:#1F4B58;color:#1F4B58;background-color:#60D3F7;border-radius:200px 200px 200px 200px;padding:15px 48px 16px 48px;}.elementor-77 .elementor-element.elementor-element-ctad2d1e .elementor-button:hover, .elementor-77 .elementor-element.elementor-element-ctad2d1e .elementor-button:focus{color:#FFFFFF;background-color:#1F4B58;}.elementor-77 .elementor-element.elementor-element-ctad2d1e .elementor-button:hover svg, .elementor-77 .elementor-element.elementor-element-ctad2d1e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-ctad2d1e{width:initial;max-width:initial;}.elementor-77 .elementor-element.elementor-element-ctad2d1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-hdre3f61{--padding-top:18px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-77 .elementor-element.elementor-element-logo3caf0 img{width:110px;}.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-77 .elementor-element.elementor-element-hdre3f61{--padding-top:14px;--padding-bottom:14px;--padding-left:18px;--padding-right:18px;}.elementor-widget-theme-site-logo .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-77 .elementor-element.elementor-element-hact5374c{--width:fit-content;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-77 .elementor-element.elementor-element-ctad2d1e .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-hact5374c{--width:fit-content;}}@media(max-width:1024px) and (min-width:768px){.elementor-77 .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-77 .elementor-element.elementor-element-hdre3f61` is swapped by Elementor - other .elementor-77 .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-77 .elementor-element.elementor-element-hdre3f61{ transition:background-color .3s ease, box-shadow .3s ease; } /* ...and becomes a solid bar once the page is scrolled. */ .elementor-77 .elementor-element.elementor-element-hdre3f61.elementor-sticky--effects{ background-color:#1F4B58 !important; box-shadow:0 2px 24px rgba(0,0,0,.18); } /* 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:767px){ #dkl-header .dkl-members{ display:none !important; } #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. */ @media (min-width:768px){ #dkl-header .dkl-members-in-menu{ display:none !important; } } /* The mobile dropdown renders inside the nav widget and was inflating it to 168px. Anchoring it to the header (which already spans the viewport) takes it out of the flow and opens it full width instead of off-screen. */ @media (max-width:767px){ #dkl-header > .dkl-nav{ width:auto !important; --width:auto !important; } #dkl-header .dkl-nav nav.elementor-nav-menu--dropdown{ position:absolute !important; top:100%; left:0; right:0; width:100%; max-width:100%; background-color:#1F4B58; } } /* ---- 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; } #dkl-header nav.elementor-nav-menu--main > ul > li.menu-item-has-children > a::after{ content:""; position:absolute; left:50%; bottom:-13px; width:11px; height:11px; margin-left:-6px; 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{ margin-top:20px; border-top:4px solid #60D3F7; background-color:#FFFFFF; padding:8px 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 nav.elementor-nav-menu--main ul.sub-menu{ margin-top:12px; } #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 .elementor-nav-menu .sub-arrow{ display:none !important; } #dkl-header .elementor-nav-menu .sub-arrow i, #dkl-header .elementor-nav-menu .sub-arrow svg{ display:none !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'ITC Avant Garde Gothic Pro'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://drkorman.sgo.co.il/wp-content/uploads/dkl-fonts/dkl-avantgarde-book.woff2') format('woff2'); } /* End Custom Fonts CSS */