, Elementorissa
*/ .geo .osio-johdanto p,.geo .aluekortti-kuvaus p,.geo .vahvuus-teksti p, .geo .vaihe-teksti p,.geo .kuvakortti-teksti p,.geo .cta-teksti p{font:inherit;color:inherit;line-height:inherit;margin:0} .geo .elementor-widget-text-editor p:last-child{margin-bottom:0} /* Napit */ .geo .btn .elementor-button-wrapper{display:flex} .geo .btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--fontti-leipa);font-size:16.5px;font-weight:700;line-height:1.3;padding:17px 40px;border:1.5px solid transparent;border-radius:var(--pilleri);text-align:center;white-space:nowrap;transition:all var(--siirtyma);background-image:none} .geo .btn .elementor-button-content-wrapper{gap:10px} .geo .btn-aksentti .elementor-button{background-color:var(--aksentti);color:var(--aksentti-teksti);border-color:var(--aksentti)} .geo .btn-aksentti .elementor-button:hover{background-color:var(--aksentti-kirkas);border-color:var(--aksentti-kirkas);color:var(--aksentti-teksti);transform:translateY(-2px)} .geo .btn-reuna .elementor-button{background-color:rgba(255,255,255,0.06);color:var(--vari-kuvalla);border-color:rgba(255,255,255,0.55)} .geo .btn-reuna .elementor-button:hover{background-color:rgba(255,255,255,0.16);border-color:var(--vari-kuvalla);color:var(--vari-kuvalla);transform:translateY(-2px)} .geo .btn-vaalea .elementor-button{background-color:#fff;border-color:#fff;color:var(--aksentti-tumma)} .geo .btn-vaalea .elementor-button:hover{background-color:rgba(255,255,255,0.9);color:var(--aksentti-tumma)} /* Nuolilinkki napista */ .geo .nuolilinkki .elementor-button-wrapper{display:flex} .geo .nuolilinkki .elementor-button{display:inline-flex;align-items:center;gap:10px;background:none;background-image:none;border:0;padding:0;font-family:var(--fontti-leipa);font-size:15px;font-weight:600;color:inherit;border-radius:0} .geo .nuolilinkki .elementor-button:hover{background:none;color:inherit} .geo .nuolilinkki .elementor-button-text::after{content:'2192';margin-left:10px;display:inline-block;transition:transform var(--siirtyma-nopea)} .geo .nuolilinkki:hover .elementor-button-text::after{transform:translateX(5px)} /* Kicker-palkki: luokka on kaareessa, joten ::before piirtyy sen sisaan */ .geo .kicker.elementor-widget{display:inline-flex;align-items:center;width:auto} /* Aluekortti natiivikonttina: kuva taustana, liukuvari ::after-kerroksena */ .e-con.aluekortti{position:relative;display:flex;overflow:hidden;isolation:isolate;aspect-ratio:4/5;border-radius:var(--kortti-pyoristys);background-color:var(--tumma-2);background-size:cover;background-position:center;transition:transform var(--siirtyma)} .e-con.aluekortti::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,rgba(8,14,20,0.97) 0%,rgba(8,14,20,0.93) 40%,rgba(8,14,20,0.66) 62%,rgba(8,14,20,0.24) 84%,rgba(8,14,20,0.10) 100%)} .e-con.aluekortti > .elementor-element{position:relative;z-index:1} .e-con.aluekortti:hover{transform:translateY(-4px)} .e-con.aluekortti .aluekortti-yla{color:var(--aksentti-kirkas)} .e-con.aluekortti .aluekortti-otsikko{color:#fff} .e-con.aluekortti .aluekortti-kuvaus{color:rgba(255,255,255,0.76)} .e-con.aluekortti .nuolilinkki{color:#fff} .e-con.aluekortti:hover .nuolilinkki{color:var(--aksentti-kirkas)} /* Ruudukot natiivikontteina */ .e-con.aluekortit,.e-con.kuvakortit,.e-con.vaiheet-kontti{display:grid} .e-con.aluekortit{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .e-con.kuvakortit{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .e-con.vaiheet-kontti{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px} .e-con.osio-otsikko-jaettu{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:68px} .e-con.kontti{max-width:var(--leveys);width:100%;margin-left:auto;margin-right:auto;padding-left:var(--reunus);padding-right:var(--reunus)} @media (max-width:1080px){.e-con.aluekortit{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:1024px){.e-con.osio-otsikko-jaettu{grid-template-columns:1fr;gap:24px}.e-con.kuvakortit{grid-template-columns:repeat(2,minmax(0,1fr))}.e-con.vaiheet-kontti{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}} @media (max-width:768px){.e-con.aluekortit,.e-con.kuvakortit,.e-con.vaiheet-kontti{grid-template-columns:1fr;gap:26px}} /* Aluekortin sisapehmuste tulee luokasta, koska .geo * nollaa Elementorin omat */ .e-con.aluekortti{padding:32px 30px 30px} /* Kicker: prototyypissa inline-flex lohkon sisalla, joten kaare on lohko (17px/1.7 riviboksi) ja itse kicker on kaareen sisalla. */ .geo .kicker.elementor-widget{display:block;width:100%;font-size:17px;line-height:1.7;letter-spacing:normal;text-transform:none;margin:0} .geo .kicker.elementor-widget::before{content:none} .geo .kicker .elementor-widget-container{display:inline-flex;align-items:center;gap:14px;font-family:var(--fontti-leipa);font-size:12.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--aksentti);margin-bottom:22px} .geo .kicker .elementor-widget-container::before{content:'';display:block;width:34px;height:2px;background-color:var(--aksentti);flex:none} /* Elementor 4 ei enaa renderoi .elementor-widget-container -kaarta otsikoille, joten kicker rakennetaan .elementor-heading-title -elementin varaan. */ .geo .kicker .elementor-heading-title{display:inline-flex;align-items:center;gap:14px;font-family:var(--fontti-leipa);font-size:12.5px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--aksentti);line-height:1.7;margin-bottom:22px} .geo .kicker .elementor-heading-title::before{content:'';display:block;width:34px;height:2px;background-color:var(--aksentti);flex:none} /* Hero natiivikonttina: kuva Elementorin taustana (muokattavissa), prototyypin kaksoisliukuvari ::before-kerroksena. */ .e-con.geo-hero{position:relative;width:100%;min-height:76vh;display:flex;align-items:center;justify-content:center;padding:96px 0 100px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden} .e-con.geo-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,16,24,0.30) 0%,rgba(10,16,24,0.52) 46%,rgba(10,16,24,0.93) 100%),linear-gradient(100deg,rgba(10,16,24,0.93) 0%,rgba(10,16,24,0.78) 44%,rgba(10,16,24,0.30) 82%,rgba(10,16,24,0.18) 100%)} .e-con.geo-hero > *{position:relative;z-index:1;width:100%} @media (max-width:768px){.e-con.geo-hero{min-height:0;padding:72px 0 84px}} /* Loppukehotus natiivikonttina */ .e-con.cta-kuva{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:108px 0 112px;background-color:var(--tumma);background-size:cover;background-position:center;overflow:hidden} .e-con.cta-kuva::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,16,24,0.86) 0%,rgba(10,16,24,0.78) 50%,rgba(10,16,24,0.90) 100%)} .e-con.cta-kuva > *{position:relative;z-index:1} @media (max-width:768px){.e-con.cta-kuva{padding:72px 0 76px}} /* --- Kuvakortti: Elementorin kuvawidget prototyypin kuvakehyksena --- */ .e-con.kuvakortti{padding:0} .geo .kuvakortti-kuva{position:relative;width:100%;aspect-ratio:4/3;max-height:300px;overflow:hidden;background-color:var(--pinta-korkea);line-height:0} .geo .kuvakortti-kuva img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transition:transform 0.6s var(--pehmennys)} .geo .kuvakortti:hover .kuvakortti-kuva img{transform:scale(1.04)} .geo .kuvakortti-kuva .elementor-widget-container,.geo .kuvakortti-kuva figure,.geo .kuvakortti-kuva .elementor-image{height:100%;margin:0;line-height:0} /* --- Vaihe --- */ .e-con.vaihe{padding-top:26px;border-top:3px solid var(--reuna-vahva)} /* --- Referenssien paikanvaraajakortit --- */ .e-con.aluekortti-paikalla{padding:0;aspect-ratio:auto;flex-direction:column;background-color:var(--pinta);border:1px solid var(--kortti-reuna);background-image:none} .e-con.aluekortti-paikalla::after{display:none} .e-con.aluekortti-paikalla:hover{transform:none} .e-con.aluekortti-teksti{padding:26px 26px 28px;display:flex;flex-direction:column;height:auto;position:static} .e-con.kuvapaikka{position:static;width:100%;aspect-ratio:3/2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background-color:var(--pinta-korkea);border:1px dashed var(--reuna-vahva)} .geo .kuvapaikka .elementor-icon,.geo .kuvapaikka .elementor-widget-icon{color:var(--aksentti);font-size:38px;opacity:0.9} .geo .kuvapaikka svg{width:38px;height:38px;fill:currentColor} .geo .kuvapaikka .elementor-heading-title{font-family:var(--fontti-otsikko);font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--vari-otsikko)} .geo .kuvapaikka p{font-size:12.5px;line-height:1.5;color:var(--vari-himmea);max-width:260px;margin:0 auto} .e-con.aluevideo{max-width:680px;width:100%;margin:34px auto 0;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background-color:var(--pinta);border:1px dashed var(--reuna-vahva);border-radius:var(--kortti-pyoristys)} .geo .aluevideo .elementor-icon{color:var(--aksentti-kirkas);font-size:40px} .geo .aluevideo .elementor-heading-title{font-family:var(--fontti-otsikko);font-size:16px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--vari-otsikko)} .geo .aluevideo p{font-size:14px;line-height:1.6;color:var(--vari-himmea);max-width:46ch;margin:0 auto} /* --- Loppukehotuksen sisalto --- */ .e-con.cta-kuva-sisalto{max-width:var(--leveys);width:100%;margin:0 auto;padding-left:var(--reunus);padding-right:var(--reunus);align-items:center;text-align:center} .e-con.cta-napit{display:flex;flex-direction:row;justify-content:center;gap:14px;flex-wrap:wrap;width:auto;margin-top:0} .geo .cta-kuva-sisalto .elementor-widget-heading,.geo .cta-kuva-sisalto .elementor-widget-text-editor{width:100%} /* Kuvakorttien valistys on prototyypissa 32px, ei 24px */ .e-con.kuvakortit{gap:32px} /* Loppukehotuksen napit yhdelle riville koko leveydelle */ .e-con.cta-napit{width:100%} /* ========================================================================== MARGINAALIKORJAUKSET Elementorin .e-con .elementor-widget.elementor-widget{margin-block-end:0} on tarkkuudeltaan (0,3,0) ja nollaa prototyypin luokkamarginaalit, joten ne palautetaan samalla tarkkuudella. ========================================================================== */ .e-con .elementor-widget.vaihe-numero{margin-block-end:18px} .e-con .elementor-widget.aluekortti-yla{margin-block-end:12px} .e-con .elementor-widget.aluekortti-otsikko{margin-block-end:10px} .e-con .elementor-widget.osio-johdanto{margin-block-end:0} /* Otsikoiden sisamarginaalit prototyypin mukaan */ .geo .kuvakortti-sisalto h3.elementor-heading-title{margin-bottom:12px} .geo .vaihe h3.elementor-heading-title{margin-bottom:12px} .geo .cta-kuva-sisalto h2.elementor-heading-title{margin-bottom:18px} /* Leipatekstien marginaalit: aiempi p:last-child -saanto oli liian laaja */ .geo .kuvakortti-sisalto .elementor-widget-text-editor p:last-child{margin-bottom:20px} .geo .cta-kuva-sisalto p{max-width:60ch;margin:0 auto 34px} .geo .aluekortti-teksti .elementor-widget-text-editor p:last-child{margin-bottom:0} /* Kuvakortin nuolilinkki painuu alas kuten prototyypissa */ .e-con .elementor-widget.nuolilinkki{margin-block-end:0} .geo .kuvakortti-sisalto .nuolilinkki{margin-top:auto;padding-top:20px} /* Elementorin globaalit fonttimuuttujat GeoAgrin fontteihin. Tehdaan CSS:lla, koska kitin asetusten kirjoittaminen pyyhkii taman CSS:n. */ .elementor-kit-8{--e-global-typography-primary-font-family:"Archivo";--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-text-font-family:"IBM Plex Sans";--e-global-typography-accent-font-family:"IBM Plex Sans"} .elementor-widget-heading .elementor-heading-title{font-family:var(--fontti-otsikko)} .geo .elementor-widget-text-editor,.geo .elementor-widget-button{font-family:var(--fontti-leipa)} /* Nappiluokka on Elementorissa kaareessa: kaari ei saa toistaa pehmusteita */ .geo .btn.elementor-widget{padding:0;border:0;background:none;background-color:transparent;border-radius:0;display:inline-flex;width:auto;white-space:normal} .geo .btn.elementor-widget::after,.geo .btn.elementor-widget::before{content:none} .geo .nuolilinkki.elementor-widget{padding:0;border:0;background:none;display:inline-flex;width:auto} .geo .nuolilinkki.elementor-widget::after{content:none} .geo .cta-napit .elementor-widget{width:auto} .geo .cta-kuva-sisalto .elementor-widget-text-editor{width:100%} .geo .cta-kuva-sisalto .elementor-widget-text-editor p:last-child{margin-bottom:34px} /* Kuvakortin nuolilinkki: pehmuste takaisin nappisovittimen jalkeen */ .geo .kuvakortti-sisalto .nuolilinkki.elementor-widget{margin-top:auto;padding-top:20px} .geo .nuolilinkki .elementor-button{line-height:1.7} /* ========================================================================== HEADER: Elementorin natiivit osat prototyypin luokilla ========================================================================== */ .e-con.header{position:sticky;top:0;z-index:60;width:100%;padding:18px 0;background-color:var(--header-tausta);border-bottom:1px solid transparent;transition:padding var(--siirtyma-nopea),background-color var(--siirtyma-nopea),border-color var(--siirtyma-nopea)} .e-con.header.vieritetty{padding:10px 0;background-color:var(--header-tausta-kiinni);border-bottom-color:var(--reuna)} .e-con.header-rivi{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;width:100%;max-width:var(--leveys);margin:0 auto;padding-left:var(--reunus);padding-right:var(--reunus)} .e-con.header-logo{width:auto;flex:none} .e-con.header-oikea{display:flex;flex-direction:row;align-items:center;gap:30px;width:auto;flex:none} .geo .header-oikea > .elementor-widget{width:auto;flex:none;display:flex;align-items:center} .geo .logo-kuva img{height:34px;width:auto;max-width:none;display:block} .geo .logo-kuva figure,.geo .logo-kuva .elementor-image{margin:0;line-height:0} /* Paavalikko: Elementorin nav-menu prototyypin navin nakoiseksi */ .geo .header-navi-2 .elementor-nav-menu{display:flex;flex-direction:row;align-items:center;gap:28px;list-style:none;margin:0;padding:0;flex-wrap:nowrap} .geo .header-navi-2 .elementor-nav-menu li{margin:0;padding:0} .geo .header-navi-2 .elementor-nav-menu a.elementor-item{font-family:var(--fontti-leipa);font-size:15.5px;font-weight:500;line-height:1.7;color:var(--vari-otsikko);padding:4px 0;border-bottom:1px solid transparent;background:none;background-color:transparent} .geo .header-navi-2 .elementor-nav-menu a.elementor-item:hover, .geo .header-navi-2 .elementor-nav-menu a.elementor-item:focus, .geo .header-navi-2 .elementor-nav-menu a.elementor-item.highlighted, .geo .header-navi-2 .elementor-nav-menu a.elementor-item-active{border-bottom-color:var(--aksentti);color:var(--vari-otsikko);background:none;background-color:transparent} .geo .header-navi-2 .elementor-menu-toggle,.geo .header-navi-2 .elementor-nav-menu--dropdown{display:none !important} /* Puhelinnumero linjaan muiden kanssa */ .geo .header-puh{font-family:var(--fontti-leipa);font-size:16px;font-weight:600;color:var(--vari-otsikko);white-space:nowrap;display:flex;align-items:center} .geo .header-puh p{margin:0;font:inherit;color:inherit} .geo .header-puh a{color:var(--vari-otsikko)} .geo .header-puh a:hover{color:var(--aksentti)} .geo .header-btn .elementor-button{font-size:16px;padding:12px 30px} /* Valikkonappi nakyy vasta mobiilissa, kuten prototyypissa */ .geo .valikko-btn{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;color:var(--vari-otsikko);padding:2px 4px} .geo .palkki{background-color:var(--vari-otsikko)} @media (max-width:980px){ .geo .header-navi-2,.geo .header-puh{display:none} .geo .valikko-btn{display:flex;min-width:46px;min-height:46px} } @media (max-width:768px){.geo .header-btn{display:none}.e-con.header{padding:12px 0}} /* Aiempi .elementor-location-header .e-con -saanto oli liian laaja (!important), joten headerin omat mitat palautetaan samalla painolla. */ .elementor-location-header .e-con.header{padding:18px 0 !important;width:100% !important;max-width:100% !important} .elementor-location-header .e-con.header.vieritetty{padding:10px 0 !important} .elementor-location-header .e-con.header-rivi{max-width:var(--leveys) !important;width:100% !important;padding-left:var(--reunus) !important;padding-right:var(--reunus) !important;margin-left:auto !important;margin-right:auto !important;gap:40px} .elementor-location-header .e-con.header-logo{width:auto !important;max-width:none !important;flex:none} .elementor-location-header .e-con.header-oikea{width:auto !important;max-width:none !important;flex:none;gap:30px} .elementor-location-header .elementor-widget{width:auto} .elementor-location-header .e-con.header > .elementor-widget-html{width:100%} @media (max-width:768px){.elementor-location-header .e-con.header{padding:12px 0 !important}} /* Prototyypissa body on overflow-x: clip, jotta piilossa oleva mobiilivalikko ei leventaisi sivua. Ilman tata sivulle tulee vaakavieritys. */ html,body{overflow-x:clip} /* Paavalikon kohteiden pehmuste tulee prototyypin mukaan, ei Elementorin */ .geo .header-navi-2 .elementor-nav-menu--main .elementor-item{padding:4px 0;border-radius:0} .geo .header-navi-2 .elementor-nav-menu--main .elementor-item:hover, .geo .header-navi-2 .elementor-nav-menu--main .elementor-item.elementor-item-active{background:none;background-color:transparent;color:var(--vari-otsikko);border-bottom:1px solid var(--aksentti)} .geo .header-navi-2 .elementor-nav-menu--main .elementor-item{border-bottom:1px solid transparent} .geo .header-navi-2 .e--pointer-underline .elementor-item:after,.geo .header-navi-2 .e--pointer-underline .elementor-item:before{display:none} /* Valikon kohteiden valistys tulee ul:n gapista, ei kohteiden marginaalista */ .geo .header-navi-2 .elementor-nav-menu--main .elementor-item{margin:0} .geo .header-navi-2 .elementor-nav-menu--main li{margin:0} /* UKK-haitarin napit luodaan JS:lla, joten ne eivat olleet prototyypin HTML:ssa eivatka paatyneet automaattiseen poimintaan. */ .ukk-nappi{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; width: 100%; background: none; border: none; padding: 0; text-align: left; font: inherit; color: inherit} .ukk-nappi:hover{color: var(--aksentti)} .ukk-merkki{flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--reuna-vahva); color: var(--aksentti); display: flex; align-items: center; justify-content: center; font-family: var(--fontti-leipa); font-size: 18px; line-height: 1; transition: transform var(--siirtyma-nopea)} .ukk-nappi[aria-expanded="true"] .ukk-merkki{transform: rotate(45deg)} /* ========================================================================== ALATUNNISTE: sama laaja !important-saanto kumotaan kuin headerissa ========================================================================== */ .elementor-location-footer .e-con.alatunniste-simppeli{padding:56px 0 34px !important;width:100% !important;max-width:100% !important;background:var(--pohja);border-top:2px solid var(--vari-otsikko)} .elementor-location-footer .e-con.kontti{max-width:var(--leveys) !important;width:100% !important;padding-left:var(--reunus) !important;padding-right:var(--reunus) !important;margin-left:auto !important;margin-right:auto !important} .elementor-location-footer .e-con.simppeli-footer-sisalto{display:flex !important;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:44px !important;width:100% !important;max-width:100% !important} .elementor-location-footer .e-con.simppeli-brand{display:flex;flex-direction:column;gap:12px;width:auto !important;max-width:none !important;flex:none} .elementor-location-footer .e-con.simppeli-linkit{display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap;width:auto !important;max-width:none !important;flex:none} .elementor-location-footer .e-con.simppeli-ala{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;width:100% !important;max-width:100% !important;font-size:13.5px;color:var(--vari-himmea)} .elementor-location-footer .elementor-widget{width:auto} .geo .simppeli-osoite p{margin:0;font-size:14.5px;line-height:1.7;color:var(--vari-leipa)} .geo .simppeli-ala p{margin:0;font-size:13.5px;color:var(--vari-himmea)} .geo .simppeli-ala a{color:var(--vari-himmea)} .geo .simppeli-ala a:hover{color:var(--aksentti)} .geo .simppeli-navi .elementor-nav-menu{display:flex;flex-direction:row;align-items:center;gap:24px;list-style:none;margin:0;padding:0;flex-wrap:wrap} .geo .simppeli-navi .elementor-nav-menu--main .elementor-item{font-family:var(--fontti-leipa);font-size:15px;font-weight:500;color:var(--vari-otsikko);padding:0;margin:0;background:none} .geo .simppeli-navi .elementor-nav-menu--main .elementor-item:hover, .geo .simppeli-navi .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--aksentti);background:none} .geo .simppeli-navi .elementor-menu-toggle,.geo .simppeli-navi .elementor-nav-menu--dropdown{display:none !important} .elementor-location-footer .e-con.simppeli-ala .elementor-widget{width:auto;flex:1} .e-con.cta-kuva-sisalto{gap:0} .geo .header-navi-2 nav.elementor-nav-menu--main{padding:0;margin:0} .geo .header-navi-2 .elementor-nav-menu--main ul.elementor-nav-menu{padding:0;margin:0} /* ========================================================================== MOBIILI: navi, puhelin ja nappi piiloon kuten prototyypissa. Tarkkuus (0,4,0), koska .geo .header-oikea > .elementor-widget on (0,3,0). ========================================================================== */ @media (max-width:980px){ .geo .header-oikea > .elementor-widget.header-navi-2, .geo .header-oikea > .elementor-widget.header-puh{display:none !important} } @media (max-width:768px){ .geo .header-oikea > .elementor-widget.header-btn{display:none !important} .elementor-location-header .e-con.header{padding:10px 0 11px !important} .geo .logo-kuva img{height:28px} } html,body{overflow-x:clip !important} /* Elementorin konttien oletus flex-wrap:wrap heittaa kortin sisallon uuteen sarakkeeseen, kun korkeus on sidottu kuvasuhteeseen. */ .e-con.aluekortti,.e-con.kuvakortti,.e-con.vaihe,.e-con.aluekortti-teksti,.e-con.kuvakortti-sisalto,.e-con.kuvapaikka,.e-con.aluevideo,.e-con.cta-kuva-sisalto,.e-con.kontti,.e-con.geo-hero{flex-wrap:nowrap} .e-con.aluekortti{min-height:0} /* Yksisarakkeisissa ruudukoissa sarake ei saa kasvaa sisallon min-leveyteen */ @media (max-width:1024px){ .parivaljakko,.parivaljakko-tasa,.yhteys-ruudukko{grid-template-columns:minmax(0,1fr)} } @media (max-width:768px){ .aluekortit,.kuvakortit,.vaiheet,.kohderyhmat,.referenssit,.galleria, .e-con.aluekortit,.e-con.kuvakortit,.e-con.vaiheet-kontti{grid-template-columns:minmax(0,1fr)} .vahvuudet-kaksi,.osio-otsikko-jaettu,.e-con.osio-otsikko-jaettu{grid-template-columns:minmax(0,1fr)} } .ukk-lista,.ukk-kohta,.ukk-nappi{min-width:0;max-width:100%} .ukk-nappi > span:first-child{min-width:0;overflow-wrap:break-word} /* ========================================================================== Elementorin globaalit varit GeoAgrin palettiin. Tehdaan CSS:lla, koska kitin asetusten kirjoittaminen pyyhkii taman tiedoston. ========================================================================== */ .elementor-kit-8{--e-global-color-primary:#101A24;--e-global-color-secondary:#54626F;--e-global-color-text:#54626F;--e-global-color-accent:#C0430F} /* Otsikot tummalla taustalla valkoisiksi (Elementorin widget-saanto on 0,2,0) */ .geo .cta-kuva .elementor-widget-heading .elementor-heading-title{color:var(--vari-kuvalla)} .geo .aluekortti .elementor-widget-heading .elementor-heading-title{color:#fff} .geo .aluekortti-paikalla .aluekortti-otsikko .elementor-heading-title{color:var(--vari-otsikko)} .geo .aluekortti-paikalla .aluekortti-yla .elementor-heading-title{color:var(--aksentti)} .geo .aluekortti .aluekortti-yla .elementor-heading-title{color:var(--aksentti-kirkas)} .geo .kuvapaikka .elementor-heading-title{color:var(--vari-otsikko)} .geo .aluevideo .elementor-heading-title{color:var(--vari-otsikko)} /* Loppukehotus: sisalto keskitetaan koko leveydelta, ei sisallon mukaan */ .e-con.cta-kuva{align-items:stretch} .e-con.cta-kuva-sisalto{align-items:stretch;text-align:center} .geo .cta-kuva-sisalto > .elementor-widget{width:100%} .geo .cta-kuva-sisalto .elementor-heading-title{max-width:780px;margin-left:auto;margin-right:auto} .geo .cta-kuva-sisalto p{max-width:780px;margin-left:auto;margin-right:auto} .e-con.cta-napit{width:100%;justify-content:center;align-items:center} /* .geo ja .cta-kuva ovat samassa elementissa, joten valitsimessa ei saa olla valia */ .geo.cta-kuva .elementor-widget-heading .elementor-heading-title{color:var(--vari-kuvalla)} /* Korttien otsikkovarit tulevat kaareen luokasta (valkoinen kuvakortti, tumma paikanvaraaja), joten sisin perii sen sellaisenaan. */ .geo .aluekortti .elementor-widget-heading .elementor-heading-title, .geo .aluekortti-paikalla .elementor-widget-heading .elementor-heading-title{color:inherit} /* Skoopattu perusresetti (.geo h1) on tarkkuudeltaan (0,1,1) ja voittaa prototyypin luokkasaannot (0,1,0). Otsikkoluokat palautetaan samalla prefiksilla, jolloin ne voittavat taas. */ .elementor-widget-html .hero-otsikko,.geo .hero-otsikko{color:var(--vari-kuvalla)} .elementor-widget-html .sivu-otsikko,.geo .sivu-otsikko{font-size:clamp(30px,3.8vw,52px);line-height:1.1;color:var(--vari-kuvalla);max-width:900px;margin-bottom:22px} .elementor-widget-html .palvelu-otsikko,.geo .palvelu-otsikko{font-family:var(--fontti-otsikko);font-size:21px;line-height:1.2;letter-spacing:-0.01em;color:var(--vari-otsikko)} .elementor-widget-html .kohta-otsikko,.geo .kohta-otsikko{font-family:var(--fontti-otsikko);font-size:19px;line-height:1.3;color:var(--vari-otsikko)} .elementor-widget-html .vahvuus-otsikko-2,.geo .vahvuus-otsikko-2{display:block;color:rgba(255,255,255,0.76)} /* Leipatekstiluokat: skoopattu p-resetti (0,1,1) voitti nama (0,1,0) */ .elementor-widget-html .hero-kuvaus,.geo .hero-kuvaus{margin-bottom:34px} .elementor-widget-html .osio-johdanto,.geo .osio-johdanto{margin-bottom:0} .elementor-widget-html .sivu-johdanto,.geo .sivu-johdanto{margin-bottom:0} .elementor-widget-html .esittely-johdanto,.geo .esittely-johdanto{margin-bottom:44px} .elementor-widget-html .simppeli-osoite,.geo .simppeli-osoite{margin-bottom:0} .elementor-widget-html .mobiili-aukiolo,.geo .mobiili-aukiolo{margin:12px 0 0} .elementor-widget-html .kohta-teksti,.geo .kohta-teksti{margin-bottom:0} .elementor-widget-html .palvelu-teksti,.geo .palvelu-teksti{margin-bottom:26px} .elementor-widget-html .hero-otsikko,.geo .hero-otsikko{font-family:var(--fontti-otsikko);font-size:clamp(38px,5.2vw,68px);font-weight:800;line-height:1.08;letter-spacing:-0.03em;color:var(--vari-kuvalla);margin-bottom:22px;text-transform:none} .elementor-widget-html .hero-korostus,.geo .hero-korostus{color:var(--aksentti)} /* ========================================================================== LINKKIEN JA NAPPIEN VARIT Skoopattu resetti .geo a / .elementor-widget-html a on tarkkuudeltaan (0,1,1) ja voittaa prototyypin luokat (0,1,0). Luokat palautetaan samalla prefiksilla, jolloin ne voittavat taas — kuten prototyypissa. ========================================================================== */ .elementor-widget-html .btn-aksentti,.geo .btn-aksentti{color:var(--aksentti-teksti)} .elementor-widget-html .btn-reuna,.geo .btn-reuna{color:var(--vari-kuvalla)} .elementor-widget-html .btn-vaalea,.geo .btn-vaalea{color:var(--aksentti-tumma)} .elementor-widget-html .btn-tumma,.geo .btn-tumma{color:var(--vari-otsikko)} .elementor-widget-html .nuolilinkki,.geo .nuolilinkki{color:var(--aksentti)} .elementor-widget-html .aluekortti .nuolilinkki,.geo .aluekortti .nuolilinkki{color:#fff} .elementor-widget-html .aluekortti-paikalla .nuolilinkki,.geo .aluekortti-paikalla .nuolilinkki{color:var(--aksentti)} .elementor-widget-html .navi-linkki,.geo .navi-linkki{color:var(--vari-otsikko)} .elementor-widget-html .header-puh,.geo .header-puh, .elementor-widget-html .header-puh a,.geo .header-puh a{color:var(--vari-otsikko)} .elementor-widget-html .simppeli-puh,.geo .simppeli-puh{color:var(--vari-otsikko)} .elementor-widget-html .simppeli-sposti,.geo .simppeli-sposti{color:var(--vari-leipa)} .elementor-widget-html .simppeli-linkit a:not(.btn),.geo .simppeli-linkit a:not(.btn){color:var(--vari-otsikko)} .elementor-widget-html .simppeli-ala a,.geo .simppeli-ala a{color:var(--vari-himmea)} .elementor-widget-html .mobiili-puhelin,.geo .mobiili-puhelin{color:var(--vari-otsikko)} .elementor-widget-html .mobiili-navi a,.geo .mobiili-navi a{color:var(--vari-otsikko)} .elementor-widget-html .yhteys-arvo,.geo .yhteys-arvo{color:var(--vari-otsikko)} .elementor-widget-html .murupolku a,.geo .murupolku a{color:var(--vari-kuvalla-2)} .elementor-widget-html .valintaruutu a,.geo .valintaruutu a{color:var(--aksentti)} .elementor-widget-html .logo,.geo .logo{color:var(--vari-otsikko)} /* Teeman reset.css: a:hover #333366 ja button:hover #CC3366 pois */ .elementor-widget-html a:hover,.geo a:hover{color:inherit} .elementor-widget-html button:hover,.geo button:hover, .elementor-widget-html button:focus,.geo button:focus{background-color:transparent;color:inherit} .elementor-widget-html .ukk-nappi:hover,.geo .ukk-nappi:hover{color:var(--aksentti);background:none} .elementor-widget-html .btn-aksentti:hover,.geo .btn-aksentti:hover{color:var(--aksentti-teksti);background-color:var(--aksentti-kirkas)} .elementor-widget-html .btn-reuna:hover,.geo .btn-reuna:hover{color:var(--vari-kuvalla)} .elementor-widget-html .btn-vaalea:hover,.geo .btn-vaalea:hover{color:var(--aksentti-tumma)} .elementor-widget-html .nuolilinkki:hover,.geo .nuolilinkki:hover{color:var(--aksentti)} .elementor-widget-html .aluekortti:hover .nuolilinkki,.geo .aluekortti:hover .nuolilinkki{color:var(--aksentti-kirkas)} .elementor-widget-html .header-puh:hover,.geo .header-puh:hover, .elementor-widget-html .header-puh a:hover,.geo .header-puh a:hover, .elementor-widget-html .simppeli-puh:hover,.geo .simppeli-puh:hover, .elementor-widget-html .simppeli-sposti:hover,.geo .simppeli-sposti:hover, .elementor-widget-html .simppeli-linkit a:not(.btn):hover,.geo .simppeli-linkit a:not(.btn):hover, .elementor-widget-html .simppeli-ala a:hover,.geo .simppeli-ala a:hover, .elementor-widget-html .mobiili-navi a:hover,.geo .mobiili-navi a:hover, .elementor-widget-html .yhteys-arvo:hover,.geo .yhteys-arvo:hover{color:var(--aksentti)} /* Loppukehotus: Elementorin boxed-kaari lisasi 10px+10px pehmusteen */ .e-con.cta-kuva-sisalto > .e-con-inner{padding:0;gap:0;max-width:100%;width:100%} /* Alatunniste pinoutuu mobiilissa kuten prototyypissa */ @media (max-width:768px){ .elementor-location-footer .e-con.simppeli-footer-sisalto{flex-direction:column;align-items:flex-start;gap:28px} .elementor-location-footer .e-con.simppeli-linkit{width:100% !important;gap:16px 20px} .elementor-location-footer .e-con.simppeli-ala{flex-direction:column;align-items:flex-start;gap:8px} .elementor-location-footer .e-con.simppeli-linkit .btn{flex-basis:100%} } /* UKK-napin kysymysteksti saa rivittya mobiilissa */ .ukk-nappi > span:first-child{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:break-word} .ukk-nappi{flex-wrap:nowrap} /* Elementorin nappi on , joten .btn-luokka on kaareessa eika ankkurissa — a:not(.btn) osui vaarin alatunnisteen nappiin. */ .geo .simppeli-linkit .btn .elementor-button,.geo .btn .elementor-button{color:var(--aksentti-teksti)} .geo .btn-vaalea .elementor-button{color:var(--aksentti-tumma)} .geo .btn-reuna .elementor-button{color:var(--vari-kuvalla)} .geo .nuolilinkki .elementor-button{color:inherit} /* ========================================================================== ALASIVUJEN KOMPONENTIT natiivikontteina ========================================================================== */ .e-con.alasivu-hero{position:relative;width:100%;min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding:84px 0 118px;background-size:cover;background-position:center;overflow:hidden;flex-wrap:nowrap} .e-con.alasivu-hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right,rgba(10,16,24,0.92) 0%,rgba(10,16,24,0.70) 55%,rgba(10,16,24,0.90) 100%)} .e-con.alasivu-hero::after{display:none} .e-con.alasivu-hero > *{position:relative;z-index:1} .e-con.alasivu-hero-sisalto{width:100%;max-width:var(--leveys);margin:0 auto;padding-left:var(--reunus);padding-right:var(--reunus);align-items:flex-start;flex-wrap:nowrap} .geo .alasivu-hero .murupolku{color:var(--vari-kuvalla-3)} .geo .alasivu-hero .murupolku a{color:var(--vari-kuvalla-2)} .geo .alasivu-hero .murupolku span[aria-current]{color:var(--vari-kuvalla)} .geo .alasivu-hero .sivu-otsikko .elementor-heading-title{color:var(--vari-kuvalla)} .geo .alasivu-hero .sivu-johdanto p{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.75;color:rgba(255,255,255,0.88);max-width:680px;margin:0} .e-con .elementor-widget.sivu-otsikko{margin-block-end:22px} @media (max-width:768px){.e-con.alasivu-hero{min-height:0;padding:56px 0 72px}} /* Keskitetty osio-otsikko */ .geo .osio-otsikko-keskella{max-width:820px;margin-left:auto;margin-right:auto;text-align:center;width:100%} .e-con .elementor-widget.osio-otsikko-keskella{margin-block-end:68px} @media (max-width:768px){.e-con .elementor-widget.osio-otsikko-keskella{margin-block-end:44px}} /* Kohderyhmakortit */ .e-con.kohderyhmat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%} .e-con.kohderyhma-kortti{display:flex;flex-direction:column;flex-wrap:nowrap;background-color:var(--kortti-tausta);border:1px solid var(--kortti-reuna);border-top:3px solid var(--aksentti);padding:38px 40px} .geo .kohderyhma-kortti h3.elementor-heading-title{margin-bottom:14px} .geo .kohderyhma-kortti p{font-size:15px;line-height:1.8;color:var(--vari-leipa);margin:0} @media (max-width:768px){.e-con.kohderyhmat{grid-template-columns:minmax(0,1fr);gap:26px}.e-con.kohderyhma-kortti{padding:30px 24px}} /* CTA-palkki */ .e-con.cta-palkki{background-color:var(--aksentti);color:var(--aksentti-teksti);padding:46px 0;width:100%} .e-con.cta-palkki-sisalto{width:100%;max-width:var(--leveys);margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-left:var(--reunus);padding-right:var(--reunus)} .e-con.cta-palkki-teksti{width:auto;flex:1 1 auto;flex-wrap:nowrap} .geo .cta-palkki .elementor-widget{width:auto} .geo .cta-palkki .elementor-heading-title{font-size:clamp(22px,2.2vw,32px);line-height:1.15;color:var(--aksentti-teksti)} .geo .cta-palkki p{font-size:15px;line-height:1.6;color:var(--aksentti-teksti);opacity:0.78;margin:8px 0 0} .geo .btn-tumma .elementor-button{background-color:var(--pohja-2);color:var(--vari-otsikko);border-color:var(--pohja-2)} .geo .btn-tumma .elementor-button:hover{background-color:var(--pohja);border-color:var(--pohja);color:var(--vari-otsikko)} @media (max-width:768px){.e-con.cta-palkki{padding:40px 0}.e-con.cta-palkki-sisalto{flex-direction:column;align-items:flex-start}.geo .cta-palkki .btn .elementor-button{width:100%}} /* Palvelulohkojen kuvakkeet HTML-widgetissa */ .elementor-widget-html .palvelu-kuvake svg{width:24px;height:24px} .geo .alasivu-hero-sisalto > .elementor-widget{width:100%} .geo .alasivu-hero .sivu-otsikko .elementor-heading-title{max-width:900px} .geo .alasivu-hero .sivu-otsikko .elementor-heading-title{line-height:1.1;font-size:clamp(30px,3.8vw,52px)} .geo .alasivu-hero .sivu-johdanto{max-width:680px} /* .geo ja .alasivu-hero / .cta-palkki ovat samassa elementissa */ .geo.alasivu-hero .murupolku{color:var(--vari-kuvalla-3)} .geo.alasivu-hero .murupolku a{color:var(--vari-kuvalla-2)} .geo.alasivu-hero .murupolku span[aria-current]{color:var(--vari-kuvalla)} .geo.alasivu-hero .sivu-otsikko .elementor-heading-title{color:var(--vari-kuvalla);line-height:1.1;font-size:clamp(30px,3.8vw,52px);max-width:900px} .geo.alasivu-hero .sivu-johdanto{max-width:680px} .geo.alasivu-hero .sivu-johdanto p{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.75;color:rgba(255,255,255,0.88);max-width:680px;margin:0} .geo.alasivu-hero-sisalto > .elementor-widget,.geo .alasivu-hero-sisalto > .elementor-widget{width:100%} .geo.alasivu-hero .alasivu-hero-sisalto > .elementor-widget{width:100%} .geo.cta-palkki .elementor-widget{width:auto} .geo.cta-palkki .elementor-heading-title{font-size:clamp(22px,2.2vw,32px);line-height:1.15;color:var(--aksentti-teksti)} .geo.cta-palkki p{font-size:15px;line-height:1.6;color:var(--aksentti-teksti);opacity:0.78;margin:8px 0 0} @media (max-width:768px){.geo.cta-palkki .btn .elementor-button{width:100%}} /* Prototyypissa header on alasivun heron sisalla (min-height 64vh kattaa sen), WordPressissa header on erillinen. Vahennetaan headerin korkeus. */ .e-con.alasivu-hero{min-height:calc(64vh - 84px)} @media (max-width:768px){.e-con.alasivu-hero{min-height:0}} /* Osioiden ja konttien lapset taysleveiksi (Elementorin align-items:center kutisti HTML-widgetit sisallon levyisiksi) */ .e-con.osio,.e-con.kontti,.e-con.alasivu-hero{align-items:stretch} .e-con.osio > .elementor-widget,.e-con.kontti > .elementor-widget{width:100%} .e-con.tekstilohko{align-self:flex-start;max-width:880px;width:100%;align-items:flex-start} .geo .tekstilohko p{max-width:var(--mitta-teksti)} .geo .tekstilohko .elementor-widget-text-editor p:last-child{margin-bottom:1.1rem} /* ========================================================================== YRITYS- JA YHTEYSTIETOSIVUN KOMPONENTIT natiivikontteina ========================================================================== */ .e-con.parivaljakko{display:grid;grid-template-columns:0.9fr 1.1fr;gap:100px;align-items:center;width:100%} .e-con.esittely-visuaali{position:relative;max-width:520px;width:100%;flex-wrap:nowrap} .geo .esittely-kuva{position:relative;z-index:1;overflow:hidden;line-height:0;background-color:var(--pinta);width:100%} .geo .esittely-kuva img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block} .e-con.esittely-teksti{max-width:700px;width:100%;align-items:flex-start;flex-wrap:nowrap} .geo .esittely-johdanto p{font-size:15.5px;line-height:1.85;color:var(--vari-leipa);margin:0} .e-con .elementor-widget.esittely-johdanto{margin-block-end:44px} @media (max-width:1024px){ .e-con.parivaljakko{grid-template-columns:minmax(0,1fr);gap:56px} .e-con.esittely-visuaali,.e-con.esittely-teksti{max-width:100%} } @media (max-width:768px){.geo .esittely-kuva img{aspect-ratio:4/3}} /* Palstat tekstieditorina */ .geo .palstat{column-count:2;column-gap:56px;max-width:900px} .geo .palstat p{margin-bottom:1.1rem;break-inside:avoid} .geo .palstat p:last-child{margin-bottom:0} @media (max-width:1024px){.geo .palstat{column-count:1}} /* Lupauspalkki omassa osiossaan */ .geo .lupaukset{width:100%} /* ========================================================================== PAAVALIKON PUDOTUSVALIKKO (Ratkaisut > Automaattiohjaus, Koneohjaus, Mittaus) Aiempi .elementor-nav-menu--dropdown{display:none !important} piilotti myos alavalikon, joten se kumotaan tarkemmalla saannolla. ========================================================================== */ .geo .header-navi-2 .elementor-nav-menu--main li.menu-item-has-children{position:relative} .geo .header-navi-2 .elementor-nav-menu--main ul.sub-menu{display:block !important;position:absolute !important;top:calc(100% + 12px) !important;left:-18px !important;right:auto !important;min-width:236px;margin:0;padding:8px 0;list-style:none;background-color:var(--pohja);border:1px solid var(--reuna);border-radius:var(--pyoristys-m);box-shadow:var(--varjo-nosto);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--siirtyma-nopea),transform var(--siirtyma-nopea),visibility var(--siirtyma-nopea);z-index:70} .geo .header-navi-2 .elementor-nav-menu--main li.menu-item-has-children:hover > ul.sub-menu, .geo .header-navi-2 .elementor-nav-menu--main li.menu-item-has-children:focus-within > ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0)} .geo .header-navi-2 .elementor-nav-menu--main ul.sub-menu li{margin:0;width:100%} .geo .header-navi-2 .elementor-nav-menu--main ul.sub-menu a{display:block;width:100%;padding:9px 20px;font-family:var(--fontti-leipa);font-size:15px;font-weight:500;line-height:1.6;color:var(--vari-otsikko);border:0;background:none;white-space:nowrap} .geo .header-navi-2 .elementor-nav-menu--main ul.sub-menu a:hover, .geo .header-navi-2 .elementor-nav-menu--main ul.sub-menu a.elementor-item-active{color:var(--aksentti);background-color:var(--pohja-2)} /* Silta linkin ja valikon valiin, ettei hover katkea */ .geo .header-navi-2 .elementor-nav-menu--main li.menu-item-has-children::after{content:'';position:absolute;top:100%;left:0;right:0;height:14px} /* Nuoli paalinkin perassa */ .geo .header-navi-2 .elementor-nav-menu--main .sub-arrow{display:inline-flex;align-items:center;margin-left:7px;pointer-events:none} .geo .header-navi-2 .elementor-nav-menu--main .sub-arrow svg{width:9px;height:9px;fill:currentColor;transition:transform var(--siirtyma-nopea)} .geo .header-navi-2 .elementor-nav-menu--main li.menu-item-has-children:hover .sub-arrow svg{transform:rotate(180deg)} /* Mobiilivalikon alakohdat sisennettyina */ .geo .mobiili-navi .ala-linkki{padding-left:18px;font-size:17px;color:var(--vari-leipa)} .geo .mobiili-navi .ala-linkki .nuoli{font-size:15px} /* .palvelu-otsikko on 21px vain palvelulohkoissa; neliosassa se seuraa prototyypin clamp-arvoa. Aiempi liian laaja saanto kumotaan. */ .elementor-widget-html .palvelu-otsikko,.geo .palvelu-otsikko{font-size:clamp(21px,2vw,30px);line-height:1.16;letter-spacing:normal;margin-bottom:16px} .elementor-widget-html .palvelulohko .palvelu-otsikko,.geo .palvelulohko .palvelu-otsikko{font-size:21px;line-height:1.2;letter-spacing:-0.01em;margin-bottom:0} /* Osion suorat widget-lapset taysleveiksi (lupauspalkki ym.) */ .e-con.geo > .elementor-widget{width:100%} /* Elementorin globaalit fonttipainot prototyypin mukaisiksi (otsikot 700) */ .elementor-kit-8{--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:600} .geo .elementor-widget-heading .elementor-heading-title{font-weight:var(--otsikko-paino)} .geo .kicker .elementor-heading-title{font-weight:600} .geo .aluekortti-yla .elementor-heading-title{font-weight:700} /* Tekstilohkon viimeisen kappaleen alamarginaali vain jos perassa on nappi */ .geo .tekstilohko .elementor-widget-text-editor:not(:last-child) p:last-child{margin-bottom:1.1rem} .geo .tekstilohko .elementor-widget-text-editor:last-child p:last-child{margin-bottom:0} /* --- Paikanvaraajakortin varit: oma .e-con.aluekortti -saanto (0,3,0) voitti prototyypin .aluekortti-paikalla -saannot (0,2,0). --- */ .e-con.aluekortti.aluekortti-paikalla .aluekortti-yla{color:var(--aksentti)} .e-con.aluekortti.aluekortti-paikalla .aluekortti-otsikko{color:var(--vari-otsikko)} .e-con.aluekortti.aluekortti-paikalla .aluekortti-kuvaus{color:var(--vari-leipa)} .e-con.aluekortti.aluekortti-paikalla .nuolilinkki{color:var(--aksentti)} .e-con.aluekortti.aluekortti-paikalla:hover .nuolilinkki{color:var(--aksentti-tumma)} .geo .aluekortti-paikalla .aluekortti-otsikko .elementor-heading-title{color:var(--vari-otsikko)} .geo .aluekortti-paikalla .aluekortti-yla .elementor-heading-title{color:var(--aksentti)} .geo .aluekortti-paikalla .aluekortti-kuvaus p{color:var(--vari-leipa)} /* --- Nuolimerkki: kaytetaan merkkia suoraan, ei escape-koodia --- */ .geo .nuolilinkki .elementor-button-text::after{content:"\2192";margin-left:10px;display:inline-block;transition:transform var(--siirtyma-nopea)} .geo .nuolilinkki:hover .elementor-button-text::after{transform:translateX(5px)} /* --- CTA-palkin teksti vasempaan reunaan, ei keskitettyna --- */ .e-con.cta-palkki-teksti{align-items:flex-start;text-align:left;width:auto;max-width:none;flex:0 1 auto} .geo .cta-palkki-teksti > .elementor-widget{width:auto} .geo.cta-palkki .cta-palkki-teksti .elementor-heading-title, .geo.cta-palkki .cta-palkki-teksti p{text-align:left} /* Nuolimerkki myos HTML-widgettien nuolilinkeille (aiempi escape katosi) */ .nuolilinkki::after{content:"\2192"} /* Paikanvaraajakortin nuolilinkin hover kuten prototyypissa */ .e-con.aluekortti.aluekortti-paikalla:hover .nuolilinkki{color:var(--aksentti-kirkas)} /* Pudotusvalikon hover-silta on nakymaton apualue: ei reunuksia eika taustaa */ .geo .header-navi-2 .elementor-nav-menu--main li.menu-item-has-children::after{border:0;background:none;box-shadow:none;pointer-events:auto} /* Nykyisen sivun valikkolinkki: Elementor ei merkitse mukautettuja linkkeja luokalla elementor-item-active, joten kaytetaan JS:n lisaamaa .aktiivinen */ .geo .header-navi-2 .elementor-nav-menu--main .elementor-item.aktiivinen{border-bottom-color:var(--aksentti)} .geo .header-navi-2 .elementor-nav-menu--main ul.sub-menu a.aktiivinen{color:var(--aksentti);background-color:var(--pohja-2)} /* ========================================================================== GRAVITY FORMS prototyypin .lomake -ilmeeseen ========================================================================== */ .geo .lomake-kaari .gform_wrapper{ --gform-theme-color-primary:var(--aksentti); --gform-theme-color-primary-rgb:192,67,15; --gform-theme-color-primary-contrast:#ffffff; --gform-theme-color-secondary:var(--pohja-3); --gform-theme-color-inside-control:var(--pohja-3); --gform-theme-color-inside-control-primary:var(--aksentti); --gform-theme-color-outside-control-light:var(--reuna-vahva); --gform-theme-color-outside-control-dark:var(--vari-otsikko); --gform-theme-font-family-primary:var(--fontti-otsikko); --gform-theme-font-family-secondary:var(--fontti-leipa); --gform-theme-border-radius:var(--pyoristys-m); --gform-theme-control-border-radius:var(--pyoristys-m); --gform-theme-control-border-color:var(--reuna-vahva); --gform-theme-control-background-color:var(--pohja-3); --gform-theme-control-color:var(--vari-otsikko); --gform-theme-control-placeholder-color:var(--vari-himmea); --gform-theme-control-accent-color:var(--aksentti); background-color:var(--kortti-tausta); border:1px solid var(--kortti-reuna); border-top:3px solid var(--aksentti); box-shadow:var(--kortti-varjo); padding:46px 46px 40px; font-family:var(--fontti-leipa); color:var(--vari-leipa)} .geo .lomake-kaari .gform_heading{margin:0 0 30px} .geo .lomake-kaari .gform_title{font-family:var(--fontti-otsikko);font-size:clamp(20px,2.1vw,27px);font-weight:700;line-height:1.12;color:var(--vari-otsikko);margin:0} .geo .lomake-kaari .gform_description{display:none} .geo .lomake-kaari .gform_required_legend{display:none} .geo .lomake-kaari .gfield_label{display:block;font-family:var(--fontti-leipa);font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--vari-leipa);margin:0 0 9px} .geo .lomake-kaari .gfield_required{color:var(--aksentti)} .geo .lomake-kaari .gform_fields{row-gap:22px} .geo .lomake-kaari input[type=text],.geo .lomake-kaari input[type=email],.geo .lomake-kaari input[type=tel], .geo .lomake-kaari input[type=url],.geo .lomake-kaari input[type=number],.geo .lomake-kaari textarea,.geo .lomake-kaari select{ width:100%;background-color:var(--pohja-3);border:1px solid var(--reuna-vahva);border-radius:var(--pyoristys-m); padding:14px 16px;font-family:var(--fontti-leipa);font-size:15px;line-height:1.5;color:var(--vari-otsikko); transition:border-color var(--siirtyma-nopea),box-shadow var(--siirtyma-nopea)} .geo .lomake-kaari input::placeholder,.geo .lomake-kaari textarea::placeholder{color:var(--vari-himmea)} .geo .lomake-kaari input:focus,.geo .lomake-kaari textarea:focus,.geo .lomake-kaari select:focus{ outline:none;border-color:var(--aksentti);box-shadow:0 0 0 3px var(--aksentti-himmea)} .geo .lomake-kaari textarea{min-height:150px;resize:vertical} .geo .lomake-kaari .gfield_description{font-size:12.5px;line-height:1.6;color:var(--vari-himmea);padding-top:6px} .geo .lomake-kaari .gfield_validation_message,.geo .lomake-kaari .validation_message{ background:none;border:0;padding:6px 0 0;font-size:12.5px;font-weight:500;color:var(--virhe)} .geo .lomake-kaari .gform_validation_errors{border:1px solid var(--virhe);background-color:var(--virhe-tausta); border-radius:var(--pyoristys-m);padding:14px 18px;box-shadow:none;margin:0 0 24px} .geo .lomake-kaari .gform_validation_errors > h2{font-family:var(--fontti-leipa);font-size:14px;font-weight:600;color:var(--virhe);margin:0} .geo .lomake-kaari .gform_footer{margin:26px 0 0;padding:0} .geo .lomake-kaari .gform_button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%; font-family:var(--fontti-leipa);font-size:16.5px;font-weight:700;line-height:1.3;padding:17px 40px; background-color:var(--aksentti);color:var(--aksentti-teksti);border:1.5px solid var(--aksentti); border-radius:var(--pilleri);cursor:pointer;transition:all var(--siirtyma)} .geo .lomake-kaari .gform_button:hover{background-color:var(--aksentti-kirkas);border-color:var(--aksentti-kirkas); color:var(--aksentti-teksti);transform:translateY(-2px)} .geo .lomake-kaari .gform_confirmation_wrapper,.geo .lomake-kaari .gform_confirmation_message{ background-color:var(--pinta);border:1px solid var(--aksentti);border-radius:var(--pyoristys-l); padding:46px 40px;text-align:center;font-size:16px;color:var(--vari-leipa)} .geo .lomake-kaari .gchoice label{font-size:13.5px;line-height:1.6;color:var(--vari-leipa);text-transform:none;letter-spacing:normal;font-weight:400} .geo .lomake-kaari .gchoice a{color:var(--aksentti);text-decoration:underline} @media (max-width:768px){ .geo .lomake-kaari .gform_wrapper{padding:28px 22px} .geo .lomake-kaari input,.geo .lomake-kaari textarea,.geo .lomake-kaari select{font-size:16px} } /* Kiinteä alapalkki: reunanappi on vaalealla pohjalla, joten teksti tummaksi */ .geo .mobiilipalkki .btn-reuna,.elementor-widget-html .mobiilipalkki .btn-reuna{color:var(--vari-otsikko);border-color:var(--reuna-vahva);background-color:transparent} .geo .mobiilipalkki .btn-reuna:hover,.elementor-widget-html .mobiilipalkki .btn-reuna:hover{color:var(--vari-otsikko);background-color:var(--pohja-2);border-color:var(--reuna-vahva)} .geo .mobiilipalkki .btn-reuna svg,.elementor-widget-html .mobiilipalkki .btn-reuna svg{color:var(--vari-otsikko)} /* ========================================================================== ALATUNNISTEEN VALIKKO nakyy kaikilla leveyksilla (ei hampurilaista), kuten prototyypissa. Elementor piilottaa paavalikon tabletista alaspain. ========================================================================== */ .geo .simppeli-navi nav.elementor-nav-menu--main{display:block !important} .geo .simppeli-navi .elementor-nav-menu--main .elementor-nav-menu{display:flex !important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:24px;list-style:none;margin:0;padding:0} .geo .simppeli-navi .elementor-menu-toggle,.geo .simppeli-navi nav.elementor-nav-menu--dropdown{display:none !important} .geo .simppeli-navi{width:auto} @media (max-width:768px){ /* Prototyypissa alatunnisteen nappi on taysleveä ja linkit rivittyvat */ .geo .simppeli-linkit .btn .elementor-button{width:100%} .geo .simppeli-navi .elementor-nav-menu--main .elementor-nav-menu{gap:16px 20px} .geo .simppeli-navi{width:100%} } /* Gravity Formsin oma kehyssaanto on tarkkuudeltaan (0,4,0) ja latautuu post-8.css:n jalkeen, joten napille tarvitaan (0,5,0) + GF:n muuttujat. */ .geo .lomake-kaari .gform_wrapper{ --gf-color-primary:var(--aksentti); --gf-ctrl-accent-color:var(--aksentti); --gf-ctrl-bg-color:var(--pohja-3); --gf-ctrl-border-color:var(--reuna-vahva); --gf-ctrl-radius:var(--pyoristys-m); --gf-ctrl-color:var(--vari-otsikko); --gf-ctrl-label-color-primary:var(--vari-leipa); --gf-ctrl-btn-bg-color-primary:var(--aksentti); --gf-ctrl-btn-bg-color-hover-primary:var(--aksentti-kirkas); --gf-ctrl-btn-border-color-primary:var(--aksentti); --gf-ctrl-btn-border-color-hover-primary:var(--aksentti-kirkas); --gf-ctrl-btn-color-primary:#ffffff; --gf-ctrl-btn-color-hover-primary:#ffffff; --gf-ctrl-btn-radius:var(--pilleri); --gf-ctrl-btn-font-size:16.5px; --gf-ctrl-btn-font-weight:700; --gf-ctrl-btn-padding-x:40px; --gf-ctrl-btn-padding-y:17px; --gf-ctrl-btn-size:auto} .geo .lomake-kaari .gform_wrapper .gform_footer .gform_button, .geo .lomake-kaari .gform_wrapper .gform_footer input[type=submit]{ display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:auto; font-family:var(--fontti-leipa);font-size:16.5px;font-weight:700;line-height:1.3;padding:17px 40px; background-color:var(--aksentti);color:var(--aksentti-teksti);border:1.5px solid var(--aksentti); border-radius:var(--pilleri);cursor:pointer;transition:all var(--siirtyma)} .geo .lomake-kaari .gform_wrapper .gform_footer .gform_button:hover, .geo .lomake-kaari .gform_wrapper .gform_footer input[type=submit]:hover{ background-color:var(--aksentti-kirkas);border-color:var(--aksentti-kirkas);color:var(--aksentti-teksti);transform:translateY(-2px)} .geo .lomake-kaari .gform_wrapper .gfield_label, .geo .lomake-kaari .gform_wrapper .gform-field-label{font-family:var(--fontti-leipa);font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--vari-leipa)} /* GF:n kehys kayttaa -md-paatteisia muuttujia napin koolle */ .geo .lomake-kaari .gform_wrapper{ --gf-ctrl-btn-font-size-md:16.5px; --gf-ctrl-btn-padding-x-md:40px; --gf-ctrl-btn-padding-y-md:17px; --gf-ctrl-btn-size-md:auto; --gf-ctrl-btn-line-height-md:1.3} .geo .lomake-kaari .gform_wrapper .gform_footer .gform_button{width:100% !important;min-height:0;font-size:16.5px;padding-inline:40px} /* ========================================================================== MOBIILIKORJAUKSET (tietoinen poikkeama prototyypista) ========================================================================== */ /* 1. Prototyypin saanto ".aluekortit > *:last-child:nth-child(odd)" antaa viimeiselle kortille 16:9-suhteen. Se on tarkoitettu kahden palstan tablettinakymaan; yhden palstan mobiilissa se tekee kortista puolet muita matalamman ja sisalto valuu yli. Palautetaan yhtenaiset kortit. */ @media (max-width:768px){ .aluekortit > *:last-child:nth-child(odd), .e-con.aluekortit > *:last-child:nth-child(odd){grid-column:auto;aspect-ratio:4/5} .aluekortti-paikalla,.e-con.aluekortti-paikalla, .aluekortit > .aluekortti-paikalla:last-child:nth-child(odd), .e-con.aluekortit > .aluekortti-paikalla:last-child:nth-child(odd){aspect-ratio:auto} } /* 2. Hero mobiilissa: pienemmat tekstit ja napit vierekkain */ @media (max-width:768px){ .elementor-widget-html .hero-label,.geo .hero-label{font-size:11.5px;letter-spacing:0.14em;margin-bottom:20px} .elementor-widget-html .hero-otsikko,.geo .hero-otsikko{font-size:clamp(30px,8vw,38px);line-height:1.1;margin-bottom:18px} .elementor-widget-html .hero-kuvaus,.geo .hero-kuvaus{font-size:16px;line-height:1.65;margin-bottom:28px} .elementor-widget-html .hero-napit,.geo .hero-napit{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:12px;width:100%} .elementor-widget-html .hero-napit .btn,.geo .hero-napit .btn{flex:1 1 0;width:auto;min-width:0;font-size:14.5px;font-weight:700;padding:15px 10px;gap:8px} .elementor-widget-html .hero-napit .btn svg,.geo .hero-napit .btn svg{width:15px;height:15px} }/* End custom CSS */