/* WP BLOCK STYLES 
.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word}.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-image{margin:0 0 1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}.wp-block-image figure{margin:0}.wp-block-social-links{display:flex;flex-wrap:wrap;padding-left:0;padding-right:0;text-indent:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{margin:4px 8px 4px 0}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{display:block;border-radius:9999px;transition:transform .2s ease;height:auto}.wp-block-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg{color:currentColor;fill:currentColor}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-video{margin:0 0 1em}.wp-block-video video{width:100%}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
*/

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*
@media (min-width: 600px) {
	.container {
		width: 100%;
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 9600px) {
	.container {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 100%;
		padding-right: 80px;
		padding-left: 80px;
	}
}



.element-space-between {
	margin-top: 5em;
	margin-bottom: 5em;
} */


.mb-0 {
	margin-bottom: 0px;
}

.container {
	padding-right: 0em;
	padding-left: 0em;
}


.container-fluid {
	max-width: 1682px;
}

@media (max-width: 1718px) {
	.container-fluid {
		max-width: calc(100% - 8em);
		margin-left: auto;
		margin-right: auto;
	}

	.container {
		padding-right: 4em;
		padding-left: 4em;
	}
}

@media (max-width: 960px) {
	.container-fluid {
		max-width: calc(100% - 4em);
		margin-left: auto;
		margin-right: auto;
	}

	.container {
		padding-right: 2em;
		padding-left: 2em;
	}
}


@media (max-width: 500px) {
	.container-fluid {
		max-width: calc(100% - 2em);
		margin-left: auto;
		margin-right: auto;
	}

	.container {
		padding-right: 1em;
		padding-left: 1em;
	}
}



/* fonts */

.has-large-font-size {
	line-height: 1.37;
}


@media (max-width: 1200px) { p.has-large-font-size { font-size: 1.5em!important; } }
@media (max-width: 981px) { p.has-large-font-size { font-size: 1.2em!important; } }

@media (max-width: 1399.99px) and (min-width: 960px) {
	h2 { font-size: 50px; }
}


 

h4.has-large-font-size {
	font-size: 1.8em!important;
}

@media (max-width: 981px) {
	h4.has-large-font-size {
		font-size: 1.2em!important;;
	}
}

.entry-content p a, .subpagearea h4 a {
	background-color: #fff2d9;
	text-decoration: underline;
	color: inherit;
}



/* buttons */

.wp-block-buttons>div.wp-block-button {margin-right: 2em;}

@media (max-width: 1200px) {
	footer .wp-block-buttons>div.wp-block-button {margin-right: 0em;}
}

.wp-block-button a {
	background-color: transparent;
	color: var(--nv-text-color);
	display: flex;
	gap: 1em;
	align-items: center;
	justify-content: center;
	padding: 0px;
	margin-bottom: 1em;
	text-align: left;
}

.wp-block-button a:before {
	content: url('/wp-content/themes/tuumakodit/img/btn_icon.svg');
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--nv-light-bg);
	border-radius: 40px;
	padding-left: 4px;
}

.has-custom-2-background-color .wp-block-button a:before {
	background-color: #ffffff;
}


.wp-block-button.is-style-secondary a {
	border-width: 0px;
	color: var(--nv-text-color);
	display: block;
	text-align: left;
}

.wp-block-button.is-style-secondary a:before {
	content: '';
	width: 0px;
	height: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: 0px;
}

.wp-block-button.is-style-secondary a:after {
	content: url('/wp-content/themes/tuumakodit/img/btn_icon.svg');
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--nv-light-bg);
	border-radius: 40px;
	margin-top: 1em;
}

.wp-block-button.is-style-primary { max-width: 500px; width: -webkit-fill-available;  }




.wp-block-button.is-style-primary a {
	border-width: 0px;
	color: var(--nv-text-color);
	text-align: left;
	display: flex;
	justify-content: space-between;
	padding: 0.5em;
    font-family: var(--h1fontfamily);
    text-transform: uppercase;
	font-size: 1.5em;
	background-color: var(--nv-secondary-accent);
	border: 1px solid var(--nv-secondary-accent);
	margin-bottom: 10px;
}

