/*
Theme Name: BIOS2020
Theme URI: http://viiksimaisteri.fi
Author: Viiksimaisteri
Theme URI: http://viiksimaisteri.fi
Description: Wordpress-teema BIOS-kollektiiville. Ulkoasu <a href="http://tsto.biz">Tsto</a>. Koodi Viiksimaisteri. Based on Blankslate. Päivitetty 9/2020.
License: ALL RIGHTS RESERvED
Version: 6.1
Text Domain: blankslate
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

::selection { background: transparent; }
::-moz-selection { background: transparent; }
	::selection { background: #F6323E; color: #F4F4F0; }
	::-moz-selection { background: #F6323E; color: #F4F4F0; }
a#logo::selection { border: 0; }
a#logo:focus { border: 0; }

a { color: inherit; outline: 0; }
.entry-content a { color: #F6323E; }

/* Typography */

html,
article.page .entry-content > p,
div.tutkimusala {
    font-family: SuisseWorks, serif;
}
.a-sect.blogi h2.entry-title span.excerpt {
	display: none;
}
a,
.post-header,
#footer_language_list,
article .entry-content p,
article .entry-content ul,
.wp-caption-text,
.julk-cat-pick.cur,
.contact,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
    font-family: SuisseIntl, sans-serif;
	text-decoration: none;
}

h2.entry-title .entry-link::before {
    font-family: Tahoma;
}
.nav-item span,
.nav-item h1,
#footer_language_list {
	letter-spacing: 0.10em;
}

.entry-title {
    line-height: 1.25;
}

article.page h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.25;
}
article.page h1:not(:first-child){
	margin-top: 3rem;
}

.entry-content h5 {
    line-height: 2;
}

article h2,
h2.entry-title,
article.page .entry-content > p,
.julk-cat-pick,
footer.contact,
.mobile .a-sect.blogi .post-header,
.mobile .wp-caption-text {
	font-size: 1.725rem;
}

article.post .entry-content h2,
article.post .entry-content h3,
article.post .entry-content h4 {
	font-size: 1.5rem;
	font-family: 'SuisseWorks', serif;
}

.mobile .julkaisut .items .post-header,
.mobile .julkaisut .items .entry-title,
.mobile .julkaisut .items .entry-content p {
    font-size: 1.35rem;
}
.desktop .post-header a,
article .entry-content p,
article .entry-content ul {
    font-size: 1.2rem;
    line-height: 1.5;
}
.a-sect.blogi .excerpt { line-height: 1.5; }
.a-sect.front h2.entry-title,
.a-sect.front article.post .entry-content p,
.mobile .a-sect.front .posts .post-header {
    font-size: 1.125rem;
    letter-spacing: 0.025em;
}
.desktop .a-sect.front .post-header span {
    letter-spacing: 0.025em;
}

article .entry-content li {
    margin-left: 1.5rem;
    list-style-type: disc;
}

.julk-cat-pick {
    line-height: 1.5;
}

.mobile .wp-caption-text {
    text-align: center;
    max-width: 90%;
}

/* Above sizes' margins */
h2.entry-title,
.mobile .a-sect.blogi .post-header,
.mobile .a-sect.front .post-header {
	margin-bottom: 1rem;
}
	.desktop .a-sect.blogi .post-header {
	    margin-bottom: 0.4rem;
	}
	
article.researcher .entry-content p,
article.tutkija .entry-content p,
article.page .entry-content p {
    margin-bottom: 1.5em;
	margin-top: 0;
}
article.post .entry-content > * {
    margin-bottom: 2rem;
}
.desktop article.post .entry-content > * {
	/*
    padding: 0 2em;
    padding: 0 5vw; */
}
	article.post .entry-content p:first-of-type {
		margin-top: 1.5rem;
	}

.entry-content p i,
.entry-content p em {
    font-style: italic;
}


p.wp-caption-text { font-size: 1rem !important; margin-top: 1em !important; }


.entry-content br {
	/* margin-bottom: 1.5em; */
}


