/*! trahteeri - 20.03.2019 10:03 - Mikko Siikaniemi <mikko@mikrogramma.fi> (https://mikrogramma.fi/) */


/*! ----------------------------------------------------------------------------
Theme Name: Koskenkorvan Trahteeri
Theme URI: https://mikrogramma.fi
Author: Mikko Siikaniemi / Mikrogramma Design
Author URI: https://mikrogramma.fi
Description: Handmade WordPress theme for Koskenkorvan Trahteeri.
Version: 2018
Text Domain: mikrogramma
---------------------------------------------------------------------------- */


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {margin: 0; } article,aside,footer,header,nav,section {display: block; } h1 {font-size: 2em; margin: .67em 0; } figcaption,figure,main {display: block; } figure {margin: 1em 40px; } hr {-webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre {font-family: monospace,monospace; font-size: 1em; } a {background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b,strong {font-weight: inherit; } b,strong {font-weight: bolder; } code,kbd,samp {font-family: monospace,monospace; font-size: 1em; } dfn {font-style: italic; } mark {background-color: #ff0; color: #000; } small {font-size: 80%; } sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub {bottom: -.25em; } sup {top: -.5em; } audio,video {display: inline-block; } audio:not([controls]) {display: none; height: 0; } img {border-style: none; } svg:not(:root) {overflow: hidden; } button,input,optgroup,select,textarea {font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,input {overflow: visible; } button,select {text-transform: none; } [type=reset],[type=submit],button,html [type=button] {-webkit-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: 1px dotted ButtonText; } fieldset {padding: .35em .75em .625em; } legend {-webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {display: inline-block; vertical-align: baseline; } textarea {overflow: auto; } [type=checkbox],[type=radio] {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height: auto; } [type=search] {-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance: none; } ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit; } details,menu {display: block; } summary {display: list-item; } canvas {display: inline-block; } template {display: none; } [hidden] {display: none; } *,:after,:before,html {-webkit-box-sizing: border-box; box-sizing: border-box; } img {-webkit-box-sizing: content-box; box-sizing: content-box; max-width: 100%; height: auto; }

@font-face {
	font-family: trackregular;
	src: url(fonts/track-webfont.woff2) format("woff2"), url(fonts/track-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: droid_serifregular;
	src: url(fonts/DroidSerif-Regular-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
    font-family: adonis-web;
    src: url(fonts/35E30B_0_0.eot);
    src: url(fonts/35E30B_0_0.eot?#iefix) format("embedded-opentype"), url(fonts/35E30B_0_0.woff2) format("woff2"), url(fonts/35E30B_0_0.woff) format("woff"), url(fonts/35E30B_0_0.ttf) format("truetype");
    font-weight: normal;
}
@font-face {
    font-family: adonis-web;
    src: url(fonts/35E30B_1_0.eot);
    src: url(fonts/35E30B_1_0.eot?#iefix) format("embedded-opentype"), url(fonts/35E30B_1_0.woff2) format("woff2"), url(fonts/35E30B_1_0.woff) format("woff"), url(fonts/35E30B_1_0.ttf) format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: adonis-web;
    src: url(fonts/35E30B_2_0.eot);
    src: url(fonts/35E30B_2_0.eot?#iefix) format("embedded-opentype"), url(fonts/35E30B_2_0.woff2) format("woff2"), url(fonts/35E30B_2_0.woff) format("woff"), url(fonts/35E30B_2_0.ttf) format("truetype");
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: adonis-web;
    src: url(fonts/35E30B_3_0.eot);
    src: url(fonts/35E30B_3_0.eot?#iefix) format("embedded-opentype"), url(fonts/35E30B_3_0.woff2) format("woff2"), url(fonts/35E30B_3_0.woff) format("woff"), url(fonts/35E30B_3_0.ttf) format("truetype");
    font-style: italic;
}

.hidden {
	display: none;
}

@media (min-width:690px) {
	.hide-for-medium {
		display: none;
	}
}

@media (min-width:940px) {
	.show-for-large {
		display: inherit;
	}
}

html {
	background-color: #fcfaf4;
}

body {
	background-color: #fcfaf4;
}

body .hero {
	background-size: cover;
	background-position: center;
	background-color: #fff;
	position: relative;
	min-height: 300px;
}

body .shade {
	background: #333;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: .15;
}

body #page {
	margin-left: auto;
	margin-right: auto;
}

body .container {
	margin: 0 auto;
	padding-top: 20px;
	padding-top: 2rem;
	padding-bottom: 20px;
	padding-bottom: 2rem;
	width: auto;
	max-width: 1000px;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width:940px) {
	body .container {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

body .container::after {
	content: '';
	display: table;
	clear: both;
}

body .container.full-width {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.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;
}

.screen-reader-text.skip-link {
	margin: 5px;
}

.screen-reader-text:focus {
	background-color: #eee;
	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;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: thin solid #f2b71b;
}

body .navigation-container {
	text-align: center;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 10;
	max-width: none;
}

@media (max-width:939px) {
	body .navigation-container {
		height: 100vh;
		z-index: 0;
	}
}

@media (min-width:940px) {
	body .navigation-container {
		padding-top: 1rem;
		padding-bottom: 0;
		background-color: #fcfaf4;
		z-index: 10 !important;
	}
}

.site-branding {
	padding-bottom: 40px;
	padding-bottom: 4rem;
	padding-top: 80px;
	padding-top: 8rem;
	padding-bottom: 20px;
	padding-bottom: 2rem;
}

@media (min-width:940px) {
	.site-branding {
		padding-top: 16rem;
		padding-bottom: 4rem;
	}
}

.site-branding .site-logo a {
	display: block;
}

.site-branding .site-title {
	margin: 0;
	line-height: 1;
}

.site-branding .site-title a {
	display: inline-block;
}

.site-branding svg {
	width: 60vw;
	max-width: 200px;
}

@media (max-width:689px) {
	.site-branding svg {
		width: 45vw;
	}
}

.main-navigation {
	background-color: #fcfaf4;
}

@media (min-width:690px) {
	.main-navigation {
		padding-top: 3rem;
	}
}

.menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	list-style-type: none;
	padding-left: 0;
	margin: 0 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.menu.menu-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media (min-width:940px) {
	.menu.menu-right {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

.menu-item {
	display: inline-block;
	position: relative;
	margin: 0;
}

.menu-item:last-child.menu-item-has-children {
	margin-right: 5px;
}

.menu-item a {
	font-family: trackregular, sans-serif;
	line-height: 50px;
	text-decoration: none;
	padding: 0 15px;
	padding: 0 1.5rem;
	display: block;
	color: #1e1d1c;
	-webkit-transition: -webkit-box-shadow 50ms ease-out;
	transition: -webkit-box-shadow 50ms ease-out;
	-o-transition: box-shadow 50ms ease-out;
	transition: box-shadow 50ms ease-out;
	transition: box-shadow 50ms ease-out, -webkit-box-shadow 50ms ease-out;
	font-size: 12px;
	letter-spacing: .15em;
}

.current-menu-item > a,
.current_page_item > a,
.menu-item > a:hover {
	text-decoration: underline;
}

/* SUBMENU */
ul.sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	padding: 0;
	width: 200px;
	background: #FCFAF5;
	padding: 13px 0 8px;
	text-align: left;
}

ul.sub-menu .menu-item a {
	text-decoration: none;
	line-height: 2.9;
}

ul.sub-menu .menu-item a:hover ,
ul.sub-menu .current-menu-item a, 
.menu-item.current_page_ancestor > a {
	text-decoration: underline;
}

.menu-item.menu-item-has-children {
	margin-right: calc(1rem + 5px * 2);
}

.menu-item.menu-item-has-children > a:after {
	content: '';
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
	border: inset 5px;
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #1e1d1c transparent transparent;
	top: -3px;
	right: -5px;
}

.menu-item.menu-item-has-children:hover ul.sub-menu {
	display: block;
}

/*! responsive-nav.js 1.0.39 by @viljamis */

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

	.nav-collapse > ul {
		display: grid;
		height: 100%;
	}

	.nav-collapse li {
		width: 100%;
		display: block;
		margin: 0;
		opacity: 0;
		-webkit-transition: .1s linear;
		-o-transition: .1s linear;
		transition: .1s linear;
		-webkit-transition-delay: .4s;
		-o-transition-delay: .4s;
		transition-delay: .4s;
	}

	.nav-collapse li a {
		font-size: 60%;
	}

	.js .nav-collapse {
		position: absolute;
		overflow: hidden;
		zoom: 1;
		visibility: hidden;
		clip: rect(0 0 0 0);
		max-height: 0;
	}

	.js .nav-collapse.opened {
		visibility: visible;
	}

	ul.sub-menu {
		display: inline-block !important;
		text-align: center;
		position: initial;
		width: auto;
		min-width: 80%;
		border-radius: 10px;
		padding: 13px 20px 10px;
		background: #ede7da42;
		font-size: 80%;
		margin: 0 auto 10px;
	}
}

.nav-collapse.opened {
	max-height: 9999px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.nav-toggle {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: transparent;
	color: #1e1d1c;
	padding: 10px;
	position: fixed;
	width: 47px;
	height: 47px;
	border: 2px solid #f2b71b;
	z-index: 1001;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 15px;
	background-color: #fcfaf4;
	border-radius: 2px;
	left: 50%;
}

.nav-toggle span {
	position: absolute;
	width: 23px;
	height: 3px;
	top: 20px;
	left: 10px;
	display: block;
	background: #1e1d1c;
	-webkit-transition: .1s ease-out;
	-o-transition: .1s ease-out;
	transition: .1s ease-out;
}

.nav-toggle span:first-child {
	top: 10px;
}

.nav-toggle span:last-child {
	top: 30px;
}

.nav-toggle:hover {
	background-color: transparent;
	color: #1e1d1c;
}

.nav-toggle.active span {
	opacity: 0;
	top: 50%;
	height: 2px;
}

.nav-toggle.active span:first-child {
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1.1) rotate(45deg);
	-ms-transform: translateY(-50%) scale(1.1) rotate(45deg);
	transform: translateY(-50%) scale(1.1) rotate(45deg);
}

.nav-toggle.active span:last-child {
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1.1) rotate(-45deg);
	-ms-transform: translateY(-50%) scale(1.1) rotate(-45deg);
	transform: translateY(-50%) scale(1.1) rotate(-45deg);
}

@media screen and (max-width:940px) {
	html.js .nav-collapse-0.opened {
		height: 100vh;
		width: 100%;
		max-height: none!important;
		padding-top: 75px;
		padding-bottom: 40px;
		overflow-x: hidden;
	    overflow-y: scroll;
	}

	html.js .nav-collapse-0.opened li {
		opacity: 1;
		-webkit-transition-delay: .1s;
		-o-transition-delay: .1s;
		transition-delay: .1s;
		-webkit-transition: .2s linear;
		-o-transition: .2s linear;
		transition: .2s linear;
	}
}
@media screen and (min-width:940px) {
	.nav-toggle {
		display: none;
	}
}


:root {
	font-size: 62.5%;
}

body {
	font-size: 25px;
	font-size: 2.5rem;
	font-family: adonis-web, serif;
	color: #1e1d1c;
}

.site-content .default,
.site-content blockquote,
.site-content code,
.site-content dd,
.site-content dt,
.site-content figcaption,
.site-content hr,
.site-content kbd,
.site-content li,
.site-content ol,
.site-content p,
.site-content pre,
.site-content samp,
.site-content small,
.site-content table,
.site-content td,
.site-content th,
.site-content tr,
.site-content ul,
.site-footer .default,
.site-footer blockquote,
.site-footer code,
.site-footer dd,
.site-footer dt,
.site-footer figcaption,
.site-footer hr,
.site-footer kbd,
.site-footer li,
.site-footer ol,
.site-footer p,
.site-footer pre,
.site-footer samp,
.site-footer small,
.site-footer table,
.site-footer td,
.site-footer th,
.site-footer tr,
.site-footer ul {
	font-size: 2.5vw;
	line-height: 1.5;
}

@media (max-width:720px) {
	.site-content .default,
	.site-content blockquote,
	.site-content code,
	.site-content dd,
	.site-content dt,
	.site-content figcaption,
	.site-content hr,
	.site-content kbd,
	.site-content li,
	.site-content ol,
	.site-content p,
	.site-content pre,
	.site-content samp,
	.site-content small,
	.site-content table,
	.site-content td,
	.site-content th,
	.site-content tr,
	.site-content ul,
	.site-footer .default,
	.site-footer blockquote,
	.site-footer code,
	.site-footer dd,
	.site-footer dt,
	.site-footer figcaption,
	.site-footer hr,
	.site-footer kbd,
	.site-footer li,
	.site-footer ol,
	.site-footer p,
	.site-footer pre,
	.site-footer samp,
	.site-footer small,
	.site-footer table,
	.site-footer td,
	.site-footer th,
	.site-footer tr,
	.site-footer ul {
		font-size: 18px;
	}
}

@media (min-width:760px) {
	.site-content .default,
	.site-content blockquote,
	.site-content code,
	.site-content dd,
	.site-content dt,
	.site-content figcaption,
	.site-content hr,
	.site-content kbd,
	.site-content li,
	.site-content ol,
	.site-content p,
	.site-content pre,
	.site-content samp,
	.site-content small,
	.site-content table,
	.site-content td,
	.site-content th,
	.site-content tr,
	.site-content ul,
	.site-footer .default,
	.site-footer blockquote,
	.site-footer code,
	.site-footer dd,
	.site-footer dt,
	.site-footer figcaption,
	.site-footer hr,
	.site-footer kbd,
	.site-footer li,
	.site-footer ol,
	.site-footer p,
	.site-footer pre,
	.site-footer samp,
	.site-footer small,
	.site-footer table,
	.site-footer td,
	.site-footer th,
	.site-footer tr,
	.site-footer ul {
		font-size: 19px;
	}
}

.site-content p,
.site-footer p {
	margin-top: 20px;
	margin-top: 2rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	line-height: 1.3;
}

.site-content p:first-child,
.site-footer p:first-child {
	margin-top: 0;
}

.site-content p:last-child,
.site-footer p:last-child {
	margin-bottom: 0;
}

.site-content h1:first-child,
.site-content h2:first-child,
.site-content h3:first-child,
.site-content h4:first-child,
.site-content h5:first-child,
.site-content h6:first-child,
.site-footer h1:first-child,
.site-footer h2:first-child,
.site-footer h3:first-child,
.site-footer h4:first-child,
.site-footer h5:first-child,
.site-footer h6:first-child {
	margin-top: 0;
}

.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
	-webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
	font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
	color: #1e1d1c;
	font-family: trackregular, sans-serif;
	font-weight: 400;
}

.site-content h1,
.site-footer h1 {
	font-size: 6vw;
}

@media (max-width:533.33333px) {
	.site-content h1,
	.site-footer h1 {
		font-size: 32px;
	}
}

@media (min-width:750px) {
	.site-content h1,
	.site-footer h1 {
		font-size: 45px;
	}
}

.site-content h2,
.site-footer h2 {
	font-size: 2.3vw;
}

@media (max-width:1130.43478px) {
	.site-content h2,
	.site-footer h2 {
		font-size: 26px;
	}
}

@media (min-width:1217.3913px) {
	.site-content h2,
	.site-footer h2 {
		font-size: 28px;
	}
}

.site-content .gform_wrapper h3.gform_title,
.site-content h3,
.site-footer .gform_wrapper h3.gform_title,
.site-footer h3 {
	font-size: 1.6vw;
}

@media (max-width:875px) {
	.site-content .gform_wrapper h3.gform_title,
	.site-content h3,
	.site-footer .gform_wrapper h3.gform_title,
	.site-footer h3 {
		font-size: 14px;
	}
}

@media (min-width:937.5px) {
	.site-content .gform_wrapper h3.gform_title,
	.site-content h3,
	.site-footer .gform_wrapper h3.gform_title,
	.site-footer h3 {
		font-size: 15px;
	}
}

.site-content h4,
.site-footer h4 {
	font-size: 1.4vw;
}

@media (max-width:1285.71429px) {
	.site-content h4,
	.site-footer h4 {
		font-size: 18px;
	}
}

@media (min-width:1500px) {
	.site-content h4,
	.site-footer h4 {
		font-size: 21px;
	}
}

.site-content h5,
.site-footer h5 {
	font-size: 1.2vw;
}

@media (max-width:1166.66667px) {
	.site-content h5,
	.site-footer h5 {
		font-size: 14px;
	}
}

@media (min-width:1500px) {
	.site-content h5,
	.site-footer h5 {
		font-size: 18px;
	}
}

.site-content h6,
.site-footer h6 {
	font-size: 1.2vw;
}

@media (max-width:1166.66667px) {
	.site-content h6,
	.site-footer h6 {
		font-size: 14px;
	}
}

@media (min-width:1500px) {
	.site-content h6,
	.site-footer h6 {
		font-size: 18px;
	}
}

.site-content h1,
.site-footer h1 {
	letter-spacing: .2em;
	line-height: 1.22;
}

.site-content h1:first-child,
.site-footer h1:first-child {
	margin-top: 0;
}

.site-content h2,
.site-footer h2 {
	letter-spacing: .2em;
	line-height: 1.3;
}

.site-content h2:first-child,
.site-footer h2:first-child {
	margin-top: 0;
}

.site-content .gform_wrapper h3.gform_title,
.site-content h3,
.site-footer .gform_wrapper h3.gform_title,
.site-footer h3 {
	letter-spacing: .2em;
	line-height: 1.6;
	margin-top: 5px;
	margin-top: .5rem;
}

.site-content .gform_wrapper h3.gform_title:first-child,
.site-content h3:first-child,
.site-footer .gform_wrapper h3.gform_title:first-child,
.site-footer h3:first-child {
	margin-top: 0;
}

.site-content h4,
.site-footer h4 {
	line-height: 1.22;
}

.site-content h4:first-child,
.site-footer h4:first-child {
	margin-top: 0;
}

.site-content h5,
.site-footer h5 {
	line-height: 1.22;
}

.site-content h5:first-child,
.site-footer h5:first-child {
	margin-top: 0;
}

.site-content h6,
.site-footer h6 {
	line-height: 1.22;
}

.site-content h6:first-child,
.site-footer h6:first-child {
	margin-top: 0;
}

.site-content hr,
.site-footer hr {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #000));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000 50%);
	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%;
	border: 0;
	padding-top: 10px;
	padding-top: 1rem;
	padding-bottom: 10px;
	padding-bottom: 1rem;
	margin: 0;
	height: 0;
}

.site-content kbd,
.site-content pre,
.site-content samp,
.site-footer kbd,
.site-footer pre,
.site-footer samp {
	font-family: Menlo, Courier, monospace;
}

.site-content code,
.site-footer code {
	color: #c7254e;
	background-color: #f9f2f4;
	font-family: Menlo, Courier, monospace;
	line-height: 1;
	padding: 3.75px 5px;
	padding: .375rem .5rem;
	border-radius: .3rem;
	font-size: inherit;
}

pre .site-content code,
pre .site-footer code {
	display: inline-block;
	padding: 11.5px 10px 8.5px;
	padding: 1.15rem 1rem .85rem;
}

.site-content pre,
.site-footer pre {
	border-radius: .3rem;
	display: block;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.site-content blockquote,
.site-footer blockquote {
	clear: both;
	border: 0 none;
	position: relative;
	margin-top: 30px;
	margin-top: 3rem;
	padding-left: 25px;
	padding-left: 2.5rem;
	margin-left: 0;
}

.site-content blockquote p,
.site-footer blockquote p {
	opacity: .7;
	font-style: italic;
	margin-bottom: 0;
	position: relative;
	overflow: visible;
}

@media (min-width:768px) {
	.site-content blockquote,
	.site-footer blockquote {
		margin-top: 4rem;
	}
}

.site-content blockquote:before,
.site-footer blockquote:before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 4px;
	background-color: rgba(30, 29, 28, .2);
}

@media (min-width:640px) {
	.site-content blockquote:before,
	.site-footer blockquote:before {
		width: 30%;
	}
}

a {
	color: #1e1d1c;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

::selection {
	background: #f2b71b;
	color: #1e1d1c;
}

::-moz-selection {
	background: #f2b71b;
	color: #1e1d1c;
}

body .button,
body button,
body input[type=button],
body input[type=reset],
body input[type=submit] {
	border: 2px solid transparent;
	padding: 20px 22.5px;
	padding: 2rem 2.25rem;
	font-family: adonis-web, serif;
	font-size: 1.8vw;
	letter-spacing: .2em;
	color: #fff;
	background-color: #1e1d1c;
	border-radius: 0;
	-webkit-transition: background-color 75ms ease-out;
	-o-transition: background-color 75ms ease-out;
	transition: background-color 75ms ease-out;
	font-family: trackregular, sans-serif;
	display: inline-block;
	cursor: pointer;
	position: relative;
	text-decoration: none;
}

@media (max-width:722.22222px) {
	body .button,
	body button,
	body input[type=button],
	body input[type=reset],
	body input[type=submit] {
		font-size: 13px;
	}
}

@media (min-width:833.33333px) {
	body .button,
	body button,
	body input[type=button],
	body input[type=reset],
	body input[type=submit] {
		font-size: 15px;
	}
}

body .button:focus,
body .button:hover,
body button:focus,
body button:hover,
body input[type=button]:focus,
body input[type=button]:hover,
body input[type=reset]:focus,
body input[type=reset]:hover,
body input[type=submit]:focus,
body input[type=submit]:hover {
	background-color: #f2b71b;
	color: #fff;
}

body .button.hollow,
body button.hollow,
body input[type=button].hollow,
body input[type=reset].hollow,
body input[type=submit].hollow {
	border: 2px solid #f2b71b;
	background-color: transparent;
	color: #f2b71b;
	-webkit-transition: color 75ms ease-out, border-color 75ms ease-out;
	-o-transition: color 75ms ease-out, border-color 75ms ease-out;
	transition: color 75ms ease-out, border-color 75ms ease-out;
}

body .button.hollow:hover,
body button.hollow:hover,
body input[type=button].hollow:hover,
body input[type=reset].hollow:hover,
body input[type=submit].hollow:hover {
	border-color: #cc970c;
	color: #cc970c;
}

body a,
body button,
body input {
	-webkit-tap-highlight-color: transparent;
}

form input[type=email],
form input[type=month],
form input[type=number],
form input[type=password],
form input[type=search],
form input[type=tel],
form input[type=text],
form input[type=url],
form input[type=week],
form select,
form textarea {
	font-size: 2vw;
	line-height: 1.5;
	font-family: droid_serifregular, serif;
	background: 0 0;
	text-align: center;
	border: 0;
	border-radius: 0;
	border-bottom: 3px solid #1e1d1c;
	padding: 5px 20px;
	line-height: 25px;
	-webkit-transition: all .55s;
	-o-transition: all .55s;
	transition: all .55s;
	text-decoration: none;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 0;
	-webkit-transition: background-color 75ms ease-out, border-color 75ms ease-out;
	-o-transition: background-color 75ms ease-out, border-color 75ms ease-out;
	transition: background-color 75ms ease-out, border-color 75ms ease-out;
	width: 100%;
	max-width: 870px;
}

@media (max-width:800px) {
	form input[type=email],
	form input[type=month],
	form input[type=number],
	form input[type=password],
	form input[type=search],
	form input[type=tel],
	form input[type=text],
	form input[type=url],
	form input[type=week],
	form select,
	form textarea {
		font-size: 16px;
	}
}

@media (min-width:900px) {
	form input[type=email],
	form input[type=month],
	form input[type=number],
	form input[type=password],
	form input[type=search],
	form input[type=tel],
	form input[type=text],
	form input[type=url],
	form input[type=week],
	form select,
	form textarea {
		font-size: 18px;
	}
}

form input[type=email]::-webkit-input-placeholder,
form input[type=month]::-webkit-input-placeholder,
form input[type=number]::-webkit-input-placeholder,
form input[type=password]::-webkit-input-placeholder,
form input[type=search]::-webkit-input-placeholder,
form input[type=tel]::-webkit-input-placeholder,
form input[type=text]::-webkit-input-placeholder,
form input[type=url]::-webkit-input-placeholder,
form input[type=week]::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
	color: #1e1d1c;
	opacity: 1;
}

form input[type=email]::-ms-input-placeholder,
form input[type=month]::-ms-input-placeholder,
form input[type=number]::-ms-input-placeholder,
form input[type=password]::-ms-input-placeholder,
form input[type=search]::-ms-input-placeholder,
form input[type=tel]::-ms-input-placeholder,
form input[type=text]::-ms-input-placeholder,
form input[type=url]::-ms-input-placeholder,
form input[type=week]::-ms-input-placeholder,
form select::-ms-input-placeholder,
form textarea::-ms-input-placeholder {
	color: #1e1d1c;
	opacity: 1;
}

form input[type=email]::placeholder,
form input[type=month]::placeholder,
form input[type=number]::placeholder,
form input[type=password]::placeholder,
form input[type=search]::placeholder,
form input[type=tel]::placeholder,
form input[type=text]::placeholder,
form input[type=url]::placeholder,
form input[type=week]::placeholder,
form select::placeholder,
form textarea::placeholder {
	color: #1e1d1c;
	opacity: 1;
}

form input[type=email]:focus,
form input[type=month]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=text]:focus,
form input[type=url]:focus,
form input[type=week]:focus,
form select:focus,
form textarea:focus {
	border-color: #f2b71b;
	outline: 0;
}

form input[type=email]:focus::-webkit-input-placeholder,
form input[type=month]:focus::-webkit-input-placeholder,
form input[type=number]:focus::-webkit-input-placeholder,
form input[type=password]:focus::-webkit-input-placeholder,
form input[type=search]:focus::-webkit-input-placeholder,
form input[type=tel]:focus::-webkit-input-placeholder,
form input[type=text]:focus::-webkit-input-placeholder,
form input[type=url]:focus::-webkit-input-placeholder,
form input[type=week]:focus::-webkit-input-placeholder,
form select:focus::-webkit-input-placeholder,
form textarea:focus::-webkit-input-placeholder {
	color: #222;
	opacity: .8;
}

form input[type=email]:focus::-ms-input-placeholder,
form input[type=month]:focus::-ms-input-placeholder,
form input[type=number]:focus::-ms-input-placeholder,
form input[type=password]:focus::-ms-input-placeholder,
form input[type=search]:focus::-ms-input-placeholder,
form input[type=tel]:focus::-ms-input-placeholder,
form input[type=text]:focus::-ms-input-placeholder,
form input[type=url]:focus::-ms-input-placeholder,
form input[type=week]:focus::-ms-input-placeholder,
form select:focus::-ms-input-placeholder,
form textarea:focus::-ms-input-placeholder {
	color: #222;
	opacity: .8;
}

form input[type=email]:focus::placeholder,
form input[type=month]:focus::placeholder,
form input[type=number]:focus::placeholder,
form input[type=password]:focus::placeholder,
form input[type=search]:focus::placeholder,
form input[type=tel]:focus::placeholder,
form input[type=text]:focus::placeholder,
form input[type=url]:focus::placeholder,
form input[type=week]:focus::placeholder,
form select:focus::placeholder,
form textarea:focus::placeholder {
	color: #222;
	opacity: .8;
}

form textarea {
	border: 3px solid #1e1d1c;
}

form p {
	margin-bottom: 30px;
}

form p.form-submit {
	margin-bottom: 0;
}

form.search-form .search-field {
	float: left;
	margin-right: 5px;
}

form.search-form .search-submit {
	padding: 19px 1.75em;
	line-height: 1;
}

/*
form select {
	border: 0;
	border-radius: 0;
	background-image: url(../svg/select.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 40px;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	-o-text-overflow: '';
	text-overflow: ''
}

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

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

@media (max-width:480px) {
	form input {
		width: 100%;
	}
}

form input#author,
form input#email,
form input#url,
form textarea {
	width: 100%;
}

.comment-respond {
	margin-bottom: 0;
	overflow: hidden;
}

.comment-respond p.comment-form-author {
	float: left;
	clear: none;
	text-align: inherit;
	width: 32%;
	margin-left: 0;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-top: 0;
}

.comment-respond p.comment-form-author::after {
	content: '';
	display: table;
	clear: both;
}

.comment-respond p.comment-form-author:last-child {
	margin-right: 0;
}

@media (max-width:480px) {
	.comment-respond p.comment-form-author {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.comment-respond p.comment-form-author:first-child {
		margin-left: auto;
	}

	.comment-respond p.comment-form-author:last-child {
		margin-right: auto;
	}
}

.comment-respond p.comment-form-author input#author {
	padding: 15px;
	border-width: 1px;
}

.comment-respond p.comment-form-email {
	float: left;
	clear: none;
	text-align: inherit;
	width: 66%;
	margin-left: 0;
	margin-right: 2%;
	margin-right: 0;
	clear: right;
	margin-bottom: 20px;
	margin-top: 0;
}

.comment-respond p.comment-form-email::after {
	content: '';
	display: table;
	clear: both;
}

.comment-respond p.comment-form-email:last-child {
	margin-right: 0;
}

@media (max-width:480px) {
	.comment-respond p.comment-form-email {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.comment-respond p.comment-form-email:first-child {
		margin-left: auto;
	}

	.comment-respond p.comment-form-email:last-child {
		margin-right: auto;
	}
}

.comment-respond p.comment-form-email input#email {
	padding: 15px;
	border-width: 1px;
}

.comment-respond p.comment-form-url {
	display: block;
	clear: both;
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
}

.comment-respond p.comment-form-url:first-child {
	margin-left: auto;
}

.comment-respond p.comment-form-url:last-child {
	margin-right: auto;
}

.comment-respond p.comment-form-url input#url {
	padding: 15px;
	border-width: 1px;
}

.comment-respond p.form-submit {
	display: block;
	clear: both;
	margin-bottom: 0;
	margin-top: 0;
}

.comment-respond p.comment-form-comment {
	margin-bottom: 20px;
}

.site-footer {
	text-align: center;
	font-size: 1vw;
	text-transform: uppercase;
	letter-spacing: .05em;
}

@media (max-width:1000px) {
	.site-footer {
		font-size: 10px;
	}
}

@media (min-width:1200px) {
	.site-footer {
		font-size: 12px;
	}
}

.ug-credits {
	text-align: center;
	background-color: #fcfaf4;
	padding: 20px;
	padding: 2rem;
}

.ug-credits a {
	display: inline-block;
	padding: 0 10px;
	padding: 0 1rem;
}

.ug-credits svg {
	width: 150px;
	max-width: 150px;
	height: auto;
	max-height: 23px;
	vertical-align: middle;
}

.ug-credits svg path {
	-webkit-transition: fill .2s ease;
	-o-transition: fill .2s ease;
	transition: fill .2s ease;
}

.ug-credits #BLE-BLVD-logo {
	width: 105px;
	max-height: 14.5px;
}

.ug-credits #BLE-BLVD-logo path {
	fill: #ccc;
}

.ug-credits #BLE-BLVD-logo:hover path {
	fill: #282828;
}

.ug-credits #Mikrogramma_Design_logo {
	width: 150px;
	max-width: 150px;
	height: auto;
	max-height: 23px;
	vertical-align: middle;
}

.ug-credits #Mikrogramma_Design_logo .st0 {
	fill: #ccc;
}

.ug-credits #Mikrogramma_Design_logo .st1 {
	fill: #d2d2d2;
}

.ug-credits #Mikrogramma_Design_logo:hover .st0 {
	fill: #333;
}

.ug-credits #Mikrogramma_Design_logo:hover .st1 {
	fill: #f41b54;
}

@media print {
	* {
		background: 0 0!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
		color: #000!important;
		text-shadow: none!important;
	}

	.hide-for-print {
		display: none!important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	.ir a:after,
	a[href^='#']:after,
	a[href^='javascript:']:after {
		content: '';
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	blockquote,
	pre {
		border: 1px solid #333;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100%!important;
	}
	@	page {
		margin: .5cm;
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

body {
	text-align: center;
}

.container-wrapper {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-top: 4rem;
	padding-bottom: 40px;
	padding-bottom: 4rem;
}

.container-wrapper.tausta-repeat {
	background-position-x: center;
	background-position-y: top;
	background-repeat: repeat;
}

.container-wrapper.ylareuna-padding {
	padding-top: calc(4rem / 2 + 40px);
}

.container-wrapper.alareuna-padding {
	padding-bottom: calc(4rem / 2 + 40px);
}

.container-wrapper.ei-paddingia {
	padding-top: 0;
	padding-bottom: 0;
}

main .container {
	position: relative;
	padding: 0;
	overflow-x: hidden;
}

main .container>.sisaltoelementti {
	max-width: calc(740px + 2 * 4rem);
	margin-left: auto;
	margin-right: auto;
	padding: 20px 13.333px;
	padding: 2rem 1.33333rem;
}

@media (min-width:690px) {
	main .container>.sisaltoelementti {
		padding: 2rem 0;
	}
}

@media (min-width:690px) {
	main .container>.editori,
	main .container>.lomake,
	main .container>article.post {
		max-width: 610px;
	}
}

@media (min-width:690px) {
	main .container>.kuva {
		padding-left: 4rem;
		padding-right: 4rem;
	}
}

.kielivalikko {
	display: none;
	text-align: right;
	font-size: 12px;
	letter-spacing: .2em;
}

@media (min-width:940px) {
	.kielivalikko {
		display: block;
	}
}

.kielivalikko ul {
	padding-left: 0;
	list-style-type: none;
	margin: 0;
	margin-right: 10px;
	margin-right: 1rem;
}

.kielivalikko ul li {
	display: inline-block;
	color: #cac5b6;
	font-family: trackregular, sans-serif;
}

.kielivalikko ul li>a {
	display: inline-block;
	text-decoration: none;
	font-weight: 400;
	color: currentColor;
	padding: 0;
}

.kielivalikko ul li>a:hover {
	text-decoration: underline;
}

.kielivalikko ul li span {
	padding: 10px;
	padding: 1rem;
	display: block;
}

.kielivalikko ul li.kieli__jakaja:before {
	color: #cac5b6;
	content: "/";
	opacity: .5;
}

.kielivalikko ul .nykyinen {
	color: #f2b71b;
}

@media (min-width:940px) {
	.menu-item.kieli {
		display: none;
	}
}

.menu-item.kieli a {
	color: #cac5b6;
	display: inline-block;
	margin: 0 5px;
	margin: 0 .5rem;
}

.menu-item.kieli a:not([href]) {
	cursor: default;
	color: #f2b71b;
}

.menu-item.kieli a:not([href]):hover {
	text-decoration: none;
}

.menu-item.kieli .kieli__jakaja:before {
	color: #cac5b6;
	content: "/";
	opacity: .5;
	margin: 0 5px;
	margin: 0 .5rem;
	font-family: trackregular, sans-serif;
	font-size: 12px;
}

@media (min-width:940px) {
	.menu-item.kieli {
		display: none;
	}
}
.minilogo {
	opacity: 0 !important;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 20px;
	transform: translateX(-50%) scale(0);
	transition: opacity .2s ease-out, transform .2s ease-out;
	transform-origin: center center;
	transform-box: fill-box;
}

@media (max-width:940px) {
	.minilogo {
		display: none;
	}
}

.minilogo svg {
	height: 40px;
	width: 120px;
}

.minilogo.show {
	opacity: 1 !important;
	transform: translateX(-50%) scale(1);
}

.site-header {
	position: relative;
}

.reunakuvio {
	position: absolute;
	height: 50px;
	background-repeat: repeat-x;
	width: 100%;
	background-size: calc(1000px / 14);
	background-position-x: center;
	z-index: 1;
}

.reunakuvio.ylareuna {
	top: -48px;
	background-position-y: bottom;
}

.reunakuvio.alareuna {
	bottom: -48px;
	background-position-y: top;
}

#trahteerata .ylareuna {
	background-size: calc(1000px / 43);
}

.kuvan-paalla-tekstia {
	position: relative;
	padding: 22.5% 1vw;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (max-width:689px) {
	.kuvan-paalla-tekstia {
		min-height: 70vh;
		max-height: unset;
	}
}

@media (min-width:690px) {
	.kuvan-paalla-tekstia {
		max-height: 500px;
	}
}

@media (min-width:940px) {
	.kuvan-paalla-tekstia {
		max-height: 560px;
	}
}

.kuvan-paalla-tekstia p {
	font-family: trackregular, sans-serif;
	width: 80%;
	margin: 0 auto;
	letter-spacing: .15em;
	font-size: 2.5vw;
	line-height: 1.5;
}

@media (min-width:940px) {
	.kuvan-paalla-tekstia p {
		width: 80%;
	}
}

@media (max-width:880px) {
	.kuvan-paalla-tekstia p {
		font-size: 22px;
	}
}

@media (min-width:960px) {
	.kuvan-paalla-tekstia p {
		font-size: 24px;
	}
}

.kuvan-paalla-tekstia .otsikko {
	position: absolute;
	top: 12%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: currentColor;
}

@media (max-width:689px) {
	.kuvan-paalla-tekstia .otsikko {
		top: 6%;
	}
}

.kuvan-paalla-tekstia .ikoni {
	position: absolute;
	top: 6%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (min-width:690px) {
	.kuvan-paalla-tekstia .ikoni {
		top: 11%;
	}
}

.kuvan-paalla-tekstia .ikoni svg {
	max-height: 85px;
	max-width: calc(85px * 385 / 460);
}

@media (min-width:940px) {
	.kuvan-paalla-tekstia .ikoni svg {
		max-height: 110px;
		max-width: calc(110px * 385 / 460);
	}
}

.kuvan-paalla-tekstia .ikoni svg path {
	fill: #fff;
}

.teksti-ja-kaaret {
	padding: 5% 1vw;
	color: #fff;
}

.teksti-ja-kaaret p {
	letter-spacing: .15em;
	font-family: trackregular, sans-serif;
	font-size: 2.5vw;
	margin: 40px 0!important;
	margin: 4rem 0!important;
}

@media (max-width:720px) {
	.teksti-ja-kaaret p {
		font-size: 18px;
	}
}

@media (min-width:1000px) {
	.teksti-ja-kaaret p {
		font-size: 25px;
	}
}

.teksti-ja-kaaret svg path {
	fill: #fff;
}

.kaari {
	width: 50px;
}

.tayslevea-kuva {
	height: 30vw;
	min-height: 300px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	margin-top: 40px;
	margin-top: 4rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

@media (max-width:768px) {
	.tayslevea-kuva {
		background-attachment: initial;
		height: 60vw;
	}
}

@media (max-width:680px) {
	.tayslevea-kuva {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}

.kaksi-palstaa,
.kolme-palstaa {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width:689px) {
	.kaksi-palstaa,
	.kolme-palstaa {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.kaksi-palstaa .palsta,
.kolme-palstaa .palsta {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.kaksi-palstaa .palsta .sisaltoelementti,
.kolme-palstaa .palsta .sisaltoelementti {
	padding: 20px 0;
	padding: 2rem 0;
}

@media (min-width:690px) {
	.kaksi-palstaa .palsta .sisaltoelementti,
	.kolme-palstaa .palsta .sisaltoelementti {
		padding: 2rem 4rem;
	}
}

.kaksi-palstaa .palsta .kuva-palstassa,
.kolme-palstaa .palsta .kuva-palstassa {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

@media (max-width:689px) {
	.kaksi-palstaa .palsta .kuva-palstassa img,
	.kolme-palstaa .palsta .kuva-palstassa img {
		max-width: calc(50% + 4rem);
	}
}

.kaksi-palstaa .palsta .sisaltoelementti.ikoni-pieni,
.kolme-palstaa .palsta .sisaltoelementti.ikoni-pieni {
	padding-bottom: 0;
	margin-bottom: -5px;
}

@media (min-width:690px) {
	.kaksi-palstaa .palsta .sisaltoelementti.ikoni,
	.kolme-palstaa .palsta .sisaltoelementti.ikoni {
		padding-top: 0;
		padding-bottom: 0;
	}
}

.kaksi-palstaa .palsta .sisaltoelementti.nappi,
.kolme-palstaa .palsta .sisaltoelementti.nappi {
	padding-top: 0;
}

@media (min-width:690px) {
	.kaksi-palstaa .palsta {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

	.kaksi-palstaa .palsta.tasaa-pysty-center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-item-align: center;
		align-self: center;
	}

	.kaksi-palstaa .palsta.tasaa-vaaka-left {
		text-align: left;
	}
}

@media (min-width:690px) {
	.kolme-palstaa .palsta {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
	}
}

.ikoni svg {
	max-height: 110px;
	max-width: calc(110px * 385 / 460);
}

.ikoni.ikoni-suuri svg {
	max-height: 220px;
	max-width: calc(220px * 385 / 460);
}

.ikoni.ikoni-pieni svg {
	max-height: 60px;
	max-width: calc(60px * 385 / 460);
}

.otsikko {
	margin-top: 20px;
	margin-top: 2rem;
}

@media (min-width:690px) {
	.otsikko {
		max-width: 67%!important;
	}
}

.otsikko h1 {
	margin-bottom: 0;
}

.hinnoittelut {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.hinnoittelut .hinnoittelu {
	padding: 0 30px;
	padding: 0 3rem;
}

@media (max-width:689px) {
	.hinnoittelut .hinnoittelu {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		padding-bottom: 2rem;
	}
}

.kartta {
	height: 50vh;
	max-height: 560px;
}

.palvelut {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.palvelut .palvelu {
	position: relative;
	border: 4px solid #f2b71b;
	padding: 15vw 5vmin;
}

@media (max-width:939px) {
	.palvelut .palvelu {
		margin-bottom: 4rem;
	}

	.palvelut .palvelu:last-of-type {
		margin-bottom: 0;
	}
}

@media (min-width:940px) {
	.palvelut .palvelu {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.palvelut .palvelu:nth-of-type(odd) {
		margin-right: 2%;
	}

	.palvelut .palvelu:nth-of-type(even) {
		margin-left: 2%;
	}
}

.palvelut .palvelu p {
	font-size: 1.2vw;
	font-family: droid_serifregular, serif;
	letter-spacing: normal;
}

@media (max-width:1583.33333px) {
	.palvelut .palvelu p {
		font-size: 19px;
	}
}

@media (min-width:2833.33333px) {
	.palvelut .palvelu p {
		font-size: 34px;
	}
}

.palvelut .palvelu .kaari {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.palvelut .palvelu .kaari:first-of-type {
	top: 6vw;
}

.palvelut .palvelu .kaari:last-of-type {
	bottom: 6vw;
}

.feedi ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

.feedi li {
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

.feedi .feedi__paivays {
	font-family: trackregular, sans-serif;
	display: block;
}

form button {
	width: 100%;
	max-width: 870px;
}

.container-article .entry-header h1 {
	margin-top: 10px;
	margin-top: 1rem;
}

.container-article .entry-content p {
	text-align: left;
	font-size: 2.5vw;
}

@media (max-width:680px) {
	.container-article .entry-content p {
		font-size: 17px;
	}
}

@media (min-width:720px) {
	.container-article .entry-content p {
		font-size: 18px;
	}
}

.feedi__paivays,
body small.pikku,
p.entry-time {
	font-size: 1.3vw;
	letter-spacing: .45em;
	margin-bottom: .75em;
	display: inline-block;
}

@media (max-width:692.30769px) {
	.feedi__paivays,
	body small.pikku,
	p.entry-time {
		font-size: 9px;
	}
}

@media (min-width:846.15385px) {
	.feedi__paivays,
	body small.pikku,
	p.entry-time {
		font-size: 11px;
	}
}

.fontti-track,
.fontti-track .pikku,
.moretag,
.post-navigation,
p.entry-time {
	font-family: trackregular, sans-serif;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.fontti-track.tekstinseassa {
	font-size: .65em;
	letter-spacing: .35em;
}

.moretag,
.post-navigation {
	font-size: 65%;
}

.post-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width:690px) {
	.post-navigation {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.post-navigation .post-navigation-link {
	padding: 10px;
	padding: 1rem;
}

@media (min-width:690px) {
	.post-navigation .post-navigation-link {
		padding: 0 1rem;
	}

	.post-navigation .post-navigation-link.post-navigation-next {
		margin-left: auto;
	}
}

/* WOOCOMMERCE */
:root {
	--yith-wcan-filters_colors_titles: #434343;
	--yith-wcan-filters_colors_background: transparent;
	--yith-wcan-filters_colors_accent: #A7144C;
	--yith-wcan-filters_colors_accent_r: 167;
	--yith-wcan-filters_colors_accent_g: 20;
	--yith-wcan-filters_colors_accent_b: 76;
	--yith-wcan-color_swatches_border_radius: 100%;
	--yith-wcan-color_swatches_size: 30px;
	--yith-wcan-labels_style_background: #FFFFFF;
	--yith-wcan-labels_style_background_hover: #A7144C;
	--yith-wcan-labels_style_background_active: #A7144C;
	--yith-wcan-labels_style_text: #434343;
	--yith-wcan-labels_style_text_hover: #FFFFFF;
	--yith-wcan-labels_style_text_active: #FFFFFF;
	--yith-wcan-anchors_style_text: #434343;
	--yith-wcan-anchors_style_text_hover: #A7144C;
	--yith-wcan-anchors_style_text_active: #A7144C;
	--trahteeri-yellow: #f2b71c;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a {
	position: relative;
	top: 1px;
}

#product_filters section {
	margin-bottom: 20px;
}

#product_filters .filter-item {
	line-height: 1.3;
}

#product_filters ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#product_filters ul li {
	margin-right: 20px;
}

#product_filters a.yith-wcan-reset-navigation {
	border-radius: 0;
	color: #fff;
	background-color: #1e1d1c;
	font-size: 14px;
}

.woocommerce main .container {
	max-width: 1200px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0 20px;
	overflow: visible;
}

.woocommerce main .wc_header_desc {
	margin-bottom: 25px;
}

.woocommerce main .wc_col_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 25px;
}

.woocommerce main .wc_col_wrapper aside {
	width: 25%;
	background: #fbf3dc;
	padding: 25px;
}

.woocommerce main .wc_col_wrapper aside h2,
.woocommerce main .wc_col_wrapper aside h3,
.woocommerce main .wc_col_wrapper aside h4 {
	font-size: 18px;
	letter-spacing: .2em;
	line-height: 1.3;
	margin: 0;
}

.woocommerce-products-header {
	margin-bottom: 40px;
}

.woocommerce main .wc_col_wrapper .col {
	width: 70%;
}
.woocommerce ul.products {
	margin: 0 auto 1em;
}
.woocommerce ul.products li.product a {
	text-decoration: none;
	font-size: 16px;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: inherit;
	font-size: inherit;
	font-family: trackregular;
}

.woocommerce span.onsale {
	padding: 0;
}

.woocommerce select {
	appearance: auto;
	border: 2px solid;
	padding: 0;
	margin: 0;
	width: auto;
}

.woocommerce div.product .summary {
	text-align: left;
}
.woocommerce div.product .summary .txt-in-stock {
	display: inline-block;
	margin-bottom: 10px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
	letter-spacing: 1px;
	font-size: 16px;
	display: inline-block;
	width: auto;
	border-radius: 0;
	padding: 20px;
	background: #1E1D1C !important;
	opacity: 1;
	color: #FFFFFF !important;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	padding: 20px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: block;
}

.woocommerce div.product form.cart .button:hover {
	opacity: 0.9;
}

.woocommerce .quantity .qty {
	width: 70px;
	text-align: center;
	border: 2px solid;
	padding: 14px 5px 13px 5px;
}

.woocommerce .variations .label {
	text-align: left;
}

.woocommerce div.product .stock {
	color: #1e1d1c;
}

.product_meta {
	text-align: left;
	font-size: 16px;
}

.product_meta > span {
	display: block;
	font-weight: bold;
}

.product_meta > span * {
	font-weight: normal;
}

.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}

.product_desc_long {
	clear: both;
	text-align: left;
	margin-bottom: 40px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border-top-color: var(--trahteeri-yellow);
	background: #FBF3DC;
	font-size: 18px;
	color: #1E1D1C;
	display: flex !important;
	flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px !important;
    justify-content: space-between;
}
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button {
	float: none;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
	display: none !important;
}

.woocommerce-cart-form__contents .quantity .qty {
	width: 55px;
	padding: 5px 5px 3px 5px;
}

.woocommerce-page #content table.cart td.actions .input-text#coupon_code {
	width: 180px;
	padding: 15px;
}
.woocommerce-page .entry-title a {
	text-decoration: none;
}

