/*
Theme Name: Agricola
Author: La&La
Author URI: http://lala.fi
Description: Agricola-humanistiverkon WordPress-teema
Version: 1.0.0
Text Domain: agricolaverkko
Tags:


Agricola is based on Underscores http://underscores.me/, (C) 2012-2016 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.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## 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: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	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: 0;
}

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

n {
	overflow: visible;
}

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

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

.acf-form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

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

html {
	font-size: 18px;
	font-family: 'Neuton', serif;
	line-height: 1.3;
}

body,
button,
input,
select,
textarea {
	color: #151515;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	line-height: 1.1;
	margin: 2em 0 1.3em 0;
}

h1 {
	font-size: 31px;
	font-size: 1.72rem;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.6rem;
	font-weight: normal;
}


h3, h4 {
	text-transform: uppercase;
    letter-spacing: 0.06em;
    vertical-align: middle;
    font-size: 1.055rem;
    font-weight: normal;
}

h1 strong, h2 strong, h3 strong, h4 strong {
	font-weight: normal;
}

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


.small-capitals {
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-size: 0.666rem;
	margin-bottom: 0;
	letter-spacing: 0.075em;
}

/* Icons */

@font-face {
  font-family: 'agricola';
  src: url('icons/agricola.eot?85115245');
  src: url('icons/agricola.eot?85115245#iefix') format('embedded-opentype'),
       url('icons/agricola.woff2?85115245') format('woff2'),
       url('icons/agricola.woff?85115245') format('woff'),
       url('icons/agricola.ttf?85115245') format('truetype'),
       url('icons/agricola.svg?85115245#agricola') 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: 'agricola';
    src: url('icons/agricola.svg?85115245#agricola') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before,
 .menu-item-has-children > a:after,
 .login > ul > li > a:before,
 p.description:before, .acf-field-message p:before,
 .acf-field-repeater .button:before,
 .acf-icon.-minus:before,
 .icon:before,
 .acf-error-message p:before,
 .updated p:before,
 .nav-links a:before,
 .nav-links a:after,
 .pagination .next:after,
 .pagination .prev:before {
  font-family: "agricola";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  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-user:before, .icon-source-henkilotietue:before { content: '\e800'; } /* henkilotietue */
.icon-picture:before, .icon-source-valokuva:before { content: '\e801'; }
.icon-video:before { content: '\e802'; }
.icon-menu:before { content: '\e803'; }
.icon-check:before, .updated p:before { content: '\e804'; }
.icon-cancel:before { content: '\e805'; }
.icon-plus-circled:before { content: '\e806'; }
.icon-help-circled:before { content: '\e807'; }
.icon-info-circled:before { content: '\e808'; }
.icon-link:before, .icon-source-www-sivu:before { content: '\e809'; }
.icon-tag:before { content: '\e80a'; }
.icon-export:before { content: '\e80b'; }
.icon-pencil:before, .icon-source-kasikirjoitus:before { content: '\e80c'; } /* kasikirjoitus */
.icon-comment:before { content: '\e80d'; }
.icon-chat:before { content: '\e80e'; }
.icon-alert:before { content: '\e80f'; }
.icon-vcard:before { content: '\e810'; }
.icon-location:before, .icon-source-paikkatietue:before { content: '\e811'; } /* paikkatietue */
.icon-address:before { content: '\e812'; }
.icon-book-open:before, .icon-lahteille:before { content: '\e813'; }
.icon-journal:before, .icon-source-aikakauslehti:before { content: '\e814'; } /* aikakauslehti */
.icon-book:before, .icon-source-kirja:before, .icon-arvostelut:before { content: '\e815'; } /* kirja */
.icon-rss:before, .icon-julkaisuseuranta:before { content: '\e816'; }
.icon-phone:before { content: '\e817'; }
.icon-down-open-mini:before { content: '\e818'; }
.icon-up-open-mini:before { content: '\e819'; }
.icon-right-open-mini:before, .nav-next a:after, .pagination .next:after  { content: '\e81a'; }
.icon-left-open-mini:before, .nav-previous a:before,  .pagination .prev:before { content: '\e81b'; }
.icon-progress-1:before { content: '\e81c'; }
.icon-progress-2:before { content: '\e81d'; }
.icon-progress-3:before { content: '\e81e'; }
.icon-megaphone:before, .icon-ilmoitukset:before { content: '\e81f'; }
.icon-ticket:before { content: '\e820'; }
.icon-flag:before { content: '\e821'; }
.icon-bookmark:before { content: '\e822'; }
.icon-thumbs-up:before { content: '\e823'; }
.icon-thumbs-down:before { content: '\e824'; }
.icon-attach:before { content: '\e825'; }
.icon-star:before { content: '\e827'; }
.icon-star-empty:before { content: '\e828'; }
.icon-graduation-cap:before, .archive-event .icon:before { content: '\e829'; }
.icon-music:before, .icon-source-musiikki:before { content: '\e82a'; }  /* Musiikki */
.icon-search:before { content: '\e82b'; }
.icon-briefcase:before { content: '\e82c'; }
.icon-file-pdf:before { content: '\f1c1'; }
.icon-file-word:before { content: '\f1c2'; }
.icon-file-excel:before { content: '\f1c3'; }
.icon-file-powerpoint:before { content: '\f1c4'; }
.icon-file-archive:before { content: '\f1c6'; }
.icon-flickr:before { content: '\f303'; }
.icon-vimeo:before { content: '\f306'; }
.icon-twitter:before { content: '\f309'; }
.icon-facebook:before { content: '\f30c'; }
.icon-facebook-squared:before { content: '\f30e'; }
.icon-linkedin:before { content: '\f318'; }
.icon-instagram:before { content: '\f32d'; }
.icon-calendar:before, .icon-tapahtumat:before { content: '\e82d'; }
.icon-mail:before { content: '\e832'; }
.icon-attention-circled:before { content: '\e82f'; }
.icon-ok-circled:before { content: '\e826'; }
.icon-map:before, .icon-source-kartta:before { content: '\f278'; } /* kartta */
.icon-calendar-plus:before { content: '\f271'; }
.icon-calendar-check:before { content: '\f274'; }
.icon-lock-open:before, .source-taxonomies-icons span.icon-source-ei-kayttorajoituksia:before { content: '\e82e'; color: #b1de56; } /* ei kayttorajoituksia */
.icon-users:before { content: '\e831'; }
.icon-lock:before, .source-taxonomies-icons .icon-source-kayttooikeutta-rajoitettu-laajasti:before { content: '\e833'; color: #ff9292; } /* kayttoikeuksia rajoitettu laajasti */
.source-taxonomies-icons .icon-source-kayttooikeutta-osin-rajoitettu:before { content: '\e833/\e82e'; width: 2em; color: #f7af41; } /* oikeuksia rajoitettu laajasti */
.icon-image-file:before, .icon-source-kuvatallenne:before { content: '\f1c5'; } /* kuvatallenne */
.icon-article:before, .icon-source-artikkeli:before, .icon-julkaisusarja:before { content: '\e834'; } /* artikkeli */
.icon-drawing:before, .icon-source-piirustus:before { content: '\e835'; } /* piirustus */
.icon-note:before, .icon-source-nuotti:before { content: '\e836'; } /* nuotti */
.icon-other-print:before, .icon-source-muu-painotuote:before { content: '\e837'; } /* muu painotuote */
.icon-object:before, .icon-source-esine:before { content: '\e838'; } /* esine */
.icon-radio:before, .icon-source-radio-ohjelma:before { content: '\e839'; } /* radio-ohjelma */
.icon-poster:before, .icon-source-juliste:before { content: '\e83a'; } /* juliste */
.icon-movie:before, .icon-source-elokuva:before { content: '\e83b'; } /* elokuva */
.icon-tv:before, .icon-source-televisio-ohjelma:before { content: '\e83c'; } /* televisio-ohjelma */
.icon-art:before, .icon-source-taideteos:before { content: '\e83d'; } /* taideteos */
.icon-data:before, .icon-source-data-aineisto:before { content: '\e83e'; } /* data-aineisto */
.icon-doc-text:before, .icon-source-asiakirja:before { content: '\f0f6'; } /* asiakirja */
.icon-record:before, .icon-source-aanite:before { content: '\f144'; } /* aanite */
.icon-newspaper:before, .icon-source-sanomalehti:before, .icon-tietosanomat:before { content: '\f1ea'; margin-right: .4em; } /* sanomalehti */
.icon-small-print:before, .icon-source-pienpainate:before { content: '\f298'; } /* pienpainate */
.icon-envelope:before, .icon-source-yksityisluontoinen-asiakirja:before { content: '\f2b7'; } /* yksityisluonteinen asiakirja */


/*--------------------------------------------------------------
# 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-image: url(img/kompassi.png), url(img/p5_@2X.png);
	background-size: 1440px 1440px, 8px 8px;
	background-position:  -400px 180px, 0 0;
}

blockquote {
  background: #f9f9f9;
  margin: 1.5em 40px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 1.2rem;
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  /*display: inline;*/
}


hr {
	border: none;
	border-bottom: 2px dashed #ccc;
	height: 2px;
	margin-bottom: 1.5em;
}

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

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. */
}

article figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

.entry-header figure {
	margin-bottom: 40px;
}

.entry-header figure img {
	display: block;

}

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

::selection {
	background:#d5eaea;
}

.text-highlight {
	background-color:
}

/* Header */

.bg-wrapper {
	position: relative;
	height: 177px;
	overflow: hidden;
	max-width: 1500px;
	padding: 0 20px;
	margin: 0 auto;
}

.site-header-bg {
	width: calc(100% - 40px);
	height: 177px;
	background-color: rgba(255,255,255, 0.6);
	z-index: 1;
	position: absolute;
	-webkit-transform: skew(-20deg);
	transform: skew(-30deg);
	left: 52px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
copy
}

.site-header-content {
	position: absolute;
	width: calc(100% - 40px);
	margin: 0 auto;
	z-index: 100;
}

.site-branding {
	float: left;
}

.site-title {
	line-height: 1;
	margin: 0;
	margin-top: 30px;
}

.site-title img {
	max-width: 432px;
}

.site-header-right {
	float: right;
	max-width: 500px;
}

.searcharea, .login {
	float: left;
	display: inline-block;
	margin: 0 10px;
}

.site-header .search-form input[type="search"] {
	width: 200px;
	height: 35px;
	padding: 0 20px;
	border: none;
	background: #dffaa9;
	display: inline-block;
}

.site-header .search-submit {
	background: url(img/search2x.png) no-repeat #dffaa9 26px center;
	background-size: 20px 20px;
	height: 35px;
	width: 55px;
	border: none;
	color: transparent;
	vertical-align: top;
	margin-left: -4px;
}

.site-header .search-submit:hover {
	color: transparent;
	background-color: #dffaa9;
}

.site-header .search-form:before,
.site-header .search-form:after,
.login:before,
.login:after  {
	content: "";
	display: block;
	float: left;
	background-color: #dffaa9;
	width: 15px;
	height: 35px;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	margin-right: -6px;
}

.site-header .search-form:after, .login:after {
	float: right;
	margin-right: 0;
	margin-left: -6px;
}

.login:before,
.login:after {
	background-color: #000;
}

.filters {
	margin-top: 80px;
	clear: both;
	font-size: 23px;
	font-size: 1.2777rem;
	font-style: italic;
	letter-spacing: 0.06em;
	color: #222;
}

.filters input {
	margin-right: 5px;
}

.cool-checkbox {
	position: relative;
	display: inline-block;
	margin: 0 10px;
}

.cool-checkbox label {
	cursor: pointer;
	position: absolute;
	width: 28px;
	height: 28px;
	left: -4px;
	top: 3px;
	background: #ff9292;
	margin-right: 5px;
	border-radius: 14px;
	border: 3px solid #fff;
}

.cool-checkbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 8px;
	background: transparent;
	top: 6px;
	left: 6px;
	border: 3px solid #3a3a3a;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cool-checkbox  input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Main content */

.site-content {
	max-width: 1500px;
	margin: 0 auto;
}


/* Footer */

.site-footer {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;

}

/* Cookie consent notification */

.cc-window {opacity:1;transition:opacity 1s ease; box-shadow: 0 -4px 25px 0 rgba(0,0,0,.1);}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden; z-index:9999;}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:2em;max-width:24em;}
.cc-window.cc-banner{padding:0.8em 1.3em;width:100%;}
.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer; display: inline-block;}
.cc-link{opacity:.8;display:inline-block;padding:.2em}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-banner .cc-btn:last-child{min-width:140px;display: inline-block;}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}
.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}.cc-left{left:1em}
.cc-right{right:1em}
.cc-bottom{bottom:1em}
.cc-floating>.cc-link{margin-bottom:1em}
.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}
.cc-window.cc-banner{-ms-flex-align:center;text-align: center;}
.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner.cc-bottom{left:0;right:0;bottom:0}
.cc-banner .cc-message{-ms-flex:1;text-align: center;display: inline-block;}
.cc-compliance{display: inline-block;margin-left: 1em;}
.cc-compliance>.cc-btn{-ms-flex:1;}
.cc-btn+.cc-btn{margin-left:.5em}