body { background-color: #F4F4F0 }

/* Overall */
#header {
    height: 10%;
    position: absolute;
    top: 0;
    width: 100%;
}
	#branding,
	#logo {
	    height: 100%;
	    width: 100%;
	}
	#branding {
	    box-sizing: border-box;
	    padding: 2.5rem 0;
	    text-align: center;
		border-bottom: 1px solid red;
	}
	.desktop #branding { padding: 3.5vh 0; }
	#logo img {
	    max-height: 100%;
	    width: auto;
	    animation: logospin 11s linear infinite;
	    -webkit-animation: logospin 11s linear infinite;
	    -moz-animation: logospin 11s linear infinite;
	    transform-origin: 49.98% 50%;
		height: 100%;
	}
	#logo img:hover {
	    animation: none;
	    transform: rotate(360deg);
	    transition: all 500ms ease-out;
	    -moz-transition: all 500ms ease-out;
	    -webkit-transition: all 500ms ease-out;
	}

	@keyframes logospin {
		0% { transform: rotate(0deg); } 10% { transform: rotate(0deg); }
		10.01% { transform: rotate(45deg); } 20% { transform: rotate(45deg); }
		20.01% { transform: rotate(90deg); }  30% { transform: rotate(90deg); }
		30.01% { transform: rotate(135deg); } 40% { transform: rotate(135deg); }
		40.01% { transform: rotate(180deg); } 50% { transform: rotate(180deg); }
		50.01% { transform: rotate(225deg); } 60% { transform: rotate(225deg); }
		60.01% { transform: rotate(270deg); } 70% { transform: rotate(270deg); }
		70.01% { transform: rotate(315deg); } 80% { transform: rotate(315deg); }
		80.01% { transform: rotate(360deg); } 90% { transform: rotate(360deg); }
		90.01% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
	}
	@-webkit-keyframes logospin {
		0% { -webkit-transform: rotate(0deg); } 10% { -webkit-transform: rotate(0deg); }
		10.01% { -webkit-transform: rotate(45deg); } 20% { -webkit-transform: rotate(45deg); }
		20.01% { -webkit-transform: rotate(90deg); }  30% { -webkit-transform: rotate(90deg); }
		30.01% { -webkit-transform: rotate(135deg); } 40% { -webkit-transform: rotate(135deg); }
		40.01% { -webkit-transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); }
		50.01% { -webkit-transform: rotate(225deg); } 60% { -webkit-transform: rotate(225deg); }
		60.01% { -webkit-transform: rotate(270deg); } 70% { -webkit-transform: rotate(270deg); }
		70.01% { -webkit-transform: rotate(315deg); } 80% { -webkit-transform: rotate(315deg); }
		80.01% { -webkit-transform: rotate(360deg); } 90% { -webkit-transform: rotate(360deg); }
		90.01% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); }
	}
	#site-title, #site-description {
	    display: none;
	}
		a#home {
		    display: inline-block;
		    height: 100%;
		    width: auto;
		}
		#langpick {
		    display: inline-block;
		    height: 100%;
		    float: right;
		    vertical-align: top;
		}
			#footer_language_list {
			    height: 100%;
			    vertical-align: middle;
			    display: table;
			}
				#footer_language_list ul {
				    display: table-cell;
				    height: 100%;
				    vertical-align: middle;
					line-height: 0;
				}
					#footer_language_list ul li:first-of-type {
					    position: absolute;
					    left: 2rem;
					}
					#footer_language_list ul li:nth-of-type(2) {
					    position: absolute;
					    right: 2rem;
					}
					#footer_language_list { color: #F6323E; }
					#footer_language_list a { color: black; }
#container {
/*
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90%;
    border-top: 1px solid #F6323E;
*/
}
	html.flexbox #content.frontpage {
	    display: flex;
	    flex-wrap: nowrap;
	    height: 100%;
	/*    max-width: 1280px; */
	    margin: auto;
	    min-height: 82vh;
	}


/* Sections */
.desktop .nav-item {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #F6323E;
    min-width: 3rem;
    width: 3rem;
    text-align: right;
	position: relative;
	padding-top: 1.25rem;
}
	.desktop .nav-item span,
	.desktop .nav-item h1 {
	    display: block;
	    transform: rotate(-90deg);
	    transform-origin: 100% 100%;
		transform-style: preserve-3d;
	    text-transform: uppercase;
	    position: absolute;
	    right: 1rem;
	    width: 50vh;
	}
@media (min-width: 1280px){
	.nav-item:last-of-type {
	    border-right: 0;
	}
	.a-sect:last-of-type {
	    border-right: 0 !important;
	}
	.nav-item.act:last-of-type {
	    border-right: 1px solid #F6323E;
	}
}
.desktop footer.contact {
    padding: 4vh 4rem 5vh;
}

