/*
Theme Name: Ekosuunnittelu 
Author: Luova toimisto La&La
Author URI: http://www.lala.fi 
Description: Ekosuunnittelu.infon oma WordPress-teema
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ekosuunnittelu
Tags:


Ekosuunnittelu is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*
 
Colors:
Violet: #d899f6;
	
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Global elements123312
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 36px;
	font-size: 2.25rem;
	margin: 0.67em 0;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 0px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select {
	border: none;
	color: #000;
	background: #ffba9a;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
  font-family: 'fontello_ekosuunnittelu';
  src: url('icons/fontello_ekosuunnittelu.eot?27030037'); 
  src: url('icons/fontello_ekosuunnittelu.eot?27030037#iefix') format('embedded-opentype'),
       url('icons/fontello_ekosuunnittelu.woff?27030037') format('woff'),
       url('icons/fontello_ekosuunnittelu.ttf?27030037') format('truetype'),
       url('icons/fontello_ekosuunnittelu.svg?27030037#fontello_ekosuunnittelu') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
	    font-family: 'fontello_ekosuunnittelu';
	    src: url('icons/fontello_ekosuunnittelu.svg?27030037#fontello_ekosuunnittelu') format('svg');
	  
	}
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before, 
 .menu-item-has-children > a:after, 
 form.searchform:after, 
 .single-vaatimus .site-main .section-2 div.alignright li:before, 
 div.prosessilaatikko:after,
 li.sovellettavat-tuotteet:before,
li.ei-sovellettavat-tuotteet:before,
li.vaatimuksia-asetettu:before {
  font-family: "fontello_ekosuunnittelu";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 1em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-file-pdf:before { content: '\e800'; } 
.icon-menu:before { content: '\e802'; } /* '?' */
.icon-down-open:before { content: '\e803'; } /* '?' */
.icon-left-open:before { content: '\e804'; } /* '?' */
.icon-right-open:before { content: '\e805'; } /* '?' */
.icon-up-open:before { content: '\e806'; } /* '?' */
.icon-down-big:before { content: '\e807'; } /* '?' */
.icon-left-big:before { content: '\e808'; } /* '?' */
.icon-right-big:before { content: '\e809'; } /* '?' */
.icon-up-big:before { content: '\e80a'; } /* '?' */
.icon-search-1:before { content: '\e80b'; } /* '?' */

.icon-revisio:before { content: '\e801'; } /* '?' */
.icon-valmistelussa:before { content: '\e80c'; } /* '?' */
.icon-voimassaoleva:before { content: '\e80d'; } /* '?' */

.icon-ok:before { content: '\e80e'; }
.icon-cancel:before { content: '\e80f'; } 

.menu-item-has-children > a:after { 
	content: '\e803';
	font-size: 0.7rem;
	margin-left: 13px;
	display: inline-block;
	vertical-align: 3px;
}

body,
button,
input,
select,
textarea {
	color: black;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-family: 'PT Serif', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	clear: both;
	line-height: 1.2em;
}

h1 {
	font-size: 36px;
	font-size: 2.25rem;
}

h2 {
	font-size: 28px;
	font-size: 1.75rem;	
}

h3 {
	font-size: 18px;
	font-size: 1.125rem;	
}

h4, .single-vaatimus h5 {
	font-size: 16px;
	font-size: 1rem;	
}

.single-vaatimus h4 {
	font-size: 20px;
	font-size: 1.18rem;	
}


h6 {
	font-size: 13px;
	font-size:0.81rem;	
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

td, th {
	padding: 10px;
	border-bottom: 1px solid #ffba9a;
	text-align: left;
}

tr:first-of-type td, tr:first-of-type th {
	font-style: italic;
	font-weight: bold;
	background: #fdd8c6;
	border-bottom: none;
}


tr:nth-of-type(2) td {
	padding-top: 5px;
}

.entry-content h2 {
	margin: 1.8em 0 1.3em 0;
}

.entry-content li {
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
# Global elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #c2f9e5; /* Fallback for when there is no custom background color defined. */
	background-image: url("images/background.png");
}

.site-header {
	height: 203px;
	background-image: url("images/header_background.png");
	background-repeat: repeat-x;
	margin-bottom: 70px;
}

#page {
		word-break: break-word;
	}

.site-branding {
	height: 144px;
	background-image: url("images/header_grafiikka.png");
    background-size: 378px 144px;
    background-repeat: no-repeat;
    background-position: center; 
    overflow: auto;
}

.survey_table + .survey_table > .survey_question {
	display: none;
}

.oldie .site-branding {
	background-image: url("images/header_grafiikka_ie.png");
}


h1.site-title {
	margin-top: 55px; 
	margin-left: 25px;
	float: left;
	line-height: 1em;
	font-size: 40px;
	font-size: 2.5rem;
}

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