.wp-block-button.is-style-primary.dark a { background-color: var(--nv-dark-bg); border: 1px solid var(--nv-primary-accent); color: #ffffff; }

.wp-block-button.is-style-primary.light a { background-color: transparent; border: 1px solid var(--nv-primary-accent); }

.wp-block-button.is-style-primary a:before {
	content: '';
	width: 0px;
	height: 0px;
	display: contents;
}

.wp-block-button.is-style-primary a:after {
	content: url('/wp-content/themes/tuumakodit/img/btn_icon_dark.svg');
	width: 1.6em;
	height: 1.6em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--nv-light-bg);
	border-radius: 1.6em;
	margin-left: 1em;
	padding: 10px 5px 15px 5px;
}

.wp-block-button.is-style-primary.dark a:after,
.wp-block-button.is-style-primary.light a:after {
	content: url('/wp-content/themes/tuumakodit/img/btn_icon_white.svg');
	background-color: var(--nv-primary-accent);
}


@media (max-width: 1400px) {
	.wp-block-button.is-style-primary a {
		font-size: 1.2em;
	}
}

@media (max-width: 1200px) {
	.wp-block-button.is-style-primary a {
		font-size: 1em;
	}
}

.wp-block-button.is-style-primary.grid-btn {
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	max-width: 100%;
}

.wp-block-button.is-style-primary.grid-btn a {
	width: 100%;
	background-color: transparent;
	border-width: 0px;
	margin-bottom: 0px;
}

.wp-block-button.is-style-primary.grid-btn a:hover {
	color: #000000;
}

.wp-block-button.is-style-primary.grid-btn a:after {
    content: url(/wp-content/themes/tuumakodit/img/btn_icon_white.svg);
    background-color: var(--nv-primary-accent);
}



/* grid */
.wp-block-group-is-layout-grid {
	gap: 2em;
}



/* list */

ul.orange_list_style {
	padding-left: 0px;
	margin-left: 1em;
}

ul.orange_list_style li {
	list-style-image: url('/wp-content/themes/tuumakodit/img/arrow_submenu_orange.svg');
	padding-left: 0.5em;
}



/* Navigation */

.header .hfg-slot.center {
	width: 60vw;
	max-width: 1000px;
}

.header .hfg-slot.center > div {
	width: 100%;
}


:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li { width: 24%; border-bottom: 3px solid transparent; }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li > div > a { width: auto; }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li > div > .caret { margin-left: 0.5em!important; }




:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li ul {
	left: 0;
    min-width: 200%;
    right: auto;
    margin-top: 3px;
    background-color: #FDEBEC;
}

:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li > div > .caret {
	width: 1.2em;
	height: 1.2em;
	border-radius: 1.2em;
	background-color: #FDEBEC;
	display: flex;
	align-items: center;
	justify-content: center;
}

:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li > div > .caret img {
	width: 0.4em;
	height: 0.4em;
}

:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li ul li > div {
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li ul li > div a { min-height: 2.8em; }

:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li ul li div:before {
	content: url('/wp-content/themes/tuumakodit/img/arrow_submenu.svg');
	margin-right: 1em;
}


@media (max-width: 1300px) {
	.header .hfg-slot.center { width: 55vw; }
	:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li > div > a { font-size: 0.7em; }
	:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li > div > .caret { width: 1em; height: 1em; border-radius: 1em; }
}

@media (max-width: 1100px) {
	.header .hfg-slot.center { width: 50vw; }
	:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li > div > a { font-size: 0.7em; }
	:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li > div > .caret { width: 1em; height: 1em; border-radius: 1em; }
	:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li { width: auto; padding-left: 0.2em; padding-right: 0.2em; }
}





/* väreittäin */
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.blue { border-bottom: 3px solid var(--nv-primary-accent); }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li.blue ul { background-color: rgba(56, 70, 140, 0.3); }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.blue > div > .caret { background-color: rgba(56, 70, 140, 0.3);}

:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.red { border-bottom: 3px solid var(--nv-c-2); }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li.red ul { background-color: #FDEBEC; }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.red > div > .caret { background-color: #FDEBEC;}


:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.orange { border-bottom: 3px solid var(--nv-secondary-accent); }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li.orange ul { background-color: #FFF2D9; }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.orange > div > .caret { background-color: #FFF2D9;}


:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.yellow { border-bottom: 3px solid var(--nv-light-bg); }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) > li.yellow ul { background-color: #FFF2D9; }
:is(#nv-primary-navigation-main, #nv-primary-navigation-desktop-main) li.yellow > div > .caret { background-color: #FFF2D9;}


.hfg-slot.right .builder-item--button_base a {
	font-family: var(--h2fontfamily);
	text-transform: uppercase;
}

.builder-item--language_switcher a {
	white-space: nowrap;
}

@media (max-width: 1300px) {
	.hfg-slot.right .builder-item--button_base a {
		font-size: 1em;
	}
}



.nav-ul li:hover>.sub-menu {
    opacity: unset;
    visibility: unset;
}




/* Mobi header menu */

#header-menu-sidebar .container {
	padding: 0px;
}

#header-menu-sidebar .close-sidebar-panel {
	position: absolute;
	right: 5px;
	z-index: 1000;
	top: 1em;
	
}

#header-menu-sidebar .close-sidebar-panel > * { background-color: #FFAE0D; color: #1C2347; }

#header-menu-sidebar .close-sidebar-panel button {
	padding: 15px;
}

#header-menu-sidebar-inner > * {
	padding: 0px;
	margin: 0px;
	position: relative;
}

