/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-tight-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: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-tight-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-tight-700 - 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: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-tight-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* inter-tight-900 - 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: 'Inter Tight';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-tight-v9-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
      --primary-color: #202c3d;
      --base-font-size: min(max(0.9rem, 1.05vw), 18px);
      --base-font-color: #202c3d;
      --base-line-height: 160%;
      --google-font: 'Montserrat', sans-serif;
      --google-heading-font: 'Inter Tight', sans-serif;
      --navi-background: #fff;
      --footer-navi-background: #202c3d;
      --navilink-font-size: min(max(0.8rem, 1.125vw), 18px);
      --navilink-color: #121413;
      --navilink-font-weight: 700;
      --navilink-padding: 15px 20px;
      --navilink-selected-bg: #fff;
      --navilink-selected-color: #202c3d;
      --heading-size-1: min(max(2.4rem, 5vw), 78px);
      --heading-size-2: min(max(1.8rem, 2.5vw), 42px);
      --heading-size-3: min(max(1.4rem, 1.8vw), 36px);
      --heading-size-4: min(max(1.4rem, 1.6vw), 32px);
      --heading-size-5: min(max(1.4rem, 1.4vw), 28px);
      --heading-size-6: min(max(1.2rem, 1.2vw), 24px);
      --grid-gap: 2em 8em;
      --button-background: #202c3d;
      --button-text-color: #fff;
      --button-font-size: min(max(1.1rem, 1vw), 1rem);
      --button-font-weight: 900;
      --button-padding: 12px 30px;
      --max-button-width: 450px;
      --max-input-width: 100%;
      --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
      --img-gallery-img-size: 300px;
      --mobilemenu-container-height: 63px;
      --mobilemenu-open-close-color: #121413;
      --mobilemenu-menutext-color: #121413;
      --mobilemenu-button-background: #121413;
      --mobilemenu-link-color: #fff;
      --mobilemenu-link-background: #17242a;
      --mobilemenu-expand-button: #fff;
      --mobilemenu-submenu-background: #333F50;
      --padding-s: min(max(20px, 1vw), 20px);
      --padding-m: min(max(30px, 2vw), 40px);
      --padding-xl: min(max(40px, 3vw), 60px);
      --padding-xxl: min(max(60px, 4vw), 80px);
      --animate: all .3s ease 0s;
    }


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)}  img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2;}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 {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); font-weight:900; line-height:100%}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%; position:relative}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}}
#therapy-wrapper ul, .wide-wrapper ul, .ptherotext ul {margin:0;padding:0}#therapy-wrapper li, .wide-wrapper li, .ptherotext li{background:url(../img/header/bullet.png) left center no-repeat; padding-left:28px; list-style:none; margin:0; line-height:180%; margin-bottom: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%;}

