/*
	Theme Name: Composers.fi
	Theme URI:
	Description: Take the initiative for your business venture or services with the ingenuity and approachable design of the Enterprise theme.
	Author:
	Author URI:

	Version: 2.1.2

	Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Table of Contents

	- Imports
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Responsive Slider
		- Gravity Forms
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Entries
		- Entry Meta
		- After Entry
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Enterprise Pro Black
		- Enterprise Pro Green
		- Enterprise Pro Orange
		- Enterprise Pro Red
		- Enterprise Pro Teal
	- Media Queries
		- Retina Display
		- Max-width: 1139px
		- Max-width: 1023px
		- Max-width: 767px

*/


/*
Imports
---------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'Icon';
	src:url('fonts/Icon.eot');
	src:url('fonts/Icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/Icon.woff') format('woff'),
		url('fonts/Icon.ttf') format('truetype'),
		url('fonts/Icon.svg#Icon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #ccc;
	color: #444;
    font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #4a6b00;
	text-decoration: none;
}

a:hover {
	color: #333;
}

.termilista,
p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

mark {
	background: #ddd;
	color: #000;
}

blockquote {
	color: #4a6b00;
}

blockquote {
	margin: 40px 0px;
	padding-left: 24px;
	max-width: 400px;
	border-left: #a4b580 6px solid;
	font-size: 20px;
	font-style: italic;
}
/*
blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}
*/

cite {
	font-style: normal;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #ececec;
	clear: left;
	margin: 0 0 40px;
	padding-top: 20px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
    font-family: 'Karla', sans-serif;
	font-weight: 700;
	line-height: 1.1;
	margin: 32px 0 24px;
	letter-spacing:-0.015em;
}

h1 {
	font-size: 46px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
	margin-bottom: 28px;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: none;
	height: auto;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ececec;
	border-radius: 3px;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.06);
	color: #aaa;
	font-size: 16px;
	font-weight: 400;
	padding: 16px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #666;
	opacity: 1;
	font-weight: 400;
}