.site-title a:hover {
	color: black;
}


.site-header div.searchform-langs {
	float: right;
}

.site-header form.searchform {
	margin-right: 18px;
}

.site-header form.searchform input {
	width: 205px;
	padding-right: 40px;
	padding-left: 10px;
}

.site-header div.langs {
	text-align: right;
	margin: 15px 28px 15px 0;
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.site-header div.langs-dummy {
	height: 22px;
}

.site-header div.langs span:nth-child(2) {
	margin-left: 5px;
}

.site-header div.langs a {
	text-decoration: none;
    color: #000;	
}

.site-header div.langs a:hover {
    color: rgb(144, 47, 190);
}

.site-header div.langs span.active a {
	color: rgb(144, 47, 190);
}

/*.site-header form:after, .frontpage .section-1 form:after, .page-template-page-tuotevaatimukset .section-2 form:after {*/
form.searchform:after {
	content: '\e80b';
	margin-left: -45px;
	font-size: 25px;
	font-size: 1.5625rem;
	color: #B975D9;
}

.site-content {
	max-width: 1140px;	
	margin: 0 auto;
	margin-bottom: 70px;
}

.site-footer {
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
}

.site-footer .footer-1 {
	max-width: 1140px;
	margin: 0 auto;
	margin-bottom: 125px;
	overflow: auto;
} 

.site-footer .footer-1 > .alignleft {
	width: 50%;	
} 

.site-footer .footer-1 > .alignright {
	width: 45%;
	float: right;
} 

.site-footer .footer-1 .newslettertext {
	float: left;
	max-width: 340px;
	margin: 20px 0 0 50px;
} 

.site-footer .footer-1 .newsletterform {
	margin-top: 10px;
} 

.site-footer .footer-1 .newsletterform p {
	display: inline-block;
} 

.site-footer .footer-1 .newsletterform label {
	display: none;
} 

.backtotop:hover {
	color: #ffba9a !important;
	background-color: #fff;
	text-decoration: none;
}
 
.backtotop {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: #ffba9a;
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
}

#alo_em_widget_loading img {
	margin: 0 10px 0 0;
}

#alo_em_widget_loading, #alo_easymail_widget_feedback {
	font-family: 'PT Serif', serif;
	font-style: italic;
}

.site-footer .footer-1 > .alignleft img, .site-footer .footer-1 > .alignleft form {
	/* float: left; */
} 

.site-footer .footer-1 > .alignright > div  {
	float: left;
	max-width: 300px;
	margin: 5px 0 0 40px;
} 

.site-footer .footer-1 > .alignleft div h2, .site-footer .alignright div h2 {
	margin-top: 0;
} 

.site-footer .footer-1 > .alignleft img, .site-footer .alignright img  {
	margin-top: 10px;
	float: left;
} 

.site-footer .footer-1 #newsletter input[type='text'] {
	width: 200px;
	margin: 0 10px 0 0;
	display: inline-block;
}

.site-footer .footer-1 #newsletter input[type='submit'] {
}

.site-footer .footer-2 {
	background-color: #45453b;
	padding: 60px 20px 70px 20px;
	overflow: auto;
}

.site-footer .footer-2 h2 {
	color: white;
	text-align: center;
	font-weight: 300;
	margin-bottom: 60px;
}

.site-footer .footer-2 .site-map {
	max-width: 1140px;
	margin: 0 auto;
}

.site-footer .footer-3 {
	width: 100%;
	background-color: white;
	overflow: auto;
	padding: 110px 20px 20px 20px;
}

.site-footer .footer-3  div {
	max-width: 640px;
	margin: 0 auto 57px auto;
	text-align: center;
	font-size: 12px;
	font-size: 0.75rem;
}

.site-footer img {
	margin: 10px 20px;
}

blockquote:before,
blockquote:after,
q:before,
q:after { 
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-image: url("images/dot_divider_violet.png");
	background-size: 25px 11px;
    background-repeat: repeat-x;
    background-position: left top; 
	background-color: transparent;
	border: 0;
	padding: 6px;
	margin: 3em 0;
}