/* 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-nav {display: grid; grid-template-columns: 1fr auto 1fr; grid-gap:2em;padding-top: 1em;}#lnavi,#rnavi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-around;width:100%}#lnavi, #rnavi{background:var(--navi-background)}#lnavi,#rnavi {box-sizing: border-box}#lnavi {border-radius:0 40px 40px 0;justify-content: flex-end;padding-right: 3em;}#rnavi {border-radius:40px 0px 0px 40px;justify-content: flex-start;padding-left: 3em;box-sizing: border-box;}#top-navi {justify-content: flex-end} #footernavi{background:var(--footer-navi-background)}.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;font-family:var(--google-heading-font)}#main-nav .naviblock {display:flex;align-items: center;} #main-nav .naviblock span {color:#00abbd; display:block;font-size:30px; font-weight:900; font-family:var(--google-heading-font);padding-bottom: 3px;}.topnavi-link{color:#919191}.mainnavi-link.singles-therapy {color:#fb98ad}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}.mainnavi-selected,#link-sel-1-4, #link-sel-3-35, #link-sel-2-6, #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 {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#logo img {margin:0 auto; max-width:180px; padding:30px 0}#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;}
#lnavi.wnavbg,#rnavi.wnavbg {background:#fff;}.wnavbg a{color:var(--primary-color)}
/* General classes, heroimg, banners */
#main-heroimg {width: 100%;max-height: 1082px; min-height:805px;}
.mainhero-service {max-height:unset; min-height:750px; object-position: left}
.heroimg {position: relative; background:#f2e4db/*background:#faf4ed*/}
picture img {width:100%; max-height:1040px;object-fit:cover}
#main-heroimg.maincat-heroimg {max-height:150px; min-height:unset; max-width:unset; opacity:.2}
#herotext{width:100%; padding-top:100px}
#herotext h2, #herotext h3, #herotext h4, #herotext h5, #herotext h6, #herotext p {color:#fff}
#hero-content {max-width:50%}
#hero-content p {font-size:min(max(1rem, 1.2vw), 24px); color:#202c3d}
#herotext .center-col {display:flex; align-items: flex-start; justify-content: flex-start}
.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 {position: relative;margin-bottom: 1em;width: 100%;z-index: 220;}
.headerbox h3,.headerbox p, figcaption, .headerbox h1{font-family: var(--google-font);font-weight: 700;background: #00abbd;color: #fff;text-shadow: none;display: block;max-width: max-content;padding: 10px 2vw;text-align: center;text-transform: uppercase; border-radius:4px; font-size:16px}
.wide-wrapper h1 {font-size:14px !important}
#blog-header .headerbox p {background:#e5e5dd; color:#202c3d; font-weight: 700; max-width: max-content}
.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}
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */
footer {background:#202c3d}
footer h6 {font-size:min(max(1.6rem, 2.1vw), 42px); text-transform: unset;}
footer img,footer img.kuva2 {border-radius:100px;max-width:160px}
footer a {color: #01abce;}
footer .dgrid-3-cols {grid-template-columns:1fr 1fr 1fr}
#some-icons {display:flex;}
#some-icons p {padding-right:10px}
.optional-col .col-full {padding:var(--padding-xl) 0}
.optional-col .col-full div:empty {display:none;}
.optional-col .col-full {margin-bottom:0}
.wide-wrapper, #therapist-wrapper {background:#fbf4ee; grid-gap:0}
.wide-wrapper .cpadding-xxl {padding:6vw}
.wide-wrapper .col-full{margin-bottom:0}
.wide-wrapper .dgrid-2-cols {grid-gap:0em}
.imgcell img {width:100%; max-height:920px; object-fit:cover}
.marja-img-cr{position:relative; display:flex; justify-content:center; align-items:center}
.absperson {max-width: 300px;text-align: center; bottom:10%;}
.absperson .headerbox{max-width:max-content; margin:0 auto;}
.feature-col img {border-radius:12px}
.marja-img-cr h5{color:#fff;}
.webiolinkkipainike.ajanvarauslinkki {margin:0 0 0 10px; padding:10px 25px; font-size:16px;}
::placeholder {color: #212121;font-style: italic;}
.subheromain #main-heroimg {max-width:100%; min-height:300px;}
.modulikuvausteksti{grid-column:1/-1}
.courseheader {padding-top:150px; padding-bottom:40px}
.rel-header .col-right {grid-row: 1 / span3}
.rel-header .gridcol {grid-column: 2;grid-row: 1;}
.rel-header .col-left {grid-column: 2;grid-row: 2/span3;padding: 0;}
.rel-header .dgrid-2-cols {grid-template-rows: auto auto 1fr;}
#maincat-img img{border-radius:12px}
footer h5 {font-size:min(max(1.4rem, 1.8vw), 36px)}

@media screen and (min-width:1920px) {#main-heroimg{max-width:1920px; float:right;}}
@media screen and (max-width:1440px) {.wide-wrapper .dgrid-2-cols {grid-gap:0}}
@media screen and (max-width:1280px) {#main-nav img {max-width:90px;}.mainnavi-link{padding: 15px 10px;}#lnavi {padding-right: 2em;}#rnavi {padding-left: 2em;}.webiolinkkipainike.ajanvarauslinkki {padding: 10px 20px;font-size: 14px;}}
@media screen and (max-width:1024px) {#herotext {padding-top: 0;}footer .center-col {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} footer img, footer img.kuva2{margin:0 auto !important}#ftrcol-1{order:2}; #ftrcol-2{order:1}#ftrcol-3{order:3} #main-heroimg.maincat-heroimg {max-height: 63px;}footer .marja-cta{max-width: max-content;margin: 0 auto;}}
@media screen and (max-width:768px) {#herotext{position: relative;order: 2;}#hero-content {max-width:100%}#herotext {width: 100%;padding: 2em 1em 4em 1em;margin: 0 auto;}#main-heroimg {object-position:right}footer img, footer img.kuva2{margin-top: 10px !important;}.rel-header .col-right img {max-height: 300px;object-fit: cover;width: 100%;}.rel-header .col-right {grid-row: unset}.rel-header .gridcol {grid-column: unset;grid-row: unset;}.rel-header .col-left {grid-column: unset;grid-row: unset;padding: 0;}.rel-header .dgrid-2-cols {grid-template-rows: unset;}.rel-header .col-right {order:2;}.rel-header .gridcol {order:1; padding-bottom:1em}.rel-header .col-left{order:3; padding-top:1em}.rel-contact.cpadding-tb-xxl{width: 100%;padding-top: 1.5em;}#maincat-text {order: 2;}}
@media screen and (max-width:575px) {p, td, li{font-size:18px; line-height:160%}li{margin-bottom:10px}footer img, footer img.kuva2 {max-width: 110px;}footer.cpadding-tb-xxl{padding: 2em;}footer p {font-size: 1.1rem;}.wide-wrapper .headerbox{display:none}/*.ptherotext h1, .wide-content-sub h3{font-size:1.8rem}*/.maincourse-endorse img#main-heroimg{min-height:500px}#therapy-wrapper li, .wide-wrapper li, .ptherotext li{margin-bottom:20px;}#herotext {background:#fbf4ee;}.showmobile {display:grid; grid-template-rows:auto auto;justify-content:center; align-items:center;position: absolute;bottom: 7%;width: 90%;left: 5%;text-align: center;}.showmobile .headerbox {position: relative;top: 0;margin-bottom:0} .showmobile .headerbox p {font-size:11px}.text-cell ul, .col-right ul {padding: 2em;background: #fff;border: 1px solid #ee6231;border-radius: 10px;}.text-cell ul li:last-of-type, .col-right ul li:last-of-type{margin-bottom:0; padding-bottom:0}.rel-header{padding-top: var(--padding-s);}#bigm-desc-mbl p {font-size:15px}#blog-wrapper #expandable-content ul {box-sizing: border-box; width: calc(100% - 20px);padding-bottom:10px; border-radius: 0 0 8px 8px}}

/* Frontpage -> Singles therapy */
#singles-therapy-wrapper{background:#fddee4}
#singles-therapy-wrapper .headerbox p{background:#8c4a73; color:#fff}

@media screen and (max-width:860px) {#therapy-wrapper,#singles-therapy-wrapper {padding:2em 0}#therapy-wrapper,#singles-therapy-wrapper .center-col, .contact-block .center-col{width:100%}#therapy-wrapper .feature-col,#singles-therapy-wrapper .feature-col, .contact-block.cpadding-tb-xxl{padding: 0;}#therapy-wrapper .col-left,#singles-therapy-wrapper .col-right, .contact-block .col-left{width: 80%; margin:0 auto 2em auto;}#therapy-wrapper .feature-col img,#singles-therapy-wrapper .feature-col img{border-radius:unset; max-width:70%}}

/* Frontpage -> Therapist introduction */
#therapist-wrapper h3, #therapist-wrapper h4, #quote span {text-transform:none; font-size: min(max(1.8rem, 3.2vw), 60px); display:block; font-family:var(--google-heading-font); font-weight:900}
#quote{display:flex; gap:10px; margin-left:-40px}
#therapist-wrapper .col-right img, .contact-therapy-wrapper .orderone img, .marja-cr img{border-radius:12px}
.coursemask img{mask-size:80% 100%}
@media screen and (max-width:1440px) {#therapist-wrapper .dgrid-2-cols{grid-gap:2em;grid-template-columns: 1fr 1fr;padding: var(--padding-xl) 0;}#therapy-wrapper li, .wide-wrapper li, .ptherotext li {background-size: 18px;background-position: left 4px;line-height:140%;font-weight: 600; font-family: var(--google-heading-font);}.headerbox h3, .headerbox p, figcaption {padding: 5px 2vw;font-size: 14px;}.absperson {bottom: 15%;}.imgcell article, .imgcell div, .imgcell p, .imgcell article img {height: 100%;}}
@media screen and (max-width:1024px) {.pt-container #main-heroimg{max-height: 250px !important;}footer .marja-cta img{margin-right:5px !important; margin-top:0 !important}}
@media screen and (max-width:860px) {#therapist-wrapper{width: 100%;padding: 0;}#therapist-wrapper .dgrid-2-cols{grid-gap:0; grid-template-columns: 1fr}#quote {margin-left: 0;}#therapist-wrapper .col-left{width: 100%; margin:0 auto 2em auto;}#therapist-wrapper .col-right{padding:0 2em 2em 2em}#mkoski {padding-left: 1.7rem;}}
@media screen and (max-width:768px) {#therapist-wrapper .col-left {order: 2;}.marja-img-cr .headerbox {position:relative;top:10px !important}.marja-img-cr img {max-height: 500px;object-fit: cover;}}
@media screen and (max-width:575px) {#therapist-wrapper .col-right {padding: 0 0em 2em 0em;}.absperson {bottom: 20%;}.marja-img-cr h5 {font-size: 1.2rem;line-height: 120%;}.headerbox h3, .headerbox p, figcaption {padding: 10px 6vw;font-size: 15px;}.textcell .headerbox p {font-size: 14px;}.wide-wrapper .dgrid-2-cols {grid-gap: 1em;grid-template-columns: 1fr;}#hero-content p.keypoint{font-size:1.2rem; line-height:120%}#hero-content p{font-size:18px}.webiolinkkipainike{font-size:1.1rem}#therapy-wrapper li, .wide-wrapper li, .ptherotext li{line-height:116%;  font-size:16px; background-size: 14px;}}

/* Single therapy -> Theme */
.single-theme .webiolinkkipainike {background:#8c4a73; color:#fff}

/* Service page -> Service content*/
.service-square-2 .feature-even .col-left{padding:0 !important;}
#service-content-wrapper .dgrid-2-cols {grid-gap: 0;}
#service-content-wrapper .col-right{padding:var(--padding-xxl); background:url(../img/header/mbg.png) center center no-repeat; background-size:cover}
.scategory-6 h3{font-size:min(max(1.2rem, 1.2vw), 24px);text-transform:unset; display: grid;grid-template-columns: 50px 1fr;}
.scategory-6 h3:before{padding-right:10px; background: url(../img/header/female-symbol.png) left center no-repeat; content:" "; background-size: contain;display: block;height: 30px;}
.scategory-6 h3:nth-of-type(even):before{background-image: url(../img/header/male-symbol.png)}
.scategory-6 .col-right p {padding-left:50px}
.service-square-2.scategory-6 .col-right{background:#fedee5 !important}
.service-square-2 img.erikoiskuva{width: 100%;}

.service-square-2 h3,.service-square-2 p,.service-square-2 h2{color:#fff}
.service-square-2.scategory-6 h3,.service-square-2.scategory-6 p,.service-square-2.scategory-6 h2{color:var(--primary-color)}
/* Bullet text */
.service-square-2 .col-left .modulikuvausteksti{ position: absolute;background: #00b8c7;top: 2em;left: 2em;width: 140px;height: 140px !important;z-index: 200;line-height:18px;border-radius: 300px;display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;text-transform: uppercase;font-weight: 700;padding: 20px;outline: 1px solid #fff;outline-offset: -10px;}
.service-square-2 .col-left .modulikuvausteksti span,.service-square-2 .col-left .modulikuvausteksti p{display: flex;justify-content: center;align-items: center;text-align: center; line-height:22px;}

@media screen and (max-width:920px) {.service-col {grid-template-columns: 1fr;}#service-content-wrapper .col-right{width: 80%;margin: 0 auto;padding: 2em 0 4em 0 !important;}#service-content-wrapper.service-square-2 .col-right{width:100%; padding:2em !important}}
@media screen and (max-width:480px) {#service-content-wrapper h3 {font-size: 1rem;padding-bottom: 10px;grid-template-columns: 40px 1fr;line-height: 120%;align-items: center;}#service-content-wrapper .col-right p{padding-left:0;padding-bottom: 10px;}}

/* Course-lift */
.col-full:has(.courselift) {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:1em}
.courselift-desc a, .courselift-desc h2, .courselift-desc h3, .courselift-desc h4, .courselift-desc h5, .courselift-desc h6 {font-size: 16px !important;font-weight: 400;font-family: var(--google-font);line-height: 140%;}
.course-abs {top:10px; left:0px; width:100%}
.course-abs .headerbox{display: flex;justify-content: center;}
.course-abs .headerbox p{background: #00b3c3;color:#fff; font-size:11px; padding:5px 20px}

/* Blog -> Page template */
#blog-wrapper{max-width:1000px; margin: 0 auto}
#blog-header{background:#202c3d}
#blognavi #rnavi, #blognavi #lnavi {background:#fff}
#blognavi .mainnavi-link{color:#202c3d}
#blognavi .mainnavi-link.singles-therapy{color:#fb98ad}
#blog-header #hero-content {padding-top: 200px;max-width: 1600px;margin: 0 auto;}
#blog-header h1, #blog-header p{color:#fff; text-align: center}
#blog-header p,#blog-header h3 {font-size:min(max(0.8rem, 1.125vw), 18px); max-width:max-content; margin:0 auto}
#blog-wrapper h2 {margin-top: 1em;}

@media screen and (max-width:1024px) {#blog-header #hero-content {padding-top: 4em;}#blog-wrapper {max-width: 90%;margin: 0 auto;padding: 1.5em 1em}#blog-header {background: #202c3d;padding-top: 63px;}.col-full:has(.courselift) {display: grid;grid-template-columns: 1fr 1fr;}}
@media screen and (max-width:768px) {.col-full:has(.courselift) {display: grid;grid-template-columns: 1fr}}
@media screen and (max-width:575px) {#blog-header p {font-size: min(max(1rem, 1.125vw), 18px);}#blog-header h1, #blog-header p {color: #fff;text-align: left;}}

/* Blog Endorse wo. <img> */
.blog-endorse{background:#e4e4db}
#blog-endorse-coursepage {background: #FEF4E6;background: linear-gradient(180deg, rgba(254, 244, 230, 1) 0%, rgba(255, 227, 225, 1) 100%);}
.blog-endorse .col-full {display:grid; grid-template-columns: repeat(3,1fr); grid-gap:1em; margin-bottom:0}
.blog-item{padding:var(--padding-m); background:#fff;border-radius:8px;}
.blog-item h5 a{font-size:min(max(1.2rem, 1.2vw), 24px);transition: var(--animate)}
.blog-item .webiolinkkipainike {background: #00acbf;font-size: 0.7rem;padding: 2px 20px;}
.blog-item h5 a:hover {color:#00acbf; text-decoration: none}
#blog-endorse-white .blog-item {border:1px solid rgba(0,0,0,.15)}

@media screen and (max-width:1024px) {.heading-padding {padding-top: 4em;}}
@media screen and (max-width:860px) {.blog-endorse .col-full {grid-template-columns: 1fr;}}
@media screen and (max-width:768px) {.heading-padding {padding-top: 1em;}}
@media screen and (max-width:575px) {#blog-lift {padding: 1em 0;}.blog-post-desc p{font-size:14px}}

/* Course */
.ohjelmatable, .ohjelmatable tbody,.ohjelmatable tr, .ohjelmatable td{width:100% !important; height:auto !important} .ohjelmatable tr {display:grid; grid-template-columns:repeat(2,1fr); grid-gap:1em;} .ohjelmatable td {padding:1em; background:#fff; border-radius:10px; box-sizing:border-box}@media screen and (max-width:575px) {.ohjelmatable tr {display:grid; grid-template-columns:1fr; grid-gap:1em;}} 
.courselift .blog-post-linkbutton .webiolinkkipainike{width:100%; max-width:100%}
.service-lift img{aspect-ratio:4/3; object-fit:cover; max-height:250px;height:auto; padding:0 !important}
.webcourse-fixed {background:url(../img/header/verkkokurssibg.jpg) center center no-repeat; background-size:cover;}
@media screen and (max-width:575px) {.ohjelmatable h6 {font-size:var(--heading-size-3)}.ohjelmatable p, .ohjelmatable td {font-size:16px}}
/* Contact block */
.contact-block {background:#e4e4db}
.contact-block h4 {font-size:min(max(1.6rem, 2.1vw), 42px); margin-bottom:10px}
.contact-tel-link a{font-size:min(max(1.4rem, 1.6vw), 32px); font-family: var(--google-heading-font);transition:var(--animate); align-items: center}
.contact-tel-link a:hover {color:#00acbf}
.contact-block .col-right img {border-radius: 700px;aspect-ratio: 1/1;outline: 1px solid #fff;outline-offset: -20px;}
.contact-block .dgrid-2-cols {grid-gap: 2em;}

@media screen and (max-width:768px) {.contact-block .col-right img{border-radius:unset; outline:none; width:100%}}

/* Even/odd cols, <IMG> / text - OPTIONAL */
.feature-col .abs-element h2, .feature-col .abs-element h3, .feature-col .abs-element h4, .feature-col .abs-element h5, .feature-col .abs-element h6, .feature-col .abs-element p {color:#fff}
.feature-col .abs-element img {width:auto;}
.feature-col img {padding:0; width:90%;}
.feature-col .col-right,.feature-even .col-left{padding: 2em; padding-top:0}
.feature-even .col-right{padding: 0;}
.feature-col .col-left,.feature-even .col-right{width: 100%;position:relative}
.feature-col {grid-gap: 2em 6em;}
.feature-col img {height:auto; padding:0 !important;margin: 0 auto;}

@media screen and (max-width:1280px) {.feature-col .col-right, .feature-even .col-left {padding: 2em !important;}.service-col .feature-col {grid-gap: 2em;}.contact-therapy-wrapper .dgrid-2-cols{grid-gap:2em}}
@media screen and (max-width:1024px) {.feature-col .col-right, .feature-even .col-left,.feature-col .col-left, .feature-even .col-right {padding: 0em !important;}#therapy-wrapper .col-right .col-full {max-width: 80%;margin: 0 auto;padding-bottom: 3em;}}
@media screen and (max-width:768px) {.feature-even .col-left {order: 2;}.img-cell{order:1}.text-cell{order:2}}
@media screen and (max-width:575px) {h3, .blog-endorse h5 a{font-size:var(--heading-size-2); line-height:130%}}

/* Therapy wrapper */
#therapy-wrapper.col-right strong {color: #ee6231;font-size: var(--heading-size-6);padding-bottom: 1em;display: block;}

/* Contact therapy form */
.contact-therapy-wrapper {background:#d8e4e5}
.contact-therapy-wrapper input[type="text"], .contact-therapy-wrapper select, .contact-therapy-wrapper textarea{color: #000 !important;font-family: var(--google-font);width: 450px !important;display: block !important;max-width: unset;height: 45px;border-radius: 8px;padding: 0 10px;  font-size: 16px; border:1px solid #212121}
.contact-therapy-wrapper textarea{height:auto;padding:10px; box-sizing:border-box}
tr[id^="lomakerivi"]:has(.lomakenappi_submit) {grid-template-columns:auto 1fr}
.contact-therapy-wrapper .lomakenappi_submit{width: 445px !important;max-width: unset;margin-top: 5px;}
.contact-therapy-wrapper .pakollisetkentat{display:none}
.rel-contact h3{font-size:min(max(2rem, 3.5vw), 60px)}
@media screen and (max-width:1280px) {.contact-therapy-wrapper input[type="text"], .contact-therapy-wrapper select, .contact-therapy-wrapper textarea, .contact-therapy-wrapper .lomakenappi_submit {width: 100% !important;}#contact-main.cpadding-m {padding: 1em;}#contact-main .cpadding-m {padding: var(--padding-m) 0}}
@media screen and (max-width:575px) {.contact-therapy-wrapper input[type="text"], .contact-therapy-wrapper select{height: 55px;}}
@media screen and (max-width:768px) {#contact-main.cpadding-m {padding: 1em;}#contact-main .cpadding-m {padding: var(--padding-m) 0}#contact-main h4 {font-size:2.2rem}.contact-therapy-wrapper input[type="text"], .contact-therapy-wrapper select, .contact-therapy-wrapper textarea,.contact-therapy-wrapper .lomakenappi_submit {width: 100% !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%;}
@media screen and (max-width:1024px) {#main-heroimg, .bnr img{object-fit: cover; min-height: unset;}#herotext img {max-width:100px}#ht-front #main-heroimg {min-height: 700px;}} 
@media screen and (max-width:920px) {.feature-col img{outline:none;}}
/*@media screen and (max-width:575px) {#main-heroimg{min-height: 300px;aspect-ratio: 1/1;}}*/

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);position: absolute;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 12px;left: 1em;z-index: 50000}
#mobilelogo-img { max-width: 40px;height: auto;}
#mobile-logo-footer a{display:flex;justify-content: flex-start;align-items: center;}
#mobile-logo-footer img{margin-right:5px; max-width:50px}
#mobile-logo-footer span {font-family: var(--google-heading-font);font-weight: 900;color: #fff;font-size: 20px;padding-left: 10px;}
#mobile-logo a{display:flex; justify-content:center; align-items: center;}
#mobile-logo a::after {content: "BigM";font-family: var(--google-heading-font);font-weight: 900;color: #131212;font-size: 25px;padding-left: 10px;}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi {display: none}}
@media screen and (max-width:768px) {.hidemobile{display:none}  #ht-front #main-heroimg {min-height: unset;}}
@media screen and (max-width:575px) {#mobilemenu-container{background: #FFF;background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 100%);}}

/* Blog old */
#ingress, #blog-lift-wrapper {background:#17242a; }
#blog-lift-wrapper{margin-bottom:1em}
#blog-lift .col-full {display:grid; grid-template-columns:repeat(3,1fr); grid-gap:1em;}
.blog-post {background:#fff; border-radius:6px;display:flex; flex-direction:column}
.blogifront .blog-borders, .blog-borders{border:1px solid #00b8c7; padding:2em; border-radius:0 0 6px 6px;height: 100%;}
.blog-post-header {padding-bottom:20px}
.blog-post-img img {border-radius:0;width: 100%;height: 200px;object-fit: cover;border-radius:6px 6px 0 0}
.blog-post-desc {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
#ingress .center-col {max-width:1200px;}
#ingress h3 {text-align:center;margin:0 auto 1em auto;color:#fff;border-radius:60px;box-sizing: border-box;cursor: pointer;font-weight:700;margin-bottom: 1em;display: block;text-align: center;padding: 12px 60px; background: #00b8c7;font-size:min(max(1.1rem, 1.2vw), 1.33rem);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: max-content}
#ingress h1 {text-align:center;color:#fff;font-size:min(max(2rem, 3.2vw), 3.5rem);text-transform:uppercase}
#ingress-desc p {font-size:min(max(1.2rem, 1.5vw), 22px); font-weight:300;max-width:1000px; margin: 1em auto 0 auto}
#blog-wrapper {max-width:1200px}
.blog-col {max-width:1200px;}
.blog-col h3 {color:#00b8c7; text-transform:uppercase;}
.blog-col span{color:#00b8c7 !important; font-size:1.3rem;}
#blog-wrapper-bg {background: #f7f7f7;margin-top: 1em;}
#maincat-img img {width: 100%;padding: 0 !important;}

@media screen and (max-width:1024px) {#blog-lift .col-full {grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width:620px) {#blog-lift .col-full {grid-template-columns: 1fr;}}
@media screen and (max-width:575px) {.marja-cta{font-size: 1.6rem !important;}}

/* 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,#mbl-buttonlinks a {border-radius:100px; line-height: 120%; box-sizing: border-box;cursor: pointer;margin-top: 20px;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);font-family: var(--google-heading-font)}.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;}summary{background: #202c3d;color: #fff;font-weight: 700;font-family: var(--google-font);padding: 10px 20px 10px 10px;border-radius: 6px;list-style: none;font-size:16px; height:35px; display:flex;align-items:center;} 
summary:after,details[open] summary:after{position:absolute; right:10px; font-weight: 700;pointer-events:none;background: #fff;border-radius: 100px;width: 20px;color:#202c3d;height: 20px;display: flex; justify-content:center; align-items:center}
summary:after{content:"+"}details[open] summary: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: 15px 30px; max-width:100%}}.popupkalenteri iframe {height: 239px;}
.ajanvarauslinkki {border-radius:100px}#expandable-content {height: auto !important;background: #fffffc;box-sizing: border-box;}.wide-wrapper details ul {padding:1em; box-sizing:border-box; background:#fbf4ee}
#expandable-content {max-width:70%}
summary {background: #e3dcd6;color: #202c3d;}
.courselift-features-lift summary{padding: 10px 10px !important;height: auto;font-size:14px}
.courselift-features-lift #expandable-content li, .courselift-features-lift #expandable-content ul {margin:0; padding:0;}
.courselift-features-lift #expandable-content li{font-size:14px;}
.courselift-features-lift #expandable-content ul {background:#fbf4ee; padding:1px; box-sizing:border-box; max-width:100%; padding:1em 2em}
@media screen and (max-width:1440px) {#expandable-content {max-width:100%}}
@media screen and (max-width:575px) {.webiolinkkipainike, .lomakenappi_submit{max-width:100%; width:100%}}
/* 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;aspect-ratio:4/3}@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;}}

/* 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));}}
/* Forms */
.lomakeotsikko {color: var(--primary-color);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;}
.contact-therapy-wrapper .lomakeotsikko {display: none;}
select{background:#fff}
 /* 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;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:7px;display:block;height:4px;margin-top:5px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height);background: #17242a;}.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:16px;background:var(--mobilemenu-link-background);font-family: var(--google-heading-font);font-weight: 700 !important;}.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: #fff;border: medium none;border-radius: 60px;color: #202c3d; 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: 20px !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;}.meanmenu-reveal.meanclose{padding: 12px 12px 0px 12px; transform: rotate(-360deg);transition: transform .3s ease-in-out;}.meanmenu-reveal {transform: rotate(0deg);transition: transform .3s ease-in-out;}#clink-content {position: absolute;top: 14px;right: 57px;z-index: 2;}#clink-content img {max-width:28px !important}
#freetext a{text-align: center;font-size: 16px;padding: 20px 30px; width:100%;font-weight: 700;box-sizing:border-box;background:#202c3d;line-height:120%; display:block;color:#fff} .mphero {background:#202c3d}.mphero h1{text-align:center; font-size:var(--heading-size-2); color:#fff; padding:150px 0 50px 0}@media screen and (max-width:1024px) {.mphero h1{text-align: center;font-size: var(--heading-size-2);color: #202c3d;  padding: 80px 0 10px 0;}.mphero {background:#fff}}
@media screen and (max-width: 1024px) {#freetext {display: block; width:100%}}

/* MBL MENU */
#mbl-header {background: #01aebf;color:#fff; display:grid; grid-template-columns:1fr auto; grid-gap:10px; justify-content:center; align-items:center; padding:3px 15px 3px 10px; box-sizing:border-box;}
#mbl-header a {color:#fff; padding:2px 5px; display:flex; width:100%; font-weight:700;font-size: 14px;}
#mbl-header img{width: 15px;height: 15px;margin-right: 5px;margin-top:2px; filter:invert(1)}
a#mbl-bk-link{background: #fff;border-radius: 60px;padding: 10px 20px;box-sizing: border-box;color: #212121;font-size: 14px;font-weight: 700;line-height:100%;display: flex;justify-content: center;align-items: end; font-family: var(--google-heading-font)}

#mbl-buttonlinks{display: grid;grid-gap: 10px; margin-top:15px}
#mbl-buttonlinks a, #scndr-links summary {position:relative;background:#fff; color:#212121;text-transform: uppercase; font-size:16px; font-family:var(--google-heading-font); text-align:left;max-width: 90%;width: 90%; padding:15px 24px; margin:0 auto 0 auto; display:flex;font-weight:900}
#mbl-buttonlinks a span{position: absolute;right: 20px;font-size: 30px;font-weight: 400;font-family: var(--google-font);line-height: 85%;align-self: flex-end;color:#ee6231}
#scndr-links summary {text-transform: none;color: #fff;border: 1px solid rgba(255,255,255,.4);background: none;border-radius: 100px;box-sizing: border-box;width: 100%;text-align: center;justify-content: center;padding: 20px 24px;max-width: unset;}
#scndr-links {padding:1.5em 1em 0 1em; box-sizing:border-box;clear: both; display:grid;grid-template-columns:1fr; grid-gap:0 10px;}
#scndr-links p {margin-bottom:10px}
/*#scndr-links p:last-of-type {grid-column:1/-1; text-align:center;}*/
#scndr-links a,#mbl-locations a {display:block; box-sizing:border-box; padding: 12px 24px;border-radius:4px;width:100%;border:1px solid rgba(255,255,255,.7);color: #fff;border-radius:100px}
#scndr-links a {font-size: 14px;line-height: 120%;text-align: left; margin-bottom:10px;font-weight:600}
#scndr-links p:last-of-type{margin-bottom:0;}

#mbl-footer h6 {text-align: center;font-size: 16px;font-weight: 900;text-transform: unset;clear:both; font-family: var(--google-heading-font); color:#fff}
#custom-mbl-logo {margin:0 auto 1em auto;max-width:80px}
#mbl-locations {display: grid;grid-gap: 10px;grid-template-columns: 1fr;max-width: 100%;margin: 0 0 1em 0.5em; padding:0 10px 10px 10px}
#mbl-locations img {max-width: 20px;margin-right: 8px;}
#mbl-locations a{background:#fff;color:#212121;text-transform:uppercase;display:flex;justify-content:center;align-items:center;border-radius:60px;font-weight:700;font-size:16px;padding: 5px 25px;}
#mbl-logo-hm div {padding-top: 10px;}
#mbl-logo-hm div a{background: #008a9e;}

#wa-mbl-block {background:#1f3d3a;border-top: 1px solid rgba(255,255,255,.2);}
#wa-mbl-block a {color:#fff; display:flex; box-sizing:border-box; padding:10px;border-radius:6px;width:100%; justify-content:center; align-items:center;}
#wa-mbl-block img {padding-right: 10px;max-width: 30px;}
#wambl-call-link {display:none !important}
#some-icons-mbl img {max-width:24px; border-radius:100px;filter: inherit;}
#some-icons-mbl a {width: 30px; height: 30px;display: flex;justify-content: center;align-items: center;padding: 0;background: none;border: none;}

#bigm-desc-mbl {width:90%; margin:0 auto}#bigm-desc-mbl p{color:#fff}
/* 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;}

/* Tabs */
#tab-wrapper {padding-bottom:1em}
.tabcontent {background:#fff;grid-row: 2;grid-column: 1 / -1;align-items: flex-start; }
.tabcontent .abs-element{max-width:45%;left:3%; padding-top:4em}
.tablinks {cursor: pointer;}
#tab-btn-container {position:relative;background:#202c3d}
.four-tabs {grid-template-columns: 1fr 1fr 1fr 1fr;}
.five-tabs{grid-template-columns: 2fr 1fr 2fr 1.5fr 1fr;}
.tablinks{border-right:1px solid rgba(255,255,255,.2)}
.tablinks:first-of-type{border-left:1px solid rgba(255,255,255,.2)}
#tab-content-1, #tab-content-2,#tab-content-3{background: #fff}
.tabcontent .fwimg{min-height:500px}
figcaption{display:none}

.tablinks p {color: #fff;font-family: var(--google-heading-font); font-size:  min(max(1.2rem, 1.2vw), 24px);line-height: var(--base-line-height);font-weight: 700;text-align: center;line-height:120%}
.four-tabs .tablinks div,.four-tabs .tablinks  div p {font-size: min(max(0.9rem, 1.4vw), 22px);}
.five-tabs .tablinks div,.five-tabs .tablinks  div p {font-size: min(max(0.8rem, 1.3vw), 20px);}
.four-tabs .tablinks, .five-tabs .tablinks{padding: 20px 0;}

.tablinks{padding: 20px;}
.tablinks.active,.tablinks.active p{color:#00bccc !important}
/*.tablinks.active{background:#fff}*/
.tablinks p:after {content:"›"; display: inline-block; transform:rotate(90deg); margin-left: 1vw;}
.tablinks span {display: inline-block; padding: 0px 0px;font-weight: 400;position: absolute;right: 20px;}
#tab-btn-container .tabcontent, #tab-btn-container .tabcontent p, #tab-btn-container .tabcontent div{color:#000;font-family:var(--google-font); font-size:min(max(1rem, 1.05vw), 20px); text-align:left; text-transform:none}
#tab-btn-container .tabcontent {border-radius:0px 0px 6px 6px}

@media screen and (max-width:1280px) {.five-tabs{width:100%}.tablinks p{font-size:1rem}.tabcontent .abs-element {max-width: 50%;left: 0%;}}
@media screen and (max-width:1024px) {.tabcontent .abs-element{max-width:60%;left:0%;}.tabcontent .fwimg{object-position: right}.tablinks div,.tablinks div p, .four-tabs .tablinks div p, .four-tabs .tablinks div,.five-tabs .tablinks div p, .five-tabs .tablinks div{font-size:1.2rem}}
@media screen and (max-width:678px) {.tabcontent .abs-element {padding: var(--padding-m);}}

/* AI summary */
#ingress-desc #expandable-content {
    height: auto !important;
    background: #fffffc;
    box-sizing: border-box;
}

#ingress-desc summary {
    list-style: none;
    padding: 1em;
}

#ingress-desc .expandable-header {
    font-weight: 700;
}

#ingress-desc #expandable-content:has(.col-full div:empty) {
    display: none;
}


/* ADMIN tabs */
.menutabs {display: grid;grid-template-columns: 1fr 1fr 1fr;background: #007cc7;}
.menutabs > div {padding: 10px;text-align: center;border-right:1px solid rgba(255,255,255,0.2);box-sizing:border-box;}
.menutabs  div p {color:#fff}
.sisaltodiv_tab_valittu_30,.sisaltodiv_tab_valittu_31,.sisaltodiv_tab_valittu_32 {background: #54b0af;}

@media screen and (max-width:860px) {#tab-btn-container{display:none;}.tabcontent {display:grid !important;}figcaption{margin: 0 auto;left: 0;box-sizing: border-box;border-radius: 0;background: var(--primary-color);color: #fff;width: 100% !important;max-width: unset;top: 0;position: absolute;display: grid !important}  .tabcontent .abs-element {max-width: 100%;left: 0%;position: relative;order: 2;width:100%}
 .tabcontent .fwimg { object-position: right;aspect-ratio: 1/1;min-height: unset; /*outline: 1px solid rgba(255, 255, 255, .67);outline-offset: -20px;*/}.tabcontent .webiolinkkipainike{background:#fff; margin-top:20px;margin-bottom:2em;color:var(--primary-color); border:1px solid var(--primary-color)}#therapy-wrapper,#therapy-wrapper .col-left{margin-bottom:0}#therapy-wrapper{padding-bottom:0;padding-top: 4em;} .rel-header .headerbox {position: relative;top: unset;padding:10px 0; margin-bottom:0} .wide-content-sub .headerbox p {margin:0}.wide-content-sub .imgcell img{max-height:400px}}
@media screen and (max-width:768px) {body{background:#fbf4ee}.headerbox{position:absolute; top:20px;left:0}.headerbox p{margin: 0 auto;}#therapy-wrapper{display:none;padding-bottom:4em;padding-top: 0em;}.wide-wrapper .cpadding-xxl {padding: 0 6vw 4em 6vw;}.orderone{order:1}.ordertwo{order:2}.wide-wrapper .cpadding-xxl {padding: 2em 6vw 4em 6vw;}#blog-header .headerbox{position:relative;top:unset;}#ingress-desc p {text-align: left;}.rel-header {position:relative; padding-top:2em}.wide-wrapper .rel-header .headerbox {position: relative;top: unset;padding:10px 0; margin-bottom:0} }
@media screen and (max-width:575px) {.wide-wrapper .headerbox {position: absolute;top: 20px;left: 0;} .wide-content-sub .headerbox {position: relative;top: unset;padding:10px 0; margin-bottom:0}#therapy-wrapper li strong, .wide-wrapper li strong, .ptherotext li strong{font-weight:700; font-family:var(--google-font); font-size:14px; line-height:100%}}