#header-menu-sidebar-inner .builder-item--logo_2 {
	padding: 1.5em 1em;
	margin: 0px;
	background-color: var(--nv-dark-bg);
}


#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li {
	font-family: var(--h2fontfamily);
	text-transform: uppercase;
	font-size: 2em;
	padding: 0px;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li > .wrap {
	padding: 15px;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li > ul.sub-menu {
	background-color: #ffffff;
	color: var(--nv-text-color);
	margin-left: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar)> li ul li > div {
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li ul li > div a { 
	min-height: 1.5em;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--bodyfontfamily); 
	padding: 0px;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li ul li div:before {
	content: url('/wp-content/themes/tuumakodit/img/arrow_submenu.svg');
	margin-right: 1em;
	min-height: 1.5em;
    font-size: 18px;
}


#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li .caret {
	width: 1.5em;
	height: 1.5em;
	border-radius: 1.2em;
	background-color: rgba(255,255,255,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) > li .caret img {
	width: 0.6em;
	height: 0.6em;
}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.blue { background-color: #38468C; }
#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.blue a { color: #ffffff; }

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.red { background-color: #E53C44; }
#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.red a {  }

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.orange { background-color: #FFAE0D; }
#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.orange a {}

#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.yellow {  }
#header-menu-sidebar :is(#nv-primary-navigation-sidebar, #nv-primary-navigation-mobile-sidebar) li.yellow a { }

.mobiili_pikalinkit {
	margin: 15px;
}

#header-menu-sidebar .mobile-left { /*height: 100%; */ }





/* väritausta */

.varitausta {
	padding: 5em;
}

@media (max-width: 1300px) {
	.varitausta {
		padding: 5em;
	}
}

@media (max-width: 900px) {
	.varitausta {
		padding: 4em;
	}
}

@media (max-width: 780px) {
	.varitausta {
		padding: 3em;
	}
}


.uutiskirjebanner p {
	padding-right: 30%;
}

@media (max-width: 1300px) {
	.uutiskirjebanner p {
		padding-right: 0%;
	}
}



/* footer */
.footer-nav-area {
	margin-left: 3em;
}

.footer-nav-group  {
	margin-bottom: 2em;
}

.footer-nav-group p {
	margin-bottom: 0px;
}

.target_blank_link a:after {
	content: url('/wp-content/themes/tuumakodit/img/open-external-link.svg');
	margin-left: 0.5em;
}

@media (max-width: 1300px) {
	.footer-main-inner .row {
		grid-template-columns: 1.5fr 1.5fr 1fr;
	}
}

footer #block-22 .wp-block-page-list a   {
	font-size: 18px;
}

footer p {
	font-size: 18px;
}


@media (max-width: 1200px) {
	.footer-nav-area {
		margin-left: 0em;
	}
}

@media (max-width: 960px) {
	.footer-nav-area > div {
		padding-left: 0em!important;
	}
}






/* ETUSIVU */

.home_hero_row  {
	gap: 3em;
	justify-content: space-between!important;
	margin-top: 6em;
	margin-bottom: 4em;
}


.home_hero_row > figure {
	max-width: 55%;
}

.home_hero_row > div {
	flex: 45%;
	max-width: 600px;
}

.home_hero_row > div .textcontent {
	padding: 3.5em 3em 3em 3em;
}

.home_hero_row > div .textcontent h5 {
	margin-bottom: 0px;
}

.home_hero_row > div .textcontent h5 a {
	color: var(--nv-secondary-accent);
	text-decoration: none;
}


.home_hero_row > div .wp-block-buttons {
	background-color: var(--nv-dark-bg);
	color: #ffffff;
	padding: 2.5em 3em;
}

.home_hero_row > div .wp-block-buttons .wp-block-button {
	display: block;
	width: 100%;
}

.home_hero_row > div .wp-block-buttons > div {
	background-color: var(--nv-dark-bg);
	color: #ffffff;
	border: 1px solid var(--nv-primary-accent);
	display: flex!important;
	padding: 1em;
	justify-content: space-between;
	border-radius: 5px;
}

.home_hero_row > div .wp-block-buttons > div a {
	background-color: var(--nv-dark-bg);
	color: #ffffff;
	margin-bottom: 0px;
	justify-content: start;
    gap: 0.1em;
}

.home_hero_row > div .wp-block-buttons > div a:before {
	display: none;
}


.home_hero_row > div .wp-block-buttons > div a:after {
	content: url('/wp-content/themes/tuumakodit/img/open-external-link.svg');
	margin-left: 0.2em;
    margin-top: -10px;
}

.home_hero_row > div .wp-block-buttons > div:after {
	content: url('/wp-content/themes/tuumakodit/img/btn_icon_white.svg');
	width: 1.6em;
	height: 1.6em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--nv-primary-accent);
	border-radius: 1.6em;
	margin-left: 1em;
	padding: 12px 5px 15px 5px;
}

@media (max-width: 1200px) {
	.home_hero_row {
		flex-wrap: wrap!important;
		margin-top: 2em;
	}

	.home_hero_row > figure {
		flex: 100%;
		max-width: 100%;
		margin: auto;
		display: block;
	}

	.home_hero_row > figure img {
		margin: auto;
		display: block;
		max-width: 80%;
	}

	.home_hero_row > div {
		flex: 100%;
		max-width: 100%;
	}
}

@media (max-width: 600px) { 
	.home_hero_row {
		margin-top: 2em;
		position: relative;
	
		margin-bottom: 0em;

		padding-left: 0px;
		padding-right: 0px;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	.home_hero_row > figure img {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.home_hero_row > div {
		border-radius: 0px!important;
	}

	.home_hero_row > div .textcontent {
		padding: 1.5em 1.5em 1.5em 1.5em;
	}

	.home_hero_row > div .wp-block-buttons {
		padding: 1.5em 1.5em;
	}
}

.home_float_img {
	position: relative;
	right: 0px;
	margin-left: auto;
	margin-top: -4em;
	z-index: 1000;
}


.home_float_img > img {
	right: 0px;
	margin-left: auto;
	display: block;
}

.after_float_img {
	position: relative;
	z-index: 1;
	margin-top: -3em;
}

@media (max-width: 780.99px) { 
	.home_float_img {
		margin-top: -4em;
	}
	
	.home_float_img > img {
		width: 50%;
	}
	
	.after_float_img {
		margin-top: -2em;
	}
}

@media (max-width: 600px) { 
	.wp-elements-2732c78ca4e8ec658fbddf4ffd704e78 {
		width: 100vw!important;
		max-width: 100vw!important;
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
	}	
}






/* news */


.etusivunews h5 {
	padding: 1em;
	display: block;
	font-size: 1.2em;
	font-weight: 500;
	margin-bottom: 0px;
}

.etusivunews h5 a, .etusivunews time a { 
	text-decoration: none;
	color: inherit;
}

.etusivunews .wp-block-post-date {
	padding-left: 1em;
}


@media (max-width: 1200px) { 
	.etusivunews > ul {
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}
}

@media (max-width: 700px) { 
	.etusivunews > ul {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
		gap: 0px;
	}

	.etusivunews h5 {
		padding: 0em;
	}
	
	.etusivunews .wp-block-post-date {
		padding-left: 0em;
	}

	.etusivunews figure {
		display: none;
	}

	.etusivunews li {
		border-bottom: 1px solid #E6E6E6;
		padding: 1em 0em;
	}
}





/* Sisäsivu */

.subpagearea {
	margin-top: 5em;
	margin-bottom: 5em;
}

.subpagearea.onlytitle {
	margin-bottom: 1em;
}

.subpagearea h3 {
	margin-top: 1.5em;
}

.subpagearea p {
	font-size: 1.3em;
	line-height: 1.42;
}

@media (max-width: 599.99px) {
	.subpagearea { flex-wrap: wrap!important; }
	.subpagearea > div figure.alignfull {
		margin-left: 0em;
        width: calc(100vw - 2em);
	}
	
	.subpagearea > div figure.alignfull > figcaption {
		  width: 100%;
		padding-left: 0em;
		padding-right: 0em;
	}

	.subpagearea > div {
		flex: 100%;
		max-width: 100%;
		padding-left: 0em;
		padding-right: 0em;
		order: 2;
		padding-top: 2em;
	  }

	.subpagearea > .wp-block-post-featured-image {
		flex: 100%;
		max-width: 100%;
		order: 1;
	}

	.subpagearea {
		margin-top: 2em;
		margin-bottom: 3em;
	}
}


@media (min-width: 600px) {
	.subpagearea > div figure.alignfull {
		margin-left: 0em;
        width: calc(100vw - 4em);
	}
	
	.subpagearea > div figure.alignfull > figcaption {
		  width: 60%;
		padding-left: 0em;
		padding-right: 1em;
	}

	.subpagearea > div {
		flex: 60%;
		max-width: 60%;
		padding-left: 0em;
		padding-right: 1em;
	  }

	.subpagearea > .wp-block-post-featured-image {
		flex: 40%;
		max-width: 40%;
	}
}


@media (min-width: 960px) {
	.subpagearea > div figure.alignfull {
		margin-left: -2em;
        width: calc(100vw - 4em);
	}
	
	.subpagearea > div figure.alignfull > figcaption {
		  width: 65%;
		padding-left: 2em;
		padding-right: 2em;
	}

	.subpagearea > div {
		flex: 65%;
		max-width: 65%;
		padding-left: 2em;
		padding-right: 2em;
	  }

	.subpagearea > .wp-block-post-featured-image {
		flex: 35%;
		max-width: 35%;
	}
}


@media (min-width: 1200px) {
	.subpagearea > div figure.alignfull {
		margin-left: -4em;
        width: calc(100vw - 4em);
	}
	
	.subpagearea > div figure.alignfull > figcaption {
		  width: 65%;
		padding-left: 4em;
		padding-right: 3em;
	}

	.subpagearea > div {
		flex: 65%;
		max-width: 65%;
		padding-left: 4em;
		padding-right: 3em;
	  }

	.subpagearea > .wp-block-post-featured-image {
		flex: 35%;
		max-width: 35%;
	}
}

  

@media (min-width: 1400px) {
	.subpagearea > div figure.alignfull {
		margin-left: -8em;
        width: calc(100vw - 4em);
	}
	
	.subpagearea > div figure.alignfull > figcaption {
		  width: 65%;
		padding-left: 8em;
		padding-right: 5em;
	}

	.subpagearea > div {
		flex: 65%;
		max-width: 65%;
		padding-left: 8em;
		padding-right: 5em;
	  }

	.subpagearea > .wp-block-post-featured-image {
		flex: 35%;
		max-width: 35%;
	}
}


@media (min-width: 1720px) {
	.subpagearea > div figure.alignfull {
		width: 1682px;
		max-width: 1682px;
		position: relative;
		margin-right: 0px;
		margin-left: -8em;
		  margin-top: 2em;
	}
	
	.subpagearea > div figure.alignfull > figcaption {
		width: 65%;
		padding-left: 8em;
		padding-right: 5em;
	}

	.subpagearea > div {
	  width: 65%;
	  padding-left: 8em;
	  padding-right: 5em;
	}
}


@media (max-width: 850px) {
	.subpagearea.yhteystiedot {
		flex-wrap: wrap;
	}
	.subpagearea.yhteystiedot > div {
        flex: 100%;
        max-width: 100%;
        padding-left: 0em;
		padding-right: 0em;
		margin-bottom: 2em;
    }
}

@media (max-width: 959px) {
	.subpagearea.has-background {
		padding: 1.5em;
	}
}

.subpagearea .lomake {
	padding-left: 0px;
	padding-right: 0px;
}


.subpagearea .lomake .nf-form-fields-required {
	display: none;
}



/* subpage hero */
.subpage_hero h1 {
	font-size: 4em;
}

@media (max-width: 1200px) {
	.subpage_hero > div > div {
		flex-wrap: wrap!important;
	}
	.subpage_hero > div > div > div {
		max-width: 100%;
		flex: 100%;
		flex-basis: 100%!important;
	}
}

@media (max-width: 981px) {
	.subpage_hero h1 {
		font-size: 3.2em;
	}
}

@media (max-width: 500px) {
	.subpage_hero h1 {
		font-size: 2.6em;
	}
}





.hero {
	padding: 5em;
}

@media (max-width: 1200px) {
	.hero {
		padding: 3em;
	}
}

@media (max-width: 700px) {
	.hero {
		padding: 2em;
	}
}

@media (max-width: 600px) {
	.hero {
		padding: 0em;
		padding-top: 2em;
	}
}





/* asukkaille */

.asukkaille_grid.pikalinkit {
	margin-bottom: 2em;
}

:is(.asukkaille_grid > .wp-block-group__inner-container, .asukkaille_grid.is-layout-grid) > div {
	padding-top: 3em;
    padding-right: 3em;
    padding-bottom: 3em;
    padding-left: 3em;
}

@media (max-width: 1200px) {
	:is(.asukkaille_grid > .wp-block-group__inner-container, .asukkaille_grid.is-layout-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}

	:is(.asukkaille_grid.pikalinkit > .wp-block-group__inner-container, .asukkaille_grid.pikalinkit.is-layout-grid) {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}
	
}

@media (max-width: 900px) {
	:is(.asukkaille_grid > .wp-block-group__inner-container, .asukkaille_grid.is-layout-grid) {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}

	:is(.asukkaille_grid > .wp-block-group__inner-container, .asukkaille_grid.is-layout-grid) > div {
		padding-top: 2em!important;
		padding-right: 2em!important;
		padding-bottom: 2em!important;
		padding-left: 2em!important;
	}
	
}

@media (max-width: 500px) {

	:is(.asukkaille_grid > .wp-block-group__inner-container, .asukkaille_grid.is-layout-grid) > div {
		padding-top: 1em!important;
		padding-right: 1em!important;
		padding-bottom: 1em!important;
		padding-left: 1em!important;
	}

	.asukkaille_grid .wp-block-button.is-style-primary.grid-btn a {
		padding-top: 0em!important;
		padding-right: 0em!important;
		padding-bottom: 0em!important;
		padding-left: 0em!important;
	}
	
}



/* faktalaatikot */

.faktalaatikot h2 {
	margin-bottom: 10px;
}
.faktalaatikot h6 {
	margin-bottom: 0px;
}

:is(.faktalaatikot > .wp-block-group__inner-container, .faktalaatikot.is-layout-grid) > div > div {
	padding: 3em 1em;
}

@media (max-width: 1200px) {
	:is(.faktalaatikot > .wp-block-group__inner-container, .faktalaatikot.is-layout-grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}
	
}

@media (max-width: 700px) {
	:is(.faktalaatikot > .wp-block-group__inner-container, .faktalaatikot.is-layout-grid) {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}
	
}



/* kuva ja teksti */

.kuvateksti_pari {

}

@media (max-width: 1500px) {

	:is(.kuvateksti_pari > .wp-block-group__inner-container, .kuvateksti_pari.is-layout-grid) > div {
		padding: 0px!important;
	}

	.kuvateksti_pari {
		margin-top: 5em;
		margin-bottom: 5em;
	}
	
}

@media (max-width: 800px) {
	:is(.kuvateksti_pari > .wp-block-group__inner-container, .kuvateksti_pari.is-layout-grid) {
		grid-template-columns: repeat(1, minmax(0, 1fr))!important;
	}

	:is(.kuvateksti_pari > .wp-block-group__inner-container, .kuvateksti_pari.is-layout-grid) > figure, :is(.kuvateksti_pari > .wp-block-group__inner-container, .kuvateksti_pari.is-layout-grid) > .img-col {
		order: 1;
	}

	:is(.kuvateksti_pari > .wp-block-group__inner-container, .kuvateksti_pari.is-layout-grid) > div.text-col {
		order: 2;
	}
	
}




/* pikalinkit */

.pikalinkit .wp-block-button {
	margin-right: 0px;
}

.pikalinkit .wp-block-button a {
	border-radius: 5px;
	border: 1px solid var(--nv-primary-accent);
	background-color: #ffffff;
	font-size: 1.1em;
}

.pikalinkit .wp-block-button.color a {
	border: 1px solid var(--nv-secondary-accent);
	background-color: var(--nv-secondary-accent);
}

.pikalinkit .wp-block-button:not(.color) a:after {
    content: url(/wp-content/themes/tuumakodit/img/btn_icon_white.svg);
    background-color: var(--nv-primary-accent);
}






.has-nv-light-bg-background-color .wp-block-button a:before {
    background-color: var(--nv-secondary-accent);
}

.has-custom-1-background-color .wp-block-button a:before {
    background-color: var(--nv-secondary-accent);
}



.submit-wrap .nf-field-element {
	display: flex;
	width: 100%!important;
	background-color: var(--nv-primary-accent)!important;
	color: #ffffff!important;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em 1em!important;
}

.submit-wrap input {
	width: 100%!important;
	background-color: var(--nv-primary-accent)!important;
	color: #ffffff!important;
	font-family: var(--h1fontfamily)!important;
	text-transform: uppercase!important;
	font-size: 1.3em!important;
	text-align: left!important;
	padding: 0em!important;
	line-height: 1!important;
	padding: 0px;
}

.submit-wrap .nf-field-element:after {
	content: url('/wp-content/themes/tuumakodit/img/btn_icon_dark.svg');
	width: 1.6em;
	height: 1.6em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--nv-light-bg);
	border-radius: 1.6em;
	margin-left: 1em;
	padding: 10px 5px 15px 5px;
}

.nf-form-content input[type=text], .nf-form-content input[type=tel], .nf-form-content input[type=email], .nf-form-content textarea {
	background: #ffffff!important;
}



/* uutiskirjelomake */
.uutiskirje label, .uutiskirje form div:not(.checkbox-row) input {
	display: block;
}

.uutiskirje div {
	margin: 1em 0em;
}

.uutiskirje label {
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

.uutiskirje div:not(.checkbox-row) input {
	width: 100%;
	border: 1px solid #BFBFBF;
	border-radius: 5px; 
}

.uutiskirje div.checkbox-row  {
	display: flex;
	justify-content: start;
	width: 100%;
	align-items: center;
}

.uutiskirje div.checkbox-row div {
	width: auto; margin-right: 1em;
}

.uutiskirje div.checkbox-row input {
	width: 30px;
    height: 30px;
	border: 1px solid #BFBFBF;
	border-radius: 5px;
}






/*muut */

@media (max-width: 980px) {
	:is(.grid_123 > .wp-block-group__inner-container, .grid_123.is-layout-grid)  {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


.narrow_mobile .wp-block-buttons>div.wp-block-button {
	margin-right: 0px; 
}



@media (max-width: 980px) {
	:is(.narrow_mobile > .wp-block-group__inner-container, .narrow_mobile.is-layout-grid)  {
		gap: 0.5em;
	}
	:is(.narrow_mobile > .wp-block-group__inner-container, .narrow_mobile.is-layout-grid) > div  {
		padding: 0.5em;
	}
}

@media (max-width: 1200px) {

	.area_fact {
		padding-right: 0em!important;
	}
}


.colorbox {
	padding: 6em 4em 4em 4em;
}

@media (max-width: 1200px) {

	.colorbox {
		padding: 5em 3em 3em 3em;
	}
}

@media (max-width: 980px) {

	.colorbox {
		padding: 3em 2em 2em 2em;
	}
}

@media (max-width: 500px) {

	.colorbox {
		padding: 2em 1em 1em 1em;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}