@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1;margin-left: 0;}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button:not(.acf-button),
.cc-btn {
	border: none;
	border-radius: 0;
	background: #222;
	color:#fff;
	font-size: 16px;
	font-size: 0.888rem;
	line-height: 1;
	padding: .6em 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
	height: 35px;
	font-family: 'Neuton', serif;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:not(.acf-button):hover,
.cc-btn:hover {
	background-color: #ff6868;
	color: #fff;
}

button:not(.search-submit):disabled,
input[type="button"]:not(.search-submit):disabled,
input[type="submit"]:not(.search-submit):disabled {
	background: #ddd;
	color: #fff;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: none;
	border-radius: 0;
	padding: 0 6px;
	font-family: "Open Sans", sans-serif;
	background: #f4f3f3;
	font-size: 16px;
	font-size: 0.9rem;

}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"]{
	height: 35px;
	border-radius: 0;
	-webkit-appearance: none;
}

select {
	text-transform: uppercase;
	padding: 7px 45px 7px 10px;
	background: #f4f3f3;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-size: 0.74rem;
	border: none;
	border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Chevron_small_down' x='0' y='0' width='595.28' height='841.89' viewBox='0 0 595.28 841.89' enable-background='new 0 0 595.279 841.891' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M399.43 357.25c8.04-8.04 21.13-8.04 29.17 0 8.04 8.04 8.04 20.84 0 28.87L312.22 500.12c-8.04 8.04-21.13 8.04-29.17 0L166.68 386.12c-8.04-8.04-8.04-20.83 0-28.87 8.04-8.04 21.13-8.04 29.17 0l101.79 93.46L399.43 357.25z'/%3E%3C/svg%3E") 96% / 25px no-repeat #f4f3f3;
	box-sizing: content-box;
	height: 35px;
	box-sizing: border-box;
}