.a-sect {
    height: 100%;
	width: 0%;
    max-width: 0px;
    overflow: hidden;
    display: inline-block;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    padding: 0 0;
    box-sizing: border-box;
    position: relative;
	max-height: 0vh;
}
	@media (max-width: 1280px){
		.a-sect.act:last-of-type { border-right: 0; }
	}

	.a-sect.act {
	    max-width: 100%;
	    width: 100%;
	    border-right: 1px solid #F6323E;
	/*    overflow-y: auto; */
	/*    padding: 0 10%; */
		max-height: 9000vh;
	}
		.sect-wrap {
		    width: 100%;
/*		    width: calc(100% + 30px); */
/*		    overflow-y: scroll; */
		    overflow-y: hidden;
		    overflow-x: hidden;
		    height: 100%;
/*
		    right: -30px;
		    position: relative;
		    padding-right: 30px;
*/
		}
		.sect-innerwrap {
		    width: 100%;
	/*	    margin: auto; */
	/*	    padding: 3.5em 10% 10vh; */
		    padding: 3.5em 0 0;
		    box-sizing: border-box;
		}
		.sect-innerwrap > * {
			min-width: 65vw; /* quite a bad practice */
		/*	max-width: 72vw; */
		}
		@media (min-width: 1280px){
			.sect-innerwrap {
				max-width: 1280px;
			/*    min-width: calc(100vw - 9.25rem); */
			    min-width: calc(100vw - 12.25rem);
			}
			.julkaisut .sect-innerwrap {
			/*    max-width: 850px; */
			}
			.projektit .sect-innerwrap,
			.blogi .sect-innerwrap,
			.info .sect-innerwrap { max-width: none; }
				.sect-innerwrap > * {
				    width: 850px;
					margin-left: auto;
					margin-right: auto;
				}
				.a-sect.front .sect-innerwrap > *,
				.a-sect.projektit .sect-innerwrap > *,
				.a-sect.blogi .sect-innerwrap > *,
				.a-sect.info .sect-innerwrap > * {
					width: 100%;
					box-sizing: border-box;
				}
			.a-sect.projektit .sect-innerwrap > article.page {
			/*    padding: 0 10%; */
			}
			.article-wrap {
			    max-width: 800px;
			    margin-left: auto;
			    margin-right: auto;
			}
		}

.sect-innerwrap article:last-of-type {
    border-bottom: 0 !important;
}

.a-sect.front .article-wrap {
    position: relative;
}
	.a-sect.front .posts .article-wrap {
	    max-width: calc(800px - 10vw);
	}
/*		.a-sect.front .posts a span.title:after { content: ":"; } */

	.desktop .a-sect.front h2.entry-title {
	    margin-bottom: 0;
	}

	.a-sect.front .posts a { /* color: red; */ }
	.a-sect.front .posts a span.excerpt { color: black; display: block; }

	.desktop .a-sect.front .post-header {
	    position: absolute;
	    left: 110%;
	    left: calc(100% + 4rem);
	    height: 100%;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: column;
	    align-content: center;
	    justify-content: center;
	}
	.desktop .a-sect.front .post-header span {
	    align-self: center;
	    transform: rotate(90deg);
	    transform-origin: 50% 50%;
	    -webkit-transform: rotate(90deg);
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform: rotate(90deg);
	    -moz-transform-origin: 50% 50%;
	}

.julk-top .article-wrap {
    margin: 0;
	max-width: none;
}
.julkaisut .sect-innerwrap > * {
    min-width: 0;
}
.desktop .julkaisut .sect-innerwrap > * {
	width: 70vw;
}
.julk-top {
    display: flex;
}
	.julk-top .julkaisu-cats {
		text-align: right;
		margin-left: 3rem;
	}

	.julk-cat-pick { cursor: pointer; }

	.julkaisut .items {
	/*	width: 100% !important; */
	    margin-top: 4rem;
	}
	.julkaisut .items article {
		width: 33%;
		text-align: center;
	}
	.desktop .julkaisut .items {
		overflow: hidden;
	}
	.desktop .julkaisut .items article {
	    padding: 2rem 2rem 5rem;
	    padding: 2rem 2vw 5rem;
	    box-sizing: border-box;
	}
		.julkaisut .items article .post-header,
		.julkaisut .items article .entry-title {
		    margin-bottom: 0.5rem;
		}
		.julkaisut .items article .post-edit-link {
		    display: block;
		}
			.julkaisut article img {
			    width: 40%;
			    height: auto;
			}

