@charset "UTF-8";
/* Global */
body,html,p{margin:0;padding:0}a,body,html,li,p,td,ul,div{font-family: 'Montserrat', sans-serif; font-weight:300; color:#1d1d1b; font-size:1rem; line-height:150%}body{line-height:150%}h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-family: 'Montserrat', sans-serif;margin:0;padding:0 0 20px 0;line-height:120%; color:#1b1b1d; font-weight:700}h1,h1 a{font-size:37px; padding:0;letter-spacing:1.5px; font-weight:800px; text-transform:uppercase}h2,h2 a{font-size:1.8rem}h3,h3 a{font-size:25px; color:#526e53; font-weight:800; letter-spacing:2px}h4,h4 a{font-size:1.625rem}h5,h5 a{font-size:1.5rem; color:#4a613e}h6,h6 a{font-size:1.25rem;  color:#526e53}article,div,footer,header,section{box-sizing:border-box}.erikoiskuva,.kuva,.kuva2{border:0;outline:0;max-width:100%;height:auto;display:block;margin:0;cursor:pointer}a{color:#4a613e;text-decoration:none}.subpage a {font-weight: 700;}a:hover{text-decoration:underline}div{box-sizing:border-box;}picture {width:100%;}@media only screen and (max-width:1660px){h1, h1 a{font-size:2.675rem}h2, h2 a{font-size:2rem}h3, h3 a{font-size:1.75rem}h4, h4 a{font-size:1.5rem}h5, h5 a{font-size:1.25rem}}@media only screen and (max-width:860px){body{line-height:calc(1rem + 1vw)}.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}}@media only screen and (max-width:720px){h1, h1 a{font-size:2rem}h2, h2 a{font-size:1.75rem}h3, h3 a{font-size:1.625rem}}@media only screen and (max-width:480px){body{line-height:calc(1rem + 1.6vw)}h1, h1 a{font-size:1.5rem}h2, h2 a{font-size:1.25rem}h3, h3 a{font-size:1.125rem}h4, h4 a{font-size:1.05rem}h5, h5 a{font-size:1.05rem}h6, h6 a{font-size:1.05rem}}@media only screen and (max-width:375px){h1,h2,h3,h4,h5,h6{word-wrap:anywhere}}

/* Wrappers */
.content-col {width:100%; clear:both; position: relative;}.center-col {max-width:1600px; clear:both; position: relative; margin: 0 auto}.content-col img, .center-col img,section img,article img  {max-width: 100%;height: auto}.center-col iframe {max-width: 100%;margin: 0 auto !important} .subpage > .center-col{max-width:1200px;}@media only screen and (max-width:1660px) {.center-col {width: 1400px}}@media only screen and (max-width:1440px) {.center-col {width: 1200px}}@media only screen and (max-width:1280px) {.center-col {width: 90%;margin: 0 auto}}
.content-block{padding-bottom:1em}        
/* Grids */  
.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:1em 3em;clear:both; position: relative;}.nogap{grid-gap:2em 0;}.dgrid-2-cols {grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));}.dgrid-3-cols {grid-template-columns: repeat(3,1fr); grid-gap:1em 3em}.dgrid-4-cols {grid-template-columns: repeat(4,1fr);} 
@media only screen and (max-width:1280px) {.dgrid-4-cols {grid-template-columns: repeat(2,1fr)}}@media only screen and (max-width:860px) {#tilinrotaulukko td {border: 0 !important;}#tilinrotaulukko tr td:nth-of-type(2) {border-top: 1px solid #000 !important;border-bottom: 1px solid #000 !important;}}@media only screen and (max-width:768px) {.dgrid-4-cols, .dgrid-3-cols{grid-template-columns: 1fr}}@media only screen and (max-width:575px) {.dgrid-2-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}.dgrid-2-cols.smalli-row h2 {padding: 30px 0 20px 0;}}@media only screen and (max-width:420px) {.dgrid-3-cols {grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}}      
        
/* Fluid grids */
.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-lcols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}@media only screen and (max-width:1024px) {.dgrid-s-m-s-cols,.dgrid-s-xl-cols,.dgrid-xl-s-cols,.dgrid-m-l-cols,.dgrid-l-m-cols {grid-template-columns: 1fr}}

/* Flex */
.dflex {display: flex;flex-wrap:wrap; flex-direction:column;}.dflex-row {display:flex;grid-gap:1em;}.dflex-row > div {flex:1;}.center-elements {align-items: center; justify-content: center}.colpadding {margin-bottom: 2em;}@media only screen and (max-width:1024px) {.dflex-row{flex-direction:column;}}