.woocommerce table.shop_table th {
	font-weight: 400;
	font-family: 'trackregular';
	font-size: 16px;
	letter-spacing: 1.5px;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	text-align: left;
	padding: 5px 20px 5px 0;
	font-size: 16px;
}

.woocommerce form .form-row textarea {
	padding: 5px;
}

.woocommerce form .form-row {
	padding: 3px;
	margin: 0 0 20px;
}

.woocommerce form .form-row label {
	font-size: 16px;
	letter-spacing: 1.3px;
	font-family: 'trackregular';
}

.woocommerce form input::-webkit-input-placeholder,
.woocommerce form textarea::-webkit-input-placeholder {
	color: #cdc0a2;
}

.woocommerce form input::placeholder,
.woocommerce form textarea::placeholder {
	color: #cdc0a2;
}

#customer_details {
	margin-bottom: 50px;
}

h3#order_review_heading {
	font-size: 28px;
}

.woocommerce-checkout #payment {
	background: var(--trahteeri-yellow);
}

.woocommerce-checkout #payment div.payment_box {
	background-color: #FBF3DC;
}

.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #FBF3DC;
}

.woocommerce-checkout #payment ul.payment_methods {
	border: none;
}

.wpmenucart-icon-shopping-cart-0:before {
	font-size: 16px;
}