::-webkit-input-placeholder {
	color: #666;
	font-weight: 400;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.home-top .more-link {
	background-color: #85a600;
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-family: 'Karla', sans-serif;
	letter-spacing:0;
	font-weight:700;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 24px;
	white-space: normal;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.home-top .more-link:hover {
	background-color: #333;
	color: #fff;
}
.more-button {
	text-indent:-9999px;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	width:44px; height:44px;
	width: 100%;
	background-position: center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23001F57;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M32,64C14.4,64,0,49.6,0,32S14.4,0,32,0c17.6,0,32,14.4,32,32S49.6,64,32,64z M32,3.4 C16.2,3.4,3.4,16.2,3.4,32S16.2,60.6,32,60.6c15.8,0,28.6-12.8,28.6-28.6S47.8,3.4,32,3.4z M32.6,48c-0.3,0-0.6-0.1-0.9-0.2 c-0.8-0.4-1.2-1.2-1.2-2.2v-6.8h-12c-1.6,0-2.9-1.3-2.9-2.9v-7.5c0-1.6,1.3-2.9,2.9-2.9h12v-7.1c0-1,0.5-1.8,1.3-2.2 c0.8-0.4,1.7-0.2,2.5,0.4l15.9,13.3c0.6,0.5,1,1.3,1,2.1c0,0.8-0.3,1.6-1,2.1L34.2,47.4C33.7,47.8,33.1,48,32.6,48z M18.9,35.4 h14.9v7.8L47.3,32L33.9,20.8v8.1H18.9V35.4z'/%3E%3C/g%3E%3C/svg%3E%0A");
	-webkit-transition: none 0s ease;
	-moz-transition:    none 0s ease;
	-ms-transition:     none 0s ease;
	-o-transition:      none 0s ease;
	transition:         none 0s ease;
}
.more-button:hover {
	text-indent:-9999px;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	width:44px; height:44px;
	width: 100%;
	background-position: center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2385A600;%7D .st1%7Bfill:none;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M32,64C14.4,64,0,49.6,0,32S14.4,0,32,0c17.6,0,32,14.4,32,32S49.6,64,32,64z M32,3.4 C16.2,3.4,3.4,16.2,3.4,32S16.2,60.6,32,60.6c15.8,0,28.6-12.8,28.6-28.6S47.8,3.4,32,3.4z M32.6,48c-0.3,0-0.6-0.1-0.9-0.2 c-0.8-0.4-1.2-1.2-1.2-2.2v-6.8h-12c-1.6,0-2.9-1.3-2.9-2.9v-7.5c0-1.6,1.3-2.9,2.9-2.9h12v-7.1c0-1,0.5-1.8,1.3-2.2 c0.8-0.4,1.7-0.2,2.5,0.4l15.9,13.3c0.6,0.5,1,1.3,1,2.1c0,0.8-0.3,1.6-1,2.1L34.2,47.4C33.7,47.8,33.1,48,32.6,48z M18.9,35.4 h14.9v7.8L47.3,32L33.9,20.8v8.1H18.9V35.4z'/%3E%3C/g%3E%3Crect x='57.4' y='60' class='st1' width='37.6' height='37.6'/%3E%3C/svg%3E%0A");
}
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small {
	padding: 8px 12px;
}

.entry-content .button:hover,
.footer-widgets .button {
	color: #fff;
}

.button {
	display: inline-block;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
    background-color: #ddd;
	border-width: 0;
    color: #777;
    cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.error404 .entry-content input[type="search"],
.post-password-form input[type="password"] {
	margin-bottom: 15px;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}

th {
	font-weight: 700;
	text-transform: uppercase;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.enterprise-pro-landing .wrap {
	max-width: 800px;
}

.home .site-inner {
	background-color: #fff;
	clear: both;
	padding-top: 0;
}
.site-inner {
	background-color: #fff;
	clear: both;
	padding-top: 5%;
}
/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 920px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: right;
	width: 740px;
}
.tax-taitotaso .content,
.tax-ryhman-koko .content,
.tax-vahimmaiskesto .content,
.tax-valineet .content,
.tax-laatija .content,
.tax-teema-kuunteleminen .content,
.post-type-archive-tehtavat .content {
	padding-bottom: 40px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 520px;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar,
.author-box .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 20px;
}

.archive-description,
.author-box {
	background-color: #fff;
	border: 1px solid #ececec;
	box-shadow: 0 1px #ececec;
	margin-bottom: 40px;
	padding: 40px;
}

.author-box-title {
	color: #333;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	margin-bottom: 4px;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.site-header .search-form {
	float: right;
	margin-top: 8px;
}

.entry-content .search-form,
.site-header .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-title {
	font-size: 20px;
}

.entry-title {
	font-size: 48px;
	margin: 0 0 16px;
}

.entry-title a,
.sidebar .widget-title a {
	color: #111;
}

.entry-title a:hover {
	color: #4a6b00;
}
.sidebar .featured-content .entry-title a:hover {
	color: #797979;
}

.widget-title {
	font-weight: 400;
	font-size: 17px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #fff;
}
.sidebar .featured-content .widget-title {
	font-size: 24px;
	margin: 0 0 12px;
	padding: 0 0 12px;
	text-transform: none;
	letter-spacing: 0.5px;
	color: #466a00;
}
.footer-widgets .widget-title {
	font-size: 23px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-transform: none;
	letter-spacing: 0em;
	color: #fff;
}
.home-bottom .widget-title,
.sidebar .widget-title {
	margin: -40px -40px 40px;
	padding: 30px 40px;
}

/* WordPress
--------------------------------------------- */

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

a.alignnone {
	display: inline-block;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 12px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 12px 24px;
}

.wp-caption-text {
	font-weight: 700;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.gallery-caption {
	margin: 0 0 10px;
}

.wp-audio-shortcode,
.wp-playlist,
.wp-video {
	margin: 0 0 28px;
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	word-wrap: break-word;
	margin-bottom: 40px;
}

.widget li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget ul > li:last-child,
.widget p:last-child {
	margin-bottom: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}
.header-section .top {
	padding-top: 31vh;
	font-size:2em;
	font-family: 'Karla', sans-serif;
	letter-spacing:0;
	font-weight:700;
	color:#fff;
}
.header-section .bottom, .home-top2 {
	padding-top: 2em;
}
.header-section .bottom, .home-top2 .wrap {
	display:flex;
	justify-content: space-between;
  	flex-wrap: wrap;
}

.header-section .widget {
	width: 22%;
	background-color: #fff;
	padding: 1.6rem;
	text-align: center;
	margin: 1.5%;
}

.header-section .widget .textwidget {
	max-width: 800px;
	margin: 0px auto;
}

.header-section .widget .widget-wrap {
	display: flex;
	flex-direction: column;
}
.header-section .widget .widget-title {
	color:#111;
	font-weight: 700;
	min-height: 48px;
}
.header-section .widget:hover {
	opacity:0.9;
}
.header-section .wrap .widget:first-child {
	padding: 0;
	background: transparent;
	width: 100%;
}


.home-top2 {
	background-color: #211627;
	color: #908a93;
	padding: 5vh 5%;
	justify-content: center;
	font-family: 'Karla', sans-serif;
}
.home-articles {
	padding: 5vh 0;
}
.home-top .widget:first-child,
.home-articles .widget:first-child {
	text-align:center;
}
.home-top .widget:first-child p,
.home-articles .widget:first-child p {
	font-family: 'Karla', sans-serif;
	font-size:1.1em;
	max-width:750px;
	margin:0 auto;
}
.home-top .widget:first-child,
.home-articles .widget:first-child {
	text-align:center;
}
.home-top .featuredpost .widget-wrap,
.home-articles .featuredpost .widget-wrap {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 2em;
}
.home .featured-content .alignnone {
	background-color: transparent;
	border: 0 none;
}
.home-top .entry,
.home-articles .entry {
	width: 29%;
	margin: 2%;
	font-family: 'Karla', sans-serif;
}
.home-top2 .widget {
	width: 29%;
	margin: 4% 2% 2%;
	text-align: center;
}
.home-top2 .widget:first-child {
	width: 100%;
	margin: 0;
	text-align: center;
}
.home-top2 .widget a {
	color:#333;
}
.home-top2 .widget h3 a {
	color: #ffffff;
}
.home-top2 .widget h3 {
	font-weight: 700;
	max-width: 240px;
	margin: 0px auto 10px;
}
.home-top2 .widget p {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.home-top2 .widget:first-child h2 {
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #645c68;
	font-size: 1.5em;
}
.icon-widget h3:before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: " ";
	display: block;
	height: 5vw;
	margin: 0 auto 1em;
	max-width: 80px;
	max-height: 80px;
	min-height: 40px;
	min-width: 40px;
	width: 5vw;
}
.page-template-page_tehtaviateemoista h2.kuunteleminen::before,
.page-template-page_tehtaviateemoista h2.mielikuvitus::before,
.page-template-page_tehtaviateemoista h2.elementit::before,
.page-template-page_tehtaviateemoista h2.rakenteet::before,
.page-template-page_tehtaviateemoista h2.musiikkiteknologia::before,
.page-template-page_tehtaviateemoista h2.notaatio::before,
.page-template-page_tehtaviateemoista h2.soittaminen::before,
.page-template-page_tehtaviateemoista h2.sovittaminen::before,
.page-template-page_tehtaviateemoista h2.tyylilajit::before,
.page-template-page_tehtaviateemoista h2.vuorovaikutus::before {
	height:48px; width:64px; content: " "; display:inline-block; margin:0; background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.icon-widget.apurahakalenteri h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M48.8,58.4H16.2c-8.6,0-15.5-7-15.5-15.5c0-8.8,5.7-15.2,13.6-15.5v-4.9h1.1v6h-0.5c-7.6,0-13.1,6.1-13.1,14.4 c0,8,6.5,14.4,14.4,14.4h32.7c8,0,14.4-6.5,14.4-14.4c0-8.4-5.5-14.4-13.1-14.4h-0.5v-6h1.1v4.9c7.9,0.3,13.6,6.7,13.6,15.5 C64.4,51.5,57.4,58.4,48.8,58.4z M56.2,19.7h-1.1v-1.4c0-2-1.6-3.5-3.5-3.5H13.4c-2,0-3.5,1.6-3.5,3.5v1.4H8.8v-1.4 c0-2.6,2.1-4.6,4.6-4.6h10.6c-1-0.9-1.6-2.1-1.6-3.5c0-2.6,2.1-4.6,4.6-4.6c2.6,0,4.6,2.1,4.6,4.6c0,1.4-0.6,2.7-1.6,3.5H35 c-1-0.9-1.7-2.1-1.7-3.5c0-2.6,2.1-4.6,4.6-4.6c2.6,0,4.6,2.1,4.6,4.6c0,1.4-0.6,2.7-1.7,3.5h10.6c2.6,0,4.6,2.1,4.6,4.6V19.7z M37.9,13.8c2,0,3.5-1.6,3.5-3.5c0-2-1.6-3.5-3.5-3.5c-2,0-3.5,1.6-3.5,3.5C34.4,12.2,36,13.8,37.9,13.8z M27.1,13.8 c2,0,3.5-1.6,3.5-3.5c0-2-1.6-3.5-3.5-3.5c-2,0-3.5,1.6-3.5,3.5C23.5,12.2,25.1,13.8,27.1,13.8z'/%3E%3C/svg%3E");
}
.icon-widget.kantaesitys h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M32.3,63.2l3-10.4l20.4-20.4l7.4,7.4L42.6,60.3L32.3,63.2z M36.2,53.4l-2.4,8.2l8.2-2.4l19.5-19.5L55.6,34 L36.2,53.4z M31.7,49.7H2V6.1h10.6V0.8h9v5.3h14.9V0.8h9v5.3h10.6v20.5h-1.1v-6.1H3v28.2h28.7V49.7z M3,19.4h52.1V7.2h-9.6v5.3h-9 V7.2H21.6v5.3h-9V7.2H3V19.4z M37.6,11.4h6.9V1.9h-6.9V11.4z M13.7,11.4h6.9V1.9h-6.9V11.4z'/%3E%3C/svg%3E");
}
.icon-widget.hallitus-toimisto h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M13.1,56.3H1.4V36.6h11.7V56.3z M2.5,55.2H12V37.7H2.5V55.2z'/%3E%3Cpath class='st0' d='M58.3,53.7H12.6v-1.1h44.6c-0.8-3.3-9.1-6.9-19.3-6.9H19.2v-1.1h18.6c10.7,0,20.5,4.1,20.5,8.5V53.7z'/%3E%3Cpath class='st0' d='M32.1,45.5c-0.1-0.1-0.3-0.3-0.5-0.5c-1.5-1.6-4.4-4.7-9.8-4.7h-9.3v-1.1h9.3c5.8,0,9,3.4,10.6,5 c0.2,0.2,0.3,0.3,0.4,0.5L32.1,45.5z M48.4,35.2L48.1,35c-0.6-0.4-14.8-10.8-14.8-18.7c0-5,3.5-8.1,6.9-8.5c2.8-0.3,6.4,1,8.2,5.8 c1.8-4.7,5.4-6.1,8.2-5.8c3.4,0.4,6.9,3.5,6.9,8.5c0,8-14.2,18.3-14.8,18.7L48.4,35.2z M41.1,8.8c-0.2,0-0.5,0-0.7,0 c-3,0.4-6,3-6,7.4c0,6.8,12,16.1,14.1,17.7c2.1-1.6,14.1-10.8,14.1-17.7c0-4.4-3-7.1-6-7.4c-2.8-0.3-6.3,1.2-7.6,6.6l-0.5,2.1 l-0.5-2.1C46.7,10.5,43.7,8.8,41.1,8.8z'/%3E%3C/svg%3E");
}
.icon-widget.miten-tilata h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_4' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M58.9,61.5l-13-11.6H30.6V27h33.8v22.9h-5.4V61.5z M31.7,48.8h14.6l11.5,10.2V48.8h5.4V28.1H31.7V48.8z M8.8,48 V36.3H0.6V2.5h52.8v18.3h-1.1V3.6H1.7v31.6h8.2v10.1L20,35.2H23v1.1h-2.5L8.8,48z'/%3E%3C/svg%3E");
}
.icon-widget.tietopankki h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_5' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M57.7,63c-3.2,0-5.8-2.6-5.8-5.8c0-1.4,0.5-2.7,1.3-3.7l-5.2-5.3l0.8-0.7l5.2,5.3c1-0.9,2.3-1.4,3.8-1.4 c3.2,0,5.8,2.6,5.8,5.8S60.9,63,57.7,63z M57.7,52.4c-2.6,0-4.8,2.1-4.8,4.8s2.1,4.8,4.8,4.8s4.8-2.1,4.8-4.8S60.3,52.4,57.7,52.4z M7.3,63c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8c1.4,0,2.8,0.5,3.8,1.4l5.2-5.3l0.8,0.7l-5.3,5.3c0.8,1,1.3,2.3,1.3,3.7 C13.1,60.4,10.5,63,7.3,63z M7.3,52.4c-2.6,0-4.8,2.1-4.8,4.8s2.1,4.8,4.8,4.8c2.6,0,4.8-2.1,4.8-4.8S10,52.4,7.3,52.4z M43.6,44.5 H21.4V44c0-5.1,3.4-9.4,8.1-10.7c-2.5-1.1-4.2-3.6-4.2-6.5c0-3.9,3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1c0,2.9-1.7,5.4-4.2,6.5 c4.7,1.3,8.1,5.6,8.1,10.7V44.5z M22.5,43.4h20.1c-0.3-5.3-4.7-9.5-10-9.5S22.7,38.1,22.5,43.4z M32.5,20.7c-3.4,0-6.1,2.7-6.1,6.1 s2.7,6.1,6.1,6.1c3.4,0,6.1-2.7,6.1-6.1S35.9,20.7,32.5,20.7z M57.6,36.5c-3,0-5.5-2.3-5.8-5.3h-7.4v-1.1h7.4c0.3-3,2.8-5.3,5.8-5.3 c3.2,0,5.8,2.6,5.8,5.8S60.9,36.5,57.6,36.5z M57.6,25.9c-2.6,0-4.8,2.1-4.8,4.8s2.1,4.8,4.8,4.8s4.8-2.1,4.8-4.8 S60.3,25.9,57.6,25.9z M7.4,36.5c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8c3,0,5.5,2.3,5.8,5.3h7.4v1.1h-7.4 C12.9,34.2,10.4,36.5,7.4,36.5z M7.4,25.9c-2.6,0-4.8,2.1-4.8,4.8s2.1,4.8,4.8,4.8c2.6,0,4.8-2.1,4.8-4.8S10,25.9,7.4,25.9z M46.1,19.2l-0.7-0.8l7.9-7.8c-0.9-1-1.4-2.3-1.4-3.8c0-3.2,2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8c0,3.2-2.6,5.8-5.8,5.8 c-1.4,0-2.7-0.5-3.7-1.3L46.1,19.2z M57.6,2.1c-2.6,0-4.8,2.1-4.8,4.8c0,2.6,2.1,4.8,4.8,4.8s4.8-2.1,4.8-4.8 C62.4,4.2,60.3,2.1,57.6,2.1z M18.9,19.2L11,11.4c-1,0.8-2.3,1.3-3.7,1.3c-3.2,0-5.8-2.6-5.8-5.8C1.5,3.6,4.1,1,7.4,1 s5.8,2.6,5.8,5.8c0,1.4-0.5,2.8-1.4,3.8l7.9,7.8L18.9,19.2z M7.4,2.1c-2.6,0-4.8,2.1-4.8,4.8c0,2.6,2.1,4.8,4.8,4.8 c2.6,0,4.8-2.1,4.8-4.8C12.1,4.2,10,2.1,7.4,2.1z'/%3E%3C/svg%3E");
}
.icon-widget.jasenet h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M37,59.2H28v-16c-3-0.3-5.3-2.8-5.3-5.9V23.5h19.8v13.9c0,3.1-2.4,5.6-5.3,5.9V59.2z M29,58.2H36v-16h0.5 c2.7,0,4.8-2.2,4.8-4.8V24.5H23.7v12.8c0,2.7,2.2,4.8,4.8,4.8H29V58.2z M61.1,48.6H52V36.5c-2.7-0.3-2.7-3.3-2.7-4.5v-8.5h14.4V32 c0,1.2,0,4.2-2.7,4.5V48.6z M53.1,47.5H60v-12h0.5c1.5,0,2.1-1,2.1-3.5v-7.5H50.4V32c0,2.5,0.6,3.5,2.1,3.5h0.5V47.5z M13,48.6H3.9 V36.5c-2.7-0.3-2.7-3.3-2.7-4.5v-8.5h14.4V32c0,1.2,0,4.2-2.7,4.5V48.6z M5,47.5h6.9v-12h0.5c1.5,0,2.1-1,2.1-3.5v-7.5H2.3V32 c0,2.5,0.6,3.5,2.1,3.5H5V47.5z M56.5,19.2c-2.5,0-4.5-2-4.5-4.5c0-2.5,2-4.5,4.5-4.5s4.5,2,4.5,4.5C61.1,17.1,59,19.2,56.5,19.2z M56.5,11.2c-1.9,0-3.5,1.6-3.5,3.5s1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5S58.5,11.2,56.5,11.2z M32.5,19.2c-4,0-7.2-3.2-7.2-7.2 c0-4,3.2-7.2,7.2-7.2c4,0,7.2,3.2,7.2,7.2C39.7,15.9,36.5,19.2,32.5,19.2z M32.5,5.8c-3.4,0-6.1,2.8-6.1,6.1c0,3.4,2.8,6.1,6.1,6.1 c3.4,0,6.1-2.8,6.1-6.1C38.6,8.6,35.9,5.8,32.5,5.8z M8.5,19.2c-2.5,0-4.5-2-4.5-4.5c0-2.5,2-4.5,4.5-4.5c2.5,0,4.5,2,4.5,4.5 C13,17.1,11,19.2,8.5,19.2z M8.5,11.2c-1.9,0-3.5,1.6-3.5,3.5s1.6,3.5,3.5,3.5s3.5-1.6,3.5-3.5S10.4,11.2,8.5,11.2z'/%3E%3C/svg%3E");
}
.icon-widget.kalenteri h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_7' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M62.8,62.3H2.2V6.9h10.4V1.7h8.8v5.2h22.3V1.7h8.8v5.2h10.4V62.3z M3.3,61.2h58.5V20.9H3.3V61.2z M3.3,19.8 h58.5V7.9h-9.3v5.2h-8.8V7.9H21.4v5.2h-8.8V7.9H3.3V19.8z M44.7,12.1h6.7V2.8h-6.7V12.1z M13.6,12.1h6.7V2.8h-6.7V12.1z M44.7,56.6 h-1v-4.7H31.7v4.7h-1v-4.7H18.8v4.7h-1v-4.7H7.9v-1h9.8v-9.3H7.9v-1h9.8v-9.3H7.9v-1h9.8v-4.7h1v4.7h11.9v-4.7h1v4.7h11.9v-4.7h1 v4.7h12.4v1H44.7v9.3h12.4v1H44.7v9.3h12.4v1H44.7V56.6z M31.7,50.9h11.9v-9.3H31.7V50.9z M18.8,50.9h11.9v-9.3H18.8V50.9z M31.7,40.5h11.9v-9.3H31.7V40.5z M18.8,40.5h11.9v-9.3H18.8V40.5z'/%3E%3C/svg%3E");
}
.icon-widget.jasenedut h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M55.5,63H38.6v-9h16.9V63z M39.6,62h14.8v-6.9H39.6V62z'/%3E%3Cpath class='st0' d='M52.9,54.5h-1.1v-4.3l0.2-0.2c0,0,8.1-8,10.4-10.4V19.1c-0.4,0-1.1,0-1.8,0.6c-1.7,1.2-3.7,4.8-3.7,15.1v0.2 l-9.3,9.3l2.2-9.7c0.4-1.8-0.2-2.9-1-3.2c-0.8-0.4-1.8,0.1-2.5,1.2c-1.6,2.5-3.7,9.5-4,10.3v11.9h-1.1l0-12.1 c0.1-0.3,2.3-7.9,4.1-10.6c1-1.5,2.5-2.1,3.8-1.6c1.2,0.5,2.2,2.1,1.6,4.4l-1.4,6.1l6.4-6.4c0-8.5,1.4-13.8,4.2-15.7 c1.6-1.1,3.1-0.6,3.1-0.6l0.3,0.1v21.9l-0.2,0.2c-2,2-9.3,9.2-10.4,10.4V54.5z'/%3E%3Cpath class='st0' d='M26.4,63H9.5v-9h16.9V63z M10.5,62h14.8v-6.9H10.5V62z'/%3E%3Cpath class='st0' d='M23.8,54.5h-1.1V42.7c-0.2-0.8-2.4-7.8-4-10.3c-0.7-1.1-1.7-1.5-2.5-1.2c-0.8,0.3-1.4,1.5-1,3.2l2.2,9.7 l-9.3-9.3v-0.2c0-10.3-2-13.9-3.7-15.1C3.7,19.1,3,19,2.6,19.1v20.7C5.4,42.1,12.7,49.8,13,50.1l0.1,0.2v4.3h-1.1v-3.8 c-1.1-1.1-8-8.4-10.4-10.3l-0.2-0.2v-22l0.3-0.1c0.1,0,1.5-0.5,3.1,0.6c2.8,1.9,4.2,7.2,4.2,15.7l6.4,6.4l-1.4-6.1 c-0.6-2.3,0.4-3.9,1.6-4.4c1.3-0.6,2.8,0,3.8,1.6c1.8,2.7,4,10.3,4.1,10.6l0,0.2V54.5z'/%3E%3Cpath class='st0' d='M31.2,34l-13.7-8.2V9.8l-0.5-0.3l0.5-0.3V8.6l0.5,0.3L32.5,1l14.6,7.9l0.5-0.3v0.5l0.6,0.3l-0.6,0.3v15.9 L31.2,34z M31.7,17.8v14.7l14.8-7.4V10.4L31.7,17.8z M18.5,25.1l12.2,7.3V17.8l-12.2-7.3V25.1z M19,9.6l12.2,7.3l14.7-7.4L32.5,2.2 L19,9.6z'/%3E%3C/svg%3E");
}
.icon-widget.opus1 h3:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='opus1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='65px' height='64px' viewBox='0 0 65 64' style='enable-background:new 0 0 65 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .st0%7Bfill:%23FFFFFF;%7D%0A%5D%5D%3E%3C/style%3E%3Cpath class='st0' d='M64.1,26.9c0-0.9-0.9-0.3-1.1-0.1c-0.9,0.7-2.1,1.1-3.1,1.5c-0.9,0.3-1.9,0.6-2.8,1c-0.2,0.1-0.8,0.3-0.6,0.7 c0.1,0.2,1.4-0.2,1.6-0.2c0.5,0,1.3,0.2,0.7,0.7c-0.5,0.4-0.9,0.9-1.4,1.3c-1.4,1.3-2.9,2.7-4.1,4.2c-0.4,0.5-0.7,0.9-1.1,1.4 c-0.3,0.4,0,0.8,0.5,0.5c0.7,0,1.4-0.9,1.9-1.3c0.8-0.7,1.4-1.6,2-2.4c1.1-1.4,2.7-2.4,3.9-3.7c0.7-0.6,1.4-1.2,2-1.8 c0.3-0.3,0.7-0.6,1-1C63.8,27.5,63.9,27.2,64.1,26.9z'/%3E%3Cpath class='st0' d='M25.4,36.2c-1,0.4-2.6,1.5-3.7,0.9c-0.9-0.4,1.4-2.8,1.4-3.5c0-2-5.3,0.5-6.3,1c0.7-0.7,1.3-1.5,2-2.2 c0.5-0.5,1-0.8,1.5-1.2c0.3-0.3,0.6-0.5,0.8-0.9c0,0,0.4-0.9,0.3-0.9c-0.6-0.1-1.7,0.6-2.2,1c-0.5,0.4-0.9,0.9-1.4,1.3 c-0.8,0.6-1.6,1.2-2.5,1.7c-0.9,0.4-1.7,0.9-2.5,1.4c-0.6,0.3-1.1,0.7-1.7,1c-0.1,0.1-1.5,0.6-1,1c0.3,0.2,2.8-1.3,3.1-1.5 c1.1-0.5,2.2-1.1,3.4-1.6c-3,2.7-5.8,5.6-8.4,8.6c0.5,0,1.4,0.2,1.7-0.2c0.8-0.9,1.5-1.8,2.4-2.7c1.3-1.3,2.6-2.4,3.9-3.7 c1-0.9,3.1-2,4.4-2c0.4,0,1.1-0.1,1.3,0.3c0.1,0.4-0.4,0.8-0.6,1.2c-0.5,0.6-1,1.4-1.3,2.1c-0.1,0.9,1.4,0.6,1.9,0.6 c1.8-0.3,3.8-1,5.2-2.2C26.8,35.8,25.5,36.3,25.4,36.2 M40,36.1c-0.8,0.4-3.3,1.7-3.8,0.6c-0.6-1.1,1.3-2.9,2-3.7 c0.3-0.3,0.8-0.7,0.8-1.1c0-1.1-2.2,0.7-2.3,0.8c-0.8,0.7-1.5,1.6-2.5,2.1c-0.5,0.3-1,0.6-1.6,0.8c-0.9,0.5-1.9,1.1-2.9,1.4 c-1.4,0.3-0.9-1-0.3-1.6c0.5-0.5,1.1-1,1.7-1.4c0.5-0.4,1.2-0.8,1.4-1.4c0.3-0.4-0.1-0.7-0.5-0.8c-0.5-0.2-1,0.3-1.3,0.6 C29.9,33,29,33.8,28,34.5c-0.3,0.2-2.6,1.6-2.5,1.7c0.4-0.2,0.9-0.3,1.4-0.4c0.2,0,1.9-0.9,1.9-0.8c0.2,0.4-1.3,1.6-1.4,2 c-0.3,1.2,0.7,1.1,1.5,0.9c2.1-0.6,4.1-1.7,5.9-2.8c-0.2,0.5-0.4,0.9-0.4,1.4c-0.1,1.3,0.8,1.6,1.9,1.6c1,0,2.1-0.5,3-1 c0.3-0.1,2.1-0.8,2-1.3C41.1,35.8,40,36,40,36.1 M43.5,37.6c-0.4,1.1-0.9,2.5-2.1,3.1c-0.4,0.2-1.1,0.3-1.5,0.1 c-0.5-0.3,0-1.1,0.2-1.4C41,38.4,42.4,38,43.5,37.6 M49.7,35.2c0-0.6-0.4-0.3-0.6-0.1c-0.4,0.2-0.9,0.5-1.4,0.7 c-0.7,0.3-1.5,0.5-2.3,0.7c0.1-0.4,0.2-0.8,0.1-1.2c-0.1-0.6-0.4-1.3-0.4-1.9c0-0.8,0.6-1.3,1-1.9c0.2-0.3,0.2-0.7-0.2-0.7 c-0.4,0-0.6,0.5-0.8,0.7c-0.6,0.7-1.3,1.3-1.9,1.9c-0.5,0.5-1.1,0.9-1.5,1.4c-0.4,0.4-1.5,0.8-1.7,1.3c0.6-0.2,1.2-0.2,1.7-0.6 c0.8-0.6,1.6-1.3,2.4-1.9c0.5,0.8,0.4,2,0.1,2.8c-0.3,0.9-1.7,0.9-2.5,1.3c-1,0.4-2,0.9-2.5,1.9c-0.6,1.1,0.1,1.8,1.2,1.9 c2.3,0.2,4.4-1.9,5-4c0.2-0.6,1.9-0.8,2.4-1.1C48.1,36.1,49.7,35.6,49.7,35.2'/%3E%3Cpath class='st0' d='M15.7,23.8c0,0.4-0.5,0.9-0.7,1.3c-0.3,0.6-0.7,1.1-1.1,1.7c-0.8,1.2-1.8,2.4-2.7,3.5c-1.3,1.6-2.9,3-4.3,4.2 c-0.6,0.5-4.1,4-4.4,2.1c-0.4-2.1,1.8-4.7,3.3-6c0.8-0.7,1.2-1.7,1.9-2.5c0.7-0.7,1.5-1.2,2.2-1.8C10.7,25.6,14.9,21.7,15.7,23.8 M17.1,21.9c-1.3-1-3.7,0.9-4.7,1.6c-1.1,0.9-2.3,1.7-3.4,2.6c-2.1,1.6-4.2,3.4-5.9,5.4c-0.8,0.9-1.6,2-1.9,3.2 c-0.3,1-0.6,2.6,0.4,3.3c0.7,0.5,1.9-0.5,2.4-0.8c0.8-0.5,1.7-0.8,2.4-1.4c1.6-1.5,3.8-2.6,4.9-4.5c0.4-0.7,1-1.2,1.5-1.8 c0.6-0.7,1.2-1.3,1.8-2c0.8-0.9,1.5-2,2-3.1C16.9,23.9,17.5,22.4,17.1,21.9'/%3E%3C/svg%3E");
}