.ui-datepicker select {
	padding: 0 5px;
}

.acf-ui-datepicker {
	font-family: "Open Sans", sans-serif;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus {
	color: #111;
	outline: none;
	border-bottom: 1px dotted #ccc;
}

textarea {
	width: 100%;
}

fieldset {
	margin: 1em 0 3em 0;
	border: none;
	padding: 0;
}

legend, .acf-field-message label  {
	font-family: "Neuton", serif;
    font-size: 19px;
    font-size: 1.055rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0;
}

.acf-field-repeater .button:before {
	content: '\e806';
}


.acf-field-message {
	margin-top: 5em;
}

.acf-field-message:first-of-type {
	margin-top: 3em;
}

.form .entry-content {
    counter-reset: section;
	border-top: none;
	border-bottom: none;
	padding: 0;
}

legend::before, .acf-field-message label::before {
    counter-increment: section;
    content: "" counter(section) ". ";
    background: #dffaa9;
    border-radius: 18px;
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    font-size: 1.3rem;
}

.entry-content label, #comments label {
	display: block;
	margin: 20px 0 5px 2px;
}

.content-area input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])  {
	width: 100%;
}

input[type="checkbox"], input[type="radio"]  {
	margin-right: 10px;
}

.discipline li, .discipline li label {
	display: inline;
}

.discipline li  {
	margin-right: 20px;
}

.entry-content input[type="submit"] {
	margin-top: 80px;
}

.page-template-page-lost-password .entry-content input[type="submit"],
.page-template-page-sign-in .entry-content input[type="submit"] {
	margin-top: 20px;
}


#add-location > .acf-label,
.add-book-author > .acf-label,
.add-multiple-fields > .acf-label,
.add-files > .acf-label {
	display: none;
}

.acf-field {
	width: 100% !important;
}

.acf-hidden {
    display: none;
    visibility: visible;
}

.acf-editor-wrap .wp-editor-container {
    border: 1px solid #E5E5E5;
    box-shadow: none;
}

form .icon-info-circled, .acf-field-message p, p.description, .acf-basic-uploader  {
	font-size: 0.8rem;
	font-family: "Open sans", sans-serif;
}

p.description {
 	margin: 0.5em;
 }

.acf-basic-uploader input {
	vertical-align: middle;
	line-height: 1;
}

.acf-field-message p:before, p.description:before {
	content: '\e808';
}

.acf-repeater.-empty.-row > table, .acf-repeater.-empty.-block > table {
    display: none;
}

.acf-repeater .acf-row.acf-clone {
  display: none !important;
}

.acf-row-handle.order {
	display: none;

}

.acf-row-handle.remove {
	width: 0;
	position: relative;
}

.acf-icon.-minus:before {
	content: '\e830';
	margin: 0;
	cursor: pointer;
	text-align: center;
	font-size: 1rem;
}

.acf-icon.-minus {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
}

.acf-row:first-of-type > .remove .acf-icon.-minus {
	display: none;
}


#add-location .acf-row .acf-fields, .add-multiple-fields .acf-row .acf-fields {
	padding-bottom: 2em;
	border-bottom: 1px solid #ddd;
}


.select2-container .select2-choice {
    height: 35px !important;
    padding: 0 6px !important;
    border: none !important;
    line-height: 35px !important;
    color: #666 !important;
    border-radius: 0 !important;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
    font-size: 0.9rem;
    background-color: #f4f3f3 !important;
   background-image: none !important;
}

.select2-container .select2-choice .select2-arrow {
    width: 25px !important;
    border-left: none !important;
    border-radius: 0 !important;
    background: #fee6e6 !important;
	 background-image: none !important;
}

.select2-container .select2-choice .select2-arrow b {
    background-position: 4px 4px !important;
}

.select2-results .select2-highlighted {
    background: #666 !important;
}

.select2-drop-active {
    border: none !important;
}

.acf-row + .acf-row .acf-field-image {
	border-top: 1px solid #ddd;
	margin-top: 0.5em;
}

.acf-required {
	color:#ff6868;
}

.acf-error-message p {
	margin: 0.5em 0;
	font-size: 14px;
	font-size: 0.8rem;
	font-family: "Open Sans", sans-serif;
}

.acf-error-message p:before {
	content: '\e82f';
	color:#ff6868;
}

.entry-content .updated:not(.published), .edit-profile .updated, .register .updated {
	display: block;
	background: rgba(223, 250, 169, 0.48);
}

.entry-content .updated:not(.published) p, .edit-profile .updated p, .register .updated p {
	padding: 6px 5px;
}

.acf-form > .acf-error-message p, .edit-profile .acf-error-message p, .register .acf-error-message p  {
	background: #fbd5d5;
	font-size: 18px;
	font-size: 1rem;
	font-family: inherit;
	padding: 6px 5px;
}

.acf-form > .acf-error-message p:before, .edit-profile .acf-error-message p:before, .register .acf-error-message p:before   {
	color: inherit;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color:#EE0707;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: inherit;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background: #dddddd;
}

.main-navigation ul, .login ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation .menu-menu-container > ul {
	padding: 0 20px;
	max-width: 1500px;
	margin: 0 auto;
}

.login ul {
	display: inline-block;
}

.main-navigation li, .login li {
	float: left;
	position: relative;
}

.main-navigation a, .login a {
	display: block;
	text-decoration: none;
	color: #312d2d;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 20px;
}

.main-navigation .sub-menu a {
	letter-spacing: 0.05em;
	padding: 10px 20px;
}

.login a {
	padding: 10px;
	background:#000;
	color: #fff;
	font-size: 14px;
	font-size: 0.777rem;
	height: 35px;
	line-height: 1;
}

