.elementor-2198 .elementor-element.elementor-element-8ad702e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2198 .elementor-element.elementor-element-48d2000{--display:flex;--position:fixed;--min-height:90px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 030px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;top:0px;--z-index:99;}.elementor-2198 .elementor-element.elementor-element-48d2000:not(.elementor-motion-effects-element-type-background), .elementor-2198 .elementor-element.elementor-element-48d2000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF99;}body:not(.rtl) .elementor-2198 .elementor-element.elementor-element-48d2000{right:6%;}body.rtl .elementor-2198 .elementor-element.elementor-element-48d2000{left:6%;}.elementor-2198 .elementor-element.elementor-element-5708f26{--display:flex;}.elementor-2198 .elementor-element.elementor-element-5708f26.e-con{--flex-grow:0;--flex-shrink: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-weight:var( --e-global-typography-text-font-weight );}.elementor-2198 .elementor-element.elementor-element-2965868.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2198 .elementor-element.elementor-element-2965868 img{max-width:120px;filter:brightness( 0% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--main .elementor-item:hover, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--main .elementor-item:focus{color:#4B4B4B;fill:#4B4B4B;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown a, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown{background-color:#FFFFFF00;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown a:hover, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown a:focus, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown a.highlighted{background-color:#D5D5D5;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown .elementor-item, .elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2198 .elementor-element.elementor-element-48d2000{--width:90%;}.elementor-2198 .elementor-element.elementor-element-5708f26{--width:11.243%;}}@media(max-width:767px){.elementor-2198 .elementor-element.elementor-element-8ad702e{--min-height:0px;--flex-wrap:nowrap;}.elementor-2198 .elementor-element.elementor-element-48d2000{--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;--flex-wrap:nowrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}body:not(.rtl) .elementor-2198 .elementor-element.elementor-element-48d2000{right:0%;}body.rtl .elementor-2198 .elementor-element.elementor-element-48d2000{left:0%;}.elementor-2198 .elementor-element.elementor-element-5708f26{--width:24.605%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;}.elementor-2198 .elementor-element.elementor-element-5708f26.e-con{--align-self:flex-start;}.elementor-2198 .elementor-element.elementor-element-2965868{width:100%;max-width:100%;}.elementor-2198 .elementor-element.elementor-element-2965868 img{max-width:78px;}.elementor-2198 .elementor-element.elementor-element-c075325{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:100;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-2198 .elementor-element.elementor-element-c075325 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-2198 .elementor-element.elementor-element-c075325.elementor-element{--align-self:center;}.elementor-2198 .elementor-element.elementor-element-c075325 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-c075325 *//* ═══════════ Glue the dropdown to the glass header (≤767 px) ═══════════ */ @media (max-width: 767px){ /* Make the dropdown share the same blur & width */ .glass-header .elementor-nav-menu__container{ position:static !important; /* inside header flow */ width:100% !important; /* edge‑to‑edge */ background:rgba(255,255,255,.08); /* match header fallback */ -webkit-backdrop-filter:saturate(var(--glass-sat)) blur(var(--glass-blur)); backdrop-filter: saturate(var(--glass-sat)) blur(var(--glass-blur)); border-top:1px solid var(--glass-border); border-bottom:1px solid var(--glass-border); box-shadow:var(--glass-shadow); overflow:hidden; } /* Menu links: full‑width taps, no weird boxes */ .glass-header .elementor-nav-menu__container .elementor-nav-menu > li > a{ display:block; padding:.9rem 1rem; } /* Optional: round the header’s bottom corners so dropdown follows */ .glass-header{ border-radius: 0 0 1.25rem 1.25rem; } } /* ═══════════ Fine‑tune mobile dropdown ═══════════ */ @media (max-width: 767px){ /* 1 — prettier link rows */ .glass-header .elementor-nav-menu__container .elementor-nav-menu > li{ text-align:right; /* keep your right‑aligned design */ } .glass-header .elementor-nav-menu__container .elementor-nav-menu > li > a{ display:block; /* full‑width tap target */ padding:1rem 1.25rem; /* consistent gutters */ line-height:1.3; /* less “floaty” look */ } /* 2 — stop the 1 px hop caused by borders / translation */ /* 2a Pre‑reserve border height so layout doesn’t shift */ .glass-header .elementor-nav-menu__container{ border-top:1px solid transparent; border-bottom:1px solid transparent; } .glass-header .elementor-nav-menu--dropdown-active .elementor-nav-menu__container{ border-color:var(--glass-border); /* becomes visible when open */ } /* 2b kill the translateY on the hamburger itself */ .glass-header .elementor-menu-toggle, .glass-header .elementor-nav-menu--dropdown-active .elementor-menu-toggle{ transform:none; } /* ─── NEW ‑‑‑‑ Fix parent item with submenu (“Ohjeet”) ─── */ /* Flex row keeps text + arrow on the SAME line */ .glass-header .elementor-nav-menu > li.menu-item-has-children{ display:flex; /* row: anchor | arrow */ align-items:center; position:relative; /* allows absolute arrow */ } /* Anchor shrinks if needed; extra right padding for arrow space */ .glass-header .elementor-nav-menu > li.menu-item-has-children > a{ flex:1 1 0; min-width:0; padding-right:2.75rem; /* same on all top‑level anchors */ } /* Arrow / toggle button sits absolutely inside the row */ .glass-header .elementor-nav-menu > li.menu-item-has-children > .elementor-sub-menu-toggle, .glass-header .elementor-nav-menu > li.menu-item-has-children > .elementor-sub-item-trigger{ /* legacy class */ position:absolute; right:1rem; top:50%; transform:translateY(-50%); margin:0; padding:0; flex:0 0 auto; } /* ─── NEW ‑‑‑‑ Reserve 1 px on HEADER to end the jump ─── */ .glass-header{ border-top:1px solid transparent; /* matches container reservation */ } /* ─── ONE‑LINE FIX: give every top‑level anchor the same right padding ─── */ @media (max-width: 767px){ .glass-header .elementor-nav-menu__container .elementor-nav-menu > li > a{ /* L T B R (R = 2.75 rem for ALL) */ padding:1rem 2.75rem 1rem 1.25rem; } } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-48d2000 *//* ───────── Liquid-glass base ───────── */ .elementor-2198 .elementor-element.elementor-element-48d2000{ backdrop-filter: saturate(180%) blur(24px); -webkit-backdrop-filter: saturate(180%) blur(24px); border: 1px solid rgba(255,255,255,.45); box-shadow: 0 4px 16px rgba(0,0,0,.08); /* Smooth grow / shrink */ transition: padding-bottom .35s ease; box-sizing: border-box; /* make padding add to height */ } /* ───────── Expand header when a submenu is open ───────── */ @media (min-width: 768px){ /* desktop & large tablets */ /* Hover (mouse) */ .elementor-2198 .elementor-element.elementor-element-48d2000:has(nav li.menu-item-has-children:hover), /* Focus (keyboard / touch) */ .elementor-2198 .elementor-element.elementor-element-48d2000:has(nav li.menu-item-has-children:focus-within){ /* ▼ value ≈ submenu height; tweak to taste */ padding-bottom: 60px; } }/* End custom CSS */