/*
 * Theme Name:	Twenty Sixteen helmschrott.de
 * Theme URI: 	http://helmschrott.de
 * Description: Child Theme for helmschrott.de
 * Author: 	Frank Helmschrott
 * Author URI:	http://helmschrott.de
 * Template: 	twentysixteen
 * Version: 	1.0.0
 */

@import url("../twentysixteen/style.css");
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Bitter:400,700,400italic);

/* Structural */

.site-inner {
	max-width: 100%; /* 1320 */
}

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	display: none;
}

/* Fonts */

body,
button,
input,
select,
textarea,
.comment-metadata,
.pingback .edit-link,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
.post-password-form label,
.main-navigation,
.post-navigation,
.pagination,
.image-navigation,
.comment-navigation,
.site .skip-link,
.widget .widget-title,
.widget_recent_entries .post-date,
.widget_rss .rss-date,
.widget_rss cite,
.tagcloud a,
.entry-footer,
.sticky-post,
.page-links,
.comment-metadata,
.pingback .edit-link,
.comment-reply-link,
.comment-form label,
.no-comments,
.site-footer .site-title:after,
.widecolumn label,
.widecolumn .mu_register label,
.required {
	font-family: "Lato", "Helvetica Neue", helvetica, sans-serif;
}

.post-navigation {
	font-weight: 700;
}

body,
button,
input,
select,
textarea {
	font-size: 16px;
	font-size: 1rem;
}

::-webkit-input-placeholder {
	font-family: "Lato", "Helvetica Neue", helvetica, sans-serif;
}

:-moz-placeholder {
	font-family: "Lato", "Helvetica Neue", helvetica, sans-serif;
}

::-moz-placeholder {
	font-family: "Lato", "Helvetica Neue", helvetica, sans-serif;
}

:-ms-input-placeholder {
	font-family: "Lato", "Helvetica Neue", helvetica, sans-serif;
}

.entry-title,
.comments-title,
.comment-reply-title,
.site-title,
.page-title,
.post-navigation .post-title {
	font-family: "Bitter", "Georgia", "Times New Roman", serif;
	font-weight: 700;
}

/* Colors */

body,
.site {
	background-color: #f0f0f0;
}

a,
.entry-title a:hover,
.entry-title a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.main-navigation a:hover,
.main-navigation a:focus,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.social-navigation a:hover:before,
.social-navigation a:focus:before,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title,
.tagcloud a:hover,
.tagcloud a:focus,
.site-branding .site-title a:hover,
.site-branding .site-title a:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus,
.comment-reply-link,
.comment-reply-link:hover,
.comment-reply-link:focus,
.required,
.site-info a:hover,
.site-info a:focus,
#main .comments-area #respond .comment-form-service a {
	color: #db2f27;
}

mark,
ins,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus,
.widget_calendar tbody a,
.page-links a:hover,
.page-links a:focus {
	background-color: #db2f27;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
.tagcloud a:hover,
.tagcloud a:focus,
.menu-toggle:hover,
.menu-toggle:focus,
blockquote,
#main .comments-area #respond #comment-form-comment.active,
#main .comments-area #comment-form-share-text-padder.active,
#main .comments-area #respond .comment-form-fields div.comment-form-input.active {
	border-color: #db2f27;
}

.ts-logo0 {
	fill: #232323;
}

.ts-logo1 {
	fill: #db2f27;
}

a:hover .ts-logo1 {
	fill: #888;
}

.ts-logo2 {
	fill:#FFFFFF;
}

/* Header */

.site-header {
	background: #fff;
	padding-bottom: 0;
	padding-top: 0;
}

.site-logo {
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
}

.themeshaper-logo {
	width: 220px;
	height: 26px;
}

.site-description {
	display: none;
}

/* Navigation */

.main-navigation a {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.main-navigation a[href*="twitter.com"]:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	content: "\f202";
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-size: 1rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin-right: 3px;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

/* Featured Posts */

#featured {
	background-size: cover;
	background-position: center center;
	margin-bottom: 30px;
	padding-top: 1.25em;
	position: relative;
}