.menu-item-has-children > a:after {
	content: '\e818';
	margin-right: 0;
}

.login > ul > li > a:before {
	content: '\e800';
	margin-right: 10px;
}


.main-navigation ul ul, .login ul ul {
	float: left;
	position: absolute;
	top: 3.4em;
	left: -999em;
	z-index: 99999;
	background:#ddd;
}

.main-navigation ul li.current-menu-parent ul, .login ul ul {
	background:#000;
}

.main-navigation ul ul {
	padding: 20px 0;
}

.login ul ul {
	top: 35px;
	margin-left: -15px;
}

.main-navigation .sub-menu:before {
	content: "";
	display: block;
	border-bottom: 2px solid #fff;
	width: 40px;
	height: 2px;
	margin: 5px 0;
	position: absolute;
	top: 0;
	left: 20px;
}

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

.main-navigation ul ul a  {
	width: 250px;
	text-transform: none;
}

.main-navigation .current-menu-parent a  {
	color: #fff;
}

.login ul ul a  {
	width: 184px;
	color: #fff;
}

.main-navigation ul ul li, .login ul ul li  {
	float: none;
	display: block;
}

.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 {
	color: #fff;
}

.main-navigation ul .current-menu-parent ul a:hover,
.main-navigation ul .current-menu-parent ul a.focus {
	color: #dffaa9;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.login ul li:hover > ul,
.login 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_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	background: #000;
	color: #dffaa9;
}


.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_ancestor > a:hover,
.main-navigation .current-menu-ancestor > a:hover {
	color: #fff;
}

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

.menu-toggle {
	font-size: 23px;
	font-size: 1.27rem;
	letter-spacing: 0.05em;
	margin: 0 0 15px;
	border-radius: 0;
	width: 100%;
	text-align: left;
	
}

.menu-toggle .icon-down-open-mini {
	float: right;
}

.main-navigation.toggled .icon-down-open-mini:before {
	content: '\e819';
}

.menu-toggle:hover, .menu-toggle:active {
	background: inherit;
	color: inherit;
}

.main-navigation.toggled {
	font-size: inherit;
}

.main-navigation.toggled ul {
	margin: 20px 0;
}

.main-navigation.toggled li {
	display: block;
	background: transparent;
    color: inherit;
    float: none;
    margin: 10px 10px 10px 15px;
}

.main-navigation.toggled a {
	padding: 0;
}


.main-navigation.toggled .current_page_item > a,
.main-navigation.toggled .current-menu-item > a,
.main-navigation.toggled .current_page_ancestor > a,
.main-navigation.toggled .current-menu-ancestor > a,
.main-navigation.toggled ul li.current-menu-parent ul a,
.main-navigation.toggled ul li.current-menu-parent ul {
    background:transparent;
    color: #222;
}



.main-navigation.toggled ul li:hover > ul,
.main-navigation.toggled ul li.focus > ul {
	position: static;
	float: none;
	padding: 0;
	margin: 10px 0;
}

.main-navigation.toggled ul li:hover > ul li,
.main-navigation.toggled ul li.focus > ul li {
	font-size: 0.9rem;
	margin-top: 0;
	margin-bottom: 5px;
}

.main-navigation.toggled .sub-menu:before {
   display: none;
}


.comment-navigation,
.posts-navigation,
.post-navigation,
.pagination {
	margin: 0 0 1.5em;
	overflow: hidden;
	font-size: 19px;
	font-size: 1.055rem;
	text-transform: uppercase;
	letter-spacing: 0.075em;
}

.pagination {
	text-align: center;
}

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

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

.nav-next a:after, .nav-previous a:before,
.pagination a.prev:before, .pagination a.next:after {
	background: #ff6868;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	line-height: 1;
	font-size: 150%;
	vertical-align: -3px;
}

.nav-next a:hover:after, .nav-previous a:hover:before,
.pagination a.prev:hover:before, .pagination a.next:hover:after  {
	background: #222;
}

.nav-next a:after {
	margin-left:10px;
}

.nav-previous a:before {
	margin-right:10px;
}

.pagination a.prev, .pagination a.next {
	margin: 0 10px;
}

/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.pagination h2.screen-reader-text {
	clip: unset;
	position: static !important;
	height: auto;
	width: auto;
	overflow: unset;
	
}

.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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# 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;
}

.wp-post-image {
	margin: 1em 1.5em 1em 0;
}

/*--------------------------------------------------------------
# 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;
	table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 30px 0;
	background: #fff;
	padding: 40px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-size: 0.777rem;
	line-height: 1.5em;
}

.widget:last-of-type {
	/* margin-bottom: 30px; */
}

.widget h2 {
	font-family: "Neuton", serif;
	font-size: 19px;
	font-size: 1.055rem;
	margin-bottom: 1.6em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	word-break: break-word;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
  	margin-top: 0;
}

.search .widget h2 {
	margin-bottom: 0;
}

.widget h2 a {
	color: inherit;
}

.widget h2[class^="icon-"]:before {
	color: #50c5c5;
	font-size: 120%;
	margin-right: 0.3em;
	vertical-align: middle;
}

