/*
Theme Name: Metis16
Author: Petri Riihikallio
Description: Metiksen ikioma 2016 teema
Version: 1.0
Template: twentysixteen
*/

@import url('../twentysixteen/style.css');

a {
	color: #066543;
}
a:visited {
	color: #066543;
	text-decoration: none;
}
a:active {
        color: #FF9900;
}
a:hover {
	color: #009900;
}

/* No uppercase */
.post-navigation .meta-nav,
.pagination .page-numbers,
.widget .widget-title,
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4,
.sticky-post,
.widecolumn label,
.widecolumn .mu_register label
{
	text-transform: inherit;
}

#masthead {
	padding-top: 0px !important;
	padding-bottom: 12px !important;
}

div#metis-header {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
}

/* Languages horizontally */
#language ul
{
	margin: 0;
	padding: 0;
}
li.lang-item
{
	list-style-type: none;
	display: inline;
}
li.lang-item:before {
	content: " | ";
}
li.lang-item:first-child:before {
	content: none;
}
aside#language-nav {
	text-align: right;
	margin-left: auto;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

/* Full width */
.site-inner {
	max-width: none;
}

/* Topic pages */
/* Thumbnails on the left */
.has-post-thumbnail img.attachment-thumbnail {
	display: block;
/*    float: left; */
    margin: 5px 15px 10px 0;
    max-width: 350px;
    min-width: 150px;
	margin: 0 2rem 0 0;
	vertical-align: middle;
}
header.listing {
	vertical-align: middle;
}
header.listing h3 {
	clear: none;
}

/* Featured image on the right */
.wp-post-image {
	float: right;
	padding: 10px;
}

/* Featured image widget */
.widget_featuredimagewidget {
	text-align: center;
}
.widget .wp-post-image {
	float: none;
	padding: initial;
}


/* No black border at the top of post roll */
.page-header {
	border-top: none;
}

/* No paragraph margins inside tables */
#main table p {
	margin: 0 0 0;
}


@media screen and (min-width: 56.875em) {
	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.pagination,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.sidebar {
		float: left;
		margin-right: 75%;
		margin-left: 0;
	}
	
	.content-area {
		float: right;
		margin-left: -100%;
		margin-right: 0;
	}
}


@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-footer
	{
		float: none;
		display: block;
		margin-top: 28px;
		margin-right: 15%;
		width: 100%;
	}
	.single .byline, .full-size-link,
	body.group-blog:not(.search-results) .byline,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) article:not(.sticky) .posted-on,
	body:not(.search-results) article:not(.type-page) .comments-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .edit-link
	{
   		display: inline;
		width: 100%;
	}
  	body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after
	{
		display: inline;
		width: 100%;
	}
	body:not(.search-results) article:not(.type-page) .entry-content
	{
		float: none;
		margin-left: 15%;
		margin-right: 15%;
		width: 90%;
	}
	body:not(.search-results) article:not(.type-page) .avatar
	{
		display: inline;
		margin: auto 0.3em 1em auto;
/*		width: 27px; */
	}
		body:not(.search-results) .entry-summary {
		margin-bottom: 1.4736842105em;
	}
		/* Smaller gap in post roll */
		.site-main > article {
		margin-bottom: 1.0em;
	}


}

/* Widgets */

.widget {
	border-top: none;
}
aside#secondary {
	margin-top: 2rem;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	padding: 1rem;
}

/* Get rid of Simple Light Box font */
.slb_template_tag_item_title {
	font-family: Merriweather, Georgia, serif;
	font-size: 16px;
	line-height: 1li !important;
}