/*
Theme Name: Inkblood
Author: Miau
Description: Inkblood
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: inkblood
Text Domain: inkblood
*/
body { font-size: 16px; font-family: "Open Sans"; font-weight: 300; }
h1 { font-weight: 300; font-family: "Roboto Condensed"; }
em { color: #333; font-weight: 700; text-decoration: none; }
article { padding-left: 15px; padding-right: 15px; margin-top: 30px; }
header, main { overflow: hidden; }
main img { display: block; margin: auto; }
main { padding-top: 30px; }
input, img, textarea { max-width: 100%; }

#global { max-width: 1400px; margin: auto; }

.uk-overlay-background { background: rgba(0,0,0,0.7); }

@media screen and (max-width: 1200px) {
		.logo { width: 100px; float: right;}
	}

.menu-inkblood li a {
	display: block;
	color: #333;
	padding: 5px 10px;
	font-family: "Roboto Condensed", sans-serif;
	-webkit-transition: 0.3s!important;
	-moz-transition: 0.3s!important;
	transition: 0.3s!important;
}
.menu-inkblood li a:hover { color: #F80; }
.menu-inkblood li.uk-active a { color: #CCC; }
.menu-inkblood { font-size: 16px; }

.blur { filter: blur(10px); }

.grid .grid-item figcaption { font-weight: 700; line-height: 40px; }
.grid .grid-item .title { padding: 5px 10px; font-size: 15px; color: #333; transition: 0.3s; margin: 10px 0; font-weight: 500; }
.grid .grid-item figcaption, .grid .grid-item .title {
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}
.grid .grid-item a:hover { text-decoration: none; }
.grid .grid-item a:hover .title { color: #08B; }
.grid .grid-item.post-4146 { width: 100%; }

.entry-meta { margin-bottom: 30px; }
.entry-meta, .entry-meta a { color: #E70; }
.entry-meta .date a::before { content: "\f017"; }
.categories-links a:first-child::before { content: "\f07b"; }
.tags-links a:first-child::before { content: "\f02b"; }
.edit-link a::before { content: "\f040"; }
.entry-meta .date a::before, .categories-links a:first-child::before, .tags-links a:first-child::before, .edit-link a::before {
	font-family: "FontAwesome";
	margin-right: 5px;
}
.entry-meta .date, .categories-links, .edit-link, .tags-link {
	margin-right: 10px;
	padding: 5px 10px;
}
.navigation.paging-navigation h1 { display: none; }
.navigation.paging-navigation .meta-nav { margin: 5px 0; }
.navigation.paging-navigation .nav-previous a, .navigation.paging-navigation .nav-next a { color: #333; }
.navigation.paging-navigation .nav-previous a:hover, .navigation.paging-navigation .nav-next a:hover { color: #08B; }
.navigation.paging-navigation {
	padding-top: 50px;
	padding-bottom: 50px;
}
.nav-links { text-align: center; }

.screen-reader-text { display: none; }
form.search-form { white-space: nowrap; margin-top: 30px; margin-bottom: 30px; }
/*input.search-field {
	width: 50%;
	border-radius: 5px 0 0 5px;
	-webkit-transition: all 0.5s ease!important;
	-moz-transition: all 0.5s ease!important;
	transition: all 0.5s ease!important;
}
input.search-field:focus { width: 100%; }*/
input.search-submit { border-radius: 0 5px 5px 0; margin-left: 0; }
#imfbw_widget_facebook_pagelikebox-2 { margin: 30px 0; }
#tertiary {
	background: white;
	padding: 30px;
	color: #333;
	font-size: 14px;
}
#tertiary .widget-area {
	display: flex;
	flex-wrap: wrap;
}
#tertiary .widget-area aside { padding: 5px 10px; flex: 1; min-width: 200px; }
#tertiary .widget-title { font-family: "Roboto Condensed"; color: #333; }
#tertiary a { color: #FA0; }
#tertiary ul { list-style-type: none; }

.yarpp-related {
	margin: 50px 0!important;
	background: #F8F8FC;
	padding: 30px;
}

.wp-block-embed__wrapper { text-align: center; }

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

.comment-list,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.comment-list, .comment-list ul { list-style-type: none; }
/* Comment form */
.comment-respond {
	background-color: #f7f5e7;
	padding: 30px;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}
.comment-respond h3 {
	font-family: "Roboto Condensed";
	font-size: 30px;
	margin-bottom: 30px;
}
.comment-form label { display: block; }
.comment-form .submit { border: 0; background: #333; padding: 15px 30px; color: white; transition: 0.5s; font-size: 18px; }
.comment-form .submit:hover { background: #555; }
.comment-form .required { color: red; }

.comment-author img {
	display: inline;
}

.comment-body {
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #F5F5E8;
}

.comment-metadata {
	margin: 15px 0;
}

.sn-icon { height: 50px; width: auto;  }

.lge-menu { background: #F5F5F5; color: #333; padding: 10px; margin-top: 20px; text-align: right; border: 1px solid #333; transition: 0.5s; }
.lge-menu:hover { background: #333; color: white; }
a:hover { text-decoration: none; }

.lge-menu .more {
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #EEE;
	padding: 5px 10px;
	background: white;
}
.lge-menu .more:hover { background: white; }