#featured::before,
#featured::after {
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#featured::before {
	background: rgba(0,0,0,0.4);
}

#featured::after {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}

#featured .featured-posts-inner {
	color: #f0f0f0;
	max-width: 1320px;
	padding: 0 7.6923%;
	position: relative;
	z-index: 1;
}

#featured .featured-posts-inner:before,
#featured .featured-posts-inner:after {
	content: "";
	display: table;
}

#featured .featured-posts-inner:after {
	clear: both;
}

#featured .featured-posts-inner .cat-links {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	font-size: 0.875rem;
	letter-spacing: 0.05em;
	position: relative;
	text-transform: uppercase;
}

#featured .featured-posts-inner .cat-links:before {
	border-top: 3px solid #db2f27;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 100%;
	top: -10px;
	-webkit-transition: right 0.5s, opacity 0.5s;
	-moz-transition: right 0.5s, opacity 0.5s;
	transition: right 0.5s, opacity 0.5s;
}

#featured .featured-posts-inner article:hover .cat-links:before {
	opacity: 0.8;
	right: 0;
}

#featured .featured-posts-inner .entry-title {
	margin-bottom: 0.5em;
	-ms-word-wrap: normal;
	word-wrap: normal;
}

#featured .featured-posts-inner a {
	color: #f0f0f0;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

#featured .featured-posts-inner a:hover {
	color: #fff;
}

#featured .featured-posts-inner p a {
	box-shadow: 0 1px 0 0 currentColor;
}

#featured .featured-posts-inner p a:hover {
	box-shadow: none;
}

.row-featured-post {
	margin-bottom: 2em;
}

.big-featured-post h3 {
	font-size: 24px;
	font-size: 1.5rem;
	hyphens: manual;
}

.row-featured-post h3 {
	font-size: 18px;
	font-size: 1.125rem;
	hyphens: manual;
}

#featured .featured-posts-inner .row-featured-post .cat-links {
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	font-size: 0.8125rem;
}

/* Content */

#content {
	padding-top: 2em;
}

/* Posts */

.entry-title a {
	color: #333;
}

.entry-summary {
	color: #666;
	font-size: 22px;
	font-size: 1.375rem;
}

.entry-footer {
	font-size: 14px;
	font-size: 0.875rem;
}

.tags-links a:before {
	content: "\0023";
}

.jp-relatedposts::before,
.jp-relatedposts:last-child::after {
	left: 0;
}

.imgborder {
    border: 3px solid #e5e5e5;
    border-radius: 3px;
}

.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
	margin-left: 2em;
}

div.syntaxhighlighter {
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
}

/* Single */

.post-navigation,
.post-navigation div + div {
	border: 0;
}

.single .author-info .avatar {
	display: none;
}


/* Widgets */

.widget {
	border-top: 0;
}

.widget .widget-title {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Footer */

#content-bottom-widgets,
#colophon {
	background-color: #d1d1d1;
}

#content-bottom-widgets {
	color: #444;
	margin: 0;
	padding: 0 7.6923% 1em;
}

#content-bottom-widgets:before,
#content-bottom-widgets:after {
	content: "";
	display: table;
}

#content-bottom-widgets:after {
	clear: both;
}

#content-bottom-widgets .widget:first-child {
	float: left;
	width: 70%;
}

#content-bottom-widgets .widget_categories ul,
#content-bottom-widgets .widget_categories li {
	list-style: none;
	margin: 0;
}

#content-bottom-widgets .widget_categories li {
	padding: 0.5em 0;
}

#content-bottom-widgets .widget_categories a {
	color: #444;
	display: inline-block;
}

#content-bottom-widgets .widget_categories a:hover {
	color: #db2f27;
	box-shadow: 0 1px 0 0 currentColor;
}

.site-info:before,
.site-info:after {
	content: "";
	display: table;
}

.site-info:after {
	clear: both;
}

