/* archivo-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/archivo-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/archivo-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/archivo-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root{
--primary-color:#009fe3;
--base-font-size:clamp(16px,1.1vw,18px);
--base-font-color:#000;
--base-line-height:160%;
--google-font:'Archivo',sans-serif;
--google-heading-font:'Archivo',sans-serif;
--navilink-font-size:clamp(0.8rem,1.125vw,18px);
--navilink-color:#fff;
--navilink-font-weight:600;
--navilink-padding:20px 15px;
--navilink-selected-bg:#fff;
--navilink-selected-color:#104278;
--heading-size-1:clamp(2rem,2.5vw,50px);
--heading-size-2:clamp(1.4rem,2.3vw,46px);
--heading-size-3:clamp(1.4rem,2vw,40px);
--heading-size-4:clamp(1.4rem,2vw,40px);
--heading-size-5:clamp(1.4rem,2vw,40px);
--heading-size-6:clamp(1.4rem,2vw,40px);
--grid-gap:2em 3em;
--button-background:#009fe3;
--button-text-color:#fff;
--button-font-size:clamp(1rem,1vw,1rem);
--button-font-weight:800;
--button-padding:14px 30px;
--max-button-width:450px;
--max-input-width:max-content;
--img-gallery-rows:repeat(3,1fr);
--img-gallery-img-size:300px;
--mobilemenu-container-height:50px;
--mobilemenu-open-close-color:#fff;
--mobilemenu-menutext-color:#fff;
--mobilemenu-button-background:#fff;
--mobilemenu-link-color:#fff;
--mobilemenu-link-background:#104779;
--mobilemenu-expand-button:#fff;
--mobilemenu-submenu-background:#205789;
--padding-s:clamp(20px,1vw,20px);
--padding-m:clamp(30px,2vw,40px);
--padding-xl:clamp(40px,3vw,60px);
--padding-xxl:clamp(60px,4vw,80px);
--animate:all.3sease0s;
--footer-background:url(../img/header/footerbg.jpg) center top no-repeat;
--footer-bg-scale:cover;
}
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-font-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}  td, li {font-family: var(--google-font);color: var(--base-font-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2;background: #FFF;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.33) 50%, rgba(255, 255, 255, 0.55) 100%);}a {color: #134474;font-weight:500;text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); font-weight:800;}h1, h1 a {font-size: var(--heading-size-1);}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

/* Wrappers */
.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(1600px, 100% - 2rem);margin-inline: auto;}.center-col iframe { max-width: 100%;margin-inline:auto}.narrow-col{max-width:1200px;}.erikoiskuva, .kuva, .kuva2 {box-sizing:border-box;border: 0;outline: 0;height: auto;margin: 0;cursor: pointer; max-width:100%;}

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-3-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.dgrid-2-cols {grid-template-columns:repeat(2,1fr)}.nogap {grid-gap: 2em 0;}.dgrid-4-cols{grid-template-columns:repeat(2,1fr);}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}}@media screen and (max-width:768px) {.dgrid-2-cols, .dgrid-4-cols{grid-template-columns:1fr;}} @media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/* Navigation */
#navi-wrap {grid-column:1 / -1}#main-navi, #top-navi, #footernavi {margin-inline:auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;width:100%; border-radius:8px;background: #104F7E;background: linear-gradient(180deg, rgba(16, 79, 126, 1) 0%, rgba(16, 55, 113, 1) 100%);}#top-navi {justify-content: flex-end}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;text-transform: uppercase; color: var(--navilink-color);display: block;}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.mainnavi-selected,#link-sel-1-3, #link-sel-2-4, #link-sel-3-5, #link-sel-4-6, #link-sel-5-7, #link-sel-6-8 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg img {margin-inline:auto; max-width:25vw; min-width:300px;padding:0; display: block}#sidenavi ul, #sidenavi li{list-style:none; margin:0; padding:0;}#sidenavi > ul {padding: 1em 2em;height: auto;background: var(--primary-color);}#sidenavi > ul a.valikkolinkki,#sidenavi > ul a.valikkolinkki-sel{padding:5px 0} #sidenavi ul li ul {padding: 0 0 0 20px !important;margin: 0;}#sidenavi ul li ul li ul {padding-bottom: 2em !important;}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;}
.heroimg {position: relative;}
picture img {width:100%; max-height:1040px;object-fit:cover}
.herotext h2, .herotext h3, .herotext h4, .herotext h5, .herotext h6, .herotext p {color:#fff}
.heroelement .abs-element {padding-top: 14vw;}
#herotext-header {font-size:var(--heading-size-2); font-weight:800;color:#fff; line-height:100%}
.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.white-p {color: #fff}
.telcol {justify-self: flex-end;}
.telcol .webiolinkkipainike {padding: 8px 20px;font-size: 16px;}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {position: absolute;top: 2em;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 220;}
.headerbox p{font-family: var(--google-font);font-weight: 700;background: #fff;color: var(--primary-color);text-shadow: none;display: block;max-width: max-content;margin-inline:auto;padding: 10px 3vw;text-align: center;text-transform: uppercase;}
.headerbox .col-full {margin: 0;}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr img {width:100%;object-fit: cover;} /* Bannerikuvan maksimileveys */
.bnr.basic .bannertext img{width: auto;min-height:unset;max-height: unset}
.lmobile {background: #008ace;}
.bgcolor-wrapper {border-radius: 12px} /* Optional */
.bgcolor-wrapper img {opacity:0.9} /* Optional */
footer {background:var(--footer-background); background-size: var(--footer-bg-scale)}
footer .webiolinkkipainike {margin-top:0}
footer .center-col {max-width:1400px}
footer .center-col.narrow-col {max-width:1200px}
.subcontent .dgrid-2-cols {align-items:center; justify-content:center}
.darkblue-bg {background:#134474; border-radius:12px;}
#footer-top {background:rgba(0,0,0,.3); border:1px solid #d4edfb; border-radius:8px; padding:var(--padding-s)}
#footer-top p {color:#d4edfb;font-size:clamp(1.4rem,1.7vw,30px);font-weight:700;}
#footer-top img {max-width: 23vw; min-width:270px; margin: 0 auto}
#routelines .webiolinkkipainike,#routelines .lomakenappi_submit {background:#fff; color:#053f83}
#routelines .col-full {margin-bottom:0;}
#routelines :is(h2,h3,h3,h4,h5,h6,p) {color:#fff}
#some-icons {display:flex;}
#some-icons p {padding-right:10px}
#routelines {background:url(../img/header/routelines.png) center top no-repeat; background-size:cover}
#routelines .dgrid-3-cols {grid-gap:1em}
#routelines img, #person-transport img {border-radius:12px}
#routelines .abs-element {bottom:10%}
.linkrow .webiolinkkipainike {background:transparent; color:#fff;font-weight:800;margin-top:0;border:1px solid #fff}
footer .narrow-col img {max-width: 7vw; min-width: 100px;}
#routelines .dgrid-3-cols h4 {font-size:clamp(1.3rem,1.7vw,32px);}
#routelines .dgrid-3-cols {grid-gap:1em 4em}

/* Routetable */
#solu421 table{width:100%;border-collapse:collapse;text-align:left;margin-bottom:1.5rem}#solu421 td,#solu421 th{padding:.9rem 1rem;border-bottom:1px solid #eef2f5}#solu421 th{background-color:#f8fafc;color:#1e293b;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}#solu421 tbody tr:nth-child(even){background-color:#fbfcfd}#solu421 tbody tr:hover{background-color:#f8fafc}#solu421 td:not(:first-child){font-variant-numeric:tabular-nums}#solu421 ul{padding-left:1.25rem;margin:.5rem 0}#solu421 li{margin-bottom:.5rem}@media(max-width:768px){#solu421 table,#solu421 tbody,#solu421 td,#solu421 th,#solu421 tr{display:block}#solu421 thead{display:none}#solu421 tr{margin-bottom:1.25rem;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}#solu421 tbody tr:nth-child(even){background:#fff}#solu421 td{border-bottom:1px solid #f1f5f9;padding:.65rem .5rem;position:relative;text-align:right;padding-left:45%}#solu421 td:last-child{border-bottom:none}#solu421 td:nth-child(1)::before{content:"Pysäkki / Paikka"}#solu421 td:nth-child(2)::before{content:"Aamuvuoro"}#solu421 td:nth-child(3)::before{content:"Päivävuoro"}#solu421 td:nth-child(4)::before{content:"Iltapäivävuoro"}#solu421 td::before{position:absolute;left:.5rem;width:40%;font-weight:600;text-align:left;color:#4a5568;font-size:.8rem;text-transform:uppercase}}

@media screen and (max-width:1024px) {#herotext{background: rgba(0,0,0,.5);padding: 2em 0;text-align:center;width: 100%; box-sizing: border-box;bottom:0 !important}#herotext .bnr{max-width: 100% !important;float: unset !important; align-items: unset}.heroelement {align-items: unset;}}
@media screen and (max-width:768px) {#footer-top {grid-gap: 5px;} footer {text-align:center;}footer img {margin:0 auto !important}footer .center-col.cpadding-tb-s{grid-gap:0}#some-icons{justify-content: center;}#person-transport {grid-gap:0}#routelines h1 {font-size: 1.4rem;}#routelines .bnr h3, #person-transport h5 {font-size:2rem}#person-transport .cpadding-xl {padding: 1em 1em 0 1em;}#herotext-header {font-size:2rem}#person-transport > section{order:2;padding: 0 !important;}#person-transport section:has(img){order:1}#person-transport > section.bnr-front{padding: 0 0 1em 0 !important;}}


/* Banner - imgmask (optional) */
.banner-imgmask {position: absolute;height: 100%; width: 100%;} /* Optional */
.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%;}
.bgcolor-wrapper h2,.bgcolor-wrapper h3,.bgcolor-wrapper h4,.bgcolor-wrapper h5,.bgcolor-wrapper h6, .bgcolor-wrapper p {color:#fff;line-height:120%} 
@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 300px;max-height: 50vh;padding: 0;}.herotext img {max-width:100px}.mainhero #main-heroimg {object-fit: cover; min-height: 600px;max-height: 90vh;}.subelement #herotext {padding:0; background:none; bottom:10% !important}} 

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: absolute;right: 0;top: 37px;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 37px;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 260px;height: auto;padding: 10px 0px 0 1em;filter: drop-shadow(0 0 8px rgba(255,255,255,1));}
.mainhero picture::before {position: absolute;content: " ";height: 150px;width: 100%;display: none;z-index: 1;background: #FFF;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);pointer-events: none;}
@media screen and (max-width:1024px) {.mainhero picture::before{display:block}#main-nav, #logo, footer nav, footer ul, #sidenavi, header {display: none}#mbl-yhteys{display: grid !important;align-items: center;width: 100%;background: #009fe3;  text-align: center;grid-template-columns: 1fr 1fr;}#mbl-yhteys span {color:rgba(255,255,255,.3)}#mbl-yhteys a {font-weight: 800;color: #fff;padding: 8px 5px;display: block;width: 100%; line-height:120%;font-size: 16px;box-sizing: border-box;}}
@media screen and (max-width:575px) {#mbl-yhteys a {font-size:14px}}

/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.cpadding-xxl{padding:var(--padding-xxl)}.cpadding-tb-s{padding:var(--padding-s) 0}.cpadding-tb-m{padding:var(--padding-m) 0}.cpadding-tb-xl{padding:var(--padding-xl) 0}.cpadding-tb-xxl{padding:var(--padding-xxl) 0}.cpadding-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.cpadding-t-xxl{padding-top:var(--padding-xxl)}.cpadding-b-s{padding-bottom:var(--padding-s)}.cpadding-b-m{padding-bottom:var(--padding-m)}.cpadding-b-xl{padding-bottom:var(--padding-xl)}.cpadding-b-xxl{padding-bottom:var(--padding-xxl)}.cpadding-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.cpadding-rl-xxl{padding:0 var(--padding-xxl)}

/* Webio cols classes */
.col-3,.col-full,.col-left,.col-right{width:100%;float:none; margin:0}.col-full, .colpadding{clear:both;margin-bottom:20px;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}

/* Webio content classes */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {box-sizing: border-box;cursor: pointer;margin-top: 20px;border-radius:8px; text-transform:uppercase;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width);}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: var(--google-heading-font);margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 15px 0 15px 0; font-weight:700}
details{position:relative;margin-top:20px;}
details:after,details[open]:after{position:absolute; right:0; top: 15px;font-weight: 700;pointer-events:none}
details:after{content:"+"}details[open]:after{content:"-"}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {padding: 12px 30px; max-width:100%; font-size:0.9rem}}.popupkalenteri iframe {height: 239px;}
.kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;aspect-ratio:16/9}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}
.kuvateksti {width: 100%;padding: var(--padding-s);box-sizing: border-box;color: #fff;font-size: clamp(1rem, 1.1vw, 1.1rem);line-height: 120%;}
.kuvagalleriakuvatausta {background: #009ff0;border-radius: 4px;}
.kuvagalleriakuvatausta .kuva {border-radius:4px 4px 0 0}
/* Semio referencelinks*/
#swlinkit {text-align: center;padding:10px 0;}.swlinkki {font-family:var(--google-font);font-size: 12px;color: #424242; }.swlinkki:hover{color:#06b0a7; text-decoration: none;}

 @media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}.lomakenappi_submit {max-width:100%;} input {max-width:100%}}
/* Forms */
.lomakeotsikko {color: #fff;font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {color: #000;box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1), inset 0 0 10px rgba(0, 0, 0, .1)}.lomake-ve-solu input[type=checkbox] + label:active, .lomake-ve-solu input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)}.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}.lomake-ve-solu [type=radio]:checked + label, .lomake-ve-solu [type=radio]:not(:checked) + label {position: relative; padding-left: 28px;cursor: pointer;line-height: 20px;padding-bottom: 10px;display: inline-block;color: #666}.lomake-ve-solu [type=radio]:checked + label:before, .lomake-ve-solu [type=radio]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px; height: 18px;border: 1px solid #8e8e8e;border-radius: 100%;background: #fff}
.lomake-ve-solu [type=radio]:checked + label:after, .lomake-ve-solu[type=radio]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #9ec72a;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all .2s ease;transition: all .2s ease}.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}input[type="text"].pmvk, input[type="button"].lpainike { width: auto !important;}@media screen and (max-width:1200px) {.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}input[type=button], input[type=file], input[type=text], textarea {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: auto;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%}tr[id^="lomakerivi"] select {border: 1px solid #888 !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;}.rbcb-table tr {grid-gap: 0 !important;}
.whitecol .lomakeotsikko {color:var(--primary-color)}
@media screen and (max-width:678px) { input {max-width:100% !important}}
 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important; right:10px !important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);border-radius: 6px;background: #104779;cursor:pointer;display:block;font-size:1px;font-weight:700;height:32px;line-height:22px;margin-top:0;padding: 3px 8px 4px 8px;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;width:31px;}.meanmenu-reveal.meanclose{padding: 7px 8px 0 8px;height: auto;height:32px;font-size: 24px !important;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:6px;display:block;height:5px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;width:90%;padding:10px 5% 10px 5%;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 8%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav a.mean-expand{background:var(--mobilemenu-expand-button)!important;color:#104779;border:medium none;border-radius:3px;font-weight:700;height:20px!important;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}.acc-news-wrapper {font-family: var(--google-font);margin: 0;line-height: 120%;font-size:0.9rem;}

/* Accessibility */
#skip-to-content {position: absolute;left: -9999px; z-index: 999; padding: 1em;background-color: black;color: white;opacity: 0; }#skip-to-content:focus {left: 50%; transform: translateX(-50%); opacity: 1;}