.page-template-page_tehtaviateemoista h2.kuunteleminen::before,
.home-top2 .kuunteleminen h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D%0A%3C/style%3E%3Cpath class='st0' d='M53.8,22.6c0-5-4-9-9-9c-5,0-9,4-9,9c0,7.1,6,6.5,6,12c0,3.3,2.7,6,6,6s6-2.7,6-6 M19.8,9.7 c-4.1,4.1-6.6,9.7-6.6,15.9c0,6.2,2.5,11.8,6.6,15.9 M11.4,1.3C5.1,7.5,1.3,16.1,1.3,25.6S5.1,43.8,11.4,50 M64.3,22.6 c0-10.8-8.7-19.5-19.5-19.5s-19.5,8.7-19.5,19.5c0,14.5,12,13.8,12,27c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5'/%3E%3Crect y='0' class='st1' width='65.5' height='64.4'/%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.mielikuvitus::before,
.home-top2 .mielikuvitus h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bfill:%23FCB316;%7D%0A%3C/style%3E%3Cpath class='st2' d='M43.5,62.1c-0.3,0-0.5-0.1-0.8-0.2c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0-0.1,0l-6.5-3.1c-1-0.5-1.4-1.7-0.9-2.7 c0.5-1,1.7-1.4,2.7-0.9l2.1,1l-7.7-20.9c-0.4-1,0.1-2.2,1.2-2.6c1-0.4,2.2,0.1,2.6,1.2L43.7,55l1.1-2.3c0.5-1,1.7-1.4,2.7-0.9 c1,0.5,1.4,1.7,0.9,2.7l-3.1,6.6c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c-0.2,0.4-0.6,0.8-1.1,1 c0,0,0,0,0,0l0,0c0,0,0,0-0.1,0c0,0,0,0,0,0C43.9,62,43.7,62.1,43.5,62.1z M27.3,55c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0,0,0-0.1,0 l0,0c0,0,0,0,0,0c-0.6-0.1-1.1-0.4-1.4-0.8l-4.2-5.9c-0.6-0.9-0.4-2.1,0.5-2.8c0.9-0.6,2.1-0.4,2.8,0.5l1.2,1.7l1.4-12.2 c0.1-1.1,1.1-1.9,2.2-1.8c1.1,0.1,1.9,1.1,1.8,2.2l-1.4,13l2.3-1.6c0.9-0.6,2.1-0.4,2.8,0.5s0.4,2.1-0.5,2.8l-5.9,4.2 C28.1,54.8,27.7,55,27.3,55z M8.9,48.4c-0.2,0-0.4,0-0.6-0.1l-6.9-2.2c0,0,0,0-0.1,0c0,0,0,0,0,0c-0.2-0.1-0.4-0.2-0.6-0.3 c-0.2-0.2-0.3-0.3-0.5-0.6c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0C0.1,45,0,44.7,0,44.5 c0-0.3,0-0.5,0.1-0.8l2.2-6.9c0.3-1,1.4-1.6,2.5-1.3c1,0.3,1.6,1.4,1.3,2.5l-0.7,2.3l18-9.8c1-0.5,2.2-0.2,2.7,0.8 c0.5,1,0.2,2.2-0.8,2.7L7.1,43.8l2.4,0.8c1,0.3,1.6,1.4,1.3,2.5C10.5,47.9,9.8,48.4,8.9,48.4z M57.6,42.4c-0.6,0-1.2-0.3-1.6-0.8 c-0.6-0.9-0.4-2.1,0.5-2.8l2.4-1.7L37,31.6c-1.1-0.3-1.7-1.3-1.4-2.4c0.3-1.1,1.4-1.7,2.4-1.4L58.8,33l-1.1-1.5 c-0.6-0.9-0.4-2.1,0.5-2.8c0.9-0.6,2.1-0.4,2.8,0.5l4.2,5.9c0,0,0,0,0,0c0.2,0.2,0.3,0.5,0.3,0.7c0,0.3,0,0.5,0,0.8 c0,0.1-0.1,0.2-0.1,0.3l0,0l0,0c0,0.1-0.1,0.2-0.2,0.3l0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0c-0.1,0.1-0.2,0.3-0.3,0.4l0,0c0,0,0,0,0,0 c-0.1,0-0.1,0.1-0.2,0.1l-5.9,4.2C58.4,42.3,58,42.4,57.6,42.4z M7.3,31.7c-0.6,0-1.2-0.3-1.6-0.8L1.5,25c-0.2-0.2-0.3-0.5-0.3-0.7 c-0.1-0.2-0.1-0.5,0-0.7c0,0,0,0,0,0v0c0,0,0,0,0-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0-0.3,0.1-0.5,0.3-0.7c0.1-0.2,0.3-0.4,0.5-0.6 L7.9,18c0.9-0.6,2.1-0.4,2.8,0.5c0.6,0.9,0.4,2.1-0.5,2.8l-2,1.4l15.5,2.7c1.1,0.2,1.8,1.2,1.6,2.3c-0.2,1.1-1.2,1.8-2.3,1.6 L7.5,26.6l1.4,2c0.6,0.9,0.4,2.1-0.5,2.8C8.1,31.6,7.7,31.7,7.3,31.7z M36.6,26.7c-0.6,0-1.1-0.2-1.5-0.7c-0.7-0.8-0.6-2.1,0.3-2.8 l15.8-13l-2.4-0.2c-1.1-0.1-1.9-1.1-1.8-2.2S48,5.9,49.1,6l7.2,0.7c0.5,0,1,0.3,1.3,0.7l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0 c0,0,0,0,0,0l0,0c0.3,0.4,0.5,0.9,0.4,1.4l0,0c0,0,0,0,0,0c0,0,0,0,0,0l-0.7,7.2c-0.1,1.1-1.1,1.9-2.2,1.8c-1.1-0.1-1.9-1.1-1.8-2.2 l0.2-2.5l-15.8,13C37.5,26.5,37,26.7,36.6,26.7z M27.2,25.9c-0.5,0-1.1-0.2-1.4-0.6L10.2,9l-0.1,2.6c0,1.1-1,2-2.1,1.9 c-1.1,0-2-1-1.9-2.1l0.3-7.3c0,0,0,0,0-0.1l0,0c0,0,0,0,0,0c0-0.5,0.2-0.9,0.6-1.3c0,0,0,0,0.1-0.1c0,0,0,0,0,0 C7.5,2.4,8,2.2,8.4,2.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0,0,0,0,0,0l7.3,0.3c1.1,0,2,1,1.9,2.1 c0,1.1-1,2-2.1,1.9l-2.4-0.1l15.4,16.2c0.8,0.8,0.7,2.1-0.1,2.8C28.2,25.8,27.7,25.9,27.2,25.9z M31.6,23.4c-0.1,0-0.2,0-0.3,0 c-1.1-0.2-1.8-1.2-1.6-2.3l1.3-7.4l-2,1.4c-0.9,0.6-2.1,0.4-2.8-0.5c-0.6-0.9-0.4-2.1,0.5-2.8l5.9-4.2c0,0,0.1-0.1,0.1-0.1 c0.4-0.2,0.9-0.3,1.3-0.3c0,0,0,0,0,0c0.5,0.1,1,0.4,1.3,0.8l4.2,5.9c0.6,0.9,0.4,2.1-0.5,2.8c-0.9,0.6-2.1,0.4-2.8-0.5l-1.4-2 l-1.3,7.4C33.4,22.7,32.6,23.4,31.6,23.4z'/%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.elementit::before,
.home-top2 .elementit h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='0.1' y='10' width='65.3' height='45.9'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cpath class='st3' d='M47.1,56H1.2c-0.6,0-1.2-0.5-1.2-1.2v-8.7c0-0.6,0.5-1.2,1.2-1.2h45.8c0.6,0,1.2,0.5,1.2,1.2v8.7 C48.2,55.5,47.7,56,47.1,56z M2.4,53.7h43.5v-6.4H2.4V53.7z M55.7,38.5H9.8c-0.6,0-1.2-0.5-1.2-1.2v-8.7c0-0.6,0.5-1.2,1.2-1.2 h45.8c0.6,0,1.2,0.5,1.2,1.2v8.7C56.8,38,56.3,38.5,55.7,38.5z M11,36.2h43.5v-6.4H11V36.2z M64.3,21.1H18.4 c-0.6,0-1.2-0.5-1.2-1.2v-8.7c0-0.6,0.5-1.2,1.2-1.2h45.8c0.6,0,1.2,0.5,1.2,1.2v8.7C65.4,20.5,64.9,21.1,64.3,21.1z M19.6,18.8 h43.5v-6.4H19.6V18.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.rakenteet::before,
.home-top2 .rakenteet h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D .st4%7Bclip-path:url%28%23SVGID_4_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='3.3' y='0.1' width='58.9' height='64.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath style='clip-path:url%28%23SVGID_2_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;' d=' M15.2,61.7c-1.5,0-2.7-1.2-2.7-2.7V51 M12.5,41.6v4 M60.9,34.9v9.4 M20.6,41.6v6.7 M55.5,52.3c0,1.5-1.2,2.7-2.7,2.7 M42.1,55h5.4 M36.7,55c-3,0-5.4-2.4-5.4-5.4 M31.3,40.3v2.7 M20.6,36.2v-6.7c0-3.2,1.4-6.1,3.7-8.1 M31.3,18.8c5.9,0,10.7,4.8,10.7,10.7 M42.1,36.2v2.7c0,3,2.4,5.4,5.4,5.4 M52.8,38.9v-9.4c0-3.9-1.1-7.5-3-10.5 M44.8,13.4c-3.4-2.5-7.6-4-12.1-4 c-5.6,0-10.7,2.3-14.4,6 M14.9,20c-1.5,2.8-2.4,6.1-2.4,9.5v6.7 M20.6,53.7c0,5.2,4.2,9.4,9.4,9.4H38 M46.1,63.1h5.4 c5.2,0,9.4-4.2,9.4-9.4v-4 M60.9,29.5c0-8.4-3.6-15.9-9.4-21 M44.8,4C41.1,2.3,37,1.3,32.7,1.3c-1.3,0-2.6,0.1-3.9,0.3 M21.9,3.5 c-1.9,0.8-3.6,1.7-5.3,2.9 M11.3,11.1c-0.6,0.7-1.2,1.4-1.7,2.2c-3.2,4.6-5.1,10.2-5.1,16.2v22.8 M31.3,28.2v6.7'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.musiikkiteknologia::before,
.home-top2 .musiikkiteknologia h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D .st4%7Bclip-path:url%28%23SVGID_4_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st3' d='M64.2,63.3H47.6c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3S64.9,63.3,64.2,63.3z M41,63.3H24.5c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3S41.8,63.3,41,63.3z M17.9,63.3H1.3 c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3S18.6,63.3,17.9,63.3z M64.2,56.7H47.6c-0.7,0-1.3-0.6-1.3-1.3 c0-0.7,0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3C65.5,56.1,64.9,56.7,64.2,56.7z M41,56.7H24.5c-0.7,0-1.3-0.6-1.3-1.3 c0-0.7,0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3C42.4,56.1,41.8,56.7,41,56.7z M17.9,56.7H1.3c-0.7,0-1.3-0.6-1.3-1.3 C0,54.6,0.6,54,1.3,54h16.5c0.7,0,1.3,0.6,1.3,1.3C19.2,56.1,18.6,56.7,17.9,56.7z M64.2,50H47.6c-0.7,0-1.3-0.6-1.3-1.3 s0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3S64.9,50,64.2,50z M41,50H24.5c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3H41 c0.7,0,1.3,0.6,1.3,1.3S41.8,50,41,50z M17.9,50H1.3C0.6,50,0,49.4,0,48.7s0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3 S18.6,50,17.9,50z M41,43.4H24.5c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3 C42.4,42.8,41.8,43.4,41,43.4z M17.9,43.4H1.3c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3 C19.2,42.8,18.6,43.4,17.9,43.4z M41,36.8H24.5c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3 S41.8,36.8,41,36.8z M17.9,36.8H1.3c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h16.5c0.7,0,1.3,0.6,1.3,1.3S18.6,36.8,17.9,36.8z M41,30.2H24.5c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3C42.4,29.6,41.8,30.2,41,30.2z M41,23.6 H24.5c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3C42.4,23,41.8,23.6,41,23.6z M41,17H24.5 c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3S41.8,17,41,17z M41,10.3H24.5c-0.7,0-1.3-0.6-1.3-1.3 c0-0.7,0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3C42.4,9.8,41.8,10.3,41,10.3z M41,3.7H24.5c-0.7,0-1.3-0.6-1.3-1.3 s0.6-1.3,1.3-1.3H41c0.7,0,1.3,0.6,1.3,1.3S41.8,3.7,41,3.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.notaatio::before,
.home-top2 .notaatio h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D .st4%7Bclip-path:url%28%23SVGID_4_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st3' d='M41.8,62.9c-3.4,0-7-1.8-7-7c0-5.2,3.6-7,7-7h4.1V36.4c0-0.5,0.2-0.9,0.6-1.2l16.7-11.1c0.4-0.3,1-0.3,1.5-0.1 c0.5,0.3,0.8,0.7,0.8,1.3v25c0,4.2-4.2,4.2-7,4.2c-3.4,0-7-1.8-7-7c0-5.2,3.6-7,7-7h4.1V28l-13.8,9.2v21.5 C48.8,62.9,44.6,62.9,41.8,62.9z M41.8,51.7c-1.9,0-4.1,0.7-4.1,4.1c0,3.4,2.2,4.1,4.1,4.1c3.5,0,4.1-0.3,4.1-1.3v-6.9H41.8z M58.5,43.4c-1.9,0-4.1,0.7-4.1,4.1c0,3.4,2.2,4.1,4.1,4.1c3.5,0,4.1-0.3,4.1-1.3v-6.9H58.5z M32.1,48.9H9.8 c-0.8,0-1.4-0.6-1.4-1.4S9,46,9.8,46h22.2c0.8,0,1.4,0.6,1.4,1.4S32.9,48.9,32.1,48.9z M4.3,48.9H1.5c-0.8,0-1.4-0.6-1.4-1.4 S0.7,46,1.5,46h2.8c0.8,0,1.4,0.6,1.4,1.4S5.1,48.9,4.3,48.9z M32.1,37.8H9.8c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h22.2 c0.8,0,1.4,0.6,1.4,1.4S32.9,37.8,32.1,37.8z M4.3,37.8H1.5c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h2.8c0.8,0,1.4,0.6,1.4,1.4 S5.1,37.8,4.3,37.8z M48.7,26.7H9.8c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h38.9c0.8,0,1.4,0.6,1.4,1.4S49.5,26.7,48.7,26.7z M4.3,26.7H1.5c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h2.8c0.8,0,1.4,0.6,1.4,1.4S5.1,26.7,4.3,26.7z M51.5,15.6H9.8 c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h41.7c0.8,0,1.4,0.6,1.4,1.4S52.3,15.6,51.5,15.6z M4.3,15.6H1.5c-0.8,0-1.4-0.6-1.4-1.4 s0.6-1.4,1.4-1.4h2.8c0.8,0,1.4,0.6,1.4,1.4S5.1,15.6,4.3,15.6z M51.5,4.5H9.8C9,4.5,8.4,3.8,8.4,3S9,1.6,9.8,1.6h41.7 C52.3,1.6,53,2.2,53,3S52.3,4.5,51.5,4.5z M4.3,4.5H1.5C0.7,4.5,0,3.8,0,3s0.6-1.4,1.4-1.4h2.8c0.8,0,1.4,0.6,1.4,1.4 S5.1,4.5,4.3,4.5z'/%3E%3C/g%3E%3Cg%3E%3Crect x='-8.5' y='-20' class='st1' width='56.5' height='52.9'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.soittaminen::before,
.home-top2 .soittaminen h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFB300;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M21.5,64c-4.5,0-9.3-2-13-5.7c-5.6-5.6-7.3-13.8-4-19.8c2.6-4.7,7.6-6.9,13.7-6c0.7-3.3,2.8-5.9,5.8-7.2 c3.4-1.6,7.5-1.2,11.1,0.9l8.2-8.2L43,17.6c-0.2-0.2-0.4-0.6-0.4-0.9c0-0.3,0.1-0.7,0.4-0.9l2.8-2.8l-1.6-1.6 c-0.5-0.5-0.5-1.3,0-1.8s1.3-0.5,1.8,0l1.6,1.6l1.9-1.9l-1.6-1.6c-0.5-0.5-0.5-1.3,0-1.8c0.5-0.5,1.3-0.5,1.8,0l1.6,1.6L52.9,6 c0.5-0.5,1.3-0.5,1.8,0l6.2,6.2c0.2,0.2,0.4,0.6,0.4,0.9c0,0.3-0.1,0.7-0.4,0.9l-1.6,1.6l1.6,1.6c0.5,0.5,0.5,1.3,0,1.8 s-1.3,0.5-1.8,0l-1.6-1.6l-1.9,1.9l1.6,1.6c0.5,0.5,0.5,1.3,0,1.8s-1.3,0.5-1.8,0L53.8,21L51,23.8c-0.5,0.5-1.3,0.5-1.8,0l-0.3-0.3 l-8.2,8.2c2.1,3.6,2.5,7.6,0.9,11.1c-1.3,3-4,5.1-7.2,5.8c0.9,6.1-1.3,11.2-6,13.7C26.2,63.5,23.9,64,21.5,64z M15.5,34.9 c-4,0-7.1,1.7-8.8,4.9C4.4,44,4.9,51.1,10.3,56.5c4.8,4.8,11.7,6.3,16.8,3.6c4.1-2.2,5.7-6.7,4.5-12.3c-0.1-0.4,0-0.7,0.2-1 c0.2-0.3,0.5-0.5,0.9-0.5c3-0.3,5.4-2,6.6-4.6c1.3-2.9,0.8-6.4-1.3-9.5c-0.4-0.5-0.3-1.2,0.1-1.6l9.9-9.9c0.5-0.5,1.3-0.5,1.8,0 l0.3,0.3l2.8-2.8c0,0,0,0,0,0s0,0,0,0l3.6-3.6c0,0,0,0,0,0s0,0,0,0l1.5-1.5l-4.4-4.4l-8.1,8.1l0.3,0.3c0.2,0.2,0.4,0.6,0.4,0.9 c0,0.3-0.1,0.7-0.4,0.9l-9.9,9.9c-0.4,0.4-1.1,0.5-1.6,0.1c-3-2.1-6.6-2.6-9.5-1.3c-2.6,1.2-4.2,3.6-4.6,6.5c0,0.4-0.2,0.7-0.5,0.9 c-0.3,0.2-0.7,0.3-1,0.2C17.8,35,16.6,34.9,15.5,34.9z M18.1,57c-0.3,0-0.7-0.1-0.9-0.4l-7-7c-0.5-0.5-0.5-1.3,0-1.8s1.3-0.5,1.8,0 l7,7c0.5,0.5,0.5,1.3,0,1.8C18.7,56.8,18.4,57,18.1,57z M28.6,44.4c-1.6,0-3.2-0.6-4.4-1.8c-1.2-1.2-1.8-2.7-1.8-4.4 c0-1.7,0.6-3.2,1.8-4.4c2.4-2.4,6.4-2.4,8.8,0c2.4,2.4,2.4,6.4,0,8.8c0,0,0,0,0,0C31.7,43.8,30.1,44.4,28.6,44.4z M28.6,34.6 c-0.9,0-1.9,0.4-2.6,1.1c-0.7,0.7-1.1,1.6-1.1,2.6c0,1,0.4,1.9,1.1,2.6c1.4,1.4,3.7,1.4,5.2,0c1.4-1.4,1.4-3.8,0-5.2 C30.4,34.9,29.5,34.6,28.6,34.6z M32,41.7L32,41.7L32,41.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M25.7,18.5c-2.3,0-3.7-1.4-3.7-3.7c0-2.2,1.5-3.7,3.8-3.7h1.1v-5c0-0.4,0.2-0.9,0.6-1.1l8-4.9 c0.4-0.2,0.9-0.2,1.3,0c0.4,0.2,0.7,0.6,0.7,1.1v12.3c0,2.5-2.8,2.5-4,2.5c-1.9,0-3.9-1.4-3.9-4c0-2.8,1.9-4,3.6-4h1.7V3.5 l-5.5,3.4V16C29.3,18.5,26.8,18.5,25.7,18.5z M25.7,13.7c-1.1,0-1.2,0.6-1.2,1.1c0,0.7,0.2,1.1,1.2,1.1c0.3,0,0.9,0,1.1-0.1v-2.2 H25.7z M33.1,10.5c-0.7,0-1.1,0.5-1.1,1.5c0,1.2,0.8,1.5,1.3,1.5c0.4,0,1.1,0,1.4-0.1v-2.9H33.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.sovittaminen::before,
.home-top2 .sovittaminen h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D .st4%7Bclip-path:url%28%23SVGID_4_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st3' d='M32.6,64.4c-0.7,0-1.2-0.5-1.2-1.2V1.3c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v61.9 C33.8,63.8,33.2,64.4,32.6,64.4z M24.1,61.6c-0.7,0-1.2-0.5-1.2-1.2V9.7c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v50.6 C25.3,61,24.8,61.6,24.1,61.6z M41,58.8c-0.7,0-1.2-0.5-1.2-1.2V6.9c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v50.6 C42.2,58.2,41.7,58.8,41,58.8z M49.4,50.3c-0.7,0-1.2-0.5-1.2-1.2V21c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v28.1 C50.6,49.8,50.1,50.3,49.4,50.3z M15.7,50.3c-0.7,0-1.2-0.5-1.2-1.2V21c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v28.1 C16.9,49.8,16.4,50.3,15.7,50.3z M57.9,47.5c-0.7,0-1.2-0.5-1.2-1.2V23.8c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v22.5 C59.1,47,58.5,47.5,57.9,47.5z M7.2,47.5C6.6,47.5,6,47,6,46.3V23.8c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v22.5 C8.5,47,7.9,47.5,7.2,47.5z M63.5,39.1c-0.7,0-1.2-0.5-1.2-1.2v-5.6c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v5.6 C64.7,38.5,64.2,39.1,63.5,39.1z M1.6,39.1c-0.7,0-1.2-0.5-1.2-1.2v-5.6c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v5.6 C2.8,38.5,2.3,39.1,1.6,39.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.tyylilajit::before,
.home-top2 .tyylilajit h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D .st4%7Bclip-path:url%28%23SVGID_4_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st3' d='M48.3,64.3H16c-0.7,0-1.2-0.5-1.2-1.2v-35c-5.4-0.6-9.4-5-9.4-10.6c0-5.9,4.8-10.6,10.6-10.6 c1.3,0,2.6,0.2,3.8,0.7c1.9-4.2,7.2-7.4,12.5-7.4c5.2,0,10.4,3.2,12.4,7.4c1.2-0.5,2.5-0.7,3.8-0.7c5.9,0,10.6,4.8,10.6,10.6 c0,5.6-4.1,10-9.5,10.6v35C49.5,63.8,49,64.3,48.3,64.3z M17.2,61.9h29.9v-8.4H17.2V61.9z M41.4,51.2h5.7V27c0-0.7,0.5-1.2,1.2-1.2 c4.7,0,8.3-3.6,8.3-8.2c0-4.5-3.7-8.2-8.2-8.2c-1.4,0-2.7,0.3-3.9,1c-0.3,0.2-0.7,0.2-1,0c-0.3-0.1-0.6-0.4-0.7-0.8 c-1.1-3.8-5.9-7-10.6-7c-4.7,0-9.6,3.2-10.6,7c-0.1,0.4-0.4,0.6-0.7,0.8c-0.3,0.1-0.7,0.1-1,0c-1.2-0.6-2.5-1-3.9-1 c-4.5,0-8.2,3.7-8.2,8.2c0,4.6,3.6,8.2,8.2,8.2c0.7,0,1.2,0.5,1.2,1.2v24.2h5.7v-9.6c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v9.6 h5.7V38.9c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v12.3H39v-9.6c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2V51.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-page_tehtaviateemoista h2.vuorovaikutus::before,
.home-top2 .vuorovaikutus h3::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65.5 64.4' style='enable-background:new 0 0 65.5 64.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;%7D .st3%7Bfill:%23FCB316;%7D .st4%7Bclip-path:url%28%23SVGID_4_%29;fill:none;stroke:%23FCB316;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st3' d='M62.8,64.3c-0.1,0-0.3,0-0.4-0.1l-10.5-3.9c-6.2,2.6-13.2,1.9-18.9-1.7c-5.2-3.4-8.4-8.9-8.4-14.7 c0-9.6,9.3-17.7,20.4-17.7c11.1,0,20.4,8.1,20.4,17.7c0,4.4-1.8,8.2-5.2,11.3l3.7,7.3c0.2,0.5,0.2,1-0.2,1.4 C63.5,64.1,63.2,64.3,62.8,64.3z M51.9,57.7c0.1,0,0.3,0,0.4,0.1l8,3l-2.7-5.4c-0.3-0.5-0.1-1.2,0.3-1.5c3.3-2.7,5-6,5-10 c0-8.2-8.2-15.2-17.9-15.2c-9.7,0-17.9,6.9-17.9,15.2c0,4.9,2.7,9.6,7.2,12.6c5.1,3.3,11.4,3.8,17,1.3 C51.5,57.7,51.7,57.7,51.9,57.7z M2.6,45.1c-0.4,0-0.7-0.2-0.9-0.4c-0.3-0.4-0.4-1-0.1-1.4l5-8.7C2.4,30.9,0,25.8,0,20.4 C0,9.3,11,0.2,24.5,0.2C38,0.2,49,9.3,49,20.4c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2c0-9.8-9.9-17.7-22-17.7 c-12.1,0-22,8-22,17.7c0,5,2.3,9.6,6.4,12.9c0.5,0.4,0.6,1.1,0.3,1.6l-3.7,6.5l10.4-4.1c0.3-0.1,0.6-0.1,0.8,0 c1.2,0.4,2.5,0.6,3.7,0.8c0.7,0.1,1.2,0.7,1.1,1.4c-0.1,0.7-0.7,1.2-1.4,1.1c-1.3-0.2-2.5-0.4-3.7-0.8L3.1,45 C3,45.1,2.8,45.1,2.6,45.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st3' d='M16.6,29.5c-2.2,0-3.9-1.8-3.9-3.9s1.8-3.9,3.9-3.9H18v-9.4c0-0.5,0.3-1,0.8-1.2l9.9-4 c0.4-0.2,0.8-0.1,1.2,0.1c0.3,0.2,0.6,0.6,0.6,1V22c0,2.1-1.8,3.9-3.9,3.9c-2.2,0-3.9-1.8-3.9-3.9c0-2.2,1.8-3.9,3.9-3.9h1.4v-8 l-7.4,3v12.5C20.5,27.6,18.7,29.5,16.6,29.5z M16.6,24.1c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4c0.8,0,1.4-0.8,1.4-1.4v-1.4H16.6z M26.5,20.6c-0.8,0-1.4,0.6-1.4,1.4c0,0.8,0.6,1.4,1.4,1.4c0.8,0,1.4-0.8,1.4-1.4v-1.4H26.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st3' d='M43.8,53.2c-2.2,0-4-1.8-4-3.9s1.8-3.9,4-3.9h1.5V34.1c0-0.7,0.6-1.3,1.3-1.3s1.3,0.6,1.3,1.3 c0,0.8,0.2,1.2,0.8,1.6c5,3.3,3.2,7.7,2.2,10.4l-0.2,0.5c-0.3,0.6-1,1-1.6,0.7c-0.6-0.3-1-1-0.7-1.6l0.2-0.5c1.2-3,1.8-5.1-0.6-7 v11.1C47.8,51.4,46,53.2,43.8,53.2z M43.8,47.9c-0.8,0-1.5,0.6-1.5,1.4s0.7,1.4,1.5,1.4c0.8,0,1.5-0.8,1.5-1.4v-1.4H43.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
/* Featured Content
--------------------------------------------- */