.oldie hr {
	background-image: url("images/dot_divider_violet_ie.png");
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul ul, ul ol {
	margin-top: 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.info-section, .site-footer {
	overflow: auto;	
}

.info-section  {
	margin-bottom: 75px;
	max-width: 100%;
}

.info-section:last-of-type  {
	margin-bottom: 0;
}

.info-section, .site-footer .footer-1, .frontpage .section-3  {
	background-image: url("images/dot_divider.png");
    background-size: 25px 11px;
    background-repeat: repeat-x;
    background-position: left top; 
    padding-top: 80px;
}

.oldie .info-section, .site-footer .footer-1, .frontpage .section-2 {
	background-image: url("images/dot_divider_ie.png");
}

.info-section.section-1 {
	padding-top: 0;
	background: none;
}

.section-3, .section-5 {
	background-image: url("images/dot_divider_orange.png");
}

.oldie .section-3, .oldie .section-5 {
	background-image: url("images/dot_divider_orange_ie.png");
}

.section-4 {
	background-image: url("images/dot_divider_yellow.png");
}

.oldie .section-4 {
	background-image: url("images/dot_divider_yellow_ie.png");
}

.site-footer .footer-1 {
	background-image: url("images/dot_divider_violet.png");
	padding: 80px 0 0 0;
}

.oldie .site-footer .footer-1 {
	background-image: url("images/dot_divider_violet_ie.png");
}



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

input[type="text"], textarea, input[type="email"], input[type="tel"], input[type="date"], input[type="time"], input[type="url"], input[type="search"] {
    background-color: white;
    margin: 0px 0 10px 0;
    border: none;
    height: 46px;
    padding: 3%;
    font-family: 'Montserrat', sans-serif;
    width: 97%;
    display: inline-block;
 }

.page-template-default .lala-newsletter-email input[type="text"] {
	background: #ebf9f4;
} 

input[type="search"] {
    padding: 0 3%;
	width: 205px;
	padding-right: 40px;
	padding-left: 10px;
}

.site-main input[type="search"] {
	width: 82%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
	position:relative;
	top: 1px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #fcff9a;
	border: none;	
	width: 210px;
	height: 46px;
	font-family: 'Montserrat', sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	text-transform: uppercase;
	font-weight: 700;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #ffba9a;
	color: #000;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: none;
	position: relative;
	top: 2px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

aside.page-sidebar {
	margin-top: 0;
	padding-top: 0;	
}

aside.page-sidebar > div {
	background: white;	
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 25px 5px 25px 25px;
}

aside.page-sidebar > div ul {
	margin-left: 0px;
	margin-bottom: 0px;
}

aside.page-sidebar > div ul > li {
	list-style-type: none;
}

aside.page-sidebar .widgettitle {
	margin-top: 0;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: black;
}

a:visited {
	color: black;
}

a:hover,
a:focus,
a:active {
	color: #902fbe;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	text-transform: uppercase;
	font-weight: 700;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	background: #c2f9e5; /* Fallback for when there is no custom background color defined. */
	background-image: url("images/background.png");
}

.main-navigation li {
	float: left;
	line-height: 1;
	position: relative;
	
	/*
	padding-left: 5%;
	padding-right: 5%;
	*/
	
	border-top: 5px solid white;
	border-right: 5px solid white;
	border-bottom: 5px solid white;
	border-color: white;
	text-align: center;
	
	padding-top: 15px;
	padding-bottom: 15px;
}


.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	float: left;
	position: absolute; 
	top: 53px; 
	left: -999em; 
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
}

.main-navigation ul ul li {
	margin-top: -5px;
	border-bottom: 5px solid white;
	border-left: 5px solid white;
	padding-left: 20px;
	margin-left: -5px;
	width: 345px;
	text-align: left;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.single-post .main-navigation .current_page_parent > a,
.archive .main-navigation .current_page_parent > a,
.single-vaatimus .main-navigation .menu-item-15 > a {
	color: #902fbe;
}

/* ekosuunnittelusta aktiivinen */
.parent-pageid-23 .menu-item-16 > a, .parent-pageid-23 .menu-item-25 > a {
	color: #902fbe;
}

/* sten valmistelusta aktiivinen */
.parent-pageid-28 .menu-item-16 > a, .parent-pageid-28 .menu-item-36 > a {
	color: #902fbe;
}

/* markkinavalvonnasta aktiivinen */
.parent-pageid-30 .menu-item-16 > a, .parent-pageid-30 .menu-item-35 > a {
	color: #902fbe;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.main-navigation.toggled li.menu-item-has-children {
    padding-bottom: 0;
}

.main-navigation.toggled ul ul {
    float: none;
    position: static;
    border: none;
    margin-top: 10px;
}

.main-navigation.toggled ul ul li {
    border: none;
}

.menu-toggle, .menu-toggle:focus {
	position: relative;
	line-height: 1;
	padding: 0;
	outline: none;
	width: 100%;
	text-align: left;
	padding-left: 20px;
	background: #fcff9a
}

button.menu-toggle,
button.menu-toggle:active {
	outline: none;
	position: relative;
	top: 0px;
	background: #fcff9a
}

.menu-toggle:before {
	content: '';
	display: inline-block;
	border-top: 4px solid;
	border-bottom: 4px solid;
	margin: 0 10px 0 0;
	width: 23px;
	height: 20px;
	vertical-align: bottom;
}

.menu-toggle:after {
	position: absolute;
	left: 20px;
	top: 21px;
	content: '';
	border-top: 4px solid;
	width: 23px;
}

.main-navigation.toggled ul {
	border-bottom: 4px solid #fff;
}

.main-navigation.toggled ul.nav-menu {
	margin-bottom: 20px;
}

.main-navigation.toggled ul li {
	float:none;
	border-bottom: none;
	border-right: none;
	text-align: left;
	padding-left: 20px;
}


@media screen and (min-width: 850px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation .nav-menu > li:nth-child(1) {
	width: 12%;
	}

	.main-navigation .nav-menu > li:nth-child(2) {
		width: 29%;
	}

	.main-navigation .nav-menu > li:nth-child(3) {
		width: 14%;
	}

	.main-navigation .nav-menu > li:nth-child(4) {
		width: 24%;
	}

	.main-navigation .nav-menu > li:nth-child(5) {
		width: 21%;	
		border-right: none;	
	}
	
	.main-navigation.main-navigation-sv .nav-menu > li:nth-child(1) {
		width: 22%;
	}

	.main-navigation.main-navigation-sv .nav-menu > li:nth-child(2) {
		width: 29%;
	}

	.main-navigation.main-navigation-sv .nav-menu > li:nth-child(3) {
		width: 21%;
	}
	
	.main-navigation.main-navigation-sv .nav-menu > li:nth-child(4) {
		width: 28%;
		border-right: none;	
	}

}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.search .posts-navigation .nav-previous {
	float: right;
	width: 50%;
	text-align: right;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.search .posts-navigation .nav-next {
	float: left;
	text-align: left;
}

.site-map {
	clear: both;
	display: block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	text-transform: uppercase;
	font-weight: 700;
}

.site-map ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	letter-spacing: 0.04em;
	 -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}

.site-map ul ul {
	 -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
}

.site-map li {
	margin-bottom: 0;
	line-height: 1em;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.site-map .menu > ul > li {
	margin-bottom: 15px;	
}

.site-map li ul li {
	padding-left: 20px;
}

.site-map a {
	text-decoration: none;
	color: #fcff9a;
	font-size: 13px;
	font-size: 0.8125rem;
}

.site-map a:hover {
	color: #fff;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 85%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

.current-cat a {
	text-decoration: none;
	font-weight: 600;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


/* Home */

.frontpage .hero {
	margin-bottom: 75px;
	/* padding: 15px; */
	/* background: #c681e6; */
	background: #fff;
}

.frontpage .section-1 {
	font-family: 'Montserrat', sans-serif;	
	font-weight: 700;
}

.page-template-page-frontpage-2018  .frontpage .section-1,
.divider {
	background-image: url("images/dot_divider.png");
    background-size: 25px 11px;
    background-repeat: repeat-x;
    background-position: left top; 
    padding-top: 80px;
    margin-bottom: 50px;
}

.frontpage .section-1 .alignright {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
}

.frontpage .section-1 .alignleft, .page-template-page-tuotevaatimukset .section-2 .alignleft {
	background: transparent;
	padding: 30px 0 30px 0;
}

.frontpage .section-1 .alignleft input {

}

.frontpage .section-1 .alignright {
	background-color: white;
	padding: 0px 45px;
}

.page-template-page-frontpage-2018-v1 .frontpage .section-1 .alignright {
	min-height: 308px;
}

.frontpage .section-1 .video.alignleft {
	padding-top: 0;
}

.frontpage .section-3 {
	background-image: url("images/dot_divider_orange.png");
}

.frontpage .section-2 h2, .frontpage .section-3 h2  {
	text-align: center;	
}

.frontpage .section-2 > div {
	max-width: 22%;
	margin-right: 4%;
	float: left;
}

.frontpage .section-3.search > div {
	max-width: 100%;
	margin: 0 auto 75px auto !important;
	float: none;
	text-align: center;
}



.oldie .frontpage .section-2 > div {
	margin-right: 3%;
}


.frontpage .section-2 > div > h4 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	letter-spacing: 0.1em;
}

.frontpage .section-2 > div:last-child {
	margin-right: 0px;
}

.frontpage .section-2 > div > a {
	display: block;
	background: white;
	padding: 10px 22px;
	cursor: pointer;
	text-decoration: none;
}

/* Tuotevaatimukset */


.divider {
	margin: 80px 0 0;
	padding-top: 40px;
}

.page-template-page-tuotevaatimukset .section-2 .alignleft, .page-template-page-tuotevaatimukset .section-2 .alignright  {
	background: transparent;
	padding: 0 30px;
}

.page-template-page-tuotevaatimukset .section-2 h2 {
	text-align: center;	
	margin-bottom: 40px;
}

.page-template-page-tuotevaatimukset .section-2 h2:after {
	text-align: center;	
	font-family: "fontello_ekosuunnittelu";
	display: block;
	content: "\e803";
	font-size: 1.6em;
	margin-top: 0.3em;
	color: #ffba9a;
}

.page-template-page-tuotevaatimukset .section-2 .alignright h2:after {
	color: #d899f6;
}


.page-template-page-tuotevaatimukset .section-2 select.vaatimus {
	width: 100%;
	border: 0;
    background-color: white;
    padding: 10px 0;
    cursor: pointer;
    margin-bottom: 10px;
    outline: none;
}

.page-template-page-tuotevaatimukset .section-2 select.vaatimus-cat {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
    padding: 3px 15px;
    background-color: white;
    margin-bottom: 10px;
    border: 0;
    width: 100%;
    font-weight: 700;
}

.page-template-page-tuotevaatimukset .section-2 select.vaatimus > option {
	line-height: 1em;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
    padding: 3px 15px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
}

.page-template-page-tuotevaatimukset .section-2 select.vaatimus > option:hover {
	color: #902fbe;
}

/* Taulukko */

.hidden {
	display: none;
}

.page-template-page-tuotevaatimukset .info-section > h2 {
	text-transform: none;
}

.page-template-page-tuotevaatimukset table {
	background: #fff;
}

.page-template-page-tuotevaatimukset table td:first-of-type {
	width: 30%;
}


.page-template-page-tuotevaatimukset tbody td {
	font-size: 0.9rem;
}


.page-template-page-tuotevaatimukset tbody tr:first-of-type td {
	font-style: inherit;
	font-weight: inherit;
	background: inherit;
	border-bottom: 1px solid #ffba9a;
}


.info-section > h2 {
	text-align: center;
	margin-bottom: 2em;
	text-transform: uppercase;
}

.info-section > div {
	max-width: 944px;
	margin: 0 auto;
	background: white;
	padding: 10px 48px;
	margin-bottom: 28px;
}

.info-section > div > h3, .info-section > div > h3 {
	text-transform: uppercase;
	font-size: 19px;
	font-size: 1.1875rem;
	margin: 1.5em 0;
}

.info-section > div > h3 > a {
	text-decoration: none;
	display: block;
}

.info-section .icon-right-open:before { 
	display: block;
	float: left;
	margin-bottom: 1em;
} 

.accordion > div > div {
	display: none;
}

.single-vaatimus .section-2 .alignleft a {
	text-decoration: none;
}

.single-vaatimus .section-2 .alignleft a.more-news {
	text-decoration: underline;
}

.single-vaatimus .site-main .section-vaatimus-box ul {
  	margin-left: 1em;
  	margin-bottom: 2em;
}

.single-vaatimus .site-main .section-vaatimus-box ol {
  	margin-left: 0;
  	margin-bottom: 2em;
}

.single-vaatimus .site-main .section-vaatimus-box ul > li {
  	margin-bottom: 20px;
}

/*.single-vaatimus .site-main .section-vaatimus-box ul > li:before {
	position: absolute;
  	content: "\00A7";
  	margin-left: -30px;
  	font-family: 'Montserrat', sans-serif;
  	font-size: 19px;
	font-size: 1.1875rem;
	font-weight: 700;
}*/

/*
.single-vaatimus .site-main .section-vaatimus-box li ul > li {
  	list-style-type: none;
}
*/

.single-vaatimus .site-main .section-vaatimus-box li li {
  	margin: 10px 0;
}

.single-vaatimus .site-main .section-vaatimus-box li ul > li:before {
  	font-size: 16px;
	font-size: 1em;
}

.single-vaatimus .site-main .section-2 .alignright ul {
  	margin-left: 1em;
}

.single-vaatimus .site-main .section-2 .alignright ul > li {
  	list-style-type: none;
  	margin-bottom: 15px;
}

.single-vaatimus .site-main .section-2 .alignright ul > li:before {
  	content: '\e809';
  	color: #ffba9a;
  	margin-left: -40px;
  	font-size: 19px;
	font-size: 1.1875rem;
}

.section-vaatimus-box .energia-taustaselvitykset ul {
	list-style-type: none;
}

.section-vaatimus-box .energia-taustaselvitykset ul:first-of-type li:before {
  	content: "\e800";
  	font-family: "fontello_ekosuunnittelu";
	font-weight: normal;
	margin-right: 10px;
}

.section-vaatimus-box .energia-taustaselvitykset ul:nth-of-type(2) li:before {
  	content: '\e809';
  	color: #ffba9a;
  	font-family: "fontello_ekosuunnittelu";
	font-weight: normal;
	margin-right: 10px;
}


.single-vaatimus .site-main .section-vaatimus-box .energia-taustaselvitykset ul:first-of-type + p {
	margin: -10px 0;
}

/* Other pages */


.page-content {
	max-width: 890px;
	margin: 0 auto;
}

.page-template-default article, .single-post article, .blog article, .search article, .archive article {
	background: white;
	padding: 30px 58px;
	margin-bottom: 28px;
}

.child-pages ul, .page-sidebar ul {
	margin-left: 0px;
	padding-left: 0px;
}

ul.page-menu {
	margin: 50px 0 0 0;
	text-align: right;
}

.child-pages li, .page-menu li {
	list-style-type: none;
    height: auto;
	margin-right: 0;
	margin-top: 20px;
    text-align: right;
    display: block;
}

.child-pages h3 {
	margin: 3em 0 0.5em 5px;
}

.child-pages li {
	display: inline-block;
	margin-right: 20px;
    text-align: left;
    width: auto;
}

.child-pages a, .page-menu a, .nav-links a {
	display: block;
	background: #fcff9a;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-size: 0.93rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 15px;
    text-decoration: none;
}

.child-pages a, .page-menu a, .nav-links a {
	display: block;
	background: #fcff9a;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-size: 0.93rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px;
    text-decoration: none;
}

.page-menu a {
	background: #D7FEF0;
}

.child-pages a:hover, .page-menu a:hover, 
.page-menu .current_page_item a, .child-pages .current_page_item,
.nav-links a:hover  {
	background: #fff;
	color: #000;
}

.page-menu a {
	text-align: right;	
}


/* Posts */

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.blog h2, .archive h2, .single h2 {
	font-size: 25px;
	font-size: 1.562rem;	
}

.blog h2.entry-title,
.archive h2.entry-title {
	font-size: 30px;
	font-size: 1.875rem;
	margin-top: 0.5em;
}

.category-38 h2.entry-title {
	font-size: 36px;
	font-size: 2.25rem;
}

.archive h2.entry-title a,
.blog h2.entry-title a {
	text-decoration: none;
	color: #902fbe;
}

.archive h2.entry-title a:hover,
.blog h2.entry-title a:hover {
	color: #000;
}

h1.archive-title {
	text-align: center;
	margin: 0 0 1.5em;
	font-size: 48px;
	font-size: 3rem;
}

.search .page-content .searchform {
	max-width: 500px;
	margin: 0 auto;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.entry-meta, .cat-links, .tag-links  {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400; 
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	margin-top: 30px;
}

.section-2 .entry-meta {
	margin-top: -10px;
}

.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-footer {
	margin-bottom: 2em;
}	

.entry-footer .edit-link {
	float: right;	
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	font-size: 0.875rem;	
	text-transform: uppercase;
}

.entry-footer .edit-link a {
	color: #902fbe;
	text-decoration: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.nav-links a {
	max-width: 250px;
	text-align: center;
	display: inline-block;
}


/* Vaatimukset */

.page .section-1 > article {
	max-width: 840px;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;	
	font-weight: 700;
	font-size: 18px;
	font-size: 1.125rem;	
}

.page-template-page-tuotevaatimukset .entry-content p {
	text-align: center;
}

.single-vaatimus .site-main header h1 {
	margin-bottom: 0;
	text-align: center;
}

.traffic-lights {
	clear: both;
	margin: 20px auto;
	max-width: 360px;
}

.traffic-light {
	float: left;
	width: 120px;
	margin: 0 auto;
	text-align: center;
	color: #aaa;
}

.traffic-lights .icon {
	font-size: 64px;	
	margin-left: 18px;
}

.traffic-lights .icon-active {
	color: black;
}

h1 span {
	font-size: 1.4rem;
	color: #902fbe;
	text-transform: uppercase;
	line-height: 1;
}

.single-vaatimus .section-1 > article .entry-content {
	max-width: 840px;
	margin: 40px auto;
	padding: 20px 45px;
	background: #fff;
}

.single-vaatimus .section-1 > article .entry-content ul {
	font-size: 16px;
	font-size: 1rem;	
	max-width: 700px;
	margin: 0 auto 3em auto;
}

.single-vaatimus .section-1 > article .entry-content ul.sovellettavat-tuotteet {
	
}

li.sovellettavat-tuotteet,
li.ei-sovellettavat-tuotteet,
li.vaatimuksia-asetettu {
	list-style: none; 
	 padding-left: 50px;
	 position: relative;
	 margin-left: -50px;
}

li.sovellettavat-tuotteet:before,
li.ei-sovellettavat-tuotteet:before,
li.vaatimuksia-asetettu:before {
	content: "\e80e";
	position: absolute;
	left: 0;
	color: #5ddeb0;
	font-size: 2em;
	line-height: 0;
	top: 20px;
}

.single-vaatimus li.ei-sovellettavat-tuotteet:before {
	content: "\e80f";
	color: #ffa378;
}

.single-vaatimus li.vaatimuksia-asetettu:before {
	content: "\00A7";
  	font-family: 'Montserrat', sans-serif;
  	font-weight: 700;
  	color: #902fbe;
	top: 25px;
}

.voimaantulo {
	border-bottom: 2px dashed #bd76e4;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 0.8rem;
    color: #bd76e4
}

.voimaantulo em, .voimaantulo strong {
	font-style: normal;
	font-weight: 700;
} 

.single-vaatimus .section-1 > article .entry-content ul ul {
	margin-bottom: 0;
}

.single-vaatimus .section-1 > article .entry-content ul ul li {
	margin-bottom: 0;	
}

.single-vaatimus .section-1 > article .entry-content p {
	text-align: center;
}

.single-vaatimus p.contact {
	font-size: 0.8rem;
	background: #fcff9a;
	padding: 0.5em;
	max-width: 944px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
}

.site-main header h1 {
	text-align: center;
	margin-bottom: 2em;
}

.site-main article header h1 {
	margin-bottom: 1em;
	text-align: left;
}


.info-section .alignleft, .info-section .alignright {
	background: white;
	width: 48%;
	padding: 20px 45px;
}

.single-vaatimus .section-2 .alignleft > h3, 
.single-vaatimus .section-2 .alignright > h3,
.single-vaatimus .entry-content h3 {
	text-transform: uppercase;
	margin-bottom: 35px;
}

.single-vaatimus .section-2 .alignleft article header h3 {
	margin-bottom: 0;	
}

.single-vaatimus .section-2 .alignleft article .entry-content {
	margin-top: 0;	
}

/* prosessin eteneminen -kaavio*/

div.prosessi {
	margin-top: 27px;	
}

div.prosessilaatikko {
    width: 205px;
    padding: 0 10px 0 15px;
    margin-right: 50px;
    margin-bottom: 50px;
    background-color: #fcff9a;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

div.prosessilaatikko h3 {
    margin-top: -27px;
}

div.prosessilaatikko:after {
    display: block;
    position: absolute;
    top: 20px;
    right: -51px;
    content: '\e809';
    margin: 0;
	font-size: 50px;
	font-size: 3.125rem;
	color: #D995F4;
}

div.prosessilaatikko:last-of-type:after {
    content: '';
}


/* Modal survey  */

.site-survey .survey_element {
	font-family: 'Montserrat', sans-serif;
}
	
.site-survey .survey_question a.close-survey {
	position: absolute;
	font-size: 12px;
	font-size: 0.75rem;
	top: 5px;
	right: 8px;
}

.site-survey .survey_answers.selected {
	background-color: #FFBA9A !important;
}

.site-survey .survey_answers input {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0;
	line-height: 1;
	height: 28px;
}

.site-survey .survey_question {
	background-color: white !important;
}

.survey_open_answers input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
.survey_open_answers input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
.survey_open_answers input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.survey_open_answers input:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

.survey_answers, .survey_question span {
	line-height: 1.5 !important; 
}

.survey_question span {
	max-width: 1000px;
}

.nextstyle.survey_answer_choice:after {
	content: "Seuraava kysymys";
	float: left;
	margin-right: 10px;
	line-height: 1.5;
	margin-top: 2px;
}

/* Archive & search */

.no-results {
	text-align: center;
}

.search article {
	position: relative;
}

.post-type {
	position: absolute;
	right: 30px;
	top: 30px;
	text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

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

	.page-sidebar {
		float: left;
	    width: 22%;
	}
	
	.page-wrapper-with-sidebar {	
		float: right;
	    margin: 0 0 0 -22%;
	    width: 100%;
	}
	
	.page-wrapper-with-sidebar .page-content {
		margin: 0 0 0 22%;
		max-width: none;
	}

	h1.archive-title {
	
	}
	.site-main input[type="search"] {
		width: 85%;
	}

}

/* Sidebar for ie8 */

.oldie .page-sidebar {
	float: left;
	width: 22%;
}
.oldie .page-wrapper-with-sidebar {	
	float: right;
	margin: 0 0 0 -22%;
	width: 100%;
}	
.oldie .page-wrapper-with-sidebar .page-content {
	margin: 0 0 0 22%;
	max-width: none;
}
.oldie	h1.archive-title {
	margin-left: 22%;
}
.oldie	.site-main input[type="search"] {
	width: 87%;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	font-style: italic;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Responsive styles
--------------------------------------------------------------*/

@media screen and (max-width: 1200px) {
	.site-content {
		padding: 0 20px;
	}
	.site-footer .footer-1 {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
	}
	.site-footer .footer-1 > .alignright > div {
		margin-left: 15px;
	}
}

@media screen and (max-width: 1005px) {
	.site-footer {
		text-align: center;	
	} 
	.site-map ul {
		 -webkit-columns: 1;
		 -moz-columns: 1;
			  columns: 1;
	}
	
	.site-footer .footer-1 > .alignright div, 
	.site-footer .footer-1 > .alignleft > div > div,
	.site-footer .footer-1 > .alignleft, 
	.site-footer .footer-1 > .alignleft img, 
	.site-footer .alignright img,
	.site-footer .footer-1 > .alignright,
	.site-footer .footer-1 > .alignleft form,
	.site-footer .footer-1 #newsletter input[type='text'],
	.site-map li {
		float: none;
		margin: 0 auto;
		display: block;
	}
	
	.site-footer .footer-1 > .alignright {
		padding-top: 70px;
	}
	
	.site-footer .footer-1 > .alignright > div {
		margin-top: 20px;
	}
	
	.site-footer .footer-1 #newsletter input[type='text'], 
	.site-footer .footer-1 > .alignleft img {
		margin-bottom: 20px;
	}


}

@media screen and (max-width: 849px) {
	
	h1.site-title {
		float: none;
		font-size: 28px;
		font-size: 1.75rem;
	}
	
	h1.site-title {
		margin: 35px 20px 20px 20px;
	}
	
	.site-header div.langs {
		margin: -75px 28px 0 0;
	}
	
	.site-header form {
	    float: none;
	    margin: 50px 20px 0px 20px;
	}
	
	.site-header {
	    margin-bottom: 10px;
	}
	
	section {
		overflow: auto;
	}
	
	.info-section  {
		margin-bottom: 20px;
	}
	
	.frontpage .section-2 {
	    padding-top: 40px;
	}
	
	.site-content {
	    margin-bottom: 40px;
	}
	
	.alignleft, .alignright, .frontpage .section-2 > div, 
	.frontpage .section-2 > div:last-child,
	.site-footer .footer-1 > .alignleft > div > div {
		float: none;
		display: block;
		margin: 0 auto 20px auto;
		width: 100%;
		max-width: 100%;
	}
	
	.single-vaatimus .section-2 .alignleft, 
	.single-vaatimus .section-2 .alignright,
	.frontpage .section-1 .alignright {
		width: 100%;
		display: block;
		padding: 5px 20px;
	}
	
	.frontpage .section-1 .alignleft {
		width: 100%;
		display: block;
		padding: 0;
	}
	
	h1 {
		font-size: 25px;
		font-size: 1.6rem;
	}
	
	h2 {
		font-size: 25px;
		font-size: 1.5rem;	
	}
	
	.page-menu {
		display: none;
	}
	
	.single-vaatimus .section-1 > article {
	    font-size: 16px;
	    font-size: 1rem;
	}
	
	.info-section > div {
		padding: 5px 20px;
		margin-bottom: 20px;
	}
	
	.info-section .alignleft, .info-section .alignright {
	    width: 100%;
	}
	
	.page-template-page-tuotevaatimukset .section-2 .alignleft, .page-template-page-tuotevaatimukset .section-2 .alignright {
	    padding-right: 0px;
	    padding-left: 0px;
	}
	
	.page-template-page-tuotevaatimukset .section-2 .alignright p {
	    text-align: center;
	}
	
	.site-footer .footer-1 > .alignleft, .site-footer .footer-1 > .alignright {
	    width: 100%;
	}
	
	.page-template-default article, .single-post article, .blog article, .search article, .archive article {
	    padding: 30px 25px;
	}
	
	aside.page-sidebar > div {
	    margin-right: 0px;
	}

}

@media screen and (max-width: 500px) {
	
	h1.site-title {
		margin: 55px 20px 20px 20px;
	}
	
	.site-header div.langs {
		margin: -90px 15px 0 0;
	}
	
	.site-header form {
	    float: none;
	    display: none;
	}
	
	.site-header .searchform-langs {
		width: 100%;
	}

	.traffic-light {
		float: left;
		width: 33%;
		margin: 0;
		text-align: center;
		color: #aaa;
		font-size: 13px;
	}

	.traffic-lights .icon {
		font-size: 44px;	
		margin-left: 0;
	}

	.traffic-lights .icon:before {
		text-align: center;
		margin: 0;
	}
	
	/*
	.site-header form.searchform input {
    	width: 97%;
	}
	
	.site-header div.searchform-langs {
    float: right;
}
*/
}