.projektit .sect-innerwrap,
.blogi .sect-innerwrap,
.info .sect-innerwrap {
    padding-left: 0;
    padding-right: 0;
}



article.hentry {
	position: relative;
}
	.sect-innerwrap article:first-of-type {
	   	/* border-bottom: 1px solid red; */
	    padding-bottom: 4rem;
	}
	.a-sect.julkaisut .sect-innerwrap article:first-of-type {
		border-bottom: 0;
	}
	.a-sect.julkaisut .julk-top article:first-of-type {
	    border: 0;
		padding-bottom: initial;
	}

article.projekti,
article.post,
article.tutkija {
    padding: 5vh 10%;
    margin-bottom: 0;
    border-top: 1px solid #F6323E;
}
body.single #content > article {
	border-top: 0;
}

	.sect-innerwrap .posts article:first-of-type {
		padding-bottom: 5vh;
	}
	article.projekti .entry-content,
	article.post .entry-content,
	article.tutkija .two-cols,
	article.tutkija .entry-content {
	    max-height: 0;
	    overflow: hidden;
	    transition: max-height 600ms ease-out;
	    -webkit-transition: max-height 600ms ease-out;
	    -moz-transition: max-height 600ms ease-out;
	}
		div.wp-caption {
		/*    width: auto !important; */
			max-width: 100% !important;
		}
		.entry-content img {
			max-width: 80%;
			height: auto;
			padding: 0;
		}
		.a-sect.blogi .entry-content img.wp-post-image {
		    max-width: 98%;
		    max-width: calc(100% - 1rem);
		    max-height: 70vh;
		    width: auto;
			padding: 0;
		    display: block;
		    margin: 3rem auto;
		}
			.a-sect img,
			body.single-post .entry-content img {
			    box-shadow: 0.5em 0.5em 0.5em rgba(246, 50, 62, 0.76);
			    margin-bottom: 1.5rem;
			    background: #666;
			}
				.a-sect .wp-caption img {
				    margin-bottom: 0;
				}
				article.post .entry-content .wp-caption p:first-of-type {
				    margin-top: 1rem;
				}
	article.projekti.act .entry-content,
	article.post.act .entry-content,
	article.tutkija.act .two-cols,
	article.tutkija.act .entry-content {
	    max-height: 8500vh;
	       transition: max-height 1500ms 50ms linear;
	       -webkit-transition: max-height 1500ms 50ms linear;
	       -moz-transition: max-height 1500ms 50ms linear;
	}

	h2.entry-title {
	    margin-bottom: 1rem;
	}
	article.projekti h2.entry-title {
	    margin-bottom: 0;
	}
		article.projekti .entry-content p { margin-top: 1em; }

		article.projekti .entry-content p,
		article.projekti .entry-content img {
		    margin-top: 2em;
		    margin-bottom: 0;
		}

	.entry-link {
	    position: relative;
	}
	.a-sect.front .posts .entry-link { display: block; min-height: 3rem; }

	h2.entry-title .entry-link .tog {
	    content: " ";
	    position: absolute;
		transition: transform 300ms;
		-webkit-transition: transform 300ms;
		-moz-transition: transform 300ms;
	    color: #F6323E;
	    transform-style: preserve-3d;
	    -webkit-transform-style: preserve-3d;
	    -moz-transform-style: preserve-3d;
		background: transparent url(img/x@4x.png) no-repeat 50% 50%;
		background-size: 1em;
		height: 100%;
		margin-top: -0.25rem;
		width: 2rem;
		margin-left: -5vw;
		margin-left: calc(-5vw - 0.25rem);
	}

h2.entry-title .sharebutton {
	display: none;
	position: absolute;
	transition: transform 300ms;
	-webkit-transition: transform 300ms;
	-moz-transition: transform 300ms;
	height: 100%;
	margin-top: -0.25rem;
	width: 2rem;
	margin-left: -5vw;
	margin-left: calc(-5vw - 0.25rem);

	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	text-align: center;
	width: 3rem !important;
	left: -0.4rem;
	color: #ef3941;
}

h2.entry-title .sharebutton.onsingle {
	margin-top: 85px !important;
}

.mobile h2.entry-title .sharebutton {
    left: -27px;
    text-align: center;
    width: 3em !important;
    float: right;
}

html[lang*="en"] .mobile .sharebutton.a2a_kit {
	left: -30px;
	font-size: 0.8rem;
	padding: 1rem 0;
	margin-top: -2rem;
}