.after-entry .widget.featured-content,
.featured-content,
.home-bottom .widget.featured-content,
.sidebar .widget.featured-content {
	border-bottom-width: 0;
	padding: 0;
}

.after-entry .featured-content .widget-title,
.featured-content .widget-title {
	margin: 0;
	padding: 30px 40px;
}

.featured-content .entry {
	background: none;
	border: none;
	box-shadow: none;
}

.sidebar .featured-content .entry {
	background: linear-gradient( to left,  #ffffff 0%, #ffffff 35%, #b6b6b6 35%, #b6b6b6 100% ) left bottom #ffffff no-repeat;
	background-size: 100% 2px;
}


.featured-content .entry-header {
	margin: 0;
}

.featured-content .entry-title {
	font-size: 20px;
	margin: 0;
}

.featured-content .entry-content {

}

.featured-content .alignnone {
	background: #f8f8f8;
	border-bottom: 1px solid #ececec;
	margin-bottom: 0;
}

.featured-content img {
	margin-bottom: -7px;
}

.entry-content .more-link,
.featured-content .more-link {
	display: inline;
	font-weight: 700;
	margin-top: 0px;
	color: #111;
}

.featured-content .more-from-category,
.featured-content ul {
/*	border-bottom: 1px solid #ececec; */
	margin: 0;
	padding: 0px;
}

.footer-widgets  .featured-content .alignnone {
	margin-bottom: 24px;
}

.footer-widgets .featured-content .entry {
	background: none;
	border: none;
	margin-bottom: 30px;
}

.footer-widgets .featured-content .entry-header,
.footer-widgets .featured-content .more-from-category,
.footer-widgets .featured-content ul {
	border: none;
	padding: 0 0 10px;
}

.footer-widgets .featured-content .entry-content {
	padding: 0;
}


/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget input {
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 24px;
}

/* Genesis Responsive Slider
--------------------------------------------- */

.home-top .genesis_responsive_slider {
	margin: 0;
}

.site-container #genesis-responsive-slider {
	border-width: 0;
	padding: 0;
}