.widget h2.icon-newspaper:before {
	margin-right: .4em;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul ul {
	padding-left: 1.5em;
}


.widget ul > li {
	margin-left: 0;
}


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

.widget.latest-comments li p:first-of-type {
	margin: 0;
}

.widget .comment-excerpt {
	font-size: 11px;
	font-size: 0.611rem;
	line-height: 1.3;
	margin-top: 0;
}

.tagcloud a {
	color: #222;
}

.tagcloud a:hover {
	color: #EE0707;
}


.site-footer .widget {
	padding: 0;
	background: transparent;
	background: rgba(80,197,197, 0.24);
	margin-bottom: 0;
	width: 49.96%;
}

.site-footer .textwidget a {
	color: inherit;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	font-weight: 600;
}

.site-footer .widget-title {
	background: rgba(221,221,221, 0.8);
	padding: 40px;
	margin: 0;
	height: 100px;
}

.site-footer .widget > div {
	padding: 40px;
}

.site-footer .widget ul {
	list-style: none;
	margin: 0;
}

.site-footer .widget div > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .widget_nav_menu a {
	text-transform: uppercase;
	font-size: 12px;
	font-size: 0.666rem;
	letter-spacing: 0.075em;
	font-weight: 600;
	color: inherit;
}

.site-footer .widget_nav_menu {
	border-right: 1px dotted #fff;
}	

.site-footer .menu-sivukartta-container {
	-webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
}

.menu-sivukartta-container li {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.site-footer .widget:last-of-type {
	text-align: center;
	width: 100%;
	background: #fff;
	margin-top: 0;
}

.site-footer img {
	vertical-align: middle;
	margin: 25px;
	max-width: 300px;
} 

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {

}

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

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

.page-content,
.entry-content,
.entry-summary,
.entry-header,
.entry-footer {
	margin: 1.5em 0 0;
	font-size: 19px;
	font-size: 1.055rem;
	max-width: 700px;
	margin: 0 auto;
}

.entry-content {
	margin-top: 1.5em;
}

.entry-content {
	border-top: 2px dashed #ccc;
	border-bottom: 2px dashed #ccc;
	padding: 10px 0;
}

.entry-content p, .entry-content li, .comment-content p {
	font-family: "Open Sans", sans-serif;
	font-size: 0.85rem;
	line-height: 1.6
}

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

/* Discipline colors */

.media .event-dates,
.media .announcement-category,
.site-header-right label.media,
.media .archive-source-title a,
.archive-review.media:before,
.archive-julkaisusarja.media:before,
article.single.media:before  {
	background: #ddd;
}

.historia .event-dates,
.historia .announcement-category,
.site-header-right label.historia,
.historia .archive-source-title a,
.archive-review.historia:before,
.archive-julkaisusarja.historia:before,
article.single.historia:before  {
	background: #e1f0ef;
}

.taide .event-dates,
.taide .announcement-category,
.site-header-right label.taide,
.taide .archive-source-title a,
.archive-review.taide:before,
.archive-julkaisusarja.taide:before,
article.single.taide:before {
	background: #fee6e6;
}

.perinne .event-dates,
.perinne .announcement-category,
.site-header-right label.perinne,
.perinne .archive-source-title a,
.archive-review.perinne:before,
.archive-julkaisusarja.perinne:before,
article.single.perinne:before  {
	background: #dffaa9;
}

.historiamediaperinnetaide .event-dates {
	background: linear-gradient(to bottom,
	 #e1f0ef,
	 #e1f0ef 25%,
	 #ddd 25%,
	 #ddd 50%,
	 #e8fbc2 50%,
	 #e8fbc2 75%,
	 #fee6e6 75%);
}

.historiamediaperinne .event-dates {
	background: linear-gradient(to bottom,
	 #e1f0ef,
	 #e1f0ef 33.333%,
	 #ddd 33.333%,
	 #ddd 66.666%,
	 #e8fbc2 66.666%);
}

.historiamedia .event-dates {
	background: linear-gradient(to bottom,
	 #e1f0ef 50%,
	 #ddd 50%);
}

.historiaperinne .event-dates {
	background: linear-gradient(to bottom,
	 #e1f0ef 50%,
	 #e8fbc2 50%);
}

.historiataide .event-dates {
	background: linear-gradient(to bottom,
	 #e1f0ef 50%,
	 #fee6e6 50%);
}

.historiamediataide .event-dates {
	background: linear-gradient(to bottom,
	 #e1f0ef,
	 #e1f0ef 33.333%,
	 #ddd 33.333%,
	 #ddd 66.666%,
	 #fee6e6 66.666%);
}

.mediaperinnetaide .event-dates { 
	background: linear-gradient(to bottom,
	 #ddd,
	 #ddd 33.333%,
	 #e8fbc2 33.333%,
	 #e8fbc2 66.666%,
	 #fee6e6 66.666%);
}

.mediaperinne .event-dates { 
	background: linear-gradient(to bottom,
	 #ddd 50%,
	 #e8fbc2 50%);
}

.mediataide .event-dates { 
	background: linear-gradient(to bottom,
	 #ddd 50%,
	 #fee6e6 50%);
}

.perinnetaide .event-dates { 
	background: linear-gradient(to bottom,
	 #e8fbc2 50%,
	 #fee6e6 50%);
}


.media .archive-source-title a {
	box-shadow: 10px 0 0 #ddd, -10px 0 0 #ddd;
}

.historia .archive-source-title a {
	box-shadow: 10px 0 0 #e1f0ef, -10px 0 0 #e1f0ef;
}

.taide .archive-source-title a {
	box-shadow: 10px 0 0 #fee6e6, -10px 0 0 #fee6e6;
}

.perinne .archive-source-title a {
	box-shadow: 10px 0 0 #e8fbc2, -10px 0 0 #e8fbc2;
}

.archive-review:before, article.single:before, .archive-julkaisusarja:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	border-radius: 8px;
	top: 15px;
	left: 15px;
}

article.single:before {
	width: 26px;
	height: 26px;
	border-radius: 12px;
	top: 20px;
	left: 20px;
}



/* Home */

.home #main .widget {
	margin: 0;
}

.home .archive-julkaisu {
	padding: 0;
}

.home .widget h2[class^="icon-"]:before {
    font-size: 120%;
    margin-left: 0;
    vertical-align: top;
}


/* Columns */

.columns {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.three-columns > div {
	width: 33%;
	padding: 40px;
}

.two-columns > div {
	padding: 25px;
}

.frontpage-box-twitter {
	height: 500px;
}



/* Section header */

.section-header {
	background: #fff;
	margin-bottom: 30px;
}

.section-header h1 {
	margin-top: 0;
	text-align: center;
	font-family: 'Neuton', serif;
	padding: .6em 0;
}

.section-header .search-filter {
	background: #d5eaea;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-size: 0.833rem;
}

.search-filter label {
	text-transform: uppercase;
}

.search-filter input[type="search"], .search-filter select {
	background-color: #fff;
}

.section-action {
	text-align: center;
}

.section-header.simple {
	margin-bottom: 0;
}

.section-header.simple h1, .section-header.simple .button {
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
}

.section-header h1:before {
	color: #50c5c5;
	font-size: 150%;
	vertical-align: middle;
}

.simple .two-columns > div {
	padding: 15px 25px;
}

.section-header.simple h1 {
	font-size: 0.75rem;
	margin: 0;
	letter-spacing: 0.1em;
	text-align: left;
}

.section-header.simple a {
	color: inherit;
}


.section-header.simple h1:before {
	font-size: 100%;
}

.section-header.simple .button {
	background: transparent;
    color: inherit;
    font-size: 0.7rem;
    display: block;
    line-height: 1.1;
    height: auto;
    text-align: right;
}

.section-header.simple .button:hover, .section-header.simple a:hover {
	background: transparent;
    color: #f62020;
}

.section-header.simple h1:before {
	color: inherit;
}

/* Sidebar */

#secondary {
	float: left;
	width: 31%;
	padding: 0 60px 0 0;
}

#primary {
	float: right;
	margin: 0 0 0 -31%;
	width: 100%;
}

.site-main {
	margin: 0 0 0 31%;
	max-width: none;
}

/* Simple page */

.page-template-page-simple .site-main,
.page-template-page-tags .site-main  {
	margin: 0;
}

.page-template-page-simple .single,
.page-template-page-tags .single {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

/* Events */

.site-main.small-masonry {
	margin: 30px 0;
}

.item-sizer, .masonry-item {
	width: 193px;
	width: 13.219%;
	display: block;
	background: #fff;
	margin: 30px 0;
}

.gutter-sizer {
	width: 4.1%;
}

.masonry-item.wide, aside.masonry-item {
	width: 446px;
	width: 30.547%;
}

.masonry-item.tietosanomat-sticky {
	width: 65.3%;
}

aside.masonry-item {
	margin: 0;
	background: transparent;
}

.masonry-item.widest {
	width: 446px;
	width: 65.353%;
}


.masonry-item img {
	display: block;
	width: 100%;
}


.event-dates {
	background: #ddd;
	color: #222;
	position: relative;
	overflow: auto;
	padding-bottom: 20px;
	line-height: 1;
}


.start-day, .end-day {
	width: 30%;
	float: left;
	text-align: center;
	margin-top: 15px;
}

.start-day {
	margin-left: 17px;
}

.end-day {
	float: right;
	margin-right: 17px;
}

.day, .month {
	display: block;
}

.day {
	font-size: 37px;
	font-size: 2.05rem;
}

.month {
	text-transform: uppercase;
	font-size: 14px;
	font-size: 0.777rem;
}

.end-day:before {
	content: "\2013";
	position: absolute;
	width: 100%;
	text-align: center;
	display: block;
	left: 0;
	top: 15px;
	font-size: 37px;
	font-size: 2.05rem;
}

.event-title {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-size: 0.72rem;
	padding: 17px;
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	word-break: break-word;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
  	color: #222;
  	line-height: 1.5;
}

a:hover .event-title {
	color: #EE0707; 
}

.archive-event .icon:before {
	float: right;
	margin: 10px;
	color: #ccc;
}

#event-datepicker {
	font-family: "Neuton", serif;
}

#event-datepicker thead th {
	text-transform: uppercase;
	font-size: 700;
	padding-bottom: 20px;
}


#event-datepicker .ui-datepicker-header {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	font-size: 24px;
	font-size: 1.333rem;
}

#event-datepicker .ui-datepicker-prev, #event-datepicker .ui-datepicker-next {
	position: absolute;
	cursor: pointer;
}

#event-datepicker .ui-datepicker-prev {
	left: 0;
}

#event-datepicker .ui-datepicker-next {
	right: 0;
}

#event-datepicker .ui-datepicker a {
	color: inherit;
}

#event-datepicker .ui-datepicker .shows-exist a {
	text-decoration: underline;
}

#event-datepicker .ui-datepicker table {
	width: 100%;
	margin-bottom: 0;
	font-size: 16px;
	font-size: 0.888rem;
}


#event-datepicker .ui-datepicker td {
	height: 42px;
	padding: 0;
	width: 14.28%;
	text-align: center;
	position: relative;
}

