/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local(''),
       url('../fonts/bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/bebas-neue-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* league-spartan-regular - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local(''),
       url('../fonts/league-spartan-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/league-spartan-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* league-spartan-700 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 700;
  font-display:swap;
  src: local(''),
       url('../fonts/league-spartan-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/league-spartan-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* league-spartan-800 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 800;
  font-display:swap;
  src: local(''),
       url('../fonts/league-spartan-v6-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/league-spartan-v6-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local(''),
       url('../fonts/nunito-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
    font-display:swap; 
  font-weight: 700;
  src: local(''),
       url('../fonts/nunito-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* nunito-800 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display:swap;
  src: local(''),
       url('../fonts/nunito-v25-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-v25-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



:root {
   --primary-color: #ff1924;
   --secondary-color: #ff1924;
   --base-font-size: min(max(1rem, 1.05vw), 18px);
   --base-text-color: #b2b2b2;
   --base-line-height: 160%;
   --google-font:'Nunito', sans-serif;
   --google-heading-font:  'Bebas Neue', cursive;
   --navilink-font-size: min(max(0.75rem, 1vw), 16px);
   --navilink-color: #fff;
   --navilink-font-weight: 700;
   --navilink-padding: 20px 8px 10px 8px;
   --navilink-selected-color: #fff;
   --heading-size-1: min(max(1.6rem, 2.5vw), 2.6rem);
   --heading-size-2: min(max(1.8rem, 2.6vw), 2.77rem);
   --heading-size-3: min(max(1.3rem, 1.5vw), 1.6rem);
   --heading-size-4: min(max(1.1rem, 1.1vw), 1.2rem);
   --heading-size-5: min(max(1.2rem, 1.375vw), 1.375rem);
   --heading-size-6: min(max(1.5rem, 3vw), 3.1rem);
   --grid-gap: 2em 3em;
   --button-background: #ff1924;
   --button-text-color: #fff;
   --button-font-size: min(max(0.9rem, 1.05vw), 20px);
   --button-font-weight: 700;
   --button-padding: 12px 70px 12px 30px;
   --max-input-width: 450px;   
   --max-button-width: max-content;   
   --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
   --img-gallery-img-size: 300px;
   --mobilemenu-container-height: 63px;
   --mobilemenu-open-close-color: #ff1924;
   --mobilemenu-menutext-color: #ff1924;
   --mobilemenu-button-background: #ff1924;
   --mobilemenu-link-color:#fff;
   --mobilemenu-link-background: #000000;
   --mobilemenu-expand-button: #ff1924;
   --mobilemenu-submenu-background: #2a2a2a;
   --padding-s: min(max(20px, 1vw), 20px);
   --padding-m: min(max(20px, 2vw), 40px);
   --padding-xl: min(max(20px, 3vw), 60px);
   --padding-xxl: min(max(20px, 4vw), 80px);
 }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} li {font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)}body {line-height: calc(1rem + .1vw)} img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2;}header.content-col .center-col {grid-template-columns:1fr 4fr} a {color: var(--primary-color);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 {text-transform:uppercase;font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 120%;color: var(--primary-color); font-weight:700;}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); font-weight:800;}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:1280px) {header .center-col{width:96%}}@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}}
#subpage-content h2, #subpage-content h2 a,#subpage-content h3, #subpage-content h3 a,#subpage-content h4, #subpage-content h4 a,#subpage-content h5, #subpage-content h5 a,#subpage-content h6, #subpage-content h6 a {color:#fff}.naviblock.vklinkki a{color:#595959}.naviblock.vklinkki a::before {content: "Tulossa";padding: 0 !important;display: block;font-size: 10px;line-height: 100%;position: absolute;margin-top: -8px; color: #606060 !important;right: 10px;}#top-navi .mainnavi-link {margin:0;border:0; padding:20px 10px 10px 10px}

/* Wrappers */
.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(max(60vw, 1600px), 90%);margin: 0 auto}.center-col iframe { max-width: 100%;margin: 0 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%;}