.site-container #genesis-responsive-slider .flex-control-nav {
	margin-top: -40px;
}

.site-container #genesis-responsive-slider .more-link {
	float: none;
	text-align: center;
}

.site-container #genesis-responsive-slider li {
	border-width: 0;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* Gravity Forms
--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	padding: 16px;
}

div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: transparent;
	min-height: 150px;
	position: absolute;
	width: 100%;
	z-index:200;
}

.site-header .wrap {
	padding: 40px 0 0px;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 0 0 4px;
	width: 250px;
}

.header-full-width .title-area {
	width: 100%;
}

.site-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
}

.header-image .site-title > a {
	background-position: top !important;
	background-size: contain !important;
	float: left;
	min-height: 120px;
	width: 100%;
}

.site-description {
	color: #aaa;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 720px;
}

.site-header .widget-area .widget:last-of-type,
.site-header .widget-area .widget:last-of-type .search-form {
	margin-bottom: 0;
}

.site-header .genesis-nav-menu li {
	border: none;
	margin: 0;
	padding: 0;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	font-family: 'Karla', sans-serif;
	font-weight:400;
	font-size: 14px;
	line-height: 1.2;
	width: 100%;
	padding: 40px 0 0px;
}

.genesis-nav-menu a {
	color: #fff;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	display: block;
	padding: 10px 24px;
	font-size: 24px;
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #fff;
}
.genesis-nav-menu a:hover {
	opacity:0.7;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	border-top: none;
	color: #b4b4b4;
	font-size: 15px;
	padding: 15px 24px;
	position: relative;
	width: 290px;
	background-color: #222;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.5px;
/*	border-bottom: 2px solid #3c3c3c; */
}