.post.act h2.entry-title .sharebutton {
	display: block;
}

		html.svg h2.entry-title .entry-link .tog {
			background-image: url(img/x.svg);
		}
			h2.entry-title .entry-link .tog.arrleft {
				transform: rotate(180deg) !important;
				-webkit-transform: rotate(180deg) !important;
				background-image: url(img/nuoli.png);
			}
				html.svg h2.entry-title .entry-link .tog.arrleft {
					background-image: url(img/nuoli.svg);
				}

		.a-sect.blogi h2.entry-title .entry-link .tog {
			height: 2rem;
			margin-top: -1.25rem;
			transform-style: preserve3d;
			-webkit-transform-style: preserve3d;
			-moz-transform-style: preserve3d;
		}
	.no-svg h2.entry-title .entry-link .tog{
		background: transparent url(img/x@4x.png) no-repeat 50% 50%;
	}
		.mobile h2.entry-title .entry-link .tog{
		    margin-left: -15vw;
		    width: 15vw;
		    background-size: 3rem;
		/*    height: 5rem; */
		}
			.mobile h2.entry-title .entry-link .tog {
			/*	height: 1em; */
			    background-size: 1em;
			    transform: scale(1.25);
			    -webkit-transform: scale(1.25);
			    -moz-transform: scale(1.25);
			}
		.mobile .has-link {
		    padding-left: 3rem;
		}
	article.act h2.entry-title .entry-link .tog {
	/*	content: "-"; */
		transform: rotate(-45deg);
		transform-origin: 50% 50%;
		-webkit-transform: rotate(-45deg);
		-webkit-transform-origin: 50% 50%;
		-moz-transform: rotate(-45deg);
		-moz-transform-origin: 50% 50%;
	}
			.mobile article.act h2.entry-title .entry-link .tog{
				transform: rotate(-45deg) scale(1.25);
				-webkit-transform: rotate(-45deg) scale(1.25);
				-moz-transform: rotate(-45deg) scale(1.25);
			}
		.a-sect.frontbuild h2.entry-title .entry-link .tog,
		.a-sect.front h2.entry-title .entry-link .tog{
		    content: " ";
		    position: absolute;
		    margin-left: -5vw;
		    color: transparent;
		    background: transparent url(img/nuoli.svg) no-repeat 50% 50%;
		    height: 100%;
		    width: 1.5rem;
		    background-size: contain;
		}
		.mobile .a-sect.frontbuild h2.entry-title .entry-link .tog,
		.mobile .a-sect.front h2.entry-title .entry-link .tog {
		    margin-left: calc(-5vw - 1.5rem);
		}
		.no-svg .a-sect.frontbuild h2.entry-title .entry-link .tog,
		.no-svg .a-sect.front h2.entry-title .entry-link .tog {
		    background: transparent url(img/nuoli@2x.png) no-repeat 50% 50%;
		}
	article.hentry.act .fix-open {
	    position: unset;
	}
	article.hentry.act .fix-open h2.entry-title .entry-link .tog {
		top: 35px;
		top: 5vh;
	}
	article.hentry.act .fix-open.fix-under {
	    position: relative;
	}
	article.hentry.act .fix-open.fix-under h2.entry-title .entry-link .tog {
	    bottom: 5vh;
	    top: unset;
	}

.post-edit-link {
    font-size: 0.75rem;
    text-transform: lowercase;
    letter-spacing: 0.05em;
    opacity: 0.2;
	color: black !important;
}
.post-edit-link:hover { opacity: 1.0; }
/* .entry-title .post-edit-link { padding-left: 0.5em; } */

.entry-title a.post-edit-link {
    position: absolute;
    top: 5vh;
    right: 5%;
}
.julkaisut .entry-title a.post-edit-link {
    top: 0;
    right: 0;
}

article.page .post-edit-link {
	position: absolute;
	right: 100%;
    right: calc(100% + 1rem);
    top: 0.5rem;
}

/* ------- MOBILE ------- */

.fsz-adjust {
	margin-top: 1em;
}
.fsz-adjust a:first-child {
    font-size: 0.7em;
}
.fsz-adjust a {
	font-size: 1.25em;
    padding: 0 0.25em;
    display: inline-block;
    line-height: 2rem;
}

html.desktop .desktoponly { display: block; }
html.desktop .mobonly { display: none !important; }
html.mobile .desktoponly { display: none !important; }
html.mobile .mobonly { display: block; }