/* Gdids */
.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:1024px) {.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 */

#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;}#main-navi {padding: 0 20px;transform: skew(45deg);}#top-navi {justify-content: flex-end} #main-nav {background:#000; transform: skew(-45deg);}.mainnavi-link, .topnavi-link, .footerlink {text-transform:uppercase;font-family: 'League Spartan', sans-serif;padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;}.mainnavi-link {border-bottom:10px solid transparent}.topnavi-link{color:#919191}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-3, #link-sel-2-4, #link-sel-3-5, #link-sel-4-6, #link-sel-5-7, #link-sel-6-8, #link-sel-7-14, #link-sel-8-15 {color: var(--navilink-selected-color);text-decoration: none;border-bottom:10px solid #ff1924}#logoimg {max-width: 85%;filter: drop-shadow(0px 0px 12px rgba(0,0,0,.6));float: none;display: block;height: auto;padding: 0px 0;}#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}
#top-navi{grid-column: 1 / -1;height: auto;justify-self: flex-end;margin: 0;margin:0;background: #888;transform: skew(-45deg);margin: 10px 0 10px 0;padding: 0 30px;}header .center-col {grid-gap:0;}#top-navi .naviblock {transform: skew(45deg);}

/* General classes, heroimg, banners */
#main-heroimg {width: 100%;max-height: 1003px;object-fit: cover;}
#subpage-top-wrapper {max-height:703px;object-fit: cover;}
#subpage-top-wrapper-small {max-height:400px;object-fit: cover;}
#herotext {max-width: max-content;right: 8vw;text-align:right; padding-top:6vw; min-width:300px;align-items: flex-end;}
#herotext span {display:block;}
#mainhero-content h1 {font-size:min(max(2.2rem, 3.9vw), 4rem);line-height:100%}
#herotext .webiolinkkipainike {float:right;}
#herotext img {max-width: 12vw;float: right;padding-bottom: 2em;margin: 0;}
.herotext-subpage {right:20vw !important;min-width: unset !important; max-width: 100%}
#header-container {background:#ff1924; position:relative; text-align: center;width: max-content; max-width:100%;transform: skew(-45deg);}
#header-container h1 {padding: 20px 50px;max-width:100%;transform: skew(45deg)}
.heroimg {position: relative; border-bottom:10px solid #000}
.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}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.headerbox {background: var(--primary-color);color: #fff;padding: 5px 2vw;text-transform: uppercase;display: inline-block;font-family: var(--google-heading-font); width:max-content;bottom:1em; left:1em}
.headerbox p {text-transform: uppercase;display: inline-block;font-family: var(--google-heading-font);width:max-content;}
.alabanneri {position:relative;}
#front-content{background:#1d1d1d url(../img/header/content-bg.jpg) center top no-repeat; background-size:100%;}
#subpage-content{background:#2f2f2f url(../img/header/alasivubg.png) center top no-repeat; background-size:100%;}
#bannerinostot .dgrid-3-cols,#bannerinostot-2 .dgrid-3-cols {grid-template-columns: repeat(3,1fr) !important; grid-gap:1em 2em;}
#bannerinostot-2 .webiolinkkipainike {background:#000}
#bannerinostot-2 p {line-height:120%}
#bannerinostot-2 .webiolinkkipainike {margin: 4em auto 0 auto;}
#bannerinostot-2 .webiolinkkipainike:after {background:#dc5709; color:#fff;}
#bannerinostot h3 {color:#fff}
.palvelutable {width:100% !important}
.palvelutable tr {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:2em;}
.palvelutable td {background:#000000; width:100% !important; padding:1em; box-sizing:border-box;}
.alabanneri-img{position:relative;}
.bnr {position:relative;}
.bnr img {width:100%;}
.bgcolor-wrapper {background:#000; padding:10px; box-sizing:border-box; height:100%} 
.bgcolor-wrapper img {opacity:0.7; padding-bottom:1em;}
footer {background:url(../img/header/footer-bg.jpg) center top no-repeat; background-size:cover;}
#ota-yhteytta{max-width:1400px; background: url(../img/header/contact-bg.png) center top no-repeat; background-size:100%;grid-template-columns:3fr 4fr}
#ota-yhteytta h6 {font-size: min(max(1.6rem, 2.5vw), 2.6rem);}
#ota-yhteytta .webiolinkkipainike {margin:0 auto; background:#000}
#contact-info {display:flex;}
#contact-button{min-width: 300px;}
#footerlogo {margin:0 auto;max-width:20vw;}
#toiminta-alue{padding:2em 0 20em; 0}
#some-icons{display:flex;}
.yhteistyossa-logot img {max-width: 10vw;padding:1vw;}
#footerlogotable {margin-top:2em}
#some-icons img {padding:0 5px}
.headerbox .col-full{margin-bottom:0;}
#mbl-call-icon-link {position: absolute;top: 15px;right: 75px;z-index: 300000;background: #fff;width: 30px;height: 30px;border-radius: 100px;display: flex;justify-content: center;align-items: center;}
#yhteistyokumppanit .yhteistyossa-logot{max-width: 1200px;margin: 0 auto;}
#yhteistyokumppanit .yhteistyossa-logot table {width:100% !important;}
#yhteistyokumppanit .yhteistyossa-logot tr {display: grid;align-items: center;grid-gap: 1em;grid-template-columns: repeat(auto-fit,minmax(120px,1fr));}
#yhteistyokumppanit .yhteistyossa-logot td {width:100% !important}
#yhteistyokumppanit .yhteistyossa-logot img {max-width: 135px;padding: 1vw !important;max-height: 100px;width: auto;height: auto;box-sizing: border-box;margin: 0 auto;}
/*#toiminta-alue .yhteistyossa-logot{display:flex;}*/
/* 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%;}

@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: 200px;max-height: 33vh;}#main-heroimg{min-height: 400px;max-height: 500px;}#herotext img {max-width:100px}#ota-yhteytta{width:98%}.yhteistyossa-logot img {max-width: 20vw;}#ota-yhteytta .dgrid-2-cols {grid-template-columns:1fr 1fr}#ota-yhteytta {background: no-repeat;grid-template-columns:1fr}#ota-yhteytta .dgrid-2-cols {background:url(../img/header/contact-bg-mobile.png) center left no-repeat; background-size:100%; min-height:80px}#ota-yhteytta .dgrid-2-cols {padding: 1em;display: flex;}#footerlogo {max-width: 30vw;}.herotext-subpage {right: 7vw !important;}#toiminta-alue {padding: 2em 0 10em;}#footerlogotable tr {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}}
@media screen and (max-width:800px) {#bannerinostot .dgrid-3-cols,#bannerinostot-2 .dgrid-3-cols {grid-template-columns: repeat(2,1fr) !important;}}
@media screen and (max-width:768px) {.palvelutable tr {grid-template-columns: repeat(2,1fr);}#contact-button {min-width: 240px;}}

@media screen and (max-width:678px) {#solu1111 table, #solu1111 td {width:100% !important}#solu1111 tr {display: flex;flex-direction: column;}}


@media screen and (max-width:575px) {#front-content{background:#1d1d1d url(../img/header/content-bg-mobile.jpg) center top no-repeat; background-size:100%;}footer {background:url(../img/header/footer-bg-mobile.jpg) center top no-repeat; background-size:cover;}#footerlogo {max-width: 50vw;}#ota-yhteytta .dgrid-2-cols{background: #ff1924;  flex-direction: column;grid-gap: 1em;}#header-container h1 {font-size:1.4rem; padding:15px 30px;}#contact-button {min-width: unset;}#yhteistyokumppanit .yhteistyossa-logot img {max-width: 90px;}#footerlogotable tr {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}#footerlogotable tr td {flex-basis: 50%;}.yhteistyossa-logot img {max-width: 70%;margin: 0 auto; max-height:90px; width:auto;}}
@media screen and (max-width:480px) {#bannerinostot .dgrid-3-cols,#bannerinostot-2 .dgrid-3-cols {grid-template-columns: 1fr !important;}#ota-yhteytta .dgrid-2-cols{display:grid; grid-template-columns: 1fr}#ota-yhteytta .dgrid-2-cols div {flex: unset;}#ota-yhteytta .dgrid-2-cols div:first-of-type{text-align:center;}.palvelutable tr {grid-template-columns: 1fr;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: relative;right: 0;top: 0;z-index: 2000;width: 100%;background:#000000}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img { max-width: 125px;height: auto;padding: 15px 0px 0 2em}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi, #top-navi{display: none}}

/* 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 {line-height:130%;position:relative;text-transform: uppercase; box-sizing: border-box;cursor: pointer;margin-top: 20px;display: flex;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}.webiolinkkipainike::after {content: "›"; background: black; width: 25px;height: 25px; display: flex;line-height: 100%;justify-content: center;align-items: center;border-radius: 50px;position: absolute;right: 20px;top: 9px;}.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;}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}
footer .webiolinkkipainike:after{background:#ff1924}
/* Image gallery */
.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;height: var(--img-gallery-img-size);aspect-ratio: 1/1;height: auto;}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr))}.kuvagalleriakuvatausta img {height: 150px}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

