@import url('custom-blocks/custom-blocks.css');
@import url('acf-blocks/acf-blocks.css');
@import url('patterns/patterns.css');
@import url('parts/header.css');
@import url('parts/footer.css');
@import url('parts/relational-navigation.css');
@import url('parts/404.css');

:root {
   --padding-horizontal: clamp(1rem, 11.491vw - 4.609rem, 6.25rem); /* 16 - 100px : 781px - 1512px*/
   --padding-horizontal-large: 80px;
   --padding-horizontal-medium: 48px;
   --padding-horizontal-small: 24px;
   --margin-top-neg-medium: -48px;
   --padding-vertical: clamp(5rem, 2.736vw + 3.665rem, 6.25rem); /* 80 - 100px : 781px - 1512px*/
   --padding-vertical-small: clamp(1rem, 2.189vw - 0.068rem, 2rem);  /* 16 - 32px : 781px - 1512px*/
   --padding-vertical-large: 266px;
   --padding-vertical-main: clamp(1.25rem, 13.68vw - 5.427rem, 7.5rem); /* 20 - 120px : 781px - 1512px*/
   --padding-subpage-content: clamp(1.5rem, 5.472vw - 1.171rem, 4rem); /* 24 - 64px : 781px - 1512px*/
   --subpage-content-gap: clamp(1.5rem, 5.472vw - 1.171rem, 4rem); /* 16 - 82px : 781px - 1512px*/
   --subpage-column-gap: clamp(1.5rem, 5.472vw - 1.171rem, 4rem); /* 24 - 48px : 781px - 1512px*/

   --font-size-sm: 14px;
   --font-size-lg: 18px;
   --font-size-xl: 20px;

   /* Heading spacings*/
   --heading-spacing-large: 64px;
   --heading-spacing-medium: 32px;
   --heading-spacing-small: 24px;
   --heading-spacing-xsmall: 18px;
   --text-spacing:48px;

}

html {scroll-behavior: smooth;}

.hyphens-none {hyphens:none;}

body { overflow-x:hidden;}
body :is(.is-root-container,.wp-site-blocks)::after {content:""; background-image:url("../assets/images/jamijarvi-sulkatausta.svg"); background-repeat:no-repeat; background-position:center center; background-size:cover; position: absolute; right: -855px; z-index: -1; top: 50px; width: 2867px; height: 5137px;}
body :is(.is-root-container,.wp-site-blocks) {position:relative; overflow:hidden; font-family:var(--wp--preset--font-family--body); font-size:var(--wp--preset--font-size--paragraph); font-weight:400; line-height: 150%;}
p.pre-heading { text-transform: uppercase; font-weight: 600; font-size: var(--wp--preset--font-size--paragraph-small); line-height: 1; letter-spacing: 2%; }

body :is(.is-root-container,.wp-site-blocks) h1 {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--heading-1); line-height:95%; font-weight:600; letter-spacing: -4%; }
body :is(.is-root-container,.wp-site-blocks) h2 {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--heading-2); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-large); }
body :is(.is-root-container,.wp-site-blocks) h3 {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--heading-3); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-medium); }
body :is(.is-root-container,.wp-site-blocks) h4 {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--heading-4); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-small); }
body :is(.is-root-container,.wp-site-blocks) h5 {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--heading-5); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-xsmall); }
body :is(.is-root-container,.wp-site-blocks) h6 {font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--heading-6); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-xsmall); }

.entry-content p:not(.pre-heading)+.wp-block-heading {margin-top:var(--text-spacing);}
.entry-content .wp-block-columns+.wp-block-heading {margin-top:var(--text-spacing);}
.entry-content .wp-block-heading+.wp-block-columns {margin-top:var(--text-spacing);}
.entry-content p+p {margin-top:16px;}

