.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-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu .elementor-item{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;letter-spacing:1px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-v4-color-text-light );fill:var( --e-global-color-v4-color-text-light );padding-left:10px;padding-right:10px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item:hover, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-v4-color-secondary-2 );fill:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864 .e--pointer-framed .elementor-item:before, .elementor-153 .elementor-element.elementor-element-adee864 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-153 .elementor-element.elementor-element-adee864 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-menu-toggle{color:var( --e-global-color-v4-color-text-light );fill:var( --e-global-color-v4-color-text-light );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-v4-color-overlay );border-radius:0px 0px 6px 6px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a:hover, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a:focus, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a.highlighted, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-menu-toggle:hover, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-menu-toggle:focus{color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a:hover, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a:focus, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-v4-color-overlay );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-v4-color-secondary-2 );background-color:var( --e-global-color-v4-color-overlay );}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown .elementor-item, .elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Barlow Condensed", Sans-serif;font-size:16px;font-weight:400;letter-spacing:1px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:6px;border-bottom-left-radius:6px;}.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--dropdown a{padding-left:5px;padding-right:5px;}.elementor-153 .elementor-element.elementor-element-cfec719 .e-off-canvas__content{background-color:var( --e-global-color-v4-color-overlay );border-radius:6px 0px 0px 6px;}.elementor-153 .elementor-element.elementor-element-cfec719 .e-off-canvas__overlay{background-color:var( --e-global-color-v4-color-overlay );}.elementor-153 .elementor-element.elementor-element-cfec719{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:center;--e-off-canvas-width:300px;--e-off-canvas-height:90vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1s;--e-off-canvas-overlay-opacity:1;}.elementor-153 .elementor-element.elementor-element-a97139e{--display:flex;--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-153 .elementor-element.elementor-element-bbe9e0a{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-menu-toggle{color:var( --e-global-color-v4-color-text-light );fill:var( --e-global-color-v4-color-text-light );}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown{background-color:var( --e-global-color-v4-color-transparent );border-style:none;}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a:hover, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a:focus, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a.highlighted, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-menu-toggle:hover, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-menu-toggle:focus{color:var( --e-global-color-v4-color-secondary-2 );}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a:hover, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a:focus, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-v4-color-transparent );}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-v4-color-secondary-2 );background-color:var( --e-global-color-v4-color-transparent );}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown .elementor-item, .elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:300;letter-spacing:1px;}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-153 .elementor-element.elementor-element-bbe9e0a .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-153{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1440px){.elementor-153 .elementor-element.elementor-element-adee864 .elementor-nav-menu--main .elementor-item{padding-left:6px;padding-right:6px;}}/* Start custom CSS for nav-menu, class: .elementor-element-adee864 */#main-menu .sub-menu.elementor-nav-menu--dropdown { min-width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a97139e */#main-header .e-off-canvas__main .e-off-canvas__content { backdrop-filter: blur(6px); }/* End custom CSS */ /* Start custom CSS */#luovaq-main-navigation.is-open { visibility: visible; transform: translateY(0); } #lq-menu-open svg, #lq-menu-close svg { pointer-events: none; } #lq-menu-open, #lq-menu-close { cursor: pointer; } /* Menu button */ /* 1. Nollataan teeman pakottamat globaalit painiketyylit */ button#lq-menu-toggle.lq-hamburger-btn { display: flex !important; align-items: center !important; gap: 12px !important; background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; padding: 10px !important; color: var(--color-text-body) !important; cursor: pointer !important; z-index: 100000 !important; position: relative !important; min-height: 0 !important; min-width: 0 !important; border-radius: 0 !important; } /* Poistetaan teeman hover- ja active-värit */ button#lq-menu-toggle.lq-hamburger-btn:hover, button#lq-menu-toggle.lq-hamburger-btn:focus, button#lq-menu-toggle.lq-hamburger-btn:active { background-color: transparent !important; color: var(--color-text-body) !important; box-shadow: none !important; } /* 2. Tekstikontin asetukset (Korkeus korjattu) */ .lq-menu-text { position: relative; display: block; width: 45px; height: 24px; max-width: 0; opacity: 0; overflow: hidden; transition: max-width 0.4s ease, opacity 0.4s ease; font-family: var(--text-body-font); font-weight: 400; font-size: 16px; color: var(--color-text-body); white-space: nowrap; } /* Hover-efekti: Paljastaa tekstin kasvattamalla maksimileveyttä */ button#lq-menu-toggle.lq-hamburger-btn:hover .lq-menu-text { max-width: 45px; opacity: 1; } /* Tekstien asemointi päällekkäin saumatonta vaihtoa varten */ .lq-text-open, .lq-text-close { position: absolute; right: 0; top: 0; line-height: 24px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Oletustila: "Avaa" näkyy, "Sulje" on piilossa alhaalla */ .lq-text-close { opacity: 0; transform: translateY(15px); } .lq-text-open { opacity: 1; transform: translateY(0); } /* Aktiivinen tila (Valikko auki): "Avaa" liukuu ylös piiloon, "Sulje" tulee esiin */ button#lq-menu-toggle.lq-hamburger-btn.is-active .lq-text-open { opacity: 0; transform: translateY(-15px); } button#lq-menu-toggle.lq-hamburger-btn.is-active .lq-text-close { opacity: 1; transform: translateY(0); } /* 3. Hampurilaisikonin viivojen kehys */ .lq-hamburger-lines { position: relative; width: 30px; height: 20px; display: block; } /* Yksittäisten viivojen tyylit */ .lq-hamburger-lines .line { position: absolute; left: 0; width: 100%; height: 2px; background-color: currentColor; border-radius: 2px; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease; } /* Viivojen lähtöpaikat */ .line-top { top: 0; } .line-middle { top: 9px; } .line-bottom { bottom: 0; } /* HOVER-EFEKTI (Kun valikko on kiinni) */ button#lq-menu-toggle.lq-hamburger-btn:not(.is-active):hover .line-top { transform: translateY(-3px); } button#lq-menu-toggle.lq-hamburger-btn:not(.is-active):hover .line-bottom { transform: translateY(3px); } /* AKTIIVINEN TILA (Kun valikko on auki -> Muutos X-muotoon) */ button#lq-menu-toggle.lq-hamburger-btn.is-active .line-top { transform: translateY(9px) rotate(45deg); } button#lq-menu-toggle.lq-hamburger-btn.is-active .line-middle { opacity: 0; transform: scaleX(0); } button#lq-menu-toggle.lq-hamburger-btn.is-active .line-bottom { transform: translateY(-9px) rotate(-45deg); }/* End custom CSS */