PageSourceSearch

https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/

html pohjois-savonsyopayhdistys.fi collected 2026-10-09 04:12:12 UTC 101,402 bytes, 1,206 lines download raw bytes

1<!doctype html>
2<html lang="fi" class="scroll-smooth">
3
4<head>
5  <meta charset="UTF-8">
6<script>
7var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
8</script>
8
9
10  <meta name="viewport" content="width=device-width, initial-scale=1">
11  <meta name="format-detection" content="telephone=no">
12  <link rel="profile" href="http://gmpg.org/xfn/11">
13
14  <!-- Google tag (gtag.js) -->
15  <!-- Google Tag Manager -->
16  
16<script>
vendor: 464 bytes, lines 16-30
16
17    (function(w, d, s, l, i) {
18      w[l] = w[l] || [];
19      w[l].push({
20        'gtm.start': new Date().getTime(),
21        event: 'gtm.js'
22      });
23      var f = d.getElementsByTagName(s)[0],
24        j = d.createElement(s),
25        dl = l != 'dataLayer' ? '&l=' + l : '';
26      j.async = true;
27      j.src =
28        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
29      f.parentNode.insertBefore(j, f);
30    })(window, document, 'script', 'dataLayer', '
30GTM-ML9SC9H
vendor: 6 bytes, lines 30-31
30');
31  
31</script>
31
32  <!-- End Google Tag Manager -->
33
34  
34<script src="https://kit.fontawesome.com/b28e7d9df6.js" crossorigin="anonymous"></script>
34
35  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
36  
36<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
36
37
38  <link rel="preconnect" href="https://fonts.googleapis.com">
39  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
41
42  <style>
43    *[x-cloak] {
44      display: none;
45    }
46  </style>
47  
48
49  <link rel="preload" as="style" href="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-CRX2cGHX.css" /><link rel="modulepreload" href="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-D6mBcHFz.js" /><link rel="stylesheet" href="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-CRX2cGHX.css" />
49<script type="module" src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-D6mBcHFz.js"></script>
49<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
50
51	<!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ -->
52	<title>Tukea ja tietoa - Pohjois-Savon syöpäyhdistys</title>
53	<link rel="canonical" href="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" />
54	<meta property="og:locale" content="fi_FI" />
55	<meta property="og:type" content="article" />
56	<meta property="og:title" content="Tukea ja tietoa - Pohjois-Savon syöpäyhdistys" />
57	<meta property="og:url" content="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" />
58	<meta property="og:site_name" content="Pohjois-Savon syöpäyhdistys" />
59	<meta property="article:modified_time" content="2026-08-19T06:24:54+00:00" />
60	<meta name="twitter:card" content="summary_large_image" />
61	
61<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/","url":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/","name":"Tukea ja tietoa - Pohjois-Savon syöpäyhdistys","isPartOf":{"@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/#website"},"datePublished":"2025-09-05T06:46:35+00:00","dateModified":"2026-08-19T06:24:54+00:00","breadcrumb":{"@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/pohjois-savonsyopayhdistys.fi\/"},{"@type":"ListItem","position":2,"name":"Tukea ja tietoa"}]},{"@type":"WebSite","@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/#website","url":"https:\/\/pohjois-savonsyopayhdistys.fi\/","name":"X syöpäyhdistys","description":"Kun syöpä koskettaa omaa tai läheisesi elämää.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pohjois-savonsyopayhdistys.fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}</script>
61
62	<!-- / Yoast SEO plugin. -->
63
64
65<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pohjois-savonsyopayhdistys.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpohjois-savonsyopayhdistys.fi%2Ftukea-ja-tietoa%2F" />
66<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pohjois-savonsyopayhdistys.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpohjois-savonsyopayhdistys.fi%2Ftukea-ja-tietoa%2F&#038;format=xml" />
67<style id="wp-img-auto-sizes-contain-inline-css">
68img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
69/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
70</style>
71
72<style id="global-styles-inline-css">
73:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
73--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
73.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
74/*# sourceURL=global-styles-inline-css */
75</style>
76
77<link rel='stylesheet' id='cff-css' href='https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/custom-facebook-feed-pro/assets/css/cff-style.min.css?ver=4.6.5' media='all' />
78<script id="jquery-core-js" src="https://pohjois-savonsyopayhdistys.fi/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 78
78
79<script id="jquery-migrate-js" src="https://pohjois-savonsyopayhdistys.fi/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
79
80<link rel="https://api.w.org/" href="https://pohjois-savonsyopayhdistys.fi/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://pohjois-savonsyopayhdistys.fi/wp-json/wp/v2/pages/5297" /><link rel='shortlink' href='https://pohjois-savonsyopayhdistys.fi/?p=5297' />
81<!-- Custom Facebook Feed JS vars -->
82<script type="text/javascript">
83var cffsiteurl = "https://pohjois-savonsyopayhdistys.fi/wp-content/plugins";
84var cffajaxurl = "https://pohjois-savonsyopayhdistys.fi/wp-admin/admin-ajax.php";
85
86
87var cfflinkhashtags = "false";
88</script>
vendor: 1 bytes, line 88
88
89<script>
90    // Block presence of other buttons
91    window.__Marker = {};
92    </script>
92<link rel="icon" href="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-32x32.png" sizes="32x32" />
93<link rel="icon" href="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-192x192.png" sizes="192x192" />
94<link rel="apple-touch-icon" href="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-180x180.png" />
95<meta name="msapplication-TileImage" content="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-270x270.png" />
96  <style>
97    @media screen and (max-width: 768px) {
98      *[x-cloak="mobile"] {
99        display: none;
100      }
101    }
102
103    [x-cloak] {
104      display: none;
105    }
106
107    .mobileNavBtn .btn-fill span {
108      color: white;
109    }
110  </style>
111
112  
113</head>
114
115
116
117
118  <body class="wp-singular page-template page-template-page-templates page-template-page-hero page-template-page-templatespage-hero-php page page-id-5297 wp-embed-responsive wp-theme-syopajarjestot-main wp-child-theme-pohjoissavosy-child bg-white relative overflow-x-hidden flex flex-col"    x-data="{ showMenu: false, checkReducedMotion() { this.userSelectedAnimations == true ? this.animations : this.animations = !(window.matchMedia('(prefers-reduced-motion: reduce)') === true || window.matchMedia('(prefers-reduced-motion: reduce)').matches === true) }, userSelectedAnimations: $persist(false).using(sessionStorage), animations: $persist(true), at_top: true }"
119    x-init="checkReducedMotion()"
120    :class="{ 'no-animations': !animations, 'overflow-hidden': showMenu }">
121      <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 121-122
121
122    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
122GTM-ML9SC9H
vendor: 95 bytes, lines 122-124
122"
123        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
124    
124<!-- End Google Tag Manager (noscript) -->
125
126    <a class="skip-link screen-reader-text" href="#primaryheading">Hyppää sisältöön</a>
127    <nav class="relative z-50 hidden mt-8 bg-white border-b border-gray-300 md:order-1 md:bg-gray-100 lg:block md:mt-0" x-data="{ showSearch: false }">
128      <div class="flex flex-row flex-wrap mx-auto md:px-8 lg:px-12 xl:px-16 ">
129        <button class="hidden font-medium md:block font-body" x-data @click="$store.sitesDialog.toggle()">
130          <i class="m-auto fa-sharp fa-regular fa-plus lg:mr-2 "></i>
131          <span class="bottom-0 left-0 right-0 px-1 text-sm text-black bg-white font- md:bg-transparent lg:relative">Syöpäjärjestöjen muut sivustot</span>
132        </button>
133        <div class="hidden ml-auto md:block">
134          <button class="btn btn-link font-body flex flex-row leading-tight my-auto h-full !no-underline focus:outline-gray-900 focus:outline-2 outline-offset-4 rounded-sm" @click="animations=!animations;userSelectedAnimations=true">
135            <span class="flex items-center my-auto " x-show="animations" x-cloak><i class="my-auto mr-2 text-base fa-light fa-play" aria-hidden="true"></i> <span class="my-auto">Liike aktivoitu</span></span>
136            <span class="flex items-center my-auto " x-show="!animations"><i class="my-auto mr-2 text-base fa-light fa-pause" aria-hidden="true"></i><span class="my-auto">Liike deaktivoitu</span></span>
137          </button>
138        </div>
139
140        <div class="hidden py-2 ml-4 search md:block">
141          <form method="get" id="searchform" action="https://pohjois-savonsyopayhdistys.fi/" role="search">
142	<div class="flex items-center font-body relative">
143		<label class="whitespace-nowrap mr-2" for="search">Hae sivustolta</label>
144		<input class="border w-full py-2 pl-4 pr-8 text-black rounded-full" type="text" name="s" id="search" placeholder="Kirjoita hakusana" value="" />
145    <button type="submit" class="absolute right-0 py-2 px-0 my-0 mr-3"><i class="fa-regular fa-magnifying-glass" aria-hidden="true"></i><span class="sr-only">Hae</span></button>
146	</div>
147</form>
148        </div>
149        <div class="relative flex-row hidden inline-block w-auto py-2 ml-4 md:flex language-select whitespace-nowrap font-body">
150          <label for="lang_choice_1" class="hidden px-2 py-2 text-black whitespace-no-wrap lg:block ">Valitse kieli</label>
151          <select name="lang_choice_1" id="lang_choice_1" class="pll-switcher-select">
152	<option value="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" lang="fi" selected='selected'>Suomi</option>
153
154</select>
155<script type="text/javascript">
156					document.getElementById( "lang_choice_1" ).addEventListener( "change", function ( event ) { location.href = event.currentTarget.value; } )
157				</script>
157        </div>
158      </div>
159    </nav>
160
161    <div id="page" class="order-1 pt-16 lg:order-2 site md:pt-0" >
162
163      <header id="masthead" class="fixed top-0 left-0 right-0 z-40 py-4 bg-white shadow-md is_light md:shadow-none md:relative lg:pb-0 lg:pt-8 site-header">
164
165        <div class="flex flex-row md:grid md:grid-cols-2 lg:grid-cols-3 content-container ">
166
167                    <div class="mr-auto md:col-span-2 site-branding lg:flex">
168            <a href="https://pohjois-savonsyopayhdistys.fi/" rel="home" class="flex items-center">
169              <!-- <img src="Array" class="h-6 sm:h-12 md:h-16 lg:h-20" alt="Pohjois-Savon syöpäyhdistys"> -->
170                              <img class="h-6 sm:h-12 md:h-16 lg:h-20" src="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/02/pohjois-savon-syopayhdistys-logo.svg" alt="logo" />
171                            <!-- <span class="my-auto ml-4 text-lg leading-none text-black uppercase  shrink-0 line-clamp-3" style="width: 80%; font-size: calc(1rem + 1vw);">Pohjois-Savon syöpäyhdistys</span> -->
172            </a>
173          </div>
174
175          
176          <div id="toolbar" class="fixed bottom-0 left-0 right-0 flex-row hidden w-full -mb-1 lg:flex x-50 lg:items-end lg:py-0 lg:relative lg:bg-transparent lg:col-start-3">
177
178            <div class="flex flex-row items-center content-center order-2 ml-auto text-center lg:w-auto lg:text-right lg:flex">
179
180                                                                        
181  <a href="https://luoto.info/pohjois-savo/" target="_blank" class="btn btn-fill btn-primary flex items-center mx-auto lg:block lg:w-auto lg:h-auto lg:mr-0 lg:mb-0 text-white bg-luoto lg:flex">
182    <span class="my-auto lg:mr-2 luoto-icon w-6 h-6 inline-block" aria-hidden="true"></span>
183    <span class="my-auto">Apua ja tukea</span>
184    <span class="sr-only">Avautuu uudessa ikkunassa</span>
185  </a>
186
187                                                                                  
188  <a class="btn btn-outline" href="https://pohjois-savonsyopayhdistys.fi/lahjoita/" target="_self"><span class="btn-text">Lahjoita</span></a>
189                                                      
190                          </div>
191          </div>
192          <button aria-label="open menu" class="flex items-center order-5 pl-2 ml-auto text-xl text-black border-2 rounded-full hover:opacity-50 md:hidden" @click.prevent="showMenu = !showMenu" :class="showMenu ? 'border-white text-black' : 'border-white text-black'" aria-expanded="false">
193            <i class="fa-regular fa-bars fa-lg" x-show="!showMenu"></i>
194            <i class="fa-regular fa-xmark fa-lg" x-show="showMenu" x-cloak></i>
195          </button>
196          
197          <nav :class="showMenu ? '' : ''" class="fixed overflow-y-auto md:static inset-0 bg-white col-span-full lg:bg-gradient-to-r md:from-white md:via-white/80 md:via-70% lg:bg-transparent md:px-4 lg:p-0 z-50 md:flex lg:flex-wrap  lg:items-end lg:items-center lg:justify-center w-full text-lg md:border-t md:border-b mdborder-gray-300 lg:text-md order-3 md:mt-4 lg:mt-8" id="main-navigation" role="navigation" x-cloak="mobile" x-show="showMenu" x-transition>
198            <div class="w-full px-4 py-4 site-branding md:hidden">
199                              <a href="https://pohjois-savonsyopayhdistys.fi/" rel="home" class="flex items-center">
200                  <img src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/syopajarjestot-main/assets/svg/logo-mark.svg" class="h-6 lg:h-20" alt="Pohjois-Savon syöpäyhdistys">
201                  <span class="my-auto ml-4 text-lg leading-none text-black uppercase  md:text-xl shrink-0" style="width: min-content">Pohjois-Savon syöpäyhdistys</span>
202                </a>
203                          </div>
204
205            <button aria-label="open menu" class="absolute top-0 right-0 flex items-center order-5 p-3 m-4 text-xl text-black border-2 rounded-sm hover:opacity-50 md:hidden" @click.prevent="showMenu = !showMenu" :class="showMenu ? 'border-none text-black' : 'border-white text-black'" aria-expanded="false">
206              <i class="fa-regular fa-bars fa-lg" x-show="!showMenu"></i>
207              <i class="fa-regular fa-xmark fa-lg" x-show="showMenu" x-cloak></i>
208            </button>
209
210            <div class="flex px-4 pb-4 mx-auto mt-2 border-b md:hidden search">
211              <form method="get" id="searchform" action="https://pohjois-savonsyopayhdistys.fi/" role="search">
212	<div class="flex items-center font-body relative">
213		<label class="whitespace-nowrap mr-2" for="search">Hae sivustolta</label>
214		<input class="border w-full py-2 pl-4 pr-8 text-black rounded-full" t
214ype="text" name="s" id="search" placeholder="Kirjoita hakusana" value="" />
215    <button type="submit" class="absolute right-0 py-2 px-0 my-0 mr-3"><i class="fa-regular fa-magnifying-glass" aria-hidden="true"></i><span class="sr-only">Hae</span></button>
216	</div>
217</form>
218            </div>
219
220            
221
222
223
224
225  <ul  id="menu-primary" class="menu" :class="{'active': open}">
226	  		              <li x-data="{open:false}" id="menu-item-5297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children current-menu-item current_page_item ">
227									
228  <a href="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" class="hover:underline ">Tukea ja tietoa</a>
229              <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'Piilota'" class="toggle-sub">
230                <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i>
231              </button>
232											  <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu  content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 p-0 md:p-8">
233	          <li class="">
234			
235	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">SAIRASTUNEELLE JA LÄHEISELLE</span>
236	
237							
238	
239  <ul class="mega-children">
240	          <li x-data="{open:false}" id="menu-item-6524" class="menu-item-6524 menu-item menu-item-type-post_type menu-item-object-page    relative">
241			
242  <a href="https://pohjois-savonsyopayhdistys.fi/luoto-keskustelutuki/" class="hover:underline ">Keskustelutuki LUOTO</a>
243        </li>
244	          <li x-data="{open:false}" id="menu-item-6530" class="menu-item-6530 menu-item menu-item-type-post_type menu-item-object-page    relative">
245			
246  <a href="https://pohjois-savonsyopayhdistys.fi/ryhmat/" class="hover:underline ">Ryhmät</a>
247        </li>
248	          <li x-data="{open:false}" id="menu-item-6534" class="menu-item-6534 menu-item menu-item-type-post_type menu-item-object-page    relative">
249			
250  <a href="https://pohjois-savonsyopayhdistys.fi/kurssit/" class="hover:underline ">Kurssit</a>
251        </li>
252	          <li x-data="{open:false}" id="menu-item-6424" class="menu-item-6424 menu-item menu-item-type-post_type menu-item-object-page    relative">
253			
254  <a href="https://pohjois-savonsyopayhdistys.fi/tukea-lapsiperheille/" class="hover:underline ">Tukea lapsiperheille</a>
255        </li>
256	          <li x-data="{open:false}" id="menu-item-6545" class="menu-item-6545 menu-item menu-item-type-post_type menu-item-object-page    relative">
257			
258  <a href="https://pohjois-savonsyopayhdistys.fi/tietoa-syovasta/" class="hover:underline ">Tietoa syövästä</a>
259        </li>
260	          <li x-data="{open:false}" id="menu-item-6551" class="menu-item-6551 menu-item menu-item-type-post_type menu-item-object-page    relative">
261			
262  <a href="https://pohjois-savonsyopayhdistys.fi/rintaproteesi/" class="hover:underline ">Rintaproteesi</a>
263        </li>
264	          <li x-data="{open:false}" id="menu-item-6556" class="menu-item-6556 menu-item menu-item-type-post_type menu-item-object-page    relative">
265			
266  <a href="https://pohjois-savonsyopayhdistys.fi/tukihenkilot/" class="hover:underline ">Tukihenkilöt</a>
267        </li>
268	          <li x-data="{open:false}" id="menu-item-6563" class="menu-item-6563 menu-item menu-item-type-post_type menu-item-object-page    relative">
269			
270  <a href="https://pohjois-savonsyopayhdistys.fi/taloudellinen-tuki/" class="hover:underline ">Taloudellinen tuki</a>
271        </li>
272	    </ul>
273
274				        </li>
275	          <li class="">
276			
277	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">TERVEYDEN JA HYVINVOINNIN EDISTÄMINEN</span>
278	
279							
280	
281  <ul class="mega-children">
282	          <li x-data="{open:false}" id="menu-item-6583" class="menu-item-6583 menu-item menu-item-type-post_type menu-item-object-page    relative">
283			
284  <a href="https://pohjois-savonsyopayhdistys.fi/tunne-syopariskit/" class="hover:underline ">Tunne syöpäriskit</a>
285        </li>
286	          <li x-data="{open:false}" id="menu-item-6586" class="menu-item-6586 menu-item menu-item-type-post_type menu-item-object-page    relative">
287			
288  <a href="https://pohjois-savonsyopayhdistys.fi/iho-ja-aurinko/" class="hover:underline ">Iho ja aurinko</a>
289        </li>
290	          <li x-data="{open:false}" id="menu-item-6593" class="menu-item-6593 menu-item menu-item-type-post_type menu-item-object-page    relative">
291			
292  <a href="https://pohjois-savonsyopayhdistys.fi/syopaseulonnat/" class="hover:underline ">Syöpäseulonnat</a>
293        </li>
294	          <li x-data="{open:false}" id="menu-item-6597" class="menu-item-6597 menu-item menu-item-type-post_type menu-item-object-page    relative">
295			
296  <a href="https://pohjois-savonsyopayhdistys.fi/nikotiinittomuuteen-tukeminen/" class="hover:underline ">Nikotiinittomuuteen tukeminen</a>
297        </li>
298	    </ul>
299
300				        </li>
301	    </ul>
302										            </li>
303		              <li x-data="{open:false}" id="menu-item-863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children  ">
304									
305  <a href="https://pohjois-savonsyopayhdistys.fi/pohjois-savon-syopayhdistys/" class="hover:underline ">Pohjois-Savon Syöpäyhdistys</a>
306              <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'P
306iilota'" class="toggle-sub">
307                <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i>
308              </button>
309											  <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu  content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 p-0 md:p-8">
310	          <li class="">
311			
312	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">YHDISTYS</span>
313	
314							
315	
316  <ul class="mega-children">
317	          <li x-data="{open:false}" id="menu-item-863" class="menu-item-863 menu-item menu-item-type-post_type menu-item-object-page    relative">
318			
319  <a href="https://pohjois-savonsyopayhdistys.fi/pohjois-savon-syopayhdistys/" class="hover:underline ">Toiminta</a>
320        </li>
321	          <li x-data="{open:false}" id="menu-item-6607" class="menu-item-6607 menu-item menu-item-type-post_type menu-item-object-page    relative">
322			
323  <a href="https://pohjois-savonsyopayhdistys.fi/yhteystiedot/" class="hover:underline ">Yhteystiedot</a>
324        </li>
325	          <li x-data="{open:false}" id="menu-item-6617" class="menu-item-6617 menu-item menu-item-type-post_type menu-item-object-page    relative">
326			
327  <a href="https://pohjois-savonsyopayhdistys.fi/tutkimusapurahat/" class="hover:underline ">Tutkimusapurahat</a>
328        </li>
329	          <li x-data="{open:false}" id="menu-item-6620" class="menu-item-6620 menu-item menu-item-type-post_type menu-item-object-page    relative">
330			
331  <a href="https://pohjois-savonsyopayhdistys.fi/ammattilaisille-ja-opiskelijoille/" class="hover:underline ">Ammattilaisille ja opiskelijoille</a>
332        </li>
333	          <li x-data="{open:false}" id="menu-item-6626" class="menu-item-6626 menu-item menu-item-type-post_type menu-item-object-page    relative">
334			
335  <a href="https://pohjois-savonsyopayhdistys.fi/anna-palautetta/" class="hover:underline ">Anna palautetta</a>
336        </li>
337	    </ul>
338
339				        </li>
340	    </ul>
341										            </li>
342		              <li x-data="{open:false}" id="menu-item-5300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children  ">
343									
344  <a href="https://pohjois-savonsyopayhdistys.fi/osallistu/" class="hover:underline ">Osallistu - tehdään yhdessä hyvää</a>
345              <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'Piilota'" class="toggle-sub">
346                <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i>
347              </button>
348											  <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu  content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-x-8 p-0 md:p-8">
349	          <li class="">
350			
351	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">JÄSENEKSI</span>
352	
353							
354	
355  <ul class="mega-children">
356	          <li x-data="{open:false}" id="menu-item-60" class="menu-item-60 menu-item menu-item-type-post_type menu-item-object-page    relative">
357			
358  <a href="https://pohjois-savonsyopayhdistys.fi/jasenyys/liity-jaseneksi/" class="hover:underline ">Liity jäseneksi</a>
359        </li>
360	          <li x-data="{open:false}" id="menu-item-6461" class="menu-item-6461 menu-item menu-item-type-post_type menu-item-object-page    relative">
361			
362  <a href="https://pohjois-savonsyopayhdistys.fi/jasenedut/" class="hover:underline ">Jäsenedut</a>
363        </li>
364	          <li x-data="{open:false}" id="menu-item-6466" class="menu-item-6466 menu-item menu-item-type-post_type menu-item-object-page    relative">
365			
366  <a href="https://pohjois-savonsyopayhdistys.fi/muutoksia-jasentietoihin/" class="hover:underline ">Muutoksia jäsentietoihin</a>
367        </li>
368	    </ul>
369
370				        </li>
371	          <li class="">
372			
373	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">VAPAAEHTOISEKSI</span>
374	
375							
376	
377  <ul class="mega-children">
378	          <li x-data="{open:false}" id="menu-item-73" class="menu-item-73 menu-item menu-item-type-post_type menu-item-object-page    relative">
379			
380  <a href="https://pohjois-savonsyopayhdistys.fi/vapaaehtoiseksi/" class="hover:underline ">Vapaaehtoiseksi</a>
381        </li>
382	    </ul>
383
384				        </li>
385	          <li class="">
386			
387	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">TUE TOIMINTAA</span>
388	
389							
390	
391  <ul class="mega-children">
392	          <li x-data="{open:false}" id="menu-item-6446" class="menu-item-6446 menu-item menu-item-type-post_type menu-item-object-page    relative">
393			
394  <a href="https://pohjois-savonsyopayhdistys.fi/lahjoita/" class="hover:underline ">Lahjoita</a>
395        </li>
396	          <li x-data="{open:false}" id="menu-item-7130" class="menu-item-7130 menu-item menu-item-type-post_type menu-item-object-page    relative">
397			
398  <a href="https://pohjois-savonsyopayhdistys.fi/tuotemyynti/" class="hover:underline ">Tuotemyynti</a>
399        </li>
400	          <li x-data="{open:false}" id="menu-item-7148" class="menu-item-7148 menu-item menu-item-type-post_type menu-item-object-page    relative">
401			
402  <a href="https://pohjois-savonsyopayhdistys.fi/syopasykkeli/" class="hover:underline ">Syöpäsykkeli</a>
403        </li>
404	    </ul>
405
406				        </li>
407	    </ul>
408										            </li>
409		              <li x-data="{open:false}" id="menu-item-6514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children  ">
410									
411  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/" class="hover:underline ">Paikallistoiminta</a>
412              <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'P
412iilota'" class="toggle-sub">
413                <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i>
414              </button>
415											  <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu  content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-x-8 p-0 md:p-8">
416	          <li class="">
417			
418	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">I-K</span>
419	
420							
421	
422  <ul class="mega-children">
423	          <li x-data="{open:false}" id="menu-item-7311" class="menu-item-7311 menu-item menu-item-type-post_type menu-item-object-page    relative">
424			
425  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/iisalmen-paikallisosasto/" class="hover:underline ">Iisalmen paikallisosasto</a>
426        </li>
427	          <li x-data="{open:false}" id="menu-item-7320" class="menu-item-7320 menu-item menu-item-type-post_type menu-item-object-page    relative">
428			
429  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/juankosken-paikallisosasto/" class="hover:underline ">Juankosken paikallisosasto</a>
430        </li>
431	          <li x-data="{open:false}" id="menu-item-7328" class="menu-item-7328 menu-item menu-item-type-post_type menu-item-object-page    relative">
432			
433  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/kaavin-paikallisosasto/" class="hover:underline ">Kaavin paikallisosasto</a>
434        </li>
435	          <li x-data="{open:false}" id="menu-item-7336" class="menu-item-7336 menu-item menu-item-type-post_type menu-item-object-page    relative">
436			
437  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/keiteleen-paikallisosasto/" class="hover:underline ">Keiteleen paikallisosasto</a>
438        </li>
439	          <li x-data="{open:false}" id="menu-item-7342" class="menu-item-7342 menu-item menu-item-type-post_type menu-item-object-page    relative">
440			
441  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/kiuruveden-paikallisosasto/" class="hover:underline ">Kiuruveden paikallisosasto</a>
442        </li>
443	          <li x-data="{open:false}" id="menu-item-6505" class="menu-item-6505 menu-item menu-item-type-post_type menu-item-object-page    relative">
444			
445  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/kuopion-paikallisosasto/" class="hover:underline ">Kuopion paikallisosasto</a>
446        </li>
447	    </ul>
448
449				        </li>
450	          <li class="">
451			
452	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">L-T</span>
453	
454							
455	
456  <ul class="mega-children">
457	          <li x-data="{open:false}" id="menu-item-7345" class="menu-item-7345 menu-item menu-item-type-post_type menu-item-object-page    relative">
458			
459  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/leppavirran-paikallisosasto/" class="hover:underline ">Leppävirran paikallisosasto</a>
460        </li>
461	          <li x-data="{open:false}" id="menu-item-7348" class="menu-item-7348 menu-item menu-item-type-post_type menu-item-object-page    relative">
462			
463  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/nilsian-paikallisosasto/" class="hover:underline ">Nilsiän paikallisosasto</a>
464        </li>
465	          <li x-data="{open:false}" id="menu-item-7351" class="menu-item-7351 menu-item menu-item-type-post_type menu-item-object-page    relative">
466			
467  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/rautavaaran-paikallisosasto/" class="hover:underline ">Rautavaaran paikallisosasto</a>
468        </li>
469	          <li x-data="{open:false}" id="menu-item-7358" class="menu-item-7358 menu-item menu-item-type-post_type menu-item-object-page    relative">
470			
471  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/siilinjarven-paikallisosasto/" class="hover:underline ">Siilinjärven paikallisosasto</a>
472        </li>
473	          <li x-data="{open:false}" id="menu-item-7386" class="menu-item-7386 menu-item menu-item-type-post_type menu-item-object-page    relative">
474			
475  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/sonkajarven-paikallisosasto/" class="hover:underline ">Sonkajärven paikallisosasto</a>
476        </li>
477	          <li x-data="{open:false}" id="menu-item-7391" class="menu-item-7391 menu-item menu-item-type-post_type menu-item-object-page    relative">
478			
479  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/tuusniemen-paikallisosasto/" class="hover:underline ">Tuusniemen paikallisosasto</a>
480        </li>
481	    </ul>
482
483				        </li>
484	          <li class="">
485			
486	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">V</span>
487	
488							
489	
490  <ul class="mega-children">
491	          <li x-data="{open:false}" id="menu-item-7395" class="menu-item-7395 menu-item menu-item-type-post_type menu-item-object-page    relative">
492			
493  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/varkauden-paikallisosasto/" class="hover:underline ">Varkauden paikallisosasto</a>
494        </li>
495	          <li x-data="{open:false}" id="menu-item-7401" class="menu-item-7401 menu-item menu-item-type-post_type menu-item-object-page    relative">
496			
497  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/varpaisjarven-paikallisosasto/" class="hover:underline ">Varpaisjärven paikallisosasto</a>
498        </li>
499	          <li x-data="{open:false}" id="menu-item-7412" class="menu-item-7412 menu-item menu-item-type-post_type menu-item-object-page    relative">
500			
501  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/vehmersalmen-paikallisosasto/" class="hover:underline ">Vehmersalmen paikallisosasto</a>
502        </li>
503	          <li x-data="{open:false}" id="menu-item-7417" class="menu-item-7417 menu-item menu-item-type-post_type menu-item-object-page    relative">
504			
505  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/vesannon-paikallisosasto/" class="hover:underline ">Vesannon paikallisosasto</a>
506        </li>
507	          <li x-data="{open:false}" id="menu-item-7422" class="menu-item-7422 menu-item menu-item-type-post_type menu-item-object-page    relative">
508			
509  <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/viereman-paikallisosasto/" class="hover:underline ">Vieremän paikallisosasto</a>
510        </li>
511	    </ul>
512
513				        </li>
514	    </ul>
515										            </li>
516		              <li x-data="{open:false}" id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children  ">
517									
518  <a href="https://pohjois-savonsyopayhdistys.fi/ajankohtaista/" class="hover:underline ">Ajankohtaista</a>
519              <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'P
519iilota'" class="toggle-sub">
520                <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i>
521              </button>
522											  <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu  content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 p-0 md:p-8">
523	          <li class="">
524			
525	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">TAPAHTUMAKALENTERI</span>
526	
527							
528	
529  <ul class="mega-children">
530	          <li x-data="{open:false}" id="menu-item-6431" class="menu-item-6431 menu-item menu-item-type-post_type menu-item-object-page    relative">
531			
532  <a href="https://pohjois-savonsyopayhdistys.fi/tapahtumakalenteri/" class="hover:underline ">Tapahtumakalenteri</a>
533        </li>
534	    </ul>
535
536				        </li>
537	          <li class="">
538			
539	    <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">UUTISET JA BLOGIT</span>
540	
541							
542	
543  <ul class="mega-children">
544	          <li x-data="{open:false}" id="menu-item-6435" class="menu-item-6435 menu-item menu-item-type-post_type menu-item-object-page    relative">
545			
546  <a href="https://pohjois-savonsyopayhdistys.fi/uutiset/" class="hover:underline ">Uutiset</a>
547        </li>
548	          <li x-data="{open:false}" id="menu-item-6433" class="menu-item-6433 menu-item menu-item-type-post_type menu-item-object-page    relative">
549			
550  <a href="https://pohjois-savonsyopayhdistys.fi/blogit/" class="hover:underline ">Blogit</a>
551        </li>
552	    </ul>
553
554				        </li>
555	    </ul>
556										            </li>
557		  	    </ul>
558
559	
560                          <div class="flex flex-col md:hidden ">
561                <div class="px-4 mt-12 mb-4 font-bold ">Valitse kieli</div>
562                <div class="flex">
563                  <a class="px-4 py-2 text-white underline md:px-0" href="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" lang="FI">Suomeksi</a></div>
564              </div>
565            
566            <hr class="w-full my-4 border-gray-300 md:hidden">
567            <div class="flex flex-col items-center pb-4 mb-auto mr-auto md:hidden">
568              <button class="!mx-auto md:hidden font-body font-medium" x-data @click="$store.sitesDialog.toggle()">
569                <i class="m-auto fa-sharp fa-regular fa-plus lg:mr-2 "></i>
570                <span class="px-1 text-black bg-white lg:bg-transparent lg:relative">Syöpäjärjestöjen muut sivustot</span>
571              </button>
572              <button class="!mx-auto btn btn-link font-body flex flex-row leading-tight !no-underline focus:outline-gray-900 focus:outline-2 outline-offset-4 rounded-sm" @click="animations=!animations;userSelectedAnimations=true">
573                <span class="my-auto mr-2">Liike</span>
574                <span class="flex items-center my-auto " x-show="animations" x-cloak><span class="my-auto">aktivoitu</span> <i class="my-auto ml-4 text-2xl fa-sharp fa-light fa-circle-play " aria-hidden="true"></i></span>
575                <span class="flex items-center my-auto " x-show="!animations"><span class="my-auto">deaktivoitu</span> <i class="my-auto ml-4 text-2xl fa-sharp fa-light fa-circle-pause " aria-hidden="true"></i></span>
576              </button>
577
578              <div class="flex flex-row gap-4 mobileNavBtn">
579                                                                                
580  <a href="https://luoto.info/pohjois-savo/" target="_blank" class="btn btn-fill btn-primary flex items-center mx-auto lg:block lg:w-auto lg:h-auto lg:mr-0 lg:mb-0 text-white bg-luoto lg:flex">
581    <span class="my-auto lg:mr-2 luoto-icon w-6 h-6 inline-block" aria-hidden="true"></span>
582    <span class="my-auto">Apua ja tukea</span>
583    <span class="sr-only">Avautuu uudessa ikkunassa</span>
584  </a>
585
586                                                                                          
587  <a class="btn btn-outline" href="https://pohjois-savonsyopayhdistys.fi/lahjoita/" target="_self"><span class="btn-text">Lahjoita</span></a>
588                                                            
589                              </div>
590            </div>
591
592
593
594
595          </nav>
596
597        </div>
598      </header><!-- #masthead -->
599	<div class="content-area" id="primary">
600		<main id="main" class="site-main" role="main">
601
602				
603<article id="post-5297" class="post-5297 page type-page status-publish hentry">
604	
605	<div class="entry-content">
606		
607
608<section id="block_7c58d3cb003acb317cc2805863b92c9c" class="block-hero-bg pt-4 md:pt-6 lg:pt-8 pb-0 is_default none relative overflow-hidden -mt-px">
609  <div class="content-container">
610
611    <div class="grid grid-cols-1 md:grid-cols-2 grid-gap">
612      <div class="z-10 ball"></div>
613      <div class="relative z-20 order-1 mb-8 -mx-6 md:order-2 md:-mt-64 md:-mr-32 sm:mx-auto md:mx-12 md:max-w-96 md:max-w-none herocircle">
614	                <div class="w-full md:block">
615            <img decoding="async" src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/syopajarjestot-main/assets/images/1000x1000.png" class="invisible object-cover w-full h-auto" alt="" aria-hidden="true">
616          </div>
617
618          <figure class="absolute top-0 bottom-0 left-0 right-0 h-full bg-cover pointer-events-none lg:mt-32 " style="background-image: url('https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2025/03/Esra-Korkmaz-Photo-1365x2048.jpg');
619            background-position: 61.81% 59.33%;"></figure>
620              </div>
621
622      <div class="  md:order-1 z-20 relative flex flex-col order-2 md:order-1">
623	      <div class="top-0 mt-0 " id="breadcrumbs"><span><span><a href="https://pohjois-savonsyopayhdistys.fi/">Etusivu</a></span> » <span class="breadcrumb_last" aria-current="page">Tukea ja tietoa</span></span></div>        <div class="z-20 pt-8 my-auto group">
624		    			    <h1 id="primaryheading" class=" text-4xl md:text-5xl lg:text-6xl !m-0 ">Löydä tukea ja tietoa</h1>		    
625		    			    <p><span class="lead">Meiltä saat tukea kaikissa sairauden vaiheissa.<br />
626</span></p>
627<div id="gtx-trans" style="position: absolute; left: 140px; top: 38px;">
628<div class="gtx-trans-icon"></div>
629</div>
630		    		    
631        </div>
632      </div>
633
634    </div>
635
636  </div>
637	</section>
638
639
640
641
642<section id="block_1f6ffbd51196bcea7fc5f0af93b00f99" class="block-content-form pt-10 md:pt-12 lg:pt-16 pb-4 md:pb-6 lg:pb-8 is_primary is_light relative">
643    <div class="content-container">
644        <div class="grid grid-columns grid-gap">
645            <div class="col-span-full">
646                <h2>Palvelut lähellä sinua</h2>
647                <h3>Kerrotko hieman tilanteestasi?</h3>
648            </div>
649
650            <div class="col-span-full lg:col-span-6">
651                <p>Anna meidän auttaa sinua löytämään sopiva palvelu.</p>
652                            </div>
653
654
655                        <div class="grid grid-gap md:grid-cols-3 col-span-full">
656                                <div class="relative">
657                    <label class="block mb-2 font-bold">Minkälaista tukea kaipaat?</label>
658                    <div class="flex form-facet"><div class="facetwp-facet facetwp-facet-kaipaan_tukeatietoa facetwp-type-dropdown" data-name="kaip
658aan_tukeatietoa" data-type="dropdown"></div></div>
659                </div>
660                                <div class="relative">
661                    <label class="block mb-2 font-bold">Paikkakunta</label>
662                    <div class="flex form-facet"><div class="facetwp-facet facetwp-facet-alue facetwp-type-dropdown" data-name="alue" data-type="dropdown"></div></div>
663                </div>
664                            </div>
665            
666        </div>
667        <div class="flex flex-col mt-8 col-span-full lg:col-span-6">
668                                                <div
669                class="md:grid grid-gap md:gap-8 md:grid-cols-2 lg:grid-cols-3 col-span-full facetwp-template facet-wait btns-arrow">
670                                <!--fwp-loop-->
671                <div class="relative col-span-1 mt-8 group md:mt-0">
672                                        <h4 class="group-hover:underline">Roosa nauha Pohjois-Savossa</h4>
673                                            <p class="mt-0 mb-2">Roosa nauha -kampanja Pohjois-Savossa!</p>
674                    
675                    <a href="https://pohjois-savonsyopayhdistys.fi/roosa-nauha-pohjois-savossa/" class="py-0 pl-0 mr-auto btn leaklink">
676                        <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
677                        <span aria-hidden="true"
678                            class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">→</span>
679                    </a>
680
681                </div>
682                                <div class="relative col-span-1 mt-8 group md:mt-0">
683                                        <h4 class="group-hover:underline">Siilinjärvi: Miesten kaveripiiri</h4>
684                                            <p class="mt-0 mb-2">Miesten kaveripiiri on kaikille miehille avoin kerho. Kaveripiiri kokoontuu joka kuukauden ensimmäinen torstai. Paikk&#8230;</p>
685                    
686                    <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/siilinjarvi-miesten-kaveripiiri/" class="py-0 pl-0 mr-auto btn leaklink">
687                        <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
688                        <span aria-hidden="true"
689                            class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">→</span>
690                    </a>
691
692                </div>
693                                <div class="relative col-span-1 mt-8 group md:mt-0">
694                                        <h4 class="group-hover:underline">Lapsen oikeuksien päivän tapahtuma Kuopiossa</h4>
695                                            <p class="mt-0 mb-2">Lauantaina 21.11.2026 Kantissa &#8211; Kuopion museolla klo 10-12 ja pääkirjaston lastenosastolla 12.30-14. Tapahtuma&#8230;</p>
696                    
697                    <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/lapsen-oikeuksien-paivan-tapahtuma-kuopiossa/" class="py-0 pl-0 mr-auto btn leaklink">
698                        <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
699                        <span aria-hidden="true"
700                            class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">→</span>
701                    </a>
702
703                </div>
704                                <div class="relative col-span-1 mt-8 group md:mt-0">
705                                        <h4 class="group-hover:underline">Eläinkaverit-iltapäivä lapsille ja nuorille</h4>
706                                            <p class="mt-0 mb-2">Tervetuloa viettämään mukavaa syyspäivää eläinten seurassa Kuopion eläinpuistoon lauantaina 24.10. klo 14–18! Iltapäi&#8230;</p>
707                    
708                    <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/elainkaverit-iltapaiva-lapsille-ja-nuorille/" class="py-0 pl-0 mr-auto btn leaklink">
709                        <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
710                        <span aria-hidden="true"
711                            class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">→</span>
712                    </a>
713
714                </div>
715                                <div class="relative col-span-1 mt-8 group md:mt-0">
716                                        <h4 class="group-hover:underline">Vertaistukijakoulutus</h4>
717                                            <p class="mt-0 mb-2">Oletko syövän sairastanut/kroonista syöpää sairastava tai läheinen? Hae mukaan vertaistukijakoulutukseen. Vertaistuki&#8230;</p>
718                    
719                    <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/vertaistukijakoulutus/" class="py-0 pl-0 mr-auto btn leaklink">
720                        <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
721                        <span aria-hidden="true"
722                            class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">→</span>
723                    </a>
724
725                </div>
726                                <div class="relative col-span-1 mt-8 group md:mt-0">
727                                        <h4 class="group-hover:underline">Kaavin paikallisosasto: Matka Tapani Kansa -juhlakonserttiin Kuopioon</h4>
728                                            <p class="mt-0 mb-2">Kaavin paikallisosasto järjestää matkan Kuopion musiikkikeskuksen Tapani Kansa juhlakonserttiin 17.10.26 klo 15 alkav&#8230;</p>
729                    
730                    <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/kaavin-paikallisosasto-matka-tapani-kansa-juhlakonserttiin-kuopioon/" class="py-0 pl-0 mr-auto btn leaklink">
731                        <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
732                        <span aria-hidden="true"
733                            class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">→</span>
734                    </a>
735
736                </div>
737                                            </div>
738
739            <div class="text-center post-pagination">
740                            </div>
741
742        </div>
743    </div>
744    </div>
745    </section>
746
747
748
749
750<section id="block_c566f5a1d939d17dec056b8ef48f0a4b" class="block-content-form pt-4 md:pt-6 lg:pt-8 pb-4 md:pb-6 lg:pb-8 is_default none relative">
751  <div class="content-container">
752  <leaper-app customer-key='56|UMj12OGgfmbQkWuK2xuz1bDot0IMfIB0l1eneTogc5ee5b9d'></leaper-app>
753  </div>
754
755</section>
756	</div><!-- .entry-content -->
757
758</article><!-- #post-## -->
759
760		</main><!-- #main -->
761	</div>
762
763</div><!-- #content -->
764
765<div x-trap.noscroll="$store.sitesDialog.open" x-show="$store.sitesDialog.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="relative z-50" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-cloak>
766	<div @keyup.escape.window="$store.sitesDialog = false" class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"></div>
767
768	<div class="fixed inset-0 z-10 overflow-y-auto">
769		<div class="flex items-start md:items-center justify-center min-h-full p-4 text-center sm:items-center"  x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
770			<div @click.away="$store.sitesDialog.open = false" class="relative grid max-w-md text-left shadow-xl  bg-white md:grid-cols-2 sm:my-8 py-8 sm:w-full md:max-w-6xl min-w-full md:min-w-0" x-data="{ tab: 'tab1' }">
771				<div class="absolute right-0.5 top-0.5">
772					<button class="bg-primary-700 p-3 leading-none m-2 rounded-full text-white group focus:outline-none hover:text-white focus:text-white" @click="$store.sitesDialog.open = false">
773						<i class="rounded-full outline-none fa-sharp fa-solid fa-xmark"></i> <span class="sr-only">Sulje näkymä</span>
774					</button>
775				</div>
776        <div class="md:hidden px-4">
777          <h2 class="mb-2 text-2xl md:mb-4" id="modal-title">Sivustomme</h2>
778          <div class="flex flex-col px-4 bg-gray-100 mb-4 border md:hidden rounded-3xl relative">
779            <button class="btn text-left !mx-0 !px-0 w-auto  " :class="tab === 'tab1' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab1'">Syöpäjärjestöjen sivustot</button>
780            <button class="btn text-left !mx-0 !px-0 w-auto  " :class="tab === 'tab2' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab2'">Terveyden edistäminen</button>
781            <button class="btn text-left !mx-0 !px-0 w-auto  " :class="tab === 'tab3' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab3'">Alueyhdistykset</button>
782            <button class="btn text-left !mx-0 !px-0 w-auto  " :class="tab === 'tab4' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab4'">Potilasjärjestöt</button>
783
784            <button class="btn btn-primary absolute right-0" @click="tab = 'select'">
785              <span :class="tab != 'select' ? '' : 'hidden'">Valitse<i class="ml-4 fa fa-angle-down"></i></span>
786              <span :class="tab === 'select' ? '' : 'hidden'">Valitse<i class="ml-4 fa fa-angle-up"></i></span>
787            </button>
788          </div>
789        </div>
790
791				<div class="hidden md:block h-full p-4 md:px-12 pb-4 grid-cols-full md:col-span-3 ">
792          <h2 class="mb-2 text-2xl md:mb-4" id="modal-title">Sivustomme</h2>
793          <button class="btn " :class="tab === 'tab1' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab1'">Syöpäjärjestöjen sivustot</button>
794          <button class="btn " :class="tab === 'tab2' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab2'">Terveyden edistäminen</button>
795          <button class="btn " :class="tab === 'tab3' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab3'">Alueyhdistykset</button>
796          <button class="btn " :class="tab === 'tab4' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab4'">Potilasjärjestöt</button>
797				</div>
798				<div class="col-span-full md:px-12 px-4 md:pt-4 text-sm">
799					<div class="h-full relative" x-show="tab === 'tab1'">
800						<strong class="hidden md:block">Syöpäjärjestöjen sivustot</strong>
801                          <nav class="md:mt-6 mb-6 p-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
802                              <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.syopajarjestot.fi/" target="_blank">Syöpäjärjestöt ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
803                              <a class="text-black no-underline font-light py-1 block hover:underline" href="https://syoparekisteri.fi/" target="_blank">Syöpärekisteri ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
804                              <a class="text-black no-underline font-light py-1 block hover:underline" href="https://syopasaatio.fi/" target="_blank">Syöpäsäätiö ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
805                              <a class="text-black no-underline font-light py-1 block hover:underline" href="https://kaikkisyovasta.fi/" target="_blank">Kaikki syövästä ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
806                              <a class="text-black no-underline font-light py-1 block hover:underline" href="https://luoto.info/" target="_blank">Luoto ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
807                              <a class="text-black no-underline font-light py-1 block hover:underline" href="http://intra.cancer.fi/" target="_blank">Intra ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
808                             </nav>
809            					</div>
810
811          <div class="h-full relative"  x-show="tab === 'tab2'">
812            <strong class="hidden md:block">Terveyden edistäminen</strong>
813			                  <nav class="md:mt-6 mb-6 p-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
814					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.ilmansyopa
814a.fi" target="_blank">Ilman syöpää ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
815					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.fressis.fi" target="_blank">Fressis.fi ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
816					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://fressisedu.fi/" target="_blank">Fressisedu.fi ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
817					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://tobaccobody.fi/fi/" target="_blank">Röökikroppa ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
818					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://hyvapva.fi/" target="_blank">Hyvä Päivä ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
819					                </nav>
820			            </div>
821
822					<div class="h-full relative" x-show="tab === 'tab3'">
823            <strong class="hidden md:block">Alueyhdistykset</strong>
824                            <nav class="md:mt-6 mb-6 p-0  grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 l gap-2">
825                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.etela-suomensyopayhdistys.fi" target="_blank">Etelä-Suomen Syöpäyhdistys  ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
826                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.keski-suomensyopayhdistys.fi/" target="_blank">Keski-Suomen Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
827                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.kymenlaaksonsyopayhdistys.fi/" target="_blank">Kymenlaakson Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
828                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.lounais-suomensyopayhdistys.fi/" target="_blank">Lounais-Suomen Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
829                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pohjanmaansyopayhdistys.fi" target="_blank">Pohjanmaan Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
830                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pksy.fi" target="_blank">Pohjois-Karjalan Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
831                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pirsy.fi" target="_blank">Pirkanmaan Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
832                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pohjois-suomensyopayhdistys.fi/" target="_blank">Pohjois-Suomen Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
833                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.saimaansyopayhdistys.fi/" target="_blank">Saimaan Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
834                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.satakunnansyopayhdistys.fi" target="_blank">Satakunnan Syöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
835                                    <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.cancer.ax/" target="_blank">Ålands Cancerförening ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
836                              </nav>
837          					</div>
838					<div class="h-full relative" x-show="tab === 'tab4'">
839            <strong class="hidden md:block">Potilasjärjestöt</strong>
840			                      <nav class="md:mt-6 mb-6 p-0  grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
841					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.colores.fi" target="_blank">Colores – Suomen Suolistosyöpäyhdistys ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
842					                      <a class="text-black no-underline font-light py-1 block hover:underline" href="https://sylva.fi" target="_blank">Sylva ↗<span class="sr-only">Avautuu uuteen ikkunaan</span></a>
843					                </nav>
844			  					</div>
845
846
847				</div>
848
849
850			</div>
851		</div>
852	</div>
853</div>
854
855<div x-trap.noscroll="$store.helpDialog.open" x-show="$store.helpDialog.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="relative z-50" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-cloak>
856	<div @keyup.escape.window="$store.helpDialog = false" class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"></div>
857
858	<div class="fixed inset-0 z-10 overflow-y-auto">
859		<div class="content flex items-center justify-center min-h-full p-4 text-center sm:items-center"  x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
860			<div @click.away="$store.helpDialog.open = false" class="relative grid max-w-md text-left shadow-xl  bg-white md:grid-cols-2 sm:my-8 py-8 sm:w-full md:max-w-6xl">
861				<div class="absolute right-0.5 top-0.5">
862					<button class="bg-primary-700 p-3 leading-none m-2 rounded-full text-white group focus:outline-none hover:text-white focus:text-white" @click="$store.helpDialog.open = false">
863						<i class="rounded-full outline-none fa-sharp fa-solid fa-xmark"></i> <span class="sr-only">Sulje näkymä</span>
864					</button>
865				</div>
866
867        <div class="h-full p-4 md:px-12 pb-8 grid-cols-full md:col-span-3 border-b border-gray-300">
868          <h2 class="mb-2 text-2xl md:mb-4" id="modal-title">Apua ja tukea sinulle! </h2>
869          <div class="text-left tight-paragraph">
870			  <p>Selite tähän</p>
871          </div>
872        </div>
873        <div class="col-span-full md:px-12 px-4 pt-4 grid grid-cols-1 md:grid-cols-3 gap-x-4 gap-y-8 md:gap-x-8 text-sm">
874          <div class="h-full relative">
875            <i class="fa-xl my-8 fa-light fa-comments" aria-hidden="true"></i>
876            <div>
877			  			              </div>
878          </div>
879          <div class="h-full relative">
880            <i class="fa-xl my-8 fa-light fa-phone" aria-hidden="true"></i>
881              <div>
882			  			                </div>
883          </div>
884          <div class="h-full relative">
885            <i class="fa-xl my-8 fa-light fa-people-group" aria-hidden="true"></i>
886              <div>
887			  			                </div>
888          </div>
889        </div>
890
891
892
893      </div>
894		</div>
895	</div>
896</div>
897<footer id="colophon" class="order-5 px-2 pt-10 pb-32 text-white is_dark site-footer md:pb-10 md:px-0" role="contentinfo">
898  
899  <div class="text-base md:grid md:grid-cols-3 gap-x-8 content-container">
900    <div class="col-span-1">
901              <h4 class="mb-4 md:mb-8 md:text-xl">Yhteystiedot</h4>
902                    <p>Pohjois-Savon Syöpäyhdistys<br />
903Kuninkaankatu 23 B, 70100 Kuopio<br />
904puh. 017 580 1801 (vain puhelut)<br />
905[email protected]</p>
906<p>Y-tunnus 0280141-8</p>
907<p><a class="btn btn-primary" href="https://pohjois-savonsyopayhdistys.fi/uutiskirje/">Tilaa uutiskirje</a></p>
908            
909
910    </div>
911    <div class="col-span-1">
912              <h4 class="mb-4 md:mb-8 md:text-xl">Palvelemme</h4>
913                    <p>ma-to klo 9-15<br />
914muina aikoina sovittaessa</p>
915            
916    </div>
917    <div class="col-span-1">
918              <h4 class="mb-4 md:mb-8 md:text-xl">Some</h4>
919                    <nav class="flex flex-col gap-2 p-0 mt-6 mb-6">
920
921                                    <a class="text-white btn-link flex items-center !no-underline group" href="https://www.facebook.com/pohjoissavonsyopayhdistys/" target="_blank">
922                <i class="fa-brands fa-facebook mr-2 fa-fw"></i>
923                <span class="underline group-hover:no-underline">Facebook</span>
924
925                <span class="sr-only">Avautuu uuteen ikkunaan</span></a>
926                                                <a class="text-white btn-link flex items-center !no-underline group" href="https://www.instagram.com/pohjois_savon_syopayhdistys/" target="_blank">
927                <i class="fa-brands fa-instagram mr-2 fa-fw"></i>
928                <span class="underline group-hover:no-underline">Instagram</span>
929
930                <span class="sr-only">Avautuu uuteen ikkunaan</span></a>
931                              </nav>
932      
933    </div>
934
935    <div class="pt-10 mt-10 border-t border-gray-500 site-info col-span-full">
936              <div class="flex flex-col p-0 mt-2 mb-2 text-base md:flex-row">
937          <span>Pohjois-Savon syöpäyhdistys © 2026</span>
938                                    <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/tietosuojaseloste/" target="_self">Tietosuojaseloste</a>
939                                                <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/saavutettavuusseloste/" target="_self">Saavutettavuusseloste</a>
940                                                <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/paikallisosaston-lomakkeet/" target="_self">Paikallisosaston lomakkeet</a>
941                                                <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/rahankerayslupa/" target="_self">Rahankeräyslupa</a>
942                                        </div>
943          </div><!-- .site-info -->
944
945
946  </div>
947
948</footer><!-- #colophon -->
949
950<style>
951    @media (max-width: 1024px) {
952    #Coi-Renew { display: none !important;}
953    }
954    #gform_wrapper_26{
955    display: block !important;
956    }
957</style>
958</div><!-- #page -->
959
960<script async src="https://leaper.jedha.tri.haus/leaper/assets/index.js"></script>
960
961
962<script type="speculationrules">
963{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/pohjoissavosy-child/*","/wp-content/themes/syopajarjestot-main/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
964</script>
964
965<!-- Matomo -->
965<script>
966(function () {
967function initTracking() {
968var _paq = window._paq = window._paq || [];
969_paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);_paq.push(['alwaysUseSendBeacon']);_paq.push(['setTrackerUrl', "\/\/pohjois-savonsyopayhdistys.fi\/wp-content\/plugins\/matomo\/app\/matomo.php"]);_paq.push(['setSiteId', '1']);var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
970g.type='text/javascript'; g.async=true; g.src="\/\/pohjois-savonsyopayhdistys.fi\/wp-content\/uploads\/matomo\/matomo.js"; s.parentNode.insertBefore(g,s);
971}
972if (document.prerendering) {
973	document.addEventListener('prerenderingchange', initTracking, {once: true});
974} else {
975	initTracking();
976}
977})();
978</script>
978
979<!-- End Matomo Code -->
979<script id="cffscripts-js-extra">
980var cffOptions = {"placeholder":"https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/custom-facebook-feed-pro/assets/img/placeholder.png","resized_url":"https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/sb-facebook-feed-images/","nonce":"91470876ae"};
981//# sourceURL=cffscripts-js-extra
982</script>
vendor: 1 bytes, line 982
982
983<script id="cffscripts-js" src="https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/custom-facebook-feed-pro/assets/js/cff-scripts.min.js?ver=4.6.5"></script>
vendor: 1 bytes, line 983
983
984<script id="ajax-scripts-js-extra">
985var froggy_ajax = {"ajax_url":"https://pohjois-savonsyopayhdistys.fi/wp-admin/admin-ajax.php","nonce":"6b1ac9db91"};
986//# sourceURL=ajax-scripts-js-extra
987</script>
vendor: 1 bytes, line 987
987
988<script id="ajax-scripts-js" src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/syopajarjestot-main/assets/js/ajax.js?ver=250905-62900"></script>
988
989<link href="https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/facetwp/assets/css/front.css?ver=4.5" rel="stylesheet">
990<script src="https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/facetwp/assets/js/dist/front.min.js?ver=4.5"></script>
990
991	
991<script>
992      document.addEventListener('facetwp-loaded', function() {
993        var tpl = fUtil('.facetwp-template.facet-wait');
994        if ('' != FWP.buildQueryString()) {
995          tpl.removeClass('facetwp-hidden');
996        }
997        else {
998          tpl.addClass('facetwp-hidden');
999        }
1000      });
1001	</script>
1001
1002	
1002<script>
1003window.FWP_JSON = {"prefix":"_","no_results_text":"No results found","ajaxurl":"https:\/\/pohjois-savonsyopayhdistys.fi\/wp-json\/facetwp\/v1\/refresh","nonce":"c03265b688","preload_data":{"facets":{"kaipaan_tukeatietoa":"<select class=\"facetwp-dropdown\"><option value=\"\">Valitse<\/option><option value=\"avustukset-ja-taloudellinen-tuki\">Avustukset ja taloudellinen tuki<\/option><option value=\"liikunta\">Liikunta<\/option><option value=\"rintaproteesi\">Rintaproteesi<\/option><option value=\"ryhmat\">Ryhm\u00e4t<\/option><option value=\"tapahtumat\">Tapahtumat ja kurssit<\/option><option value=\"tietoa\">Tietoa<\/option><option value=\"vertaistuki\">Vertaistuki<\/option><\/select>","alue":"<select class=\"facetwp-dropdown\"><option value=\"\">Kaikki<\/option><option value=\"iisalmi\">Iisalmi<\/option><option value=\"juankoski\">Juankoski<\/option><option value=\"kaavi\">Kaavi<\/option><option value=\"keitele\">Keitele<\/option><option value=\"kiuruvesi\">Kiuruvesi<\/option><option value=\"kuopio\">Kuopio<\/option><option value=\"leppavirta\">Lepp\u00e4virta<\/option><option value=\"nilsia\">Nilsi\u00e4<\/option><option value=\"rautavaara\">Rautavaara<\/option><option value=\"siilinjarvi\">Siilinj\u00e4rvi<\/option><option value=\"sonkajarvi\">Sonkaj\u00e4rvi<\/option><option value=\"suonenjoki\">Suonenjoki<\/option><option value=\"tuusniemi\">Tuusniemi<\/option><option value=\"varkaus\">Varkaus<\/option><option value=\"varpaisjarvi\">Varpaisj\u00e4rvi<\/option><option value=\"vehmersalmi\">Vehmersalmi<\/option><option value=\"vesanto\">Vesanto<\/option><option value=\"vierema\">Vierem\u00e4<\/option><\/select>"},"template":"","settings":{"debug":"Enable debug mode in [Settings > FacetWP > Settings]","pager":{"page":1,"per_page":6,"total_rows":100,"total_rows_unfiltered":100,"total_pages":17},"num_choices":{"kaipaan_tukeatietoa":7,"alue":18},"labels":{"kaipaan_tukeatietoa":"Kaipaan_tukeatietoa","alue":"Alue"},"course_time":{"range":{"minDate":"2026-10-09"},"locale":{"weekdays_short":["Su","Ma","Ti","Ke","To","Pe","La"],"months_short":["Tam","Hel","Maa","Huh","Tou","Kes","Hei","Elo","Syy","Lok","Mar","Jou"],"months":["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kes\u00e4kuu","Hein\u00e4kuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],"firstDayOfWeek":1,"clearText":"Tyhjenn\u00e4"}},"places":"place-class"}}};
1004</script>
vendor: 1 bytes, line 1004
1004
1005<script>
1006window.FWP_HTTP = {"get":[],"uri":"tukea-ja-tietoa","url_vars":[]};
1007</script>
vendor: 1 bytes, line 1007
1007
1008<script>
1009if ('undefined' != typeof FWP_HTTP) FWP_HTTP.lang = 'fi';
1010</script>
1010
1011
1012
1013
1014<div class="fixed bottom-0 right-0 z-50 flex items-center justify-center mx-8 mb-16 space-x-4">
1015    <!-- Trigger Button -->
1016        <button id="openContactModalBtn" type="button"
1017        class="flex items-center justify-center h-12 p-3 text-xs text-2xl leading-relaxed text-white border-2 border-white rounded-full bg-primary-700 hover:bg-primary-500 focus:outline-none hover:cursor-pointer"
1018        aria-label="Ota yhteyttä">
1019        <span class="sr-only">Ota yhteyttä</span>
1020        <p class="flex items-center gap-2">
1021            <span>Ota yhteyttä</span>
1022            <i class="fa-solid fa-envelope" aria-hidden="true"></i>
1023        </p>
1024    </button>
1025    
1026    <!-- Scroll to Top Button (Keep your existing Alpine for this if you like, or convert too) -->
1027    <a href="#page" id="scrollToTopBtn" style="display: none;"
1028       class="flex items-center justify-center w-12 h-12 p-2 py-3 text-xs text-2xl leading-relaxed text-white uppercase border-2 border-white rounded-full bg-primary-700 hover:bg-primary-500 focus:outline-none"
1029       aria-label="Palaa ylös">
1030        <span class="sr-only">Palaa ylös</span>
1031        <i class="fa-sharp fa-arrow-up" aria-hidden="true"></i>
1032    </a>
1033
1034    <!-- Dialog Modal -->
1035    <dialog id="contactDialog" class="p-0 bg-transparent border-none shadow-none rounded-xl">
1036        <div class="p-6 bg-white shadow-lg rounded-xl popupContent"> <!-- Actual visual modal content -->
1037            <div class="flex justify-end">
1038                <button id="closeContactModalBtn" type="button"
1039                    class="flex items-center justify-center text-black rounded hover:focus:outline-none"
1040                    aria-label="Sulje">
1041                    <span class="sr-only">Sulje</span>
1042                    <i class="fa-solid fa-xmark"></i>
1043                </button>
1044            </div>
1045            
1046                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_26' style='display:none'><style>#gform_wrapper_26[data-form-index="0"].gform-theme{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893
1046C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-btn-bg-color-hover-tertiary: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style>
1047                        <div class='gform_heading'>
1048                            <h2 class="gform_title">Jätä viesti</h2>
1049                            <p class='gform_description'></p>
1050                        </div><form method='post' enctype='multipart/form-data'  id='gform_26'  action='/tukea-ja-tietoa/' data-formid='26' novalidate>
1051                        <div class='gform-body gform_body'><div id='gform_fields_26' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id="field_26_4" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible"  ><h3 class="gsection_title">Jätä meille viesti tai yhteydenottopyyntö</h3><div class='gsection_description' id='gfield_description_26_4'>Olemme sinuun yhteydessä mahdollisimman pian. </div></div><div id="field_26_2" class="gfield gfield--type-email gfield--input-type-email field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_26_2'><span class='gform-field-label__text'>Sähköposti</span></label><div class='ginput_container ginput_container_email'>
1052                            <input name='input_2' id='input_26_2' type='email' value='' class='small' tabindex='1'    aria-invalid="false"  />
1053                        </div></div><div id="field_26_3" class="gfield gfield--type-textarea gfield--in
1053put-type-textarea gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_26_3'><span class='gform-field-label__text'>Viesti tai yhteydenottopyyntö</span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_3' id='input_26_3' class='textarea small' tabindex='1'     aria-invalid="false"   rows='10' cols='50'></textarea></div></div><div id="field_26_5" class="gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_26_5'><span class='gform-field-label__text'>Oletko ihminen?</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Pakollinen)</span></span></label><div class='gfield_description' id='gfield_description_26_5'>Kirjoita alla olevaan kenttään sana "savo", niin varmistamme, ettei lomakkeella asioi robotti.</div><div class='ginput_container ginput_container_text'><input name='input_5' id='input_26_5' type='text' value='' class='large'  aria-describedby="gfield_description_26_5" tabindex='1'  aria-required="true" aria-invalid="false"   /></div></div></div></div>
1054        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_26' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' tabindex='1'>Lähetä</button> 
1055            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_26' value='postback' />
1056            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_26' id='gform_theme_26' value='orbital' />
1057            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_26' id='gform_style_settings_26' value='[]' />
1058            <input type='hidden' class='gform_hidden' name='is_submit_26' value='1' />
1059            <input type='hidden' class='gform_hidden' name='gform_submit' value='26' />
1060            
1061            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='SrLzL8hhI5a3iT9odzxn/ZCFrqeayk8zQ19R82pFG1LdW+dfmtOLpEOktrutP4Md1IgpRmhrF0novzIjWjrk8YoaQMTWa7KQ5NBYVsRwrlBU29Q=' />
1062            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
1063            <input type='hidden' class='gform_hidden' name='state_26' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImU1OWRhZDFmNmVjZGU1M2JjNDA0MGZjYTcwMjcwODNiXCIsXCI1ZDE3MTQ4YWVhMDdiY2Q4MDZmZWMxMDllNjJmZmQ0ZFwiXSxcImdmb3JtX3RoZW1lXCI6XCJjYmQwMDg4MjMwMTA4YWI3NWQzZjJlYWYzZjY3ODdlOVwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcIjg4MTcxNWZjODAxOGM2MWFkMTBmNTk0YWVlMWY1ZmJmXCIsXCJmb3JtX2lkXCI6XCIxMmY5MWZmZDEyMzJjMmFkMDE3MzNmZDk4MzNlMGJkN1wiLFwidXJsXCI6XCI2NjBmNGEzOWE4OTEzYTU4ZmYyY2YyMDllM2ZiMDE3ZFwiLFwic3RhdGVfdGltZXN0YW1wXCI6XCJiZTBiOWQ0Y2Y3NDgwNGQ3MDk3MjU3NDc1MDAwNzRkZlwifSIsIjk0M2U1ZDBjNDI1ZTVmMjBiYzM2MDVjYjQ1MWEwNjgxIiwxNzkxNTE5MTMyXQ==' />
1064            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_26' id='gform_target_page_number_26' value='0' />
1065            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_26' id='gform_source_page_number_26' value='1' />
1066            <input type='hidden' name='gform_field_values' value='' />
1067            
1068        </div>
1069                        </form>
1070                        </div>
1071        </div>
1072    </dialog>
1073  </div>
1074
1075  
1075<script>
1076  document.addEventListener('DOMContentLoaded', function () {
1077      const openModalButton = document.getElementById('openContactModalBtn');
1078      const closeModalButton = document.getElementById('closeContactModalBtn');
1079      const contactDialog = document.getElementById('contactDialog');
1080      const scrollToTopButton = document.getElementById('scrollToTopBtn');
1081  
1082      let isInitialModalLoad = false;
1083      let formIdInDialog = null; // Store the ID of the form when the dialog opens
1084  
1085      // --- Scroll to Top Logic ---
1086      if (scrollToTopButton) {
1087          window.addEventListener('scroll', function() {
1088              scrollToTopButton.style.display = (window.pageYOffset > window.outerHeight * 0.5) ? 'flex' : 'none';
1089          });
1090      }
1091  
1092      // --- Function to initialize/re-render form elements ---
1093      function initializeFormElements(dialogEl) {
1094          const formWrapper = dialogEl.querySelector('.gform_wrapper');
1095          if (formWrapper && formWrapper.id) {
1096              const formIdParts = formWrapper.id.split('_');
1097              if (formIdParts.length >= 3) {
1098                  formIdInDialog = parseInt(formIdParts[formIdParts.length - 1]); // Store the form ID
1099                  console.log('GF Modal: Initializing form ' + formIdInDialog + ' in dialog.');
1100                  if (typeof jQuery !== 'undefined') {
1101                      jQuery(document).trigger('gform_post_render', [formIdInDialog, 1]);
1102                  } else if (typeof gf_global !== 'undefined' && typeof GFFormDisplay !== 'undefined' && typeof GFFormDisplay.triggerPostRender !== 'undefined') {
1103                      GFFormDisplay.triggerPostRender(formIdInDialog, 1);
1104                  }
1105  
1106                  if (typeof grecaptcha !== 'undefined' && typeof grecaptcha.reset !== 'undefined') {
1107                      const recaptchaDivs = formWrapper.querySelectorAll('.g-recaptcha');
1108                      recaptchaDivs.forEach(div => {
1109                          const widgetId = div.getAttribute('data-widgetid');
1110                          if (widgetId !== null && widgetId !== undefined) grecaptcha.reset(widgetId);
1111                      });
1112                  }
1113              }
1114          } else {
1115              console.warn('GF Modal: No Gravity Form wrapper found in dialog during initialization.');
1116              formIdInDialog = null;
1117          }
1118      }
1119  
1120      // --- Dialog Open Logic ---
1121      if (openModalButton && contactDialog) {
1122          openModalButton.addEventListener('click', () => {
1123              isInitialModalLoad = true;
1124              contactDialog.showModal();
1125              setTimeout(() => {
1126                  initializeFormElements(contactDialog);
1127                  setTimeout(() => { isInitialModalLoad = false; }, 250);
1128              }, 150);
1129          });
1130      }
1131  
1132      // --- Dialog Close Logic ---
1133      if (closeModalButton && contactDialog) {
1134          closeModalButton.addEventListener('click', () => { contactDialog.close(); });
1135      }
1136      if (contactDialog) {
1137          contactDialog.addEventListener('click', (event) => {
1138              if (event.target === contactDialog) contactDialog.close();
1139          });
1140      }
1141  
1142      // --- Gravity Forms AJAX Event Handlers ---
1143      if (typeof jQuery !== 'undefined' && contactDialog) {
1144  
1145          const handleGfAjaxEvent = (eventFormId, eventType) => {
1146              console.log(`GF Modal: Event '${eventType}' for form ${eventFormId}. Current form in dialog: ${formIdInDialog}`);
1147  
1148              // Only act if the event is for the form currently loaded in our dialog
1149              if (formIdInDialog && parseInt(eventFormId) === formIdInDialog) {
1150                  if (!contactDialog.hasAttribute('open')) {
1151                      console.log('GF Modal: Dialog was closed, re-opening for GF event.');
1152                      contactDialog.showModal();
1153                  } else {
1154                      console.log('GF Modal: Dialog already open for GF event.');
1155                  }
1156  
1157                  // Scroll to message/error area
1158                  setTimeout(() => {
1159                      const formWrapper = contactDialog.querySelector('#gform_wrapper_' + formIdInDialog);
1160                      if (!formWrapper) return;
1161  
1162                      const confirmation = formWrapper.querySelector('.gform_confirmation_wrapper, .gform_confirmation_message');
1163                      const firstError = formWrapper.querySelector('.gfield_error .validation_message');
1164                      const generalError = formWrapper.querySelector('.validation_error');
1165  
1166                      if (confirmation && confirmation.offsetParent !== null) confirmation.scrollIntoView({ behavior: 'smooth', block: 'start' });
1167                      else if (firstError && firstError.offsetParent !== null) firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });
1168                      else if (generalError && generalError.offsetParent !== null) generalError.scrollIntoView({ behavior: 'smooth', block: 'center' });
1169                  }, 100);
1170              } else {
1171                  console.log(`GF Modal: Event '${eventType}' for form ${eventFormId} ignored (not the active form in dialog or dialog form ID unknown).`);
1172              }
1173          };
1174  
1175          jQuery(document).on('gform_confirmation_loaded', function(event, formId) {
1176              handleGfAjaxEvent(formId, 'gform_confirmation_loaded');
1177          });
1178  
1179          jQuery(document).on('gform_post_render', function(event, formId, currentPage) {
1180              if (isInitialModalLoad) {
1181                  console.log('GF Modal: Initial gform_post_render for form ' + formId + '. Skipping further action for this event.');
1182                  return;
1183              }
1184              // This event means an AJAX update (e.g., validation errors displayed)
1185              // Check if there are actual errors to warrant re-opening/scrolling
1186               const formWrapperInDialog = contactDialog.querySelector('#gform_wrapper_' + formId);
1187               if (formIdInDialog && parseInt(formId) === formIdInDialog && formWrapperInDialog) {
1188                  const hasFieldErrors = formWrapperInDialog.querySelector('.gfield_error .validation_message');
1189                  const hasGeneralError = formWrapperInDialog.querySelector('.validation_error');
1190                  if (hasFieldErrors || hasGeneralError) {
1191                      handleGfAjaxEvent(formId, 'gform_post_render (with errors)');
1192                  } else {
1193                      console.log('GF Modal: gform_post_render (post-initial) for form ' + formId + ' but no errors detected in dialog. Skipping re-open/scroll.');
1194                  }
1195               }
1196          });
1197  
1198          jQuery(document).on('gform_submit_error', function(event, formId, response){
1199              handleGfAjaxEvent(formId, 'gform_submit_error');
1200          });
1201      }
1202  });
1203  </script>
1203
1204
1205</body>
1206</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.