#event-datepicker .ui-datepicker td a {
	width: 100%;
	height: 40px;
	padding: 10px 0;
	display: block;
}

#event-datepicker .selected-date a {
	font-weight: 700;
	color: #ff6868;
}

#event-datepicker .ui-datepicker-current-day, #event-datepicker .ui-datepicker td a:hover {

}

.long-term-events p {
	margin-top: 0;
}


/* Announcements */


.archive-announcement div {
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	word-break: break-word;
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
  	font-family: "Open Sans", sans-serif;
}

.announcement-category, .announcement-date {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-size: 0.666rem;
	padding: 17px;
	color: #222;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}

.announcement-title {
	padding: 17px;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-size: 0.72rem;
	color: #222;
	line-height: 1.5;
}

a:hover .announcement-title {
	color: #EE0707;
}

.announcement-date {
	border-top: dashed 1px #ccc;
}

/*  Forum */

.forum-topic-title {
	margin-bottom: 0;
}

.forum-topic-author {
	font-weight: bold;
}

.forum-topic-last-reply {
	font-size: 11px;
}

.forum-topic-post-count {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 9px;
	font-size: 0.5rem;
	width: 27px;
	height: 27px;
	text-align: center;
}

.forum-topic-post-count:before {
	font-size: 350%;
	color: #dffaa9;
	position:absolute;
	right: 0;
	z-index: 500;
	margin: 0;
}

.forum-topic-post-count {
	position: relative;
	top: initial;
	right: initial;
	display: inline-block;
	margin-right: 5px;
}

.forum-topic-post-count:before {
	font-size: 350%;
	color: #ffacac;
	position:initial;
	vertical-align: middle;
}

.count-number {
	left: 2px;
	right: initial;
	top: 3px;
	color: #000;
	text-align: center;
	z-index: 1000;
	width: 100%;
	position: absolute;
}

/* Articles */

article.single {
	padding: 40px 40px 70px 40px;
	background: #fff;
	/*margin: 30px 0 60px 0;*/
	margin: 30px 0;
	position: relative;
}

.entry-header h1 {
	font-size: 46px;
	font-size: 2.6rem;
}

.entry-meta {
	line-height: 1.8;
}

.single-review .entry-meta, .single-tietosanomat .entry-meta, .single-post .entry-meta  {
	line-height: inherit;
}

.meta-title {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	vertical-align: middle;
}

.category-title {
	margin-top: 30px;
}

.entry-meta .details, .text-highlight {
	background: #e8fbc2;
	padding: 3px;
	position: relative;
	top: -2px;
	vertical-align: middle;
}

.single-event .details {
	background: none;
}

.tags .meta-title {
	vertical-align: baseline;
}

.entry-meta a, .entry-meta .icon-phone, .coauthors {
	font-family: "Open Sans", sans-serif;
	font-size: 0.8rem;
}

.entry-meta .details a {
    font-family: 'Neuton', serif;
    font-size: 19px;
    font-size: 1.055rem;
}

#map {
	margin: 5px 0 40px 0;
	height: 500px;
}

.share {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-family: "Open Sans", sans-serif;
}

.share a {
	text-decoration: none;
	color: inherit;
}

.entry-footer {
	margin-top: 1em;
}

.single-review .cover-image {
	max-width: 300px;
	margin-top: 0;
}

.feed-posts-sidebar p {
	margin-top: 0;
}

h2.feed-post-category {
	/*
	font-size: 16px;
	font-size: 0.888rem;
	
	*/
	text-transform: none;
}


/* Reviews & Julkaisusarja */

.ingressi, .ingressi p {
	font-size: 1.4rem;
	font-style: italic;
	line-height: 1.2;
	margin: 1.5rem 0 2.5rem 0;
	font-family: inherit;
}

.ingressi p {
	margin: 0;
}

.book-info {
	font-family: "Open Sans", sans-serif;
	font-size: 0.85rem;
	line-height: 1.5;
}

.entry-content .book-info p {
	font-family: 'Neuton', serif;
    font-size: 1.1rem;
    line-height: 1.3em;
}

.archive-julkaisu {
	font-family: "Open Sans", sans-serif;
	padding: 50px 40px 40px;
}

.archive-julkaisu img, .archive-julkaisu .small-capitals {
	margin-top: 0;
}

.archive-julkaisu img {
	max-width: 120px;
	margin-right: 17px;
	margin-bottom: 10px;
}

.archive-tietosanomat img {
	max-width: 100%;
	margin-right: 17px;
	margin-bottom: 30px;
}

.archive-julkaisu-content {
	font-size: 14px;
	line-height: 1.5;
}

