@font-face {
	font-family: Archivo;
	font-display: auto;
	src: url(../Fonts/archivo-v7-latin-regular.eot);
	src: url(../Fonts/archivo-v7-latin-regular.eot?#iefix) format("embedded-opentype"),url(../Fonts/archivo-v7-latin-regular.woff) format("woff"),url(../Fonts/archivo-v7-latin-regular.woff2) format("woff2"),url(../Fonts/archivo-v7-latin-regular.ttf) format("truetype"),url(../Fonts/archivo-v7-latin-regular.svg#Archivo) format("svg");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: Archivo;
	font-display: auto;
	src: url(../Fonts/archivo-v7-latin-500.eot);
	src: url(../Fonts/archivo-v7-latin-500.eot?#iefix) format("embedded-opentype"),url(../Fonts/archivo-v7-latin-500.woff) format("woff"),url(../Fonts/archivo-v7-latin-500.woff2) format("woff2"),url(../Fonts/archivo-v7-latin-500.ttf) format("truetype"),url(../Fonts/archivo-v7-latin-500.svg#Archivo) format("svg");
	font-style: normal;
	font-weight: 500
}

@font-face {
	font-family: Archivo;
	font-display: auto;
	src: url(../Fonts/archivo-v7-latin-600.eot);
	src: url(../Fonts/archivo-v7-latin-600.eot?#iefix) format("embedded-opentype"),url(../Fonts/archivo-v7-latin-600.woff) format("woff"),url(../Fonts/archivo-v7-latin-600.woff2) format("woff2"),url(../Fonts/archivo-v7-latin-600.ttf) format("truetype"),url(../Fonts/archivo-v7-latin-600.svg#Archivo) format("svg");
	font-style: normal;
	font-weight: 600
}

@font-face {
	font-family: Archivo;
	font-display: auto;
	src: url(../Fonts/archivo-v7-latin-700.eot);
	src: url(../Fonts/archivo-v7-latin-700.eot?#iefix) format("embedded-opentype"),url(../Fonts/archivo-v7-latin-700.woff) format("woff"),url(../Fonts/archivo-v7-latin-700.woff2) format("woff2"),url(../Fonts/archivo-v7-latin-700.ttf) format("truetype"),url(../Fonts/archivo-v7-latin-700.svg#Archivo) format("svg");
	font-style: normal;
	font-weight: 700
}

@font-face {
	font-family: "IBM Plex Sans";
	font-display: auto;
	src: url(../Fonts/ibm-plex-sans-v8-latin-300.eot);
	src: url(../Fonts/ibm-plex-sans-v8-latin-300.eot?#iefix) format("embedded-opentype"),url(../Fonts/ibm-plex-sans-v8-latin-300.woff) format("woff"),url(../Fonts/ibm-plex-sans-v8-latin-300.woff2) format("woff2"),url(../Fonts/ibm-plex-sans-v8-latin-300.ttf) format("truetype"),url(../Fonts/ibm-plex-sans-v8-latin-300.svg#IBM%20Plex%20Sans) format("svg");
	font-style: normal;
	font-weight: 300
}

@font-face {
	font-family: "IBM Plex Sans";
	font-display: auto;
	src: url(../Fonts/ibm-plex-sans-v8-latin-300italic.eot);
	src: url(../Fonts/ibm-plex-sans-v8-latin-300italic.eot?#iefix) format("embedded-opentype"),url(../Fonts/ibm-plex-sans-v8-latin-300italic.woff) format("woff"),url(../Fonts/ibm-plex-sans-v8-latin-300italic.woff2) format("woff2"),url(../Fonts/ibm-plex-sans-v8-latin-300italic.ttf) format("truetype"),url(../Fonts/ibm-plex-sans-v8-latin-300italic.svg#IBM%20Plex%20Sans) format("svg");
	font-style: italic;
	font-weight: 300
}

@font-face {
	font-family: "IBM Plex Sans";
	font-display: auto;
	src: url(../Fonts/ibm-plex-sans-v8-latin-regular.eot);
	src: url(../Fonts/ibm-plex-sans-v8-latin-regular.eot?#iefix) format("embedded-opentype"),url(../Fonts/ibm-plex-sans-v8-latin-regular.woff) format("woff"),url(../Fonts/ibm-plex-sans-v8-latin-regular.woff2) format("woff2"),url(../Fonts/ibm-plex-sans-v8-latin-regular.ttf) format("truetype"),url(../Fonts/ibm-plex-sans-v8-latin-regular.svg#IBM%20Plex%20Sans) format("svg");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: "IBM Plex Sans";
	font-display: auto;
	src: url(../Fonts/ibm-plex-sans-v8-latin-italic.eot);
	src: url(../Fonts/ibm-plex-sans-v8-latin-italic.eot?#iefix) format("embedded-opentype"),url(../Fonts/ibm-plex-sans-v8-latin-italic.woff) format("woff"),url(../Fonts/ibm-plex-sans-v8-latin-italic.woff2) format("woff2"),url(../Fonts/ibm-plex-sans-v8-latin-italic.ttf) format("truetype"),url(../Fonts/ibm-plex-sans-v8-latin-italic.svg#IBM%20Plex%20Sans) format("svg");
	font-style: italic;
	font-weight: 400
}

@font-face {
	font-family: "IBM Plex Sans";
	font-display: auto;
	src: url(../Fonts/ibm-plex-sans-v8-latin-700.eot);
	src: url(../Fonts/ibm-plex-sans-v8-latin-700.eot?#iefix) format("embedded-opentype"),url(../Fonts/ibm-plex-sans-v8-latin-700.woff) format("woff"),url(../Fonts/ibm-plex-sans-v8-latin-700.woff2) format("woff2"),url(../Fonts/ibm-plex-sans-v8-latin-700.ttf) format("truetype"),url(../Fonts/ibm-plex-sans-v8-latin-700.svg#IBM%20Plex%20Sans) format("svg");
	font-style: normal;
	font-weight: 700
}

@font-face {
	font-family: "IBM Plex Sans";
	font-display: auto;
	src: url(../Fonts/ibm-plex-sans-v8-latin-700italic.eot);
	src: url(../Fonts/ibm-plex-sans-v8-latin-700italic.eot?#iefix) format("embedded-opentype"),url(../Fonts/ibm-plex-sans-v8-latin-700italic.woff) format("woff"),url(../Fonts/ibm-plex-sans-v8-latin-700italic.woff2) format("woff2"),url(../Fonts/ibm-plex-sans-v8-latin-700italic.ttf) format("truetype"),url(../Fonts/ibm-plex-sans-v8-latin-700italic.svg#IBM%20Plex%20Sans) format("svg");
	font-style: italic;
	font-weight: 700
}

.content-width-limit {
	/*saavutettavuus: Rivit ovat enintään 80 merkkiä pitkiä.*/
	max-width: 650px;
}

sub, sup {
	vertical-align: baseline
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}

.block, .site, img {
	max-width: 100%
}

ol, ul {
	padding-left: 1.9rem
}

pre, textarea {
	overflow: auto
}

.back-to-top.has-light-bg svg, .top svg {
	fill: #262626
}

.hamburger, button, select {
	text-transform: none
}

.nav-toggle, body {
	-moz-osx-font-smoothing: grayscale
}

details, main {
	display: block
}

h1 {
	margin: .67em 0
}

code, kbd, pre, samp {
	font-size: 1em
}

a {
	background-color: transparent;
	/*yleinen linkki - väri*/
	/*color: #be8c0e;*/
	color: #b79800;
	text-decoration: none
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

.block-footer .footnotes a:hover, .block-footer .menu-items a:hover, .container a {
	text-decoration: underline
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none;
	-ms-interpolation-mode: bicubic;
	height: auto;
	vertical-align: middle
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button
}

	[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
		border-style: none;
		padding: 0
	}

	[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
		outline: ButtonText dotted 1px
	}

fieldset {
	padding: .35em .75em .625em
}

html {
	font-size: 62.5%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%
}

.breadcrumbs__title, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home abbr, .nav-toggle:not(.has-visible-label) .nav-toggle-label, .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 !important;
	width: 1px;
	word-wrap: normal !important
}

.block-footer .footnotes a:last-of-type, .block-footer .menu-items > li:last-child {
	margin-right: 0
}

.col, blockquote p, hr {
	overflow: visible
}

.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home abbr.skip-link, .breadcrumbs .skip-link.breadcrumbs__title, .nav-toggle:not(.has-visible-label) .skip-link.nav-toggle-label, .screen-reader-text.skip-link {
	margin: 5px
}

	.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home abbr.skip-link:focus, .breadcrumbs .skip-link.breadcrumbs__title:focus, .nav-toggle:not(.has-visible-label) .skip-link.nav-toggle-label:focus, .screen-reader-text.skip-link:focus {
		background: #fff;
		color: #4d4aff;
		outline: #4d4aff solid 2px
	}

.breadcrumbs .breadcrumbs__title:focus, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home abbr:focus, .nav-toggle:not(.has-visible-label) .nav-toggle-label:focus, .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 0;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 1.7rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

blockquote, hr {
	border: 0;
	margin: 0
}

.site {
	overflow: hidden
}

/*-- Saavutettavuus --*/
[data-whatinput=mouse] :focus, [data-whatinput=touch] :focus, [tabindex="-1"]:focus {
	outline: 0
}

[data-whatinput=keyboard] a:focus, [data-whatinput=keyboard] button:focus, [data-whatinput=keyboard] div[tabindex]:focus, [data-whatinput=keyboard] input:focus, [data-whatinput=keyboard] nav ul li a:focus, [data-whatinput=keyboard] select:focus, [data-whatinput=keyboard] textarea:focus {
	outline: #4d4aff solid 2px;
	color: #000;
	opacity: 1;
	z-index: 99
}

.no-js :focus {
	outline: #4d4aff solid 2px
}
/*-- Saavutettavuus: loppu --*/

.back-to-top:focus, .nav-toggle:focus {
	outline: 0
}

.block-footer .footnotes a, .container .cat a, .container .comments-link a, .container .tags a, .container a:focus, .container a:hover, .edit-link a {
	text-decoration: none
}

.block {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	position: relative;
	min-height: 100px;
	margin: 0 auto
}

.site {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.container {
	margin: 0 auto;
	max-width: 1800px;
	padding: 6.4rem 2rem;
	/*siirretty vain footerin käyttöön, koska muuten sisältö valuu yli oik. reunasta*/
	/*box-sizing: content-box;*/
}

.site-footer .container {
	box-sizing: content-box;
}

/*p:last-child {
	margin-bottom: 0
}*/

@media (max-width:1550px) {
	/*.container {
		padding-left: 2rem;
		padding-right: 2rem
	}*/
}

@media (max-width:770px) {
	.container {
		padding-top: 6rem;
		padding-bottom: 5rem
	}
}

.site-main .container {
	overflow: hidden;
	clear: both
}

@media (max-width:480px) {

	.hide-on-mobile {
		display: none !important
	}

	.block-footer .col-logo {
		text-align: center
	}

		.block-footer .col-logo svg {
			max-width: 180px;
			height: auto
		}
}

@media (max-width:980px) {
	.hide-on-mobile-nav-view {
		display: none !important
	}
}

@media (min-width:980px) {
	.hide-on-desktop-nav-view {
		display: none !important
	}
}

body {
	margin: 0;
	font-size: 17px;
	font-family: "IBM Plex Sans","Helvetica Neue",Helvetica,sans-serif;
	color: #262626;
	font-weight: 400;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

.block-footer .menu-items > li > a
.language-switcher select,
h1, h2, h3, h4, h5, h6 {
	font-family: Archivo,"Helvetica Neue",Helvetica,sans-serif
}

a:hover {
	color: #000
}

p {
	margin-top: 2.7rem;
	margin-bottom: 2.7rem
}
p.site-title {
	/* rebooscss -fix */
	margin-top: 0.8em;
	margin-bottom: 0.8em
}
/*h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
	margin-top: 0
}*/
h1:first-child {
	margin-top: 0
}

h1, h2, h3, h4, h5, h6 {
	color: #262626;
	margin-top: 2.7rem;
	margin-bottom: 2.0rem
}

h1, h2 {
	font-weight: 600;
}

h3, h4, h5, h6 {
	font-weight: 400;
}

code, kbd, pre, samp {
	font-family: Inconsolata,Menlo,Monaco,Consolas,"Andale Mono","Bitstream Vera Sans Mono","Courier New",monospace;
}

h2, h3, h4, h5, h6 {
	line-height: 1.34;
}

code, small {
	line-height: 1;
}

h1 {
	font-size: 30px;
}

@media screen and (min-width:320px) {

	h1 {
		font-size: calc(30px + 8 * ((100vw - 320px)/ 1600));
	}
}

@media screen and (min-width:1920px) {

	h1 {
		font-size: 38px;
	}
}

h2 {
	font-size: 18px;
}

@media screen and (min-width:320px) {
	h2 {
		font-size: calc(18px + 8 * ((100vw - 320px)/ 1600));
	}
}

@media screen and (min-width:1920px) {
	h2 {
		font-size: 26px;
	}
}

h3 {
	font-size: 16px;
}

@media screen and (min-width:320px) {
	h3 {
		font-size: calc(16px + 6 * ((100vw - 320px)/ 1600));
	}
}

@media screen and (min-width:1920px) {
	h3 {
		font-size: 22px;
	}
}

h4 {
	font-size: 14px;
}

@media screen and (min-width:320px) {
	h4 {
		font-size: calc(14px + 6 * ((100vw - 320px)/ 1600));
	}
}

@media screen and (min-width:1920px) {
	h4 {
		font-size: 20px;
	}
}

h5 {
	font-size: 12px;
}

@media screen and (min-width:320px) {
	h5 {
		font-size: calc(12px + 4 * ((100vw - 320px)/ 1600));
	}
}

@media screen and (min-width:1920px) {
	h5 {
		font-size: 16px;
	}
}

h6 {
	font-size: 11px;
}

@media screen and (min-width:320px) {
	h6 {
		font-size: calc(11px + 4 * ((100vw - 320px)/ 1600));
	}
}

@media screen and (min-width:1920px) {
	h6 {
		font-size: 13px;
	}
}

ul {
	list-style: disc
}

	ul li {
		padding-left: 0
	}

em, i {
	font-style: italic
}

small {
	font-size: .875em
}

figure {
	margin: 0 0 1rem
}

figcaption {
	font-style: normal;
	font-weight: 400
}

b, strong, th {
	font-weight: 700
}

hr {
	box-sizing: content-box;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 50%,#000 50%);
	background-repeat: repeat-x;
	background-size: 2px 2px;
	background-position: 0 50%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	height: 0
}

code {
	color: #c7254e;
	background-color: #f9f2f4;
	padding: .375rem .5rem;
	border-radius: .3rem;
	font-size: inherit
}

.nav-container:after {
	display: block;
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: linear-gradient(180deg,rgba(38,38,38,.03),transparent);
	z-index: 2
}

.site-header {
	position: relative;
	z-index: 15;
	padding-bottom: 2rem;
	padding-top: 2rem;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width:980px) {
	.site-header {
		padding-bottom: 1rem;
		padding-top: 1rem
	}
}

.site-branding {
	display: flex;
	align-items: center
}

.language-switcher {
	margin-left: 4rem
}

	.language-switcher select {
		padding: .8rem 1.2rem;
		min-width: 7rem;
		border: 0;
		background-color: #f5f2ec;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 16px;
		background-size: 3rem;
		background-position: right
	}

@media (max-width:770px) {
	.language-switcher select {
		font-size: 14px
	}
}

.site-title a {
	color: #b79800;
	display: flex;
	align-items: center;
	font-size: 3.4rem;
	position: relative;
	top: 0px;
}

	.site-title a:hover {
		text-decoration: none;
	}

@media (max-width:1300px) {
	.site-title a {
		font-size: 2.5rem;
	}
}

@media (max-width: 600px) {
	.site-title a {
		font-size: 2rem;
		/*top: 15px;*/
	}
}

.kustantajat-link {
	width: 160px;
	height: 35px;
	position: relative;
	right: -10px;
	font-weight: normal;
}

	.kustantajat-link svg {
		width: 160px;
		height: 35px;
	}

	.kustantajat-link span {
		position: absolute;
		right: 25px;
		bottom: -2px;
	}

@media (max-width:979px) {
	.kustantajat-link-mobile {
		display: block !important;
	}
}

.block-footer {
	background-color: #6d328f !important;
}

	.block-footer .cols {
		display: flex;
		justify-content: space-between;
		align-items: stretch
	}

@media (max-width:700px) {
	.block-footer .cols {
		flex-wrap: wrap
	}
}

.block-footer .col-logo {
	width: 100%;
	max-width: 12rem;
	margin-bottom: 5rem;
	margin-right: 5rem;
}

.block-footer .container {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

@media (min-width:700px) {

	.block-footer .col-logo {
		border-right: 1px solid #e8d2ab;
		padding-right: 6rem;
		margin-right: 5.5rem;
		margin-bottom: 0;
		box-sizing: content-box;
	}
}

.block-footer .footnotes {
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: space-between;
	padding-top: 5rem;
	padding-right: 5rem;
	flex-wrap: wrap;
}

	.block-footer .footnotes p {
		margin: 0;
		font-size: 17px
	}

@media (max-width:740px) {
	.block-footer .footnotes p {
		font-size: 16px;
	}
}

.block-footer .footnotes .social {
	display: flex
}

@media (max-width:960px) {
	.block-footer .footnotes .social {
		margin-top: 2rem
	}
}

.block-footer .footnotes p.copy,
.block-footer .footnotes p.policies {
	margin-bottom: 1rem;
}

	.block-footer .footnotes p.policies a {
		font-size: 1.5rem
	}

.block-footer .footnotes a {
	display: flex;
	align-items: baseline !important;
	color: #fff;
	margin-right: 2rem
}

	.block-footer .footnotes a:hover svg {
		color: #e8d2ab
	}

	.block-footer .footnotes a:after {
		filter: invert(100%)
	}

	.block-footer .footnotes a svg {
		height: 2.5rem;
		width: 2.5rem;
		-o-object-fit: contain;
		object-fit: contain;
		color: #be8c0e;
		padding-right: 1rem
	}

.button-wrapper {
	margin-bottom: 0
}

.content-area .button, .content-area button, .content-area input[type=button], .content-area input[type=reset], .content-area input[type=submit], .site-footer .button, .site-footer button, .site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit] {
	font-size: 16px;
	background: #394a54;
	color: #fff;
	border: 0;
	border-radius: 3px;
	width: auto;
	display: inline-block;
	margin-bottom: 0;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	transition: background 150ms linear;
	font-family: Archivo,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: 600;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 1.7rem 2.7rem
}

	.content-area .button.button-grey, .content-area button.button-grey, .content-area input[type=button].button-grey, .content-area input[type=reset].button-grey, .content-area input[type=submit].button-grey, .site-footer .button.button-grey, .site-footer button.button-grey, .site-footer input[type=button].button-grey, .site-footer input[type=reset].button-grey, .site-footer input[type=submit].button-grey {
		color: #262626;
		background: #f5f2ec
	}

		.content-area .button.button-grey:hover, .content-area button.button-grey:hover, .content-area input[type=button].button-grey:hover, .content-area input[type=reset].button-grey:hover, .content-area input[type=submit].button-grey:hover, .site-footer .button.button-grey:hover, .site-footer button.button-grey:hover, .site-footer input[type=button].button-grey:hover, .site-footer input[type=reset].button-grey:hover, .site-footer input[type=submit].button-grey:hover {
			background: #000
		}

	.content-area .button.button-ghost, .content-area button.button-ghost, .content-area input[type=button].button-ghost, .content-area input[type=reset].button-ghost, .content-area input[type=submit].button-ghost, .site-footer .button.button-ghost, .site-footer button.button-ghost, .site-footer input[type=button].button-ghost, .site-footer input[type=reset].button-ghost, .site-footer input[type=submit].button-ghost {
		background-color: transparent;
		border: 2px solid #f5f2ec;
		color: #262626
	}

	.content-area .button.button-light, .content-area button.button-light, .content-area input[type=button].button-light, .content-area input[type=reset].button-light, .content-area input[type=submit].button-light, .site-footer .button.button-light, .site-footer button.button-light, .site-footer input[type=button].button-light, .site-footer input[type=reset].button-light, .site-footer input[type=submit].button-light {
		background-color: #fff;
		border: 2px solid #f5f2ec;
		color: #262626
	}

	.content-area .button.button-small, .content-area button.button-small, .content-area input[type=button].button-small, .content-area input[type=reset].button-small, .content-area input[type=submit].button-small, .site-footer .button.button-small, .site-footer button.button-small, .site-footer input[type=button].button-small, .site-footer input[type=reset].button-small, .site-footer input[type=submit].button-small {
		font-size: 16px;
		padding: 12px 25px
	}

	.content-area .button.button-medium, .content-area button.button-medium, .content-area input[type=button].button-medium, .content-area input[type=reset].button-medium, .content-area input[type=submit].button-medium, .site-footer .button.button-medium, .site-footer button.button-medium, .site-footer input[type=button].button-medium, .site-footer input[type=reset].button-medium, .site-footer input[type=submit].button-medium {
		font-size: 17px;
		padding: 19px 40px
	}

	.content-area .button.button-large, .content-area button.button-large, .content-area input[type=button].button-large, .content-area input[type=reset].button-large, .content-area input[type=submit].button-large, .site-footer .button.button-large, .site-footer button.button-large, .site-footer input[type=button].button-large, .site-footer input[type=reset].button-large, .site-footer input[type=submit].button-large {
		font-size: 18px;
		padding: 1.9rem 3rem
	}

	.content-area .button.button-action, .content-area button.button-action, .content-area input[type=button].button-action, .content-area input[type=reset].button-action, .content-area input[type=submit].button-action, .site-footer .button.button-action, .site-footer button.button-action, .site-footer input[type=button].button-action, .site-footer input[type=reset].button-action, .site-footer input[type=submit].button-action {
		font-size: 16px;
		padding: 14px 25px
	}

	.content-area .button:focus, .content-area .button:hover, .content-area button:focus, .content-area button:hover, .content-area input[type=button]:focus, .content-area input[type=button]:hover, .content-area input[type=reset]:focus, .content-area input[type=reset]:hover, .content-area input[type=submit]:focus, .content-area input[type=submit]:hover, .site-footer .button:focus, .site-footer .button:hover, .site-footer button:focus, .site-footer button:hover, .site-footer input[type=button]:focus, .site-footer input[type=button]:hover, .site-footer input[type=reset]:focus, .site-footer input[type=reset]:hover, .site-footer input[type=submit]:focus, .site-footer input[type=submit]:hover {
		color: #fff;
		background: #727272;
		border-color: #727272
	}

@media (max-width:480px) {
	.content-area .button, .content-area button, .content-area input[type=button], .content-area input[type=reset], .content-area input[type=submit], .site-footer .button, .site-footer button, .site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit] {
		font-size: 14px
	}
}

select {
	border-radius: 0;
	background-image: url(/img/select.svg);
	background-repeat: no-repeat;
	background-position: right 17px center;
	background-size: 11px auto;
	transition: none;
	width: 100%;
	min-width: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	border: 2px solid #262626;
	padding: 11px 28px 11px 10px;
	line-height: 1
}

	select::-ms-expand {
		display: none
	}

	select:focus, select:hover {
		border-color: #222
	}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td, th {
	font-family: "IBM Plex Sans","Helvetica Neue",Helvetica,sans-serif;
	height: 3rem;
	padding: 1rem
}

/*taulukoiden responsiivisuuskikka poistettu käytöstä*/
/*@media (max-width:600px) {

	td, th {
		width: 100%;
		display: inline-block;
		height: auto;
		padding: 10px 0;
		text-align: center
	}
}*/

.site-footer .container {
	position: relative
}

.back-to-top, .top svg {
	margin: 0;
	display: flex
}

.back-to-top {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	text-decoration: none;
	opacity: 0;
	transition: opacity .22s,visibility .22s;
	z-index: 9999;
	align-items: center;
	justify-content: center
}

	.back-to-top.has-dark-bg svg {
		fill: #fff
	}

	.back-to-top.fade-out, .back-to-top.is-visible, .no-touch .back-to-top:hover {
		transition: opacity .22s,visibility
	}

		.back-to-top.fade-out, .back-to-top.fade-out:hover, .back-to-top.is-visible, .no-touch .back-to-top:hover {
			opacity: 1
		}

.top {
	background: 0 0;
	padding: 16px
}

	.top svg {
		opacity: .8;
		transition: .3s;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px
	}

	.top:active svg, .top:focus svg, .top:hover svg {
		transform: translateY(-.5rem)
	}

.breadcrumbs .breadcrumbs__crumb--empty-label, .breadcrumbs .breadcrumbs__crumb--empty-label + .breadcrumbs__crumb::before, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb .breadcrumbs__title, .breadcrumbs .breadcrumbs__trail li.breadcrumbs__crumb--term, .breadcrumbs .breadcrumbs__trail li.breadcrumbs__crumb.breadcrumbs__crumb--empty-label, .breadcrumbs .breadcrumbs__trail li.breadcrumbs__crumb.breadcrumbs__crumb--empty-label + .breadcrumbs__crumb::before {
	display: none
}

.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb:before, .breadcrumbs h2:after {
	text-indent: -9999px;
	text-align: start;
	font-size: 14px;
	color: #393939;
	height: 10px;
	width: 10px;
	background-image: url(/img/breadcrumbs-arrow.svg);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: inherit;
	content: ' ';
	position: relative;
	text-decoration: none;
	-ms-grid-row-align: center;
	align-self: center
}

.block.block-hero-breadcrumb {
	padding-bottom: 0;
	background-color: #6d328f;
	min-height: 0
}

	.block.block-hero-breadcrumb > .container {
		padding-top: 2rem;
		padding-bottom: 2rem;
		/*padding-left: 0px;*/
	}

@media (max-width:650px) {
	.block.block-hero-breadcrumb > .container {
		padding-top: 2rem;
		padding-bottom: 2rem
	}
}

.breadcrumbs {
	background: 0 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	line-height: 1;
	top: 104px;
	z-index: 100;
	border-bottom: 0
}

@media (min-width:900px) {
	.breadcrumbs, .breadcrumbs * {
		white-space: nowrap
	}
}

.breadcrumbs h2 {
	display: inline;
	margin-right: 0;
	position: relative
}

@media (max-width:480px) {
	.top svg {
		width: 15px;
		height: 15px
	}

	.breadcrumbs h2 {
		position: relative;
		top: 1px
	}
}

.breadcrumbs h2:after {
	overflow: hidden;
	display: inline-flex;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px
}

.breadcrumbs a, .breadcrumbs h2, .breadcrumbs p, .breadcrumbs span {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	font-family: Archivo,"Helvetica Neue",Helvetica,sans-serif
}

@media (max-width:600px) {
	.breadcrumbs a, .breadcrumbs h2, .breadcrumbs p, .breadcrumbs span {
		/*		font-size: 1.3rem*/
	}
}

.breadcrumbs .breadcrumbs__trail {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;
	overflow: visible;
	line-height: 1.22;
	margin-top: 0;
	padding: 0;
	text-align: left
}

	.breadcrumbs .breadcrumbs__trail li {
		text-align: left;
		background: 0 0;
		margin-bottom: 0;
		margin-top: 0;
		display: inline-block;
		padding-top: 0;
		padding-left: 5px;
		line-height: 1;
		position: relative;
		margin-right: 0;
		opacity: 1;
		font-weight: 400;
		transition: .22s
	}

		.breadcrumbs .breadcrumbs__trail li:hover {
			opacity: .6
		}

		.breadcrumbs .breadcrumbs__trail li:last-child, .breadcrumbs .breadcrumbs__trail li:last-child::before {
			opacity: 1
		}

			.breadcrumbs .breadcrumbs__trail li:last-child * {
				font-weight: 600
			}

	.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb {
		margin-right: 0;
		margin-left: 0;
		padding-left: 0
	}

	.breadcrumbs .breadcrumbs__trail li span {
		margin-right: 12px
	}

	.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb:before {
		overflow: hidden;
		display: inline-flex;
		padding: 0;
		/*margin-left: 12px;*/
		margin-right: 10px
	}

	.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home:after, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home:before, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--post-term:last-child:after, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--post-type:last-child:after, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--post:last-child:after, .breadcrumbs .breadcrumbs__trail li:nth-child(2):after, .breadcrumbs .breadcrumbs__trail:last-of-type:after, .no-js .nav-toggle {
		display: none
	}

	.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home {
		padding-left: 0
	}

		.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--home a > span {
			padding: 0;
			font-size: 20px;
		}

	.breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--post-term:before, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--post-type:before, .breadcrumbs .breadcrumbs__trail .breadcrumbs__crumb--post:before {
		left: 0
	}

	.breadcrumbs .breadcrumbs__trail a {
		color: #262626;
		text-decoration: none
	}

		.breadcrumbs .breadcrumbs__trail a:hover {
			color: #262626
		}

.nav-primary .menu-items {
	position: relative;
	z-index: 9999
}

	.nav-primary .menu-items li, .nav-primary .menu-items ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		line-height: normal;
		direction: ltr;
		text-align: left;
		-webkit-tap-highlight-color: transparent
	}

	.nav-primary .menu-items a, .nav-primary .menu-items li {
		position: relative;
	}

		.nav-primary .menu-items .current-menu-item > a,
		.nav-primary .menu-items .current-menu-parent > a,
		.nav-primary .menu-items a:active,
		.nav-primary .menu-items a:focus,
		.nav-primary .menu-items a:hover {
			color: #b79800;
		}

	.nav-primary .menu-items .disabled {
		cursor: not-allowed
	}

	.nav-primary .menu-items li > h1, .nav-primary .menu-items li > h2, .nav-primary .menu-items li > h3, .nav-primary .menu-items li > h4, .nav-primary .menu-items li > h5, .nav-primary .menu-items li > h6 {
		margin: 0;
		padding: 0
	}

.nav-primary ul ul {
	margin-top: 0;
	margin-left: 25px
}

	.nav-primary ul ul ul {
		margin-left: 25px
	}

@media only screen and (max-width:980px) {
	.js .nav-primary .menu-items ul {
		display: none
	}

	/*-- Submenu --*/
	.js .nav-primary ul .sub-menu.toggled-on {
		display: block
	}
	/*-- Submenu: loppu --*/
}

/*-- Submenu --*/
.dropdown-toggle.toggled-on:after, .dropdown-toggle:after {
	font-size: 1.3rem
}

.dropdown-toggle:after {
	display: none;
}
/*-- Submenu: loppu --*/

@media only screen and (min-width:980px) and (max-width:980px) {
	.nav-primary ul li:hover > ul {
		display: block
	}
}

@media only screen and (min-width:980px) and (-ms-high-contrast:active),only screen and (min-width:980px) and (-ms-high-contrast:none) {
	.nav-primary ul li:hover > ul {
		display: block
	}
}

.nav-upper ul {
	margin-top: 0;
	margin-bottom: 10px;
}

	.nav-upper ul li {
		margin-top: 0;
		margin-bottom: 0;
	}

@media only screen and (min-width:980px) {

	/*-- Submenu --*/
	.menu-item-has-children::before {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-color: transparent transparent #fff;
		border-style: solid;
		border-width: 0 5px 5px;
		left: 50%;
		bottom: -10px;
		transform: scale(0);
		margin-left: -20px;
		transform-origin: center bottom;
		transition: none
	}

	.nav-primary > ul:first-of-type > .menu-item-has-children:hover::before {
		transform: scale(1);
		transition: .25s cubic-bezier(.19,1,.22,1)
	}

	.nav-container .sub-menu {
		background: #fff;
		width: 22rem;
		left: 0;
		z-index: -1;
		box-shadow: 0 25px 20px -10px rgba(5,4,25,.05);
		transition: opacity .25s cubic-bezier(.19,1,.22,1);
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: -9999px;
		border-radius: 4px
	}

		.nav-container .sub-menu a {
			line-height: 1.5;
			font-size: 16px;
		}

	.menu-item-has-children.hover-intent > .sub-menu, .menu-item-has-children:focus > .sub-menu, .menu-item-has-children:hover > .sub-menu, .nav-primary ul .sub-menu.toggled-on {
		top: 100%;
		visibility: visible;
		opacity: 1;
		z-index: 1;
		transform: translateY(0)
	}
	/*-- Submenu: loppu --*/

	.nav-container {
		background: #fff
	}

	.nav-primary .menu-item, .nav-primary .menu-items {
		position: relative;
		margin: 0
	}

		.nav-primary .menu-item > a, .nav-upper .menu-items .menu-item > a {
			padding: .6rem 2rem;
			font-weight: 400;
			font-family: Archivo,"Helvetica Neue",Helvetica,sans-serif
		}

	.nav-toggle {
		display: none
	}

	.nav-upper .menu-items {
		display: flex;
		justify-content: flex-end;
		list-style: none
	}

		.nav-upper .menu-items .menu-item > a {
			margin: 0;
			color: #727272;
			font-size: 16px;
		}

			.nav-upper .menu-items .menu-item > a:hover {
				color: #b79800;
			}

	.nav-primary {
		padding-top: 0;
		padding-bottom: 0
	}

		.nav-primary .menu-items {
			padding: 0;
			background: 0 0;
			display: flex;
			align-items: center
		}

		.nav-primary .menu-item > a {
			color: #262626;
			font-size: 2rem;
			display: inline-flex;
			align-items: center;
			min-height: auto
		}

		.nav-primary .menu-item .sub-menu, .nav-primary .menu-item .sub-menu.sub-menu {
			padding-left: 0;
			padding-top: .5rem;
			padding-bottom: .5rem
		}

		.nav-primary .menu-item > a.disabled {
			color: #bbb
		}

		.nav-primary .menu-item > a.current, .nav-primary .menu-item > a.highlighted, .nav-primary .menu-item > a:active, .nav-primary .menu-item > a:focus, .nav-primary .menu-item > a:hover {
			color: #b79800;
		}

		.nav-primary .menu-item .sub-menu {
			width: 22rem;
			left: 5%;
			margin-left: 0;
			margin-top: 1rem;
			z-index: 999
		}

			.nav-primary .menu-item .sub-menu.sub-menu li {
				margin: 0
			}

			.nav-primary .menu-item .sub-menu li {
				float: none;
				width: 22rem;
				padding: 0
			}

			.nav-primary .menu-item .sub-menu .sub-menu {
				top: 0;
				left: 100%;
				margin-left: 0;
				margin-top: -5px
			}

			.nav-primary .menu-item .sub-menu a {
				padding: .4rem 1.5rem;
				font-size: 1.6rem;
				font-weight: 400;
				color: #262626;
				display: flex;
				align-items: center
			}

				.nav-primary .menu-item .sub-menu a.highlighted, .nav-primary .menu-item .sub-menu a:active, .nav-primary .menu-item .sub-menu a:focus, .nav-primary .menu-item .sub-menu a:hover {
					color: #b79800;
				}

			.nav-primary .menu-item .sub-menu .disabled {
				background: #fff;
				color: #ccc
			}

		/*-- Submenu --*/
		.nav-primary .menu-item ul li .dropdown-toggle {
			background-color: transparent;
			border: none;
			border-radius: 0;
			color: #b79800;
			height: auto;
			width: 3rem;
			flex-shrink: 0;
			-ms-grid-row-align: center;
			align-self: center
		}

			.nav-primary .menu-item ul li .dropdown-toggle svg {
				transform: rotate(-90deg) rotateX(0);
				width: 1rem;
				height: 1rem
			}

			.nav-primary .menu-item ul li .dropdown-toggle.toggled-on svg {
				transform: rotate(-90deg) rotateX(180deg)
			}

		.nav-primary .menu-item button.dropdown-toggle {
			background-color: transparent;
			border: none;
			border-radius: 50%;
			color: #b79800;
			height: auto;
			width: 3rem;
			padding: 0;
			display: inline-flex;
			align-items: center;
			justify-content: center
		}

			.nav-primary .menu-item button.dropdown-toggle svg {
				transition: transform .22s ease-in;
				width: 1rem;
				height: 1rem
			}

			.nav-primary .menu-item button.dropdown-toggle.toggled-on svg {
				transform: rotateX(180deg)
			}

		.nav-primary .menu-item > li > ul:after {
			content: '';
			position: absolute;
			width: 0;
			height: 0;
			overflow: hidden;
			border-style: dashed dashed solid;
			top: -16px;
			left: 31px;
			border-width: 8px;
			border-color: transparent transparent #fff
		}

		.nav-primary .menu-item.menu-item-has-children {
			margin-right: .8rem;
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center
		}

			.nav-primary .menu-item.menu-item-has-children:after {
				display: block;
				position: absolute;
				content: '';
				height: 1rem;
				width: 100%;
				top: 100%
			}

			.nav-primary .menu-item.menu-item-has-children > a {
				padding-right: 1.5rem
			}

		.nav-primary .sub-menu .menu-item-has-children:after {
			display: none
		}
	/*-- Submenu: loppu --*/
}

@media only screen and (min-width:980px) and (max-width:1100px) {
	.nav-primary .menu-item > a {
		font-size: 16px;
	}
}

.hamburger {
	padding: 4rem 1.5rem;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity,filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible
}

.block-search-results .tags li a:hover, .nav-toggle.is-active span.focus .hamburger-box .hamburger-inner, .nav-toggle.is-active span.focus .hamburger-box .hamburger-inner:after, .nav-toggle.is-active span.hamburger-box .hamburger-inner, .nav-toggle.is-active span.hamburger-box .hamburger-inner:after, .nav-toggle.is-active span:focus .hamburger-box .hamburger-inner, .nav-toggle.is-active span:focus .hamburger-box .hamburger-inner:after, .nav-toggle:focus span span, .nav-toggle:focus span span:after, .nav-toggle:focus span span:before {
	background-color: #b79800;
}

.hamburger.is-active:hover, .hamburger:hover {
	opacity: .8
}

.hamburger-box {
	width: 3rem;
	height: 1.6rem;
	display: inline-block;
	position: relative
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -.1rem
}

	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
		width: 3rem;
		height: .2rem;
		background-color: #b79800;
		border-radius: 0;
		position: absolute;
		transition-property: transform;
		transition-duration: .15s;
		transition-timing-function: ease
	}

		.hamburger-inner::after, .hamburger-inner::before {
			content: "";
			display: block
		}

		.hamburger-inner::before {
			top: -.7rem
		}

		.hamburger-inner::after {
			bottom: -.7rem
		}

.hamburger .hamburger-inner {
	top: auto;
	transition-duration: .13s;
	transition-delay: .13s;
	transition-timing-function: cubic-bezier(.55,.055,.675,.19);
	bottom: 0
}

	.hamburger .hamburger-inner::after {
		top: -1.4rem;
		transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
	}

	.hamburger .hamburger-inner::before {
		transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
	}

.is-active.hamburger .hamburger-inner {
	transform: translate3d(0,-.7rem,0) rotate(-45deg);
	transition-delay: .22s;
	transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

	.is-active.hamburger .hamburger-inner::after {
		top: 0;
		opacity: 0;
		transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
	}

	.is-active.hamburger .hamburger-inner::before {
		top: 0;
		transform: rotate(-90deg);
		transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
	}

@media (max-width:980px) {
	.no-js .main-navigation-wrapper, .no-js .nav-container, .no-js .nav-toggle, .no-js .search-wrapper, .no-js .site-header {
		height: 80px !important
	}

	.no-js > div:first-of-type {
		display: none !important
	}
}

@media screen and (max-width:979px) {

	.main-navigation-wrapper {
		order: 6;
		z-index: 999;
	}

	.no-js .site-header {
		position: static;
		background: #fff
	}

	.disable-scroll, .js .js-nav-active {
		overflow: hidden
	}

		.js .js-nav-active .nav-primary {
			visibility: visible;
			opacity: 1;
			pointer-events: all;
			background: #fff
		}

			.js .js-nav-active .nav-primary .menu-items {
				opacity: 1
			}

	.js .nav-primary {
		position: fixed;
		z-index: 5;
		top: 80px;
		left: 0
	}

		.js .nav-primary .menu-items {
			padding: 5px 0 20px
		}

	.nav-primary {
		height: 100vh;
		width: 100vw;
		overflow: auto;
		transition: .22s ease-in-out;
		margin: 0;
		display: block;
		will-change: opacity;
		visibility: hidden;
		opacity: 0;
		pointer-events: none
	}

		.nav-primary .menu-items {
			opacity: 0;
			margin: 0;
			width: 100%;
			float: none;
			padding: 2rem 0;
			outline: 0
		}

			.nav-primary .menu-items li:first-child a {
				border-top: 0
			}

			.nav-primary .menu-items li > ul > li:last-child .main-title {
				padding-bottom: 20px
			}

			.nav-primary .menu-items li > ul > li:last-child a {
				border-bottom: 0
			}

			.nav-primary .menu-items a {
				border-top: 1px solid #f4f4f4;
				margin-left: 2rem;
				margin-right: 2rem;
				color: #262626;
				font-size: 15px;
				font-weight: 500;
				line-height: 1.7rem;
				text-decoration: none;
				position: relative;
				z-index: 0;
				display: block;
				outline: 0;
				padding: 1.2rem 5.8rem 1.2rem 0
			}

				.nav-primary .menu-items a:focus {
					outline: 0
				}

				.nav-primary .menu-items a.has-submenu {
					width: 80%;
					position: static
				}

			.nav-primary .menu-items .disabled {
				color: #bbb
			}

			.nav-primary .menu-items .dropdown-toggle {
				position: absolute;
				top: 0;
				left: auto;
				right: 10px;
				width: 12px;
				height: 7px;
				overflow: hidden;
				background: url(/imgs/mobile-nav-arrow-down.svg) center/12px 7px no-repeat;
				border: 0;
				padding: 20px;
				z-index: 9999;
				transition: .22s;
				transform: rotate(0)
			}

				.nav-primary .menu-items .dropdown-toggle:focus {
					z-index: 10000
				}

				.nav-primary .menu-items .dropdown-toggle svg {
					display: none
				}

				.nav-primary .menu-items .dropdown-toggle.toggled-on {
					background-color: transparent;
					transform: rotate(-180deg);
					cursor: pointer
				}

			.nav-primary .menu-items ul {
				background: 0 0;
				margin-left: 0;
				padding: 0
			}

				.nav-primary .menu-items ul a {
					font-size: 1.4rem
				}

				.nav-primary .menu-items ul > li {
					padding-left: 1.5rem
				}

					.nav-primary .menu-items ul > li ul {
						margin-left: -1.5rem
					}

						.nav-primary .menu-items ul > li ul li {
							padding-left: 3rem
						}

							.nav-primary .menu-items ul > li ul li ul {
								margin-left: -3rem
							}

								.nav-primary .menu-items ul > li ul li ul li {
									padding-left: 4.5rem
								}
}

.nav-toggle {
	overflow: visible;
	display: none;
	font-weight: 700;
	list-style: none;
	z-index: 100000;
	-webkit-tap-highlight-color: transparent;
	border: 0;
	color: #b79800;
	-webkit-font-smoothing: antialiased;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	padding: 2rem;
	margin: 0 -2rem 0 0;
	background: 0 0;
	cursor: pointer;
	position: relative;
	top: 0
}

	.nav-toggle:not(.toggled-on) .hamburger-inner {
		width: 18px;
		transition: width .22s
	}

	.nav-toggle.is-active .hamburger-inner, .nav-toggle:hover .hamburger-inner {
		width: 3rem
	}

	.nav-toggle span {
		color: #b79800;
		font-size: 1.2em
	}

	.nav-toggle:active, .nav-toggle:active span, .nav-toggle:hover, .nav-toggle:hover span {
		color: #b79800;
	}

@media (max-width:979px) {
	.nav-toggle {
		display: block
	}

		.nav-toggle.has-visible-label {
			display: flex;
			align-items: center
		}

			.nav-toggle.has-visible-label .nav-toggle-label {
				font-size: 16px
			}

			.nav-toggle.has-visible-label .hamburger-box {
				margin-right: 2rem
			}
}

.nav-toggle.is-active {
	color: #b79800;
}

	.nav-toggle.is-active span, .nav-toggle.is-active span:active, .nav-toggle.is-active span:active span, .nav-toggle.is-active span:focus, .nav-toggle.is-active span:focus span, .nav-toggle.is-active span:hover, .nav-toggle.is-active span:hover span {
		color: #b79800;
	}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
	color: #b79800;
	background: #b79800;
}

/*Käytössä olevasta bootstrapin versiosta puuttuu col-xxl. Toteutettu kustomina vain tarvittava osuus.*/
/*--*/
.col-xxl-6-custom {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	/*background: blue;*/
}

@media (min-width: 1500px) {
	.col-xxl-6-custom {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		/*background: pink;*/
	}
}
/*--*/
#selectionContainer {
	display: flex;
	margin: 0 auto;
	width: 80%;
}

.selectReportClass {
	flex: 1;
	border: 5px solid;
	text-align: center;
	margin: 0 5rem 2rem 0;
	padding: 0px;
	padding-bottom: 2%;
}

#reportSelectionHeader {
	margin-left: 10%;
	font-size: 35px;
}

.reportSelectionSpan {
	display: block;
	background-color: green;
	height: 50px;
	width: 30rem;
	margin: 0 auto;
	border-radius: 25px;
	color: white;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	font-size: 20px;
}

.reportSelectionText {
	margin: 1rem;
	display: inline-block;
}

.reportSelectionImage {
	margin-bottom: 2rem;
	height: 150px;
}

#selectionContainer > :first-child a {
	background-color: #000;
}

#selectionContainer > :nth-child(2) a {
	background-color: #b79800;
}

#selectionContainer > :nth-child(3) a {
	background-color: #6d328f;
}

#reportClassSelectid3 {
	border-color: #6d328f;
}

#reportClassSelectid2 {
	border-color: #b79800;
}

#reportClassSelectid1 {
	border-color: #000;
}

#content_main + h2 {
	margin-left: 10%;
	font-size: 35px;
	margin-bottom: 5rem;
}

.reportSelectionSpan:hover {
	color: #fff;
}

@media (max-width: 1150px) {
	#selectionContainer {
		flex-direction: column;
		width: 70%;
	}

	.selectReportClass {
		width: 70%;
	}
}

@media (max-width: 250px) {
	.reportSelectionImage {
		height: initial;
	}
}

@media (max-width: 630px) {
	.reportSelectionSpan {
		width: 100%;
		font-size: 5vw;
		word-break: break-all;
	}

	.reportSelectionImage {
		margin-bottom: 0px;
		/*		height: initial;*/
	}

	.selectReportClass {
		padding: 0px;
	}

	#content_main + h2 {
		font-size: 9vw;
		margin-bottom: 1rem;
		margin-left: 10vw;
	}
}

@media (max-width: 1200px) {
	.selectReportClass {
		padding: 0px;
		padding-bottom: 5%;
	}
}

#BreadCrumbItemLoginText {
	font-weight: 600;
}

/* Näytetään sivun sisältö, kun initoinnit ja modaukset valmiina */
.fadein-on-page-ready {
	display: none;
}