.elementor-kit-220{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-220 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================== 1. Submenun beige-tausta mobiilissa =========================== */ @media (max-width: 1024px) { .elementor-nav-menu--dropdown .sub-menu, .elementor-nav-menu--dropdown .sub-menu a { background-color: #f5f0e6; /* lämmin beige */ } } /* =========================== 2. Lisää tilaa mobiilivalikon linkeille =========================== */ @media (max-width: 1024px) { .elementor-nav-menu--dropdown a { padding: 14px 22px; font-size: 17px; } } /* =========================== 3. Submenu-nuolien (toggle) selkeyttäminen =========================== */ @media (max-width: 1024px) { .elementor-nav-menu--dropdown .elementor-item.has-submenu .sub-arrow { font-size: 20px; color: #333; } } /* =========================== 4. Desktopin hover-efekti — TAUSTA POISTETTU =========================== */ @media (min-width: 1025px) { .elementor-nav-menu--main .elementor-item:hover { background-color: transparent !important; } }

/* Laptop-navigaatio 1025–1280 px, Elementor Pro header */ @media (min-width: 1025px) and (max-width: 1280px) { /* HEADERIN PÄÄRAKENNE */ .elementor-location-header .elementor-container { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; } .elementor-location-header .elementor-container > .elementor-column { width: auto !important; max-width: none !important; flex: 0 1 auto !important; } .elementor-location-header .elementor-container > .elementor-column:first-child { flex: 0 0 auto !important; /* logo */ } .elementor-location-header .elementor-container > .elementor-column:last-child { flex: 1 1 auto !important; /* menu-kolumni saa venyä */ } /* NAVI-WIDGETIN RAKENNE */ .elementor-location-header .elementor-widget-nav-menu .elementor-widget-container { display: flex !important; justify-content: flex-end !important; } .elementor-location-header .elementor-nav-menu--main { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end !important; width: 100% !important; } .elementor-location-header .elementor-nav-menu--main .elementor-item { padding: 0 10px !important; font-size: 15px !important; white-space: nowrap !important; } /* VÄHENNÄÄN TARVITTAESSA GAPIA */ .elementor-location-header .elementor-nav-menu--main .elementor-item::before, .elementor-location-header .elementor-nav-menu--main .elementor-item::after { margin: 0 !important; } /* LOGO PIENEMMÄKSI */ .elementor-location-header .elementor-widget-image img { max-width: 180px !important; height: auto !important; } }/* End custom CSS */