.archive-julkaisu-title {
	font-size: 16px;
	font-size: 0.888rem;
	margin-top: 15px;
}

.archive-julkaisusarja-title {
	margin-top: 0;
}

.readmore {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.comment-count, .series-number {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 9px;
	font-size: 0.5rem;
	width: 27px;
	height: 27px;
	text-align: center;
}

.comment-count:before {
	font-size: 350%;
	color: #dffaa9;
	position:absolute;
	right: 0;
	z-index: 500;
	margin: 0;
}

.comment-number {
	text-align: center;
	z-index: 1000;
	width: 100%;
	position: absolute;
	top: 6px;
	right: 2px;
}


.series-number {
	background-color: #fbb2b2;
	font-size: 20px;
	font-size: 1rem;
	font-family: "Neuton", serif;
	border-radius: 14px;
	width: 28px;
	height: 28px;
}


/* Blog syndication */

.rss-post {
	padding-top: 30px;
}

.blog-link a {
	color: inherit;
}

.blog-link {
	margin: 0 0 30px 0;
	font-family: "Neuton", serif;
	letter-spacing: 0.08em;
	font-style: italic;
}

/* Tietosanomat */
.blog-name {
	margin-bottom: 3px;
	font-family: "Neuton", serif;
	letter-spacing: 0.08em;
	font-style: italic;
	font-size: 16px;
}

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

	.post-type-archive-tietosanomat .section-description {
		text-align: center;
	}

}

.post-type-archive-tietosanomat .filter-post-type .screen-reader-text {
	clip:unset;
    position: static !important;
    height:auto;
    width: auto;
    overflow: hidden;
    word-wrap: normal !important;
    margin-right: 10px;
}

/* Sources */

.sources-filter {
	padding: 12px;
}

.sources-filter > div {
	padding: 12px;
}

.sources-filter {
	flex-wrap: wrap;
}

.post-type-archive-source #main {
	background: #fff;
	margin-top: 20px;
	padding: 10px 35px;
}

.archive-source {
	padding:0 10px;
}

.archive-source-content {
	font-family: "Open Sans", sans-serif;
	font-size: 0.7222rem;
	line-height: 1.4em;
}

.archive-source-title {
	margin-bottom: 17px;
	margin-left: 10px;
}

.archive-source-title a {
	text-transform: uppercase;
	color: inherit;
	font-size: 14px;
    font-size: 0.777rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    background: #e8fbc2;
    padding: 5px 0;
    vertical-align: middle;
	box-shadow: 10px 0 0 #e8fbc2, -10px 0 0 #e8fbc2;
}

.archive-source-title a:after {
	content: " >>";
}

.source-type {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	margin: 10px 0 3px 0;
}

.source-type a {
	color: inherit;
}

.source-taxonomies-icons, .source-description, .source-description p {
	display: inline;
}

.source-taxonomies-icons span:before {
	color: #7f7f7f;
	font-size: 1.2em;
	margin: 2px;
}

.source-tags {
	font-size: 0.95em;
}

.icon-tag:before {
	color: #7f7f7f;
	margin-right: 5px;
}


/* User pages */


.author .site-main, .page-template-page-user-form .site-main {
	margin: 0;
}

.author .user-avatar {
	float: left;
	width: 20%;
	margin-top: 0.5em
}

.user-avatar img {
	display: block;
}

.author .user-info {
	width: 75%;
	clear: none;
	margin-left: 25%;
}

.user-info h1 {
	clear: none;
}

.author .entry-header {
	margin-bottom: 3.5rem;
}

.author h3 {
	margin-bottom: 0.7rem;
}

.author .entry-content {
	padding-bottom: 2rem;
}

.single.edit-profile {
	overflow: auto;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.single.edit-profile .edit-profile-wrapper {
	max-width: 700px;
	margin: 0 auto;
}

.edit-profile .entry-header, .edit-profile .entry-content {
	width: 40%;
	float: left;
	border: 0;
}

.edit-profile .entry-content {
	width: 60%;
	padding: 0;
	margin: 0;
	margin-top: 1.5rem;
}

.edit-profile .entry-header {
	padding-right: 40px;
}

.edit-profile .entry-header h1 {
	font-size: 31px;
	font-size: 1.722rem;
	margin-top: 2rem;
}

.user-avatar img {
	border: 9px solid #ddd;
}

.edit-profile .user-avatar {
	margin-top: 70px;
}

.edit-profile #form-tabs ul {
	list-style: none;
	margin-top: 2rem;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.edit-profile #form-tabs ul li {
	margin-bottom: 0.5rem;
}

.edit-profile #form-tabs ul li a:before {
	content: ">> ";
}

.edit-profile .ui-state-active a {
	color: inherit;
}

.edit-profile .acf-field-message label::before {
    display: none;
}

.edit-profile .acf-field-message label {
    font-size: 24px;
}

.edit-profile .acf-field-message, .register .acf-field-message {
    margin-top: 3em;
}

.register .acf-field-message:first-of-type {
    margin-top: 1em;
}

.register .g-recaptcha {
	margin-top: 20px;
}


#password-strength {
	margin: 15px 0;
	padding: 6px 10px;
	font-size: 14px;
	font-size: 0.8rem;
	font-family: "Open Sans", sans-serif;
	display: none;
}

#password-strength.good,
#password-strength.bad,
#password-strength.strong,
#password-strength.short {
	display: block;
}

#password-strength.short {
	background: #fbd5d5;
}

#password-strength.bad {
	background: rgba(251, 213, 213, 0.74);
}

#password-strength.strong {
	background:	rgba(223, 250, 169, 0.48);
}

#password-strength.good {
	background:	rgb(253, 216, 171);
}

.author .entry-header {
	position: relative;
	overflow: auto;
}

a.button.edit-profile-link {
	position: absolute;
	right: 0;
	font-size: 12px;
	font-size: 0.66rem;
	font-family: "Open Sans", sans-serif;
	height: auto;
}

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

.bypostauthor {
	display: block;
}

#comments {
	padding: 40px 40px 70px 40px;
    background: #fff;
    margin: 30px 0 60px 0;
}

#respond {
	max-width: 700px;
    margin: 0 auto;
}

#respond, .comment-list, .comments-title  {
	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.comment-list {
	padding: 0 0 40px 0;
	border-bottom:2px dashed #ccc;
	list-style: none;
}

.comment-list ol.children {
	list-style: none;
}

#comments article {
	margin-bottom: 2rem;
}

.comment-meta {
	font-family: "Open Sans", sans-serif;
	 font-size: 14px;
    font-size: 0.7rem;
    line-height: 1.5em;
    background: rgba(213, 234, 234, 0.54);
    padding: 10px;
    overflow: auto;
}

.comment-content {
	padding-left: 10px;
}

.comment-content p {
	font-size: 0.75rem;
}

.comment-author {
	float: left;
}

.comment-author *,  .comment-metadata * {
	vertical-align: middle;
}