html.mobile {
    font-size: 12px;
}
.mobile h2.entry-title,
.mobile article.page .entry-content > p,
.mobile .julk-cat-pick,
.mobile footer.contact,
.mobile .a-sect.blogi .post-header,
.mobile .wp-caption-text {
	font-size: 1.35rem;
}

html.flexbox.mobile #content.frontpage {
	width: 100%;
	min-height: 0px;
/*    flex-direction: column; */
}

.mobile article.page .entry-content > p { font-weight: normal; }

	.mobile .julkaisut .items .post-header {
	    text-transform: uppercase;
	}

/* .mobile #header {  */
#header {
    position: static;
    height: 6rem;
    height: 14vh;
}
.mobile #branding {
	z-index: 2;
    text-align: left;
    text-align-last: justify;
    -webkit-text-align-last: justify;
    padding: 3vh 5vw;
    position: relative;
}
	.mobile .nav-open #branding {
	    position: fixed;
	    height: auto;
		border-color: transparent;
	    width: 6.5rem;
	    right: 0;
	}
	.mobile #logo img {
	    max-width: 100%;
	}
	div#bursa {
	    display: inline-block;
	    width: 3.75rem;
	    cursor: pointer;
	}
		.mobile div#bursa {
		    float: right;
		    margin-top: 1rem;
		}
		i.line {
		    height: 3px;
		    width: 100%;
		    background: #F6323E;
		    margin: 0 0 0.825rem;
		    display: block;
		}

nav#mobilemenu {
    position: fixed;
	z-index: 1;
    background: #F6323E;
    width: 100%;
    height: 100%;
    height: 100vh;
    bottom: -120%;
    bottom: -120vh;
    text-align: center;
	box-sizing: border-box;
    color: white;
	overflow-y: auto;
	-webkit-overflow-scrollng: touch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    align-content: center;
	/*
    -webkit-align-content: center;
    -moz-align-content: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
	*/
    font-size: 1.2rem;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
}
nav#mobilemenu .mobilemenu-wrap {
	padding: 12rem 0 6rem;
}
	.nav-open nav#mobilemenu {
	    bottom: 0%;
	    bottom: 0vh;
	}
	.nav-open div#bursa i.line {
	    background: white;
	}
	.nav-open #branding #home {
	    opacity: 0;
		display: none;
	}
	.mobilemenu-wrap > * {
	    display: block !important;
	}
	nav#mobilemenu a#home {
	    height: auto;
	    margin-bottom: 4rem;
	}
		nav#mobilemenu #logo img {
		    height: 14vh;
			filter: grayscale(1) brightness(3);
		}
	#mobilemenu #footer_language_list {
		height: auto;
	    margin: 5vh 0;
	    letter-spacing: 0.15em;
	}
		#mobilemenu #footer_language_list ul {
			display: block;
		    line-height: 1;
		}
			#mobilemenu #footer_language_list ul li {
			    position: static;
			    left: unset;
			    right: unset;
				display: inline-block;
				margin: 0 3em;
				margin: 0 8vw;
				padding-bottom: 0.2em;
			    color: white;
			}
			#mobilemenu #footer_language_list ul li.act {
				border-bottom: 1px solid;
			}
				#mobilemenu #footer_language_list ul li a {
					color: inherit;
				}
		#mobilemenu a.nav-item {
		    font-size: 2rem;
		    line-height: 1.65;
		    text-transform: uppercase;
		}
		.contact {
		    line-height: 1.375;
		    letter-spacing: 0.05em;
		}

@media (max-width: 320px){
	#mobilemenu a.nav-item {
	    font-size: 1.75rem;
	    line-height: 1.5;
	}
	nav#mobilemenu a#home { margin-bottom: 8vh; }
}
.mobilemenu-wrap {
    vertical-align: middle;
    align-self: center;
}

.contact.desktoponly {
	white-space: pre;
    display: block;
    padding: 2rem 3rem 3rem;
    box-sizing: border-box;
    border-top: 1px solid #F6323E;
}

/* .mobile #container { */
#container {
/*    position: static; */
    height: auto;
	border-top: 0;
}
	.mobile #content .nav-item {
	    display: none;
	}
	.mobile .a-sect {
	    left: 100%;
		width: 0%;
	    max-height: 100vh;
	    transition: left 300ms, max-width 300ms;
	    -webki-transition: left 300ms, max-width 300ms;
	    -moz-transition: left 300ms, max-width 300ms;
	}
	.mobile .a-sect.act {
	    left: 0;
		width: 100%;
		max-height: none;
		border: 0;
	}
		.mobile .sect-wrap {
		    width: 100%;
		    height: auto;
			padding-right: 0;
		}