.wpmenucart-contents {
	position: relative;
	display: inline-block !important;
}

.wpmenucart-contents span {
	position: absolute;
	top: 7px;
	right: 6px;
	width: 18px;
	height: 18px;
	line-height: 20px;
	font-size: 10px;
	letter-spacing: 0;
	display: block !important;
	background: #f2b71c;
	border-radius: 20px;
	color: #1e1d1c;
}
@media all and (max-width:940px) {
	.wpmenucart-display-right {
		float: initial !important;
		display: flex !important;
		justify-content: flex-end;
		position: fixed;
		top: 10px;
		right: 10px;
	}
}

/* FACETWP */
#content .facetwp-checkbox {
	background: url(img/checkbox-off.png) 0 50% no-repeat;
	background-size: 14px 14px;
	margin: 5px;
	padding-left: 20px;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
}

#content .facetwp-checkbox.checked {
	background-image: url(img/checkbox-on.png);
}

#content .facetwp-checkbox .facetwp-counter {
	display: none;
}

@media all and (max-width: 768px) {
	.woocommerce main .wc_col_wrapper {
		display: block;
	}

	.woocommerce main .wc_col_wrapper aside {
		width: 100%;
		margin-bottom: 20px;
	}

	.woocommerce main .wc_col_wrapper .col {
		width: 100%;
	}

	#product_filters .filter-item label {
		white-space: nowrap;
	}

	#product_filters section,
	.yith-wcan-filters,
	.yith-wcan-filters .yith-wcan-filter:last-child {
		margin: 0;
	}
}

@media all and (max-width: 540px) {
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
		float: none;
	}

	.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
		float: none;
	}
}

@media all and (max-width:450px) {
	.woocommerce .shop_table #coupon_code,
	.woocommerce .shop_table button[name="apply_coupon"] {
		width: 100% !important;
	}
	.woocommerce .woocommerce-error .button, 
	.woocommerce .woocommerce-info .button, 
	.woocommerce .woocommerce-message .button, 
	.woocommerce-page .woocommerce-error .button, 
	.woocommerce-page .woocommerce-info .button, 
	.woocommerce-page .woocommerce-message .button {
	    float: none;
	    font-size: 12px;
	    line-height: 1.2;
	    padding: 10px;
	}
}