.comment-author img {
	margin-right: 5px;
}

.comment-metadata {
	float: right;
	vertical-align: middle;
	margin-top: 6px;
}

#comments article .reply {
	padding-left: 10px;
}

/*--------------------------------------------------------------
# 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-left: auto;
	margin-right: auto;
}

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

.wp-caption-text {
	text-align: center;
	font-size: 17px;
	font-size: 0.89rem;
	font-style: italic;
}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## Media queries
--------------------------------------------------------------*/




@media screen and (min-width: 970px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation > div > ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-box-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}
}

@media screen and (max-width: 1540px) {
	#secondary {
		padding: 0 60px 0 20px;
	}

	#primary {
		padding: 0 15px;
	}

	.site-main.small-masonry, .posts-navigation {
		margin: 30px 15px;
	}


}


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

	.main-navigation {
		font-size: 1.5vw;
	}


}


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

	body {

		/* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;

	  /* Instead use this non-standard one: */
	  word-break: break-word;

	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;

	}
	.bg-wrapper {
		height: auto;
		background: rgba(255,255,255, 0.6);
		padding: 0;
	}

	.site-header-bg {
		display: none;
	}

	.site-header-content {
		position: static;
		padding: 0;
	}

	.site-title {
		margin-top: 20px;
	}

	.site-title img {
		max-width: 100%;
	}

	.site-header-right {
		/* overflow: auto; */
	}

	.site-branding {
		text-align: left;
		margin-bottom: 20px;
		max-width: 40%;
	}


	.searcharea {
		width: 55%;
		margin-right: 0;
	}

	.site-header .search-form input[type="search"] {
		width: calc(100% - 73px);
	}

	.my-agricola-text {
		display: none;
	}

	.filters {
		margin: 50px 0 20px 0;
		font-size: 19px;
		font-size: 1.055rem;
		line-height: 1.8;
	}

	.filters .cool-checkbox {
		width: auto;
		margin: 0 1%;
	}

	#secondary {
		float: none;
		width: auto;
		padding: 0 15px;
		}

	#primary {
		float: none;
		margin: 0;
		width: 100%;
	}

	.site-main {
		margin: 0;
		max-width: none;
	}

	.site-footer {
		display: block;
	}
	.site-footer .widget {
		width: 100%;
		border-right: 0;
	}

	.columns {
		display: block;
		padding: 40px 0;
	}

	.simple .columns, .single columns {
		display: flex;
		padding: 0;
	}

	.three-columns > div, .two-columns > div {
		width: 100%;
		padding: 0 20px;
		text-align: left;
	}

	.post-type-archive-tietosanomat .three-columns > div, .two-columns > div,
	.post-type-archive-tietosanomat  .section-header h1,
	.post-type-archive-tietosanomat  .section-header .section-action p {
		width: 100%;
		padding: 0 20px;
		text-align: center !important;
	}
	.post-type-archive-tietosanomat  .section-header h1 {
		margin-top: 30px;
	}

	.two-columns > div {
		padding: 20px;
	}

	.search-filter input[type="search"], .search-filter select {
		max-width: 70%;
	}

	.search-filter {
		padding: 0;
	}

	.filter-post-type {
		border-top: 2px dashed #fff
	}

	.section-header h1 {
		text-align: left;
	}


	.item-sizer, .masonry-item {
		width: 22.93%;
		margin: 10px 0;
	}

	.gutter-sizer {
		width: 2.74%;
	}

	.masonry-item.wide, aside.masonry-item, .masonry-item.widest {
		width: 48.62%;
	}

	aside.masonry-item {
		margin: 0;
	}

	.post-type-archive-source #main {
		padding: 10px 0;
	}


	article.single, #comments {
		padding: 40px 10px 20px 10px;
		margin-bottom: 20px;
	}

	.widget {
		margin: 10px 0 20px 0;
		padding: 10px 10px 5px 10px;
	}

	.archive-review {
		padding: 20px 10px;
	}

	.archive-julkaisusarja {
		padding: 20px 10px;
	}

	blockquote {
		margin: 1.5em 0;
	}

	#comments {
		padding-top: 20px;
	}

	.comments-title, #reply-title {
    	margin-top: 0;
	}


}


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

	.site-header, .section-header {
		margin: 15px;
	}

	.searcharea {
		width: 55%;
		margin-right: 0;
	}

	.site-branding, .site-header-right {
		max-width: 300px;
	}
	.filters .cool-checkbox {
		width: 42%;
		margin: 0 2%;
	}

	.site-footer {
		margin: 0 15px;
		border-top: 2px dashed #ccc;
		padding-top: 20px;
	}

	.site-footer .widget {
		margin: 20px 0;
		width: 100%;
	}

	.site-footer .widget-title, .site-footer .widget > div {
    	padding: 20px;
		height: auto;
	}

}


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

	.site-header, .section-header {
		margin: 15px 15px 0 15px;
	}

	.site-branding, .site-header-right {
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}

	.searcharea, .login {
		margin: 0 10px 20px 10px;
	}

	.section-info.columns {
		display: block;
		padding: 10px 0 40px 0;
	}

	.section-header h1 {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.site-main.small-masonry, .posts-navigation {
		margin: 0 15px;
	}

	.alignleft, .alignright, .aligncenter {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.entry-header h1 {
		font-size: 34px;
		font-size: 1.9rem;
	}

	.item-sizer, .masonry-item, aside.masonry-item, .masonry-item.widest, .masonry-item.wide  {
		width: 100%;
	}
	.item-sizer, .masonry-item {
		width: 48.62%;
	}

	.gutter-sizer {
		width: 2.74%;
	}

	.edit-profile .entry-header, .edit-profile .entry-content {
		width: 100%;
		float: none;
	}

	.edit-profile .entry-header {
		padding-right: 0;
	}

	.edit-profile .entry-header h1 {
		margin-top: 0rem;
	}

	.edit-profile .user-avatar {
		margin-top: 30px;
	}

	article.single {
		margin: 15px 0 60px 0;
	}


}



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


	.simple .two-columns > div {
		padding: 15px;
	}
	.section-header.simple h1, .section-header.simple .button {
		font-size: 0.6rem;

	}
	.item-sizer, .masonry-item, aside.masonry-item, .masonry-item.widest, .masonry-item.wide  {
		width: 100%;
	}
	.gutter-sizer {
		width: 0;
	}

	.site-branding, .site-header-right {
		max-width: 300px;
	}
	.filters .cool-checkbox {
		width: 42%;

	}

	.site-footer img {
		max-width: 200px;
	} 


}


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

	.simple .two-columns > div {
		padding-left: 25px;
	}

	.simple .two-columns .section-action {
		padding-top: 0;
	}
	.single .columns, .simple .columns {
		display: block;
	}

	.section-header.simple .button {
		text-align: left;
		padding: 0;
	}
	.site-footer img {
		vertical-align: middle;
		margin: 25px;
		max-width: 200px;
	} 


}