.genesis-nav-menu .sub-menu a {
	background: linear-gradient( to left,  #222 0%, #222 19%, #3c3c3c 21%, #3c3c3c 79%, #222 81%, #222 100% ) left bottom #222 no-repeat;
	background-size: 100% 1px;
}
.genesis-nav-menu .sub-menu li:last-child a {
	background: #222;
}

.genesis-nav-menu .sub-menu li:first-child a {
	padding-top: 18px;
}
.genesis-nav-menu .sub-menu li:last-child a {
	padding-bottom: 24px;
}

.genesis-nav-menu .sub-menu li a:hover {
	background-color: #000;
	opacity: 1;
	color: #ffffff;
}
.genesis-nav-menu .sub-menu .sub-menu {
	margin: -52px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	float: right;
	list-style-type: none;
	padding: 0;
}

.genesis-nav-menu > .date,
.genesis-nav-menu > .right > a {
	display: inline-block;
	padding: 20px 24px;
}

.genesis-nav-menu > .search {
	padding: 8px 0 0;
}

.genesis-nav-menu > .search input {
	font-size: 12px;
	padding: 12px 20px;
}

.genesis-nav-menu .sub-menu .menu-item-263 a {
	color: #dcdc2c;
}
.genesis-nav-menu .sub-menu .menu-item-263 a:hover {
	color: #ffffff;
}


/* Site Header Navigation
--------------------------------------------- */

.site-header .widget_nav_menu {
	color: #333;
	padding-top: 12px;
}

.site-header .genesis-nav-menu li li {
	margin-left: 0;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #333;
}

.nav-primary,
.nav-primary a {
	color: #fff;
}

.nav-primary .sub-menu {
	border-color: #222;
}

.nav-primary .sub-menu a {
	background-color: #333;
	border-color: #222;
	color: #fff;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.nav-secondary .genesis-nav-menu a {
	padding: 6px 20px;
}

.site-footer .nav-secondary .genesis-nav-menu a {
	color: #aaa;
}

.nav-secondary .genesis-nav-menu a:hover {
	color: #4a6b00;
}

/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
color: #ffffff;
}