.mobile .a-sect.front .entry-content {
    text-align: center;
}
		.mobile .a-sect.front .sect-innerwrap > article:first-of-type {
		    padding-left: 13vw;
			padding-right: 13vw;
		}
			.mobile .a-sect.front .posts span.excerpt {
			    display: block;
			}
			.a-sect.front .posts {
			    /* border-top: 1px solid red; */
			}
			.a-sect.front .posts article:last-of-type { border-bottom: 0; }

	.mobile article.page .entry-content p {
	    margin-bottom: 2em;
	}
	.mobile .entry-content img {
	    max-width: 90%;
		margin-bottom: 2rem;
	}

	/* Room for section titles */
	.mobile .julk-top {
	    display: block;
	}
	.mobile .sect-innerwrap article.page:first-of-type,
	.mobile .julk-top {
		position: relative;
		padding-left: 8.25rem;
	    padding-left: calc(8vw + 2.25rem);
	    padding-bottom: 2rem;
/*		padding-right: calc(8vw + 3rem); */
	}
		.mobile .a-sect.julkaisut article:first-of-type {
			padding: 0;
		}
	.mobile .julkaisu-cats, .mobile .julkaisu-cats.mobonly {
	    display: flex;
	    margin-left: 0;
	    justify-content: space-between;
	    align-items: center;
	    margin-top: 2rem;
	}
		.mobile h2.julk-cat-pick {
		    font-size: 1.35rem;
			text-transform: uppercase;
		}
		.mobile h2.julk-cat-pick.cur {
		    color: red;
		}

	.mobile .julkaisut .items {
/*
		position: unset !important;
		height: auto !important; */
	    margin-top: 0;
	}
	.mobile .items-wrap {
	    padding: 0;
		margin-top: 2rem;
	    border-top: 1px solid red;
	}
		.mobile .a-sect.julkaisut .items article:first-of-type {
		}
		.mobile .a-sect.julkaisut .items article {
		    width: 100%;
		    border-bottom: 1px solid red;
		    padding: 3rem 8vw;
		    box-sizing: border-box;
		    display: block;
		    position: static !important;
		}
		.mobile .a-sect.julkaisut .items article:last-of-type {
			border-bottom: 0;
		}
			.mobile .julkaisut .items h2.entry-title {
			    margin: 0.75rem 0;
			}
			.mobile .julkaisut article img {
			    margin-bottom: 2rem;
			}

	.mobile  a.sect-title {
	    position: absolute;
	    right: calc(100% - 5rem);
	    top: calc(5vh + 0.25rem);
		top: 3.75rem;
	}
		.mobile .julkaisut a.sect-title {
			top: 0.25rem;
		}
		.mobonly.sect-title span {
		    transform: rotate(-90deg);
		    -webkit-transform: rotate(-90deg);
		    -moz-transform: rotate(-90deg);
		    display: inline-block;
		    transform-origin: 100% 100%;
		    -webkit-transform-origin: 100% 100%;
		    -moz-transform-origin: 100% 100%;
		    font-size: 1.75rem;
		    text-transform: uppercase;
		    color: red;
		    position: absolute;
		    right: 1.5rem;
		    bottom: 0;
		}

.mobile .a-sect.blogi {
    padding-top: 9rem;
}
	.mobile .a-sect.blogi .sect-innerwrap article:first-of-type {
	    /* border-top: 1px solid red;  */
	}

footer.contact {
    border-top: 1px solid red;
    padding: 5vh 8vw;
	font-size: 1rem;
}




@media (max-width: 1280px){
	.sect-innerwrap {
		padding-left: 0;
		padding-right: 0;
		min-width: 80vw;
	    min-width: calc(80vw - 5rem);
	}
.sect-innerwrap > * {
	    width: 100%;
	    margin-left: 0;
	    margin-right: auto;
	    padding: 0 8vw;
	    box-sizing: border-box;
	}
	article.projekti, article.post, article.tutkija {
		padding: 5vh 8vw;
	}
/*
	.a-sect.front .posts article.post { padding: 5vh 0; }
*/
	.a-sect.front .posts { padding: 0; }
	.a-sect.front .posts article.post {
		padding: 5vh 8vw;
		padding-left: calc(8vw + 2.5rem);
	}
	.mobile .a-sect.front .posts article.post { padding-left: 8vw; }

	.desktop .a-sect.front .posts h2.entry-title { padding-right: 5vw; }
	.desktop .a-sect.front .post-header { left: calc(100% - 5vw); }

	.julkaisut .items article {
	    width: 49%;
	}
	.desktop .julkaisut .sect-innerwrap > * {
	    width: auto;
	}
}