.site-info-logo {
	display: inline-block;
	line-height: 0;
	margin-top: 1em;
}

.site-info .site-info-logo:hover {
	box-shadow: none;
}

.automattic-logo {
	fill: #888;
	height: 20px;
	width: 148px;
}

.site-info-logo:hover .automattic-logo {
	fill: #333;
}

.site-info-logo:hover .automattic-o {
	fill: #3e90b8;
}

@media screen and (min-width: 44.375em) {
	.site {
		margin: 0;
	}

	.site-header {
		padding-bottom: 0;
		padding-top: 0;
	}

	.site-description {
		display: inline-block;
		margin: 0 0 0 1em;
		vertical-align: middle;
	}

	/* Featured Content */

	.big-featured-post h3 {
		font-size: 32px;
		font-size: 2rem;
	}
}

@media screen and (min-width: 56.875em) {
	body {
		font-size: 18px;
		font-size: 1.125rem;
	}

	/* Structure */
	.site-header-main,
	.site-content,
	#featured .featured-posts-inner,
	#content-bottom-widgets .widget-area,
	.site-info {
		margin: auto;
		max-width: 1320px;
		padding: 0 4.5455%;
	}

	/* Colors */
	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #db2f27;
	}

	.widget {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Menu */
	.main-navigation .menu-item-has-children > a:after {
		top: 0.55em;
	}

	/* Featured Content */

	#featured {
		padding-top: 5em;
	}

	#featured:before {
		background: rgba(0,0,0,0.1);
	}

	.big-featured-post {
		float: left;
		width: 70%;
	}

	.row-featured-post {
		float: right;
		width: 25%;
	}

	/* Content */
	.syntaxhighlighter:hover {
		max-width: 188.5% !important;
		width: 188.5% !important;
	}

	/* Archives */

	.page-header {
		margin-top: 1.615384615em;
	}

	/* Footer */
	.site-footer {
		display: block;
		padding: 0 7.6923% 1.5em;
	}

	#content-bottom-widgets {
		padding-bottom: 2em;
		padding-top: 2em;
	}

	#content-bottom-widgets .widget_categories ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}

	.site-info-text {
		float: left;
	}

	.site-info-logo {
		float: right;
		margin-top: 0;
	}
}

@media screen and (min-width: 61.5625em) {
	.site-header {
		padding: 0;
	}

	.site-branding,
	.site-header-menu {
		margin-top: 1.1em;
		margin-bottom: 0.9em;
	}

	/* Featured Content */

	#featured {
		padding-top: 6em;
	}

	.big-featured-post h3 {
		font-size: 54px;
		font-size: 3.375rem;
	}

	.row-featured-post h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	/* Post Title */

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 40px;
		font-size: 2.5rem;
		margin-bottom: 0.7em;
	}

	/* Post Content */

	body:not(.search-results) article:not(.type-page) .entry-content {
		width: 76%;
	}

	body:not(.search-results) article:not(.type-page) .entry-footer {
		width: 20%;
	}

	body:not(.search-results) .tags-links {
		margin: 1.7em 0;
	}

	body:not(.search-results) article:not(.type-page) img.below-entry-meta,
	body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
		margin-left: 0;
		max-width: 100%;
	}

	body:not(.search-results) article:not(.type-page) img.overhang,
	body:not(.search-results) article:not(.type-page) figure.overhang {
		margin-left: -32%;
		max-width: 132%;
	}

	div.syntaxhighlighter {
		margin-left: -32% !important;
		max-width: 132% !important;
		width: auto !important;
	}

	.entry-content ul ul,
	.entry-content ul ol,
	.entry-summary ul ul,
	.entry-summary ul ol,
	.comment-content ul ul,
	.comment-content ul ol,
	.entry-content ol ul,
	.entry-content ol ol,
	.entry-summary ol ul,
	.entry-summary ol ol,
	.comment-content ol ul,
	.comment-content ol ol {
		margin-left: 3em;
	}
}