.responsive-menu-icon::before {
	content: "\f333";
	display: block;
	font: normal 48px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

.site-header .responsive-menu-icon::before {
	padding: 0;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */

.header-section {
	background-color: #78118c;
/*	height: 90vh;
	min-height: 880px; */
	/*background: url(images/header-bg.jpg) no-repeat;*/
	background-size:cover;
/*    position:relative; */
}
.header-section .overlay {
	padding-bottom: 12vw;
	/*background: rgba(120, 17, 140, 0.74);*/ /* rgba(83, 44, 83, 0.75); */
/*	position:absolute;
	left:0;
	right:0;
	height:100%; */
}

.home-top {
	padding: 5vw 0;
    background-color: #fff;
    text-align: center;
}
/*.home-top img {
	max-width:90px;
}

.home-top .widget {
	margin:0;
}

.home-top .entry {
	background: none;
}

.home-top .featured-content a.alignleft,
.home-top .featured-content a.alignnone,
.home-top .featured-content a.alignright {
	margin-bottom: 0;
}

.home-top a.alignleft,
.home-top a.alignright {
	width: 66%;
}

.home-top .featured-content,
.home-top .featured-content .entry {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.home-top .featured-content .entry-header {
	border: none;
	padding: 10% 40px 0;
}

.home-top .featured-content .entry-title {
	font-size: 30px;
}

.home-top .featured-content .entry-content {
	padding: 0 40px;
}

.home-top .more-link {
	display: table;
	text-align: center;
}*/

.home-bottom .widget {
	background-color: #fff;
	border-radius: 3px;
	float: left;
	margin-left: 2.564102564102564%;
	padding: 40px;
	width: 31.623931623931625%;
}

.home-bottom .widget:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}
.header-section h2 {
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size: 28px;
	letter-spacing: 6px;
}
.home-articles .widget-title {
	color:#111;
}
/* Entries
--------------------------------------------- */

.header-bar {
	background-size: cover;
	background-position: center center;
/*	position: relative; */
}
.header-bar .header-bar-content {
/*	position:absolute;
	height:100%;
	left:0;
	right:0; */
	background: rgba(146, 94, 83, 0.74); /* rgba(83, 44, 83, 0.75); */
	min-height:220px;
}
.single .header-bar .header-bar-content {
	background: rgba(220, 59, 61, 0.74);
}

.header-bar .header-bar-excerpt-area {
	/*padding-top: 272px;
	padding-bottom: 176px;*/
	padding-top: 242px;
	padding-bottom: 146px;
	font-size: 1.6em;
	letter-spacing: 0;
	width: 65%;
	margin: 0px auto;
/*	font-family: 'Karla', sans-serif; */
	font-weight:700;
	color: #fff;
	text-align: center;
	font-style: italic;
}
.entry {
	background-color: #fff;
	margin-bottom: 40px;
}
.sidebar .featured-content.widget {
	padding-top: 12px;
}
.sidebar .featured-content .entry {
	margin-bottom: 24px;
}
.sidebar .featured-content .entry h2 {
	font-weight: 400;
}

.entry-header {
	padding: 15px 0;
}
.sidebar .featured-content .entry-header {
	padding: 0px 0 24px;
}

.entry-content ol,
.entry-content p,
.entry-content ul {
	margin-bottom: 20px;
}

.entry-content ol,
.entry-content ul {
	margin-left: 40px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	color: #505050;
	font-size: 14px;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Karla', sans-serif;
}

.entry-meta a {
	font-weight: 700;
}

.entry-header .entry-meta {
	margin: 10px 0 0;
}

.entry-footer {
	margin-top: 22px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #ececec;
	margin: 0 -40px;
	padding: 40px 40px 0;
}

.entry-tags {
	float: right;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	background-color: #fff;
	border: 1px solid #ececec;
	box-shadow: 0 1px #ececec;
	margin-bottom: 40px;
}

.after-entry .widget {
	margin: 0;
	padding: 40px;
}

.after-entry .widget-title {
	border-top: 1px solid #ececec;
	margin: -40px -40px 30px;
	padding: 30px 40px;
}

.after-entry .widget:first-child .widget-title {
	border-top: 0;
}

.after-entry .featured-content .entry:last-of-type,
.after-entry .featured-content .more-from-category {
	border-bottom: none;
}

.after-entry .featured-content .more-from-category {
	padding: 20px 40px;
}

.after-entry li {
	list-style-type: none;
}

/* Pagination
--------------------------------------------- */

.pagination {
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #fff;
	border: 1px solid #ececec;
	box-shadow: 0 1px #ececec;
	color: #333;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
	background-color: #4a6b00;
	color: #fff;
}

.entry-pagination.pagination {
	margin: 0 0 10px;
}

.tax-taitotaso .archive-pagination,
.tax-ryhman-koko .archive-pagination,
.tax-vahimmaiskesto .archive-pagination,
.tax-valineet .archive-pagination,
.tax-laatija .archive-pagination,
.tax-teema-kuunteleminen .archive-pagination,
.post-type-archive-tehtavat .archive-pagination {
	display: none;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	border: 1px solid #ececec;
	box-shadow: 0 1px #ececec;
	margin-bottom: 40px;
}

.comment-respond {
	padding: 40px 40px 16px;
}

.comment-respond h3 {
	border-bottom: 1px solid #ececec;
	margin: -40px -40px 40px;
	padding: 30px 40px;
}

.entry-comments {
	border-bottom-width: 0;
}

.entry-comments h3,
.entry-pings h3 {
	border-bottom: 1px solid #ececec;
	margin: 0;
	padding: 30px 40px;
}

.comment-list li.depth-1 {
	border-bottom: 1px solid #ececec;
	padding-bottom: 40px;
}

.comment-content {
	clear: both;
}

.comment-list li {
	padding: 40px 40px 0;
}

.comment-list li li {
	padding-right: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.entry-comments .comment-author,
.entry-comments .comment-author a {
	color: #333;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	margin-bottom: 0;
}

.comment-meta,
.comment-meta a {
	color: #aaa;
	font-size: 14px;
}

.entry-comments .comment-author a:hover,
.comment-meta a:hover {
	color: #4a6b00;
}

.ping-list li {
	padding: 40px 40px 16px;
}

.entry-pings .reply {
	display: none;
}

.comment-reply-link {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	padding: 24px;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar .widget {
	background-color: #fff;
	padding: 40px;
}


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #222;
	background-image: url('images/footer-widgets-bg.jpg');
	background-size:cover;
	clear: both;
	padding-top: 6vw;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	color:#dcdcdc;
}
.footer-widgets .wrap {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer-widgets a {
	color:#dcdcdc;
}
.footer-widgets a:hover {
	color:#ffffff;
}
.footer-widgets-2 a {
	color: #b4b4b4;
}

.footer-widgets input {
	border: 1px solid #333;
}

.footer-widgets li {
	margin-bottom: 4px;
	padding-bottom: 2px;
}

.footer-widgets-2,
.footer-widgets-3 {
	width:48%;
	margin:1%;
}

.footer-widgets-1 {
	width:100%;
}
.footer-widgets-1 img {
	max-width:182px;
}
.footer-widgets-2,
.footer-widgets-3 {
	width:40%;
}

.footer-widgets h5 {
	color: #ffffff;
}
.footer-tekijat {
	padding-top: 48px;
	color: #808080;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #fff;
	border-top: 1px solid #ececec;
	color: #aaa;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 40px 0;
	text-align: center;
	text-transform: uppercase;
}

.site-footer a {
	color: #aaa;
}

.site-footer a:hover {
	color: #4a6b00;
}

.site-footer p {
	margin-bottom: 0;
}


/*
Kustomoinnit
---------------------------------------------------------------------------------------------------- */

.teemahakurajaus {
	width: 100%;
	padding-bottom: 48px;
	color: #3d3b83;
}
.teemahakurajaus .checkbox {
	float: left;
	margin-right: 12px;
}

.teemahakurajaus input[type="checkbox"] {
	margin-right: 8px;
}
.nakymahakurajaus .checkbox {
	position: relative;
	padding-left: 22px;
}
.nakymahakurajaus input[type="checkbox"] {
	position: absolute;
	top: 6px;
	left: 0px;
}

.nakymahakurajaus {
	width: 27%;
	float: left;
	color: #707070;
	position: relative;
	padding-bottom: 16px;
}
.nakymahakurajaus .form-group {
	padding-top: 16px;
	margin: 0px 0px 20px;
	border-top: 1px solid #ccc;
}
.nakymahakurajaus strong {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #000000;
	font-size: 16px;
	letter-spacing: 4px;
	display: block;
	padding-bottom: 4px;
}
.nakymahakurajaus h4 {
	font-size: 18px;
	margin-bottom: 8px;
	margin-top: 0px;
	padding: 1px 0px 10px 44px;
}
.nakymahakurajaus h4::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 38' style='enable-background:new 0 0 64 38;' xml:space='preserve'%3E%3Cpath d='M32,38C14.7,38,1,20.9,0.4,20.2c-0.5-0.7-0.5-1.7,0-2.3C1,17.1,14.7,0,32,0c17.4,0,31,17.1,31.6,17.8c0.5,0.7,0.5,1.7,0,2.3 C63,20.9,49.4,38,32,38z M4.4,19C7.7,22.7,19,34.2,32,34.2c13,0,24.3-11.4,27.6-15.2C56.3,15.2,45,3.8,32,3.8 C19,3.8,7.7,15.2,4.4,19z M32,31.4c-6.8,0-12.4-5.6-12.4-12.4c0-6.9,5.6-12.4,12.4-12.4c6.8,0,12.4,5.6,12.4,12.4 C44.4,25.8,38.8,31.4,32,31.4z M32,10.4c-4.7,0-8.6,3.9-8.6,8.6s3.8,8.6,8.6,8.6c4.7,0,8.6-3.9,8.6-8.6S36.7,10.4,32,10.4z'/%3E%3C/svg%3E%0A");
	height:36px; width:36px; content: " "; display:inline-block; margin:0; background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.tulossivutus {
	color: #000000;
	font-weight: 700;
	font-size: 20px;
}
.tulossivutus a {
	font-weight: 300;
}
.tulossivutus ul {
	margin: 0px;
	text-align: center;
}
.tulossivutus ul > li {
	list-style-type: none;
	display: inline-block;
	padding: 0px 4px 32px;
}
.tulossivutus ul > li a.wpv-filter-previous-link,
.tulossivutus ul > li a.wpv-filter-next-link {
	color: #808080;
}

.tulossivutus,
.tulosnakyma {
	width: 67%;
	float: right
}
.tulosnakyma > .js-wpv-view-layout {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tulostehtava {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	width: 48%;
	margin: 0px 0 60px;
}

.tulostehtava h2 {
	margin: 10px 0 12px;
	font-size: 30px;
}
.tulostehtava h3 {
	font-size: 36px;
}

.tulossivutus a,
.single-tehtavat .tehtavat a {
	color: #505050;
}
.tulostehtava a {
	color: #000000;
}

.tulossivutus a:hover,
.tulostehtava a:hover,
.single-tehtavat .tehtavat a:hover {
	color: #85a600;
}

.tulostehtava .syventava,
.single-tehtavat .syventava {
	color: #3d4100;
}
.tulostehtava .edistyneet,
.single-tehtavat .edistyneet {
	color: #480000;
}
.tulostehtava .hieman-edistyneemmat,
.single-tehtavat .hieman-edistyneemmat {
	color: #001f57;
}
.tulostehtava .vasta-alkajat,
.single-tehtavat .vasta-alkajat {
	color: #85a600;
}

.tulostehtava > .js-wpv-view-layout {
	display: inline;
}

.single-tehtavat .entry-content h3 {
	border-top: 2px solid #85a600;
	padding-top: 40px;
	padding-left: 24px;
	margin-top: 18x;
	margin-bottom: 30px;
	font-size: 32px;
	background: linear-gradient( to left,  #ffffff 0%, #ffffff 50%, #85a600 50%, #85a600 100% ) left top #ffffff no-repeat;
	background-size: 100% 5px;
}

.single-tehtavat .entry-content h3::before {
	content: "\00BB";
	display: block;
	font-size: 40px;
	color: #85a600;
	height: 0;
	left: -24px;
	position: relative;
	top: -6px;
}
.single-tehtavat .entry-content strong {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #282828;
}
.single-tehtavat .entry-content > p:first-of-type {
	width: 570px;
}
.single-tehtavat .entry-content > p:first-of-type strong {
	font-size: 18px;
}

.pienialamarginaali {
	margin-bottom: 6px !important;
}

.jakokahteenpalstaan1,
.jakokahteenpalstaan {
	width: 48%;
	float: right;
}
.jakokahteenpalstaan1 {
	float: left;
}

.jakokolmeenpalstaan1,
.jakokolmeenpalstaan {
	width: 33.333%;
	float: left;
}
.valittutermi {
	font-weight: 700;
}
.single-tehtavat .tehtavat .valitsematontermi a {
	color: #a0a0a0;
}

.opus-term-archive.archive-description {
	border: none;
	box-shadow: none;
	padding: 0px 0px 12px;
}
.opus-term-archive.archive-description h1 {
	font-size: 30px;
	margin-bottom: 24px;
}
.opus-term-archive.archive-description h2 {
	color: #4f4f4f;
	font-size: 25px;
}

.page-template-page_tehtaviateemoista .entry-content h2.kuunteleminen,
.page-template-page_tehtaviateemoista .entry-content h2.mielikuvitus,
.page-template-page_tehtaviateemoista .entry-content h2.elementit,
.page-template-page_tehtaviateemoista .entry-content h2.rakenteet,
.page-template-page_tehtaviateemoista .entry-content h2.musiikkiteknologia,
.page-template-page_tehtaviateemoista .entry-content h2.notaatio,
.page-template-page_tehtaviateemoista .entry-content h2.soittaminen,
.page-template-page_tehtaviateemoista .entry-content h2.sovittaminen,
.page-template-page_tehtaviateemoista .entry-content h2.tyylilajit,
.page-template-page_tehtaviateemoista .entry-content h2.vuorovaikutus {
	font-size: 25px;
	color: #4f4f4f;
	margin-top: 6px;
	padding: 12px 0px 36px 60px;
	position: relative;
}

/*.single .wp-caption {
	margin: 0px -40px 20px -40px;
	max-width: calc( 100% + 80px );
	position: relative;
}
.single .wp-caption .wp-caption-text {
	position: absolute;
	top: 45%;
	left: 0px;
	right: 0px;
	bottom: 0px;
    font-family: 'Karla', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #ffffff;
}*/

.archive.category-artikkelit .content > .entry {
	display: none;
}

.archive.category-artikkelit .content .home-articles {
	padding: 0 0 3vh;
}

.tehtava_otsake {
	position: relative;
}
.tehtava_otsake_jakolaatikko {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 15px;
	display: inline-block;
}



/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

}

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

	.wrap {
		max-width: 960px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 740px;
	}

	.entry-title {
		font-size: 44px;
	}
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 34px;
	}

	.content {
		width: 600px;
	}

	.site-header .widget-area {
		width: 600px;
	}

	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content,
	.content-sidebar-sidebar .content {
		width: 400px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {

	}
	.sidebar-primary {
		width: 320px;
	}

	.footer-widgets-1 {

	}

}

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

	.header-bar .header-bar-content {
		min-height:250px;
	}
	.header-bar .header-bar-excerpt-area {
		/*padding-top: 320px;
		padding-bottom: 104px;*/
		padding-top: 200px;
		padding-bottom: 64px;
		font-size: 1.4em;
		width: 85%;
	}

	.wrap {
		max-width: 768px;
	}
	.footer-widgets {
	    padding: 48px 3% 3%;
	}
	/*.home-top .wrap {
		max-width: 750px;
	}*/
	.home-top2 .widget {
	    width: 46%;
	}
	.home-top .entry,
	.home-articles .entry {
		width: 46%;
	}

	.header-section .top {
		/*padding-top: 13.5em;*/
		padding-top: 10.5em;
		font-size: 1.5em;
	}
	.header-section .widget {
    	width: 47%;
	}
	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.site-header .wrap {
		padding: 20px 5% 0px;
	}

	.header-section .widget .textwidget {
		max-width: 640px;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu {
		padding-top: 20px;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .search-form,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.footer-widgets-1 {
		margin-right: 0;
	}

	.featured-content .alignnone {
		display: block;
		text-align: center;
	}

	.home-top a.alignleft,
	.home-top a.alignright {
		width: 100%;
	}

	.home-top .featured-content .entry-header {
		clear: both;
		padding: 40px 40px 0;
	}

	.home-top .featured-content .entry-content {
		padding: 0 40px 40px;
	}
	.widget-title, .footer-widgets .featured-content .widget-title {
	    font-size: 15px;
	    margin: 0 0 0px;
	    letter-spacing: 0;
	}

	.entry-title {
		font-size: 40px;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 32px;
	}

	.jakokahteenpalstaan1,
	.jakokahteenpalstaan {
		width: 47%;
	}

}

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

	.single .wp-caption {
		margin-left: 0px;
		margin-right: 0px;
		max-width: 100%;
	}

}

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

	h2 {
   	 	font-size: 25px;
	}
	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.header-section .widget {
    	padding: 1rem;
	}
	.site-header {
/*	    background-color: #111;
	    position: relative; */
	}
	.header-section .top {
		/*padding-top: 11em;*/
		padding-top: 8em;
		font-size: 1.2em;
	}
	.header-section .widget .textwidget {
		max-width: 512px;
	}

	.header-bar .header-bar-content {
		min-height:204px;
	}
	.header-bar .header-bar-excerpt-area {
		padding-top: 186px;
		padding-bottom: 32px;
		/*padding-top: 256px;
		padding-bottom: 72px;*/
		font-size: 1.3em;
		width: 100%;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.home-top .more-link {
		display: block;
	}

	.home-bottom .widget {
		margin: 0 0 40px;
		width: 100%;
	}

	.header-image .site-title a {
		background-size: contain !important;
	}

	.site-header .widget_nav_menu {
		padding-top: 6px;
	}

	.genesis-nav-menu.responsive-menu {
		padding: 12px 0px;
		background-color: #222;
	}

	.genesis-nav-menu.responsive-menu,
	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}

	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}

	.genesis-nav-menu.responsive-menu li a,
	.genesis-nav-menu.responsive-menu li a:hover {
		background: none;
		border: none;
		display: block;
		line-height: 1;
		padding: 8px 20px;
		text-transform: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 12px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
		color: #ffffff;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.05);
		border: none;
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
		padding-bottom: 8px;
	}

	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		padding: 8px 20px;
		position: relative;
		text-transform: none;
		width: 100%;
		text-align: left;
	}

	.nav-primary .genesis-nav-menu.responsive-menu {
		padding-bottom: 16px;
	}

	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.07);
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu,
	.nav-primary .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}

	.nakymahakurajaus,
	.tulossivutus,
	.tulosnakyma {
		width: 100%;
		float: none;
	}

	.jakokolmeenpalstaan1,
	.jakokolmeenpalstaan {
		width: 100%;
		float: none;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 100%;
	}

	.footer-widgets-3 {
		display: none;
	}

	.single-tehtavat .entry-content p:first-of-type {
		width: 100%;
	}

	.entry-title {
		font-size: 36px;
	}
	h1 {
		font-size: 34px;
	}
	h2 {
		font-size: 30px;
	}

	.single .wp-caption .wp-caption-text {
		font-size: 24px;
	}

	.single-tehtavat .entry-content h3 {
		font-size: 28px;
	}
	.single-tehtavat .entry-content strong {
		font-size: 20px;
	}

	.nakymahakurajaus h4 {
		cursor: pointer;
	}
	.nakymahakurajaus .form-group {
		display: block;
	}
	.nakymahakurajaus.toggled .form-group {
		display: none;
	}

}

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

	.header-section .widget {
	    width: 100%;
	}
	.home-top2 .widget {
	    width: 96%;
	}
	.home-top .entry,
	.home-articles .entry {
		width: 96%;
	}

	.header-bar .header-bar-excerpt-area {
		/*padding-top: 224px;
		padding-bottom: 48px;*/
		padding-top: 144px;
		padding-bottom: 24px;
		font-size: 1.2em;
	}

	.tulostehtava {
		width: 100%;
	}

	.jakokahteenpalstaan1,
	.jakokahteenpalstaan {
		width: 100%;
		float: none;
	}

	.entry-title {
		font-size: 32px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}

	.single .wp-caption .wp-caption-text {
		position: relative;
		top: 0px;
		font-size: 16px;
		color: #444;
	}

}

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

	.tehtava_otsake_jakolaatikko {
		position: relative;
		display: block;
	}

}