@media (max-width: 1440px) and (min-width: 800px){
	/*
	.julkaisut .items article .entry-title { font-size: 1.8vw; }
	*/
}
@media (max-width: 800px){
	.julkaisut .items article .entry-title { font-size: 1.25rem; }
}


html.loading { overflow-y: hidden; }

div#loader.not { display: none; }
div#loader.pois { pointer-events: none; top: -200%; }
div#loader {
	opacity: 1;
	transition: all 500ms 300ms;
	-webkit-transition: all 500ms 300ms;
	-moz-transition: all 500ms 300ms;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F6323E;
    z-index: 10;
    display: table;
/*
	display: flex;
    align-items: center;
    justify-content: center;
*/
	text-align: center;
}
	div#largelogo {
	    display: table-cell;
		vertical-align: middle;
	    height: 50%;
	    width: 70%;
	    height: 50vh;
	    width: 70vw;
/*
		display: flex;
	    justify-content: center;
	    flex-direction: column;
*/
	}
	#largelogo img {
		max-width: 90%;
		max-height: 100%;
		width: auto;
		height: auto;
	    animation: logospin 11s linear infinite;
	    -webkit-animation: logospin 11s linear infinite;
	    -moz-animation: logospin 11s linear infinite;
	    transform-origin: 49.98% 50%;
	}


body.single #content article {
    border-bottom: 0;
}
	#nav-below {
	    display: none;
	}

.mobile div#wpadminbar {
	display: none;
}

.desktop .a-sect.act { min-height: 82vh; }

div#wpadminbar {
	opacity: 0.01;
	pointer-events: none;
	transition: all 300ms 400ms;
}
div#wpadminbar:hover {
	opacity: 1.0;
	pointer-events: auto;
}


article.julkaisu .post-header a {
    cursor: default;
    pointer-events: none;
}


.paged .a-sect {
    width: 100%;
    max-width: none;
    max-height: none;
	left: 0;
	right: 0;
}
.paged .sect-innerwrap { margin: auto; }
.paged .nav-item { pointer-events: none; }

html.desktop body.page:not(.home) nav#mobilemenu.mobonly {
    display: block !important;
    position: relative;
    bottom: auto;
    top: auto;
    height: auto;
    background: transparent;
    border-bottom: 1px solid #F6323E;
	margin-bottom: 2rem;
    float: left;
}
html.desktop body.page:not(.home) nav#mobilemenu div#logo {
    display: none;
}
html.desktop body.page:not(.home) nav#mobilemenu .nav-item {
    display: inline-block !important;
    width: auto !important;
    font-size: 1rem;
    padding: 0.5rem 2rem;
    color: black;
    line-height: 1.5;
}
html.desktop body.page:not(.home) #mobilemenu .nav-item * {
    transform: none !important;
    -webkit-transform: none !important;
    width: auto !important;
    position: relative !important;
    right: auto !important;
    display: inline-block !important;
}
html.desktop body.page:not(.home) #mobilemenu div#footer_language_list,
html.desktop body.page:not(.home) #mobilemenu div.contact {
    display: none !important;
}
html.desktop body.page:not(.home) nav#mobilemenu a#home {
    margin-bottom: 0;
}


.contact a img {
    width: auto;
    height: 1.25em;
    margin: 1em 1.5em 0 2px;
}
.contact a:last-child img {
    margin-right: 0;
}
body.single-post h2.entry-title span.excerpt {
    display: none;
}

.a-sect.front .posts section.entry-content {
    display: none;
}


html.desktop body.page:not(.home) nav#mobilemenu.mobonly > div {
    padding-top: 0;
    padding-bottom: 0;
}

html.desktop body.page:not(.home) nav#mobilemenu.mobonly > div .fsz-adjust {
    display: none  !important;
}

html.desktop body.page:not(.home) article.page {
    max-width: 50rem;
    margin: auto;
}

sup {
	vertical-align: super;
	font-size: 0.6em;
}