/* Absolute postioned element */
.abs-element {position: absolute;z-index: 200;max-width:100%; flex-direction:column; display:flex; width:80%; flex-wrap:wrap;}
            
/* Paddings */
.cpadding-s{padding:1em}.cpadding-m{padding:2em}.cpadding-l{padding:3em}.cpadding-xl{padding:4em}
.cpadding-tb-s{padding:1em 0}.cpadding-tb-m{padding:2em 0}.cpadding-tb-l{padding:3em 0}.cpadding-tb-xl{padding:4em 0}.cpadding-t-s{padding:1em 0 0 0}.cpadding-t-m{padding:2em 0 0 0}.cpadding-t-l{padding:3em 0 0 0}.cpadding-t-xl{padding:4em 0 0 0}.cpadding-b-s{padding:0 0 1em 0}.cpadding-b-m{padding:0 0 2em 0}.cpadding-b-l{padding:0 0 3em 0}.cpadding-b-xl{padding:0 0 4em 0}.cpadding-rl-s{padding:0 1em}.cpadding-rl-m{padding:0 2em}.cpadding-rl-l{padding:0 3em}.cpadding-rl-xl{padding:0 4em}
        
@media only screen and (max-width:1024px) {.cpadding-rl-s{padding:0 0.5em}.cpadding-rl-m{padding:0 1em}.cpadding-rl-l{padding:0 2em}.cpadding-rl-xl{padding:0 3em}}
@media only screen and (max-width:480px) {.cpadding-xl {padding:2em}.cpadding-tb-s{padding:2em 0}.cpadding-tb-m{padding:2em 0}.cpadding-tb-l{padding:2em 0}.cpadding-tb-xl{padding:2em 0}.cpadding-t-s{padding:2em 0 0 0}.cpadding-t-m{padding:2em 0 0 0}.cpadding-t-l{padding:4em 0 0 0}.cpadding-t-xl{padding:2em 0 0 0}.cpadding-b-s{padding:0 0 2em 0}.cpadding-b-m{padding:0 0 2em 0}.cpadding-b-l{padding:0 0 2em 0}.cpadding-b-xl{padding:0 0 2em 0}}.col-left, .col-right, .col-full, .col-3, .col-3-center {width:100% !important; float:none !important;  }/*.col-3 > div {flex: 1;display: flex;} */
    