.wp-block-list {display: flex; flex-wrap: wrap; row-gap: 12px; margin:var(--text-spacing) 0 !important; flex-direction: column;}
a:where(:not(.wp-element-button)) {color:#0373BB; font-weight: 700;line-height: 150%;text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: auto;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
a:where(:not(.wp-element-button)):hover,
a:where(:not(.wp-element-button)):focus,
a:where(:not(.wp-element-button)):active {text-decoration:none;}

:root :where(.is-layout-flow) > * { margin-block-start: 20px; }

body :where(.wp-site-blocks) > *, body .wp-site-blocks > .wp-block-post-content > * { margin-block-start: 0; margin-block-end: 0; }

.wp-block-post-content { margin-block-start: 0; }
body :is(.is-root-container, .wp-site-blocks .entry-content, .wp-block-template-part > main) > .wp-block-group { padding: var(--padding-vertical) 0; }
body :is(.is-root-container, .wp-site-blocks .entry-content, .wp-block-template-part > main) > .wp-block-group:first-child { padding-top: 0; }
body :is(.is-root-container, .wp-site-blocks .entry-content, .wp-block-template-part > main) > .wp-block-group:not(.has-background)+.wp-block-group:not(.has-background) { padding-top: 0; }
body :is(.is-root-container, .wp-site-blocks .entry-content, .wp-block-template-part > main) > .wp-block-group > :is(.wp-block-group,.wp-block-columns) { max-width:1512px; margin: 0 auto; padding: 0 var(--padding-horizontal); }

.single .wp-site-blocks .entry-content {max-width:1512px; margin: 0 auto; padding: var(--padding-subpage-content) var(--padding-horizontal) var(--padding-horizontal);}

body:has(.sub-page-banner) .crumbtrail+.entry-content {margin-top:var(--padding-subpage-content);}
.text-content > .wp-block-group+.wp-block-group {padding-top:var(--text-spacing) !important;}

.sub-page-content {max-width:1512px; margin: 0 auto; padding: var(--padding-subpage-content) var(--padding-horizontal) var(--padding-horizontal);}
.sub-page-content > .wp-block-columns {column-gap:0;}
.sub-page-content > .wp-block-columns .post-content {padding: 0 0 0 clamp(1rem, 9.029vw - 3.407rem, 5.125rem);}
.sub-page-content > .wp-block-columns .post-content :is(.is-root-container, .wp-site-blocks .entry-content) > .wp-block-group > :is(.wp-block-group, .wp-block-columns), .sub-page-content > .wp-block-columns .post-content > .entry-content { padding-left: 0; padding-right: 0; }

.entry-content .wp-block-columns {gap:clamp(1.5rem, 3.283vw - 0.103rem, 3rem);}
.wp-admin.sub-page-template .is-root-container > .wp-block > .wp-block { max-width: calc(800px + var(--padding-horizontal) * 2) !important; }
.wp-admin.post-type-news .is-root-container { max-width: 800px; margin: 0 auto; padding-left:var(--padding-horizontal); padding-right:var(--padding-horizontal); }

.single-events .wp-site-blocks .sub-page-content .entry-content { padding: 0; }
.single-events .wp-site-blocks .sub-page-content .entry-content h2 { font-size: var(--wp--preset--font-size--heading-4); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-small); }

.single-activities .wp-site-blocks .sub-page-content .entry-content { padding: 0; }
.single-activities .wp-site-blocks .sub-page-content .entry-content h2 { font-size: var(--wp--preset--font-size--heading-4); line-height: 100%; font-weight:600; margin-bottom:var(--heading-spacing-small); }

figure > img, figure.block-editor-block-list__block > div > img {border-radius:16px; }
figure .wp-element-caption {font-size: 0.75rem; font-style: normal;font-weight: 500;line-height: 140%; margin-top: 16px; color:var(--wp--preset--color--light-blue);}

.gt_switcher_wrapper { padding: 4px 8px; background-color: rgba(255,255,255,0.7); }
.gt_switcher_wrapper a { color: #fff; }
.translation-notification { display: none; }
.translation-notification > .wp-block-group { padding: 9px 15px; text-align: center; font-size:16px; line-height:33px; font-weight: 500; }
html:not([lang="fi"]):not([lang="auto"]) body .translation-notification { display: block !important; }
.gt_switcher_wrapper a { color: var(--wp--preset--color--dark-blue); font-family: var(--wp--preset--font-family--body); }

/*.gt_switcher_wrapper { position: absolute !important; bottom: auto !important; top: 13px !important; }
@media (max-width: 1815px) {
	html[lang="fi"] body:has(.gtranslate_wrapper) .topbar { padding-top: 45px !important; }
}
@media (max-width: 1199px) {
	html[lang="fi"] body:has(.gtranslate_wrapper) .topbar { padding-top: 45px !important; }
}
@media (max-width: 1024px) {
	html[lang="fi"] body:has(.gtranslate_wrapper) .topbar { padding-top: 9px !important; }
	.gt_switcher_wrapper { top: 13px !important; }
}*/
@media (max-width: 700px) {
	body .translation-notification > .wp-block-group { font-size: 0.75rem; }
}
/*@media (max-width: 500px) {
	.gt_switcher_wrapper { top: 13px !important; }
}*/

@media (max-width:1024px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important;}
  .sub-page-content > .wp-block-columns {flex-direction:column; }
  .sub-page-content > .wp-block-columns .post-content {padding: 0; }

}
@media (max-width:991px) {
	.wp-site-blocks .wp-block-image.is-style-desktop-only { display: none !important; }
	.sub-page-content > .wp-block-columns:has(.related-articles) { flex-direction: column; }
	.sub-page-content > .wp-block-columns > .related-articles+div { order: -1; }
	.sub-page-content > .wp-block-columns > .related-articles, .sub-page-content > .wp-block-columns > .related-articles+div { max-width: 100%; width: 100%; }
}

@media (max-width: 834px) {
   body :is(.is-root-container, .wp-site-blocks) {font-size:1rem;}
   body :is(.is-root-container, .wp-site-blocks) h3 {font-size: 1.5rem;}
   body::after {position: absolute; left: -953px; top: 323px; width: 1737px;height: 3112px;transform: rotate(-4.667deg);}
}

@media (min-width:992px) {
	.wp-site-blocks .wp-block-image.is-style-mobile-only { display: none !important; }
	.sub-page-content > .wp-block-columns > .related-articles { max-width: 350px; }
}