/* Semio referencelinks*/
#swlinkit {text-align: center;}.swlinkki {font-size: 12px;color: #000}

 @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));}}
/* 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%;}
.lomakenappi_submit {padding: 10px 30px;}
 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:47px;line-height:22px;margin-top:0;padding:8px 10px 0 10px;margin-right: 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:5px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:10px;display:block;height:6px;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; font-weight:700;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-expand {background: var(--mobilemenu-expand-button) !important; border: medium none;border-radius: 3px;color: #fff;font-weight: 700;height: 15px !important;margin-top: 2px;padding: 1px 2px 6px !important;position: absolute;right: 20px;text-align: center !important;top: 7px;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;}}
@media screen and (max-width:1024px) {#footerlogotable td:nth-of-type(5) img,#footerlogotable td:nth-of-type(6) img{background: #2c2c30;margin-top: 20px;}}

/* Artikkelinosto*/
.artikkelinosto {background: #fff;padding: 1em;border-radius: 4px;}
.artikkelinosto h2 a {color: #111 !important;line-height: 100%; font-size:min(max(1.3rem, 1.5vw), 2.2rem)}
.artikkelinosto .webiolinkkipainike {font-size: 14px;}
.artikkelinosto .webiolinkkipainike::after {width: 20px;height: 20px;top: 11px;font-size: 11px;}
.col-full:has(.artikkelinosto){display:grid; grid-template-columns:1fr 1fr; grid-gap:1em}

@media screen and (max-width:768px) {.col-full:has(.artikkelinosto){grid-template-columns:1fr;}}