/* Main navi */
header.content-col{position:absolute; z-index:2000; background:rgba(0,0,0,0.9);}
#ylatunniste {place-items: center;}
#main-nav ul, footer ul {margin: 0 auto;padding:0;list-style: none;  z-index:2; position: relative; flex-direction:row}
#logo img { max-width:50%; margin:0 auto; float:none; display:block; height:auto; padding:40px 0;}
#main-nav {width:90%;}
#main-nav ul li #logo {flex-basis:100%}
#main-nav ul li, footer ul li {flex:1; text-align:center;position:relative;}
#main-nav a,footer ul a {padding: 0px;font-size: 1rem;font-weight: 800;text-decoration: none;color: #fff;display:block; text-transform: uppercase; letter-spacing:1.5px;}
#main-nav a {padding:26px 20px 26px 20px}
#main-nav a#logo {padding:0}
#footer-logo img { max-width:30%; margin:0 auto; float:none; display:block; height:auto; padding:20px 0;}
footer ul a {color:#1d1d1b;text-shadow: none}
#main-nav a:hover, footer ul a:hover {color: #c6c6c6;}
.rivitys {display:block;}
#logolink{line-height: 100%;font-size: 1.3rem;text-transform: uppercase;font-weight: 700;color: #fff;display: block;padding: 20px 0;}
#main-nav ul li ul{display: none;position: absolute; top:100%; /*width:266px;*/width:100%;}
#main-nav li:hover > ul {display: block;position: absolute;margin: 0px 0px 0px 0px;background: #1d1d1b;list-style-type: none;padding: 20px 1.5% 20px 1%;box-sizing: border-box;}
#main-nav li ul li a {padding:5px;display:block; width:100%;text-transform: none; text-align:left !important;font-size: 1rem;padding: 0 20px;font-weight: 500; letter-spacing:0;}
#main-nav li ul li a:before {content:"›"; padding-right:10px;}
#main-nav li ul li a:hover {background:none; color: #7d7d7d;}
.arkistonavi ul {right: 0 !important;left: unset;}
.hover-class {background:#1d1d1b}

@media only screen and (max-width:1280px) {#main-nav a,footer ul a {font-size:0.8rem} #logoimg {display:none;}}
@media only screen and (max-width:1280px) {header,#main-nav, footer ul, footer nav {display:none !important;} footer .nogap {grid-gap:0;}}
a#link-sel-1-22, a#link-sel-2-6, a#link-sel-3-23, a#link-sel-4-5, a#link-sel-5-8, a#link-sel-6-24 {background:#1d1d1b;text-decoration: none; border-top:10px solid #4a613e; padding:16px 20px 26px 20px}

#murupolku a, #murupolku {color: #fff !important;}
/* Etusivu */

/* HERO */
.heroimg{position:relative;}
.heroimg img {display:block; width:100%; height:auto;}
#herotext {display:flex; flex-wrap:wrap;flex-direction:column; justify-content:center; align-items:center; width:98%}
#logoimg {width:auto;}
#herotext p, #herotext h1, #herotext h1 a,#herotext h2,#herotext h2 a, #herotext h3, #herotext h3 a, #herotext h4,#herotext h4 a {color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,0.8);}
.heroimg-alasivu #herotext{width:100%; left:0; right:0;}
.herotext-etusivu {margin-top:10%}
.herotext-alasivu {bottom:10%}
.smalli-row {grid-template-columns: repeat(2,1fr);}
@media only screen and (max-width:1024px) {.heroimg img {object-fit:cover;height:33vh;}#logoimg {object-fit: unset;height: auto;}.dgrid-2-cols.smalli-row {display: flex;flex-direction: column;}.smalli-img-col {order: 1;}.smalli-text-col {order: 2;}}
@media only screen and (max-width:720px) {#herotext {width:90%;right:0; left:5%;text-align:center;}}
@media only screen and (max-width:575px) {#heroimg-2 #herotext, .heroimg-alasivu-2 #herotext {width:100%; right:0; bottom:0; left:0;position:relative; padding:2em; background:#4a613e;}#heroimg-2 picture img, .heroimg-alasivu-2 img  {object-fit:cover;height: 30vh; width:100%}#herotext-2 p, #herotext-2 h1, #herotext-2 h1 a,#herotext-2 h2,#herotext-2, #herotext-2, #herotext-2 h3 a, #herotext-2 h4,#herotext-2 h4 a, .heroimg-alasivu-2 #herotext{text-shadow:none}}



/* Ajankohtaista */

#solu9111, #solu121 {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 2em 3em;}

/* ----- BANNERS 2 or 3 aside banners ---- */

/* Bannerstyle 2 - Text below banner */
@media only screen and (max-width:575px) {.banners-2 .banner{position:relative; padding:2em; background:#49623d;}.banners-2 .banner-wrapper {grid-gap:0;}.banners-2 .banner-wrapper img {min-height: 30vh;}}

/* Banners globalstyles - 3 aside banners (DEFAULT) */
.banner-wrapper{position:relative;background:#000;}
.banner{width:100%;padding:0 5%;}
.banner-wrapper img.erikoiskuva {opacity:0.7; width:100%}
.banner p, .banner a, .banner h2,.banner h2 a, .banner h3, .banner h3 a,  .banner h4,.banner h4 a {color:#fff;padding:0;}
.banner p {font-weight: 300;letter-spacing: 1px;font-size: 0.9rem;}
@media only screen and (max-width:1280px) {.banner-wrapper img{min-height:250px; object-fit: cover;}}
@media only screen and (max-width:1024px) {#wushubanners {grid-template-columns: repeat(2,1fr);}.banners-1,.banners-2{grid-template-columns:1fr}.banner-wrapper img {min-height: 200px;object-fit: cover;}.banner a,.banner h2,.banner h2 a, .banner h3, .banners-1 .banner h3 a, .banner h4,.banner h4 a {color:#fff;}.banner p{color:#fff}}
@media only screen and (max-width:860px) {.banner-wrapper img {min-height: 160px;}.hintataulukko-wushu tr:nth-of-type(2n) {background: #eee;}.hintataulukko-wushu,.hintataulukko-wushu td{border:0 !important;}}
@media only screen and (max-width:768px) {#wushubanners {grid-template-columns: 1fr}#wushubanners .erikoiskuva {width: 100% !important;}.event-img img { width: 100%;}}
@media only screen and (max-width:678px) {.banner-wrapper img {min-height: 400px;}}
@media only screen and (max-width:575px) {.banners-1, .banners-2{grid-template-columns: 1fr}.banners-1 .banner-wrapper,.banners-2 .banner-wrapper,.banners-3 .banner-wrapper {grid-template-columns:1fr;}.banners-1 .banner{position:absolute;}.banners-1 .banner-wrapper img,.banners-2 .banner-wrapper img {min-height: 50vh; object-fit:cover}}

/* 2 aside banners */
.banner-2-cols{grid-template-columns:repeat(2,1fr) !important;}
@media only screen and (max-width:1024px) {.banner-2-cols{grid-template-columns:repeat(2,1fr);}.banner-2-cols .banner-wrapper{display:grid;grid-gap:3em;grid-template-columns:1fr}.banner-2-cols .banner-wrapper img {min-height: unset; object-fit: contain}.banner-2-cols .banner{position:absolute;}}@media only screen and (max-width:860px) {.banner-2-cols{grid-template-columns:1fr !important;}}

/* Kokemuksia */
#kokemuksia {background:#ececec;}

/* Tapahtumanostot */
.accordion {cursor: pointer;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;box-sizing:border-box;padding:0;font-size:1rem;border: 1px solid #000;padding: 20px;margin-bottom: 10px;}.accordion:before {content: '\002B';font-weight: bold;float: left;margin-right: 5px;}.active:before {content: "\2212";}.panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;box-sizing:border-box;font-size:14px;line-height:140%;overflow-x: scroll;position:relative;}
.event-img .kuva, .event-img .kuva2 {width: 100%;}
h2.event-img, h3.event-img ,h4.event-img ,h5.event-img, h6.event-img  {padding:0;font-size:2rem}
.event-info .webiolinkkipainike, .wlinkki-yla .webiolinkkipainike {display: block;}
.event-info .webiolinkkipainike, .wlinkki-white {border: 1px solid #000;background: #fff !important;color: #000 !important;}
@media only screen and (max-width:1440px) {.event-wrapper td {font-size: 0.85rem;}.event-wrapper table, .event-wrapper tbody, .event-wrapper tr, .event-wrapper td {width: auto !important;}}
/*.gcnostot .event-wrapper {padding:4em}*/

/* Lomakesivut */

#lomakesivu input[type="text"], #lomakesivu textarea {width: 100% !important;}

/* Seuraesittely */
#seuraesittely {background:#49613c;  margin-top:1em;}
.greencol {background:#4a623d}
.greycol {background:#dedede;}
.accordion.active {color: #4a623d;}
#alabanneri-big { padding:0}
#alabanneri-big .erikoiskuva {width:100%;}
.content-block .dgrid-3-cols h2, #pikalinkkinostot h2{text-transform: uppercase;font-weight: 800;letter-spacing: 1.5px;font-weight: 25px;}
.accordion,.event-img {   letter-spacing: 0 !important; text-transform:unset !important; font-weight:700 !important}
td.uutisryhma-bg-sisalto {background: #4a623d;display: inline-block;padding: 0 20px;color: #fff;font-size: 16px; width:auto !important; }
@media only screen and (max-width:1024px) {#alabanneri-big .erikoiskuva { width: 100%;object-fit: cover;height: 50vh;}#alabanneri-big h2, #alabanneri-big h3, #alabanneri-big h4 {color: #fff;}}
@media only screen and (max-width:860px) {#solu9111 {grid-template-columns: 1fr;}#solu121 {display: flex; flex-direction: column;}#solu9111 table {width:100%}tr.uutisrivi {padding-bottom:10px;}.hintataulukko-wushu td:nth-of-type(1)::before {content: "Kurssitiedot";font-weight: 700; display:block;}.hintataulukko-wushu td:nth-of-type(2)::before {content: "Jakso";font-weight: 700; display:block;}.hintataulukko-wushu td:nth-of-type(3)::before {content: "Hinta";font-weight: 700; display:block;}.hintataulukko-wushu tr:first-of-type td{display:none;}.hintataulukko-wushu tr:first-of-type td:first-of-type {display: block;}.hintataulukko-wushu tr:first-of-type td:nth-of-type(1)::before {content:""}.hintataulukko-wushu tr {padding: 2%;}}
/* Uutiset */
.col-full > br:first-of-type {display: none;}
.col-full > br{margin-bottom:20px;}
/* Treeniaikataulut */
@media only screen and (max-width:1024px) {table, tr, body {width:100% !important}table, th,tbody,tr,td {height:auto !important} #treeniaikataulu tr {display: flex; height: auto !important;}#treeniaikataulu td,#treeniaikataulu td h5 {font-size: 0.9rem; flex: 1;height: auto !important;}#treeniaikataulu td:nth-of-type(3),#treeniaikataulu td h5  {flex: 3;}}
@media only screen and (max-width:860px) {.scndr-table, .scndr-table tr, .scndr-table td {clear: none !important;display: flex !important;}}
@media only screen and (max-width:768px) {#treeniaikataulu td {font-size: 0.7rem;}}
@media only screen and (max-width:575px) {#treeniaikataulu tr, #treeniaikataulu td {display: block;width: 100%;font-size: 1rem;}#treeniaikataulu tr:first-of-type {display: none;}#treeniaikataulu tr {margin-bottom: 20px;}#treeniaikataulu td {width:100% !important;display: grid; grid-template-columns: 2fr 4fr;color: #fff;}#treeniaikataulu td:nth-of-type(1)::before {content: "Päivä";font-weight: 700;}#treeniaikataulu td:nth-of-type(2)::before {content: "Aika";font-weight: 700;}#treeniaikataulu td:nth-of-type(3)::before {content: "Laji";font-weight: 700;}#treeniaikataulu td:nth-of-type(4)::before {content: "Kesto";font-weight: 700;}#treeniaikataulu td:nth-of-type(5)::before {content: "Paikka";font-weight: 700;}#treeniaikataulu td:nth-of-type(6)::before {content: "Opettaja";font-weight: 700;}h2,h2.event-img, h3.event-img, h4.event-img, h5.event-img, h6.event-img {font-size:1.6rem;}#solu121 table:last-of-type{display:none;}.panel {overflow: scroll}}
@media only screen and (max-width:480px) {#treeniaikataulu tr, #treeniaikataulu td {font-size: 0.8rem;}a, body, html, li, p, td, ul, div{font-size:15px}}

/* Footer */
footer{background: #181818;}
#footerlinkkipalsta a {color:#fff;}
#footerlinkkipalsta span a {letter-spacing:0;}

#alasivufooter {text-align:center;}
#yhteystiedot {background: #000 url(../img/header/wushu_ala.jpg) center center no-repeat;}
#footerlinkkipalsta strong {font-weight: 800;letter-spacing: 1.5px;}

@media only screen and (max-width:1024px) {#somecol{padding-top:2em}#somecol table {width: auto !important;}#somecol table td {padding-right: 10px;}#yhteystiedot {background-size: cover;}}
/* Webio content elements */ 
.tapahtumat,.tapahtumakalenteri_otsikko,.tapahtumakalenteri_valiotsikko,.uutis_otsikko, .lomakeotsikko{font-weight:700; color:#4a613e;}.lomakeotsikko {flex:1 !important}.tapahtumakalenteri_valiotsikko{color:#1d1d1b;}.uutis_otsikko,.nostettumoduli,.nostettumoduli a,a.nostouutis_otsikko, nobr{color: #000 !important;font-size: 21px;display: block;font-weight: 700;}.uutis_otsikko {padding:0;}.lomakeotsikko{color:#4a613e;font-weight:700}.lomakenappi_submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4a613e;width:auto;border:none;color:#fff;height:35px; font-weight: 300;letter-spacing: 1.5px;font-size: 15px; margin-top:10px;}.valikkolinkki,.valikkolinkki-sel,.valikkomodulilinkki,.valikkomodulilinkki-sel{text-decoration:none;color:#4a613e}.lomakenappi_submit,a.takaisinuutisiin,a.webiolinkkipainike,.gcnostot-7 .lomakenappi_submit{text-transform:uppercase;box-sizing:border-box;cursor:pointer;margin-top:20px;display:inline-block;text-align:center;background:#4a613e;height:auto;color:#fff;padding:10px 10%;font-weight: 300;letter-spacing: 1.5px;font-size: 15px;width:auto; text-shadow: none !important}a.takaisinuutisiin:hover,a.webiolinkkipainike:hover{transition:all .3s ease 0s; -webkit-filter: brightness(110%);filter: brightness(110%); text-decoration:none}@media only screen and (max-width:480px){.lomakenappi_submit,a.takaisinuutisiin,a.webiolinkkipainike {display:block; padding:10px 0;font-size: 0.7rem !important;}}
.subpage li {list-style:none;}
.subpage li::before {content: "\2022";padding-right: 10px;}
@media only screen and (max-width:1200px) {.lomakeotsikko {margin-bottom:10px;}}
@media only screen and (max-width:720px) {.subpage .center-col img , .subpage .content-col img {padding: 20px 0;float: none;clear: both}}
@media only screen and (max-width:575px) {.uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko, nobr {font-size: 17px;}.cpadding-tb-xl {padding: 2em 0;}}
@media only screen and (max-width:480px) {.kuva, .kuva2 {max-width: 100% !important;float: none !important;clear: both !important;padding: 20px 0;}.lomakenappi_submit, a.takaisinuutisiin, a.webiolinkkipainike, .gcnostot-7 .lomakenappi_submit {font-size: 13px;}}

        
/* Forms */
input[type=file], input[type=text] {height: 35px;width: auto!important;box-sizing: border-box;}input[type=button] {height:auto; padding:10px 10%; max-width:100%; width:100%;}input[type=text] {margin-bottom: 5px;}input[type="text"].pmvk, input[type="button"].lpainike {width: auto !important;}textarea {width: auto!important;margin-bottom: 5px; box-sizing: border-box; padding:10px;} table tr[id^="lomakerivi"] {display:flex;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); padding:10px 0}table[id^="lomake"] td{padding:0; flex:4}table[id^="lomake"] table tr table {width:100%;}.lomakenappi_submit{position: absolute;left: 0;}
form[name^=lomake_] input[type=checkbox]+label::before,form[name^=lomake_] input[type=checkbox]:checked+label::before{border-radius:100%}form[name^=lomake_] input[type=checkbox]{display:none}form[name^=lomake_] input[type=checkbox]+label,form[name^=lomake_] input[type=checkbox]:checked+label{-webkit-appearance:none;display:block;position:relative;height:13px}form[name^=lomake_] td{line-height:140%}form[name^=lomake_] input[type=checkbox]+label::before,form[name^=lomake_] input[type=checkbox]:checked+label::before{border:1px solid #cacece;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}form[name^=lomake_] input[type=checkbox]+label::before{content:""}form[name^=lomake_] input[type=checkbox]:checked+label::before{background:#9ec72a none repeat scroll 0 0;color:#fff!important;border:none;padding:8px 15px 0 7px}form[name^=lomake_] input[type=checkbox]:checked+label{color:#1d1d1b;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)}form[name^=lomake_] input[type=checkbox]+label:active,form[name^=lomake_] 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)}form[name^=lomake_] [type=radio]:checked,form[name^=lomake_] [type=radio]:not(:checked){position:absolute;left:-9999px}form[name^=lomake_] [type=radio]:checked+label,form[name^=lomake_] [type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666}form[name^=lomake_] [type=radio]:checked+label:before,form[name^=lomake_] [type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}form[name^=lomake_] [type=radio]:checked+label:after,form[name^=lomake_] [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}form[name^=lomake_] [type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}form[name^=lomake_] [type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
table tr[id^="lomakerivi_submit_"] {grid-template-columns: repeat(auto-fit, minmax(300px,300px)); position:relative;}.nostouutis_paivays {font-size: 1rem; line-height:100%}#solu9911 .uutisryhma-bg-rivi {padding-top: 20px !important;display: block;}.gcnostot-7 .lomakeotsikko {color: #fff;}

.gcnostot-7 form[name^="lomake_"] [type="radio"]:checked + label, .gcnostot-7 form[name^="lomake_"] [type="radio"]:not(:checked) + label {color:#fff}.gcnostot-7 .lomakenappi_submit {background: #fff;color: #000;width: auto;}.gcnostot-7 .pakollisetkentat td{color: #fff;}
@media only screen and (max-width:1200px) {form[name^="lomake_"] input[type="checkbox"] + label::before, form[name^="lomake_"] input[type="checkbox"]:checked + label::before {margin-bottom:10px;}form[name^="lomake_"] td { line-height: 180%;}.lomakenappi_submit{margin-top:0;}}
@media only screen and (max-width:1100px) {table tr[id^="lomakerivi_submit_"] td:first-of-type {display: block;}.lomakenappi_submit {position:relative;}table tr[id^="lomakerivi_submit_"] {grid-template-columns: 1fr; position:relative;display: grid;}}
@media only screen and (max-width:1024px) {input[type=file], input[type=text], textarea {width: 100%!important;}.gcnostot-7 .lomakenappi_submit {width: 100%;}}
@media only screen and (max-width:860px) {table tr[id^="lomakerivi"] {display: grid;}.scndr-table td, .scndr-table p {font-size: 0.8rem;}}

/* Image gallery */ 
.kuvagalleriagrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));grid-gap: 1em;}
.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important; }
.kuvagalleriakuvatausta img {width: auto;max-width: 100% !important;object-fit: contain;max-height: 280px;padding: 0 !important;}
  
@media only screen and (max-width:768px) {.kuvagalleriagrid {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}.kuvagalleriakuvatausta img {max-height: 220px;}}
@media only screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));}.kuvagalleriakuvatausta img {max-height: 160px;}}
@media only screen and (max-width:375px) {.accordion {font-size: 0.85rem;padding: 10px 20px;}}

/* Semio logot */
#semio-logot {text-align:center;}
#semio-logot img {display:inline; float:none; padding:10px 0 0 0}

@media only screen and (max-width:1024px) {table, td, tr {height: auto !important; max-width:100%}#semio-logot img {max-width:40px; padding-top:40px}}
        
/* MOBIILIVALIKKO */
#main-navi-resp,#mobile-logo {display:none;}
@media only screen and (max-width:1280px){#mobile-logo{display:block;position:absolute;top:0;left:5%;z-index:50000}#mobile-logo img{max-width:60px;height:auto;padding:10px 0 0 2em}.mean-bar::before{color:#fff!important;content:"VALIKKO";top:49px;width:auto;height:auto;right:5%;position:absolute;font-size:9px!important; line-height:100% !important}#mobilemenu-container::after{right:13px!important}a.meanmenu-reveal{display:none}.mean-container a.meanmenu-reveal:after{color:#fff;font-size:10px!important;top:65px;width:50px;height:50px}.mean-container a.meanmenu-reveal.meanclose::after{display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}.mean-container a.meanmenu-reveal.meanclose{height:48px;right:6.2vw !important;width:42px!important;color:#fff;font-size:29px!important;margin-top:3px}.mean-container .mean-bar{float:left;width:100%;position:relative;top:0;padding:0;min-height:42px;z-index:999; background:#1d1d1b}.mean-container a.meanmenu-reveal{color:#fff;cursor:pointer;display:block;font-size:1px;font-weight:700;height:48px;line-height:22px;margin-top:0;padding:12px 0px 0;position:absolute;right:5%!important;text-decoration:none;text-indent:-9999em;top:6px;width:39px}.mean-container a.meanmenu-reveal span{background:#fff;border-radius:2px;display:block;height:6px;margin-top:4px;color:#1d1d1b;width:39px; line-height:100% !important}.mean-container .mean-nav{float:left;width:100%;margin-top:81px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5% 5px;height:28px;margin:0;text-align:left;color:#fff;border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:#1d1d1b;font-weight:600;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:90%;padding:15px 0 6px 10%;border-top:1px solid rgba(255,255,255,.2);background:#1d1d1b!important;text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#000!important}.mean-container .mean-nav ul li a.mean-expand{background:#4a613e;border:medium none;border-radius:3px;color:#fff;font-weight:700;height:25px;margin-top:2px;padding:0 4px 4px!important;position:absolute;right:10px;text-align:center;top:6px;width:26px;z-index:2}.mean-container .mean-push,.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-nav ul li a.mean-expand:hover{background:#1d1d1b!important}.mean-container .mean-push{float:left;clear:both}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}.meanclose{margin:6px -14px 0 0}}@media only screen and (max-width:720px){.mean-bar::before {top: 49px;}.mean-container a.meanmenu-reveal.meanclose{right:6.8vw !important}}@media only screen and (max-width:575px){a.meanmenu-reveal.meanclose {right: 6.8vw !important;}}@media only screen and (max-width:480px){.mean-container a.meanmenu-reveal.meanclose{right: 7.2vw !important;}#logolink {font-size: 1.1rem;padding: 22px 0 0 0;}}@media only screen and (max-width:420px){.mean-container a.meanmenu-reveal.meanclose{right: 7.8vw !important;}}@media only screen and (max-width:375px){#mobilemenu-container::after{right:8px!important}.mean-container a.meanmenu-reveal.meanclose{right: 8.2vw !important;}}@media only screen and (max-width:290px){#mobilemenu-container::after{right:4px!important}}
 
/* Alanavi */
#submenupage {grid-column-gap:5%}#alavalikko-selectmenu {background:#4a613e; padding:10px 0}#sidenavi ul {background:#4a613e;padding: 10%;;margin: 0;list-style: none;}#sidenavi a {color: #fff;}#sidenavi li {padding: 0;margin: 0;list-style: none;}
@media only screen and (max-width:1024px) {#alavalikko-selectmenu {display:block;}.sidenavi ul{display:none;}.alasivuvalikko {display: block;font-size: 16px;font-weight: 700;color: #444;line-height: 1.3;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%; box-sizing: border-box;margin: 0;border: 0;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);border-radius: .5em;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;}.alasivuvalikko::-ms-expand {display: none;}.alasivuvalikko:hover {border-color: #888;}.alasivuvalikko:focus {border-color: #aaa;box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #222; outline: none;}.alasivuvalikko option {font-weight:normal;}}


/* Webio admin styles */
#kuvamuokkainpaikka .kuvagalleriakuvatausta{width:95%!important}#container a >img{max-width:72px!important;height:21px!important;float: left;}#container .button,#wait_img img{width:auto!important}div[id^=CONTENT_]{width:100%}#container img{opacity:1!important}.zoomcrop{max-width:none!important;width:auto!important}#tekstieditori table,#tekstieditori tbody,#tekstieditori td,#tekstieditori tr{height:auto!important}img[title=Poista]{height:auto!important;width:auto!important;min-height: 0;}.valikkolinkki_piilosivu{color:#005600}#WebioShadow input[type=button],#WebioShadow input[type=file],#WebioShadow input[type=text]{height:initial!important;padding:0!important}#WebioShadow input[type=button]{padding:0 10px!important}#kuvamuokkainpaikka img{height:100px!important}#webio_30_main_nav_open_content a, #webio_30_main_nav_open_content li a, #webio_30_main_nav_open_content p, #webio_30_main_nav_open_content div, #webio_30_main_nav_open_content li, #webio_30_main_nav_open_content td {font-family: "lucida sans", trebuchet, arial !important;}#WebioShadow td, #WebioShadow p, #WebioShadow i {font-size:15px !important;font-family: "lucida sans", trebuchet, arial !important; color:#000 !important;}.webio_30_settingsbox input[type="file"], .webio_30_settingsbox input[type="text"] {height: auto;width: auto !important;}#container img {width: auto !important;}#container .kuvagalleriakuvatausta {width:auto !important}#container .kuvagalleriakuvatausta img {height:auto;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}#webio_30_form input[name="tp"], .webio_30_settingsbox input[name="tp"], #webio_30_form input[name="tk"], .webio_30_settingsbox input[name="tk"], #webio_30_form input[name="tv"], .webio_30_settingsbox input[name="tv"], #webio_30_form input[name="ap"], .webio_30_settingsbox input[name="ap"], #webio_30_form input[name="ak"], .webio_30_settingsbox input[name="ak"], #webio_30_form input[name="av"], .webio_30_settingsbox input[name="av"], #webio_30_form input[name="lp"], .webio_30_settingsbox input[name="lp"], #webio_30_form input[name="lk"], .webio_30_settingsbox input[name="lk"], #webio_30_form input[name="lv"], .webio_30_settingsbox input[name="lv"] { width: 50px !important;}#popup_panel input {flex: 1;padding: 10px 0;}#popup_panel {display: flex;grid-gap: 2%;}textarea.mce-textbox {
    width: 97% !important;
}

#alabanneri-big img {
    width: 100%;
    padding: 0 !important;
}

.narrow-content-col {max-width:1200px; margin:0 auto;}

/* Tiny slider carousel */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.tns-nav {text-align:center; margin:10px 0}.tns-nav button, .tns-nav-active {width: 20px;height: 20px;border-radius: 100%;border: none;background: #d5d5d5;margin:0 2px}button.tns-nav-active {background: #49613c}

.menutabs {display: flex;justify-content: space-evenly;background: #c3c3c3;}
.menutabs p {padding: 5px 30px; border-right:#fff;}
.sisaltodiv_tab_valittu_51 p,.sisaltodiv_tab_valittu_52 p,.sisaltodiv_tab_valittu_53 p,.sisaltodiv_tab_valittu_54 p,.sisaltodiv_tab_valittu_55 p,.sisaltodiv_tab_valittu_56 p,.sisaltodiv_tab_valittu_57 p,.sisaltodiv_tab_valittu_58 p,.sisaltodiv_tab_valittu_59 p,.sisaltodiv_tab_valittu_60 p{background:#4a613e; color:#fff; font-weight:700}

.gcnostot-43 .col-3:has(div:empty) {display:none}