/*
Theme Name: Hundrich
Author: MaxwellStar
Author URI: http://maxomenos.com
Description: Custom Theme built for Hundrich
Version: 0.1
License: Copyright 2015 Max Friedrich
Tags: yellow, one-column, flexible-width, custom-header, custom-menu, editor-style, featured-images, translation-ready
Text Domain: hundrich
*/
/* ==============================*/
/* INDEX

	1.		Reset CSS
	2. 	Initialize (base font & color settings)
	3. 	GRAPHICS SETTINGS
		3a. Logo
		3b.	Image
		3c.	Featherlight
		3d. Slider - REMOVED placed into "Removed Code.html"
		3e.	Color
		3f.	Box Shadow
		3g.	Border Radius
		3h. Transitions
	4. 	TEXT SETTINGS
		4a.	Text Shadow
		4b.	Global
		4c.	Paragraphs
		4d.	Headers
		4e. Titles
		4f.	Code Text
		4g.	Bold Text
		4h.	Horizontal Line
	5. 	ANCHOR SETTINGS
		5a. Default
		5b. Custom Hovers
		5c.	Mobile Menu
		5d.	Language Selector
		5e.	Header
		5f.	Meta
		5g.	Sidebar
	6. 	STRUCTURAL SETTINGS
	7. 	MENU SETTINGS
		7a.	Main Menu    - REMOVED placed into "Removed Code.html"
		7b. Mobile Menu  - REMOVED placed into "Removed Code.html"
		7c. Post Miniature Navi
		7d. Single Post Navi
	8. 	CUSTOM  BLOCKS
	9.	ARCHIVE SETTINGS
	10.	POST SETTINGS
		10a. POST Preview
		10b. POST Single
	11. RESPONSIVE
*/
/* ==============================*/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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,
input, button {
	margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
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;}

/* ==============================*/
/* Initialize */
/* ==============================*/

body {
	background: #DDD;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 300;
}
/* ==============================*/
/*  GRAPHICS 	SETTINGS */
/* ==============================*/

/* ===============*/
/* Logo Settings */

#logo {
	float: left;
	max-width: 260px;
	margin-bottom: 0px;
}
a #hundrich-title, 
a #EnvelopeMed, a #facebookoutline, 
a .ArrowLeft, a .ArrowRight,
svg #PostMiniature {
	fill-opacity: 0.5 !important;
	stroke-opacity: 0.8 !important;
	transition: all 200ms;
}
a:hover #hundrich-title, 
a:hover #EnvelopeMed, a:hover #facebookoutline,
a:hover .ArrowLeft, a:hover .ArrowRight,
svg:hover #PostMiniature {
	fill-opacity: 1 !important;	
	stroke-opacity: 0 !important;
}
/* ===============*/
/* Image Settings */
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.alignright {
	float: right;
	margin-left: 30px;
	margin-bottom: 5px;
}
figcaption {
	padding-left: 5px;
	max-width: 170px;
	letter-spacing: 0px;
	font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
}
p > a > img, figure > a > img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ===============*/
/* Gallery Settings */

.gallery {
	padding-left: 10px;
	margin: 0px 0 20px;
}
.gallery figure {
	vertical-align: top;
}
main .gallery-item img {
	width: auto;
	display: block;
	border: 1px solid #ddd;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gallery-item figcaption {
	text-align: center;
	background-color: rgba(255,255,255,.3);
	border: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	padding: 10px 0;
	margin: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: -5px;
}
.gallery-item figcaption span {
	display: block;
	/*font-size: 90%;*/
}
.gallery-item figcaption span.item-title {
	font-weight: 500;
}
.gallery-item figcaption span.item-year {
	margin-top: 5px;
	font-size: 90%;
}
.gallery-item figcaption span.item-size {
	margin-top: 5px;
	font-size: 90%;
}
.gallery-item figcaption span.item-desc {
	margin-top: 5px;
}

figure.gallery-item {
	display: inline-block;
	margin: 3px;
}

.info-notice {
	display: block;
	max-width: 420px;
	text-align: center;
	background-color: rgba(255,255,255,.3);
	border: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	padding: 10px 0;
	margin: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: 300ms all;
}
.info-notice:hover {
	color: #000;
	border: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    transition: 300ms all;
}

div.gallery-icon {}
/*Gallery only show first child / image*/
.gallery-doorway .gallery-item {display: none;}
.gallery-doorway .gallery-item:first-child {display:block;}

/* ===============*/
/* Featherlight Resettings */

.featherlight div.featherlight-content {
	padding: 0;
	border-bottom: 0;
}
.featherlight .featherlight-next {
	top: 0;
	right: 0;
	left: 90%;
}
.featherlight .featherlight-previous {
	top: 0;
	left: 0;
	right: 90%;
}
.featherlight .featherlight-next span, .featherlight .featherlight-previous span {
	font-weight: 100;
	font-size: 60px;
}
.featherlight .featherlight-loading {
	width: 59px;
	height: 30px;
	background: url('../hundrich/images/infiniteloader.gif');
}
.featherlight .featherlight-content .featherlight-close-icon {
	/* rgba(255,255,255,.3) */
	/* More Data for fill */
	background: transparent url('http://blog.hundrich.de/wp-content/themes/hundrich/images/x-close.svg') no-repeat center center;
	color: transparent;
	height: 20px;
	width: 30px;
}
.featherlight .featherlight-next span {
	background: transparent url('http://blog.hundrich.de/wp-content/themes/hundrich/images/arrow-right.svg') no-repeat center center;
	color: transparent;
	text-shadow: none;
	right: 15px;
	height: 50px;
	width: 25px;
}
.featherlight .featherlight-previous span {
	background: transparent url('http://blog.hundrich.de/wp-content/themes/hundrich/images/arrow-left.svg') no-repeat center center;
	color: transparent;
	text-shadow: none;
	left: 15px;
	height: 50px;
	width: 25px;
}
/* Featherlight scrollbar fix for Jquery 1.8.x */
@media all { 
	.featherlight .featherlight-content {
		padding: 0;
		border: none;
		min-width: inherit;
	}
	.featherlight .featherlight-image {
		max-width: 100%;  
		border: 0px solid #fff;
	}
}

/* ===============*/
/* Color Settings (add  elements not attributes) */

/* Formal Base Color (Text etc.) */
h1, h2, h3, h4, h5, h6, p, em, span {
		color: #626262;
}

/* ===============*/
/* Box Shadow Effects (add  elements not attributes) */

.box-shadow
{
  	-webkit-box-shadow: inset 0px 0px 20px #f0f0f0, 1px 1px 3px #777;
	-moz-box-shadow: inset 0px 0px 20px #f0f0f0, 1px 1px 3px #777;
	box-shadow: inset 0px 0px 20px #f0f0f0, 1px 1px 3px #777;
}

/* ===============*/
/* Border Radius (add  elements not attributes) */

.border-radius
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* ===============*/
/* Transition Triggers (add  elements not attributes)*/
.transition
{
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/* ==============================*/
/*  TEXT  SETTINGS */
/* ==============================*/

p, a {
	line-height: 1.6;
}

/* ===============*/
/* Text Shadow Effects (add  elements not attributes) */

h1, h2, h3, h4, h5, h6 {}

/* ===============*/
/*  Global */

h1, h2, h3, h4, h5, h6, p, em, strong, a {}

/* ===============*/
/*  Paragraphs */

p {
	padding: 0 0 0 10px;
}

/* ===============*/
/*  Headers */

h1, h2, h3, h4, h5, h6 {
	position: relative;
	color: #777;
	font-weight: lighter;
	padding: 0;
	margin: 10px 0;
}

/* ===============*/
/* Main Title With First letter */
header h1 {
	margin-left: 2rem;
}
h1 {
	font-size: 200%;
	text-transform: uppercase;
	font-weight: 100;
}
main h2 {
	/* display: block; */
	font-size: 150%;
	text-transform: uppercase;
	letter-spacing: -1px;
}
main h3 {
	font-size: 130%;
}
h1:first-letter {
}
main > article > h1 {
	padding-left: 20px;
	font-size: 200%;
	color: #FBFBFB;
	color: #777;
	font-weight: 100;
	letter-spacing: 5px;
}
/* For Firefox Fix float margin */
@-moz-document url-prefix() {
    h1:first-letter {
    }
}

/* For all Featured Images Title */
.has-post-thumbnail > h1 {}

/* ===============*/
/* Primary Subtitle Title */
h2 {}

/* ===============*/
/* Secondary Title */
h3 {}

/* ===============*/
/* Secondary Subtitle */
h4 {}

/* ===============*/
/* Other Titles */
h5 {}
h6 {}

/* ===============*/
/* Title Specializations */
h2:first-letter, h3:first-letter {}
h4:first-letter, h5:first-letter, h6:first-letter {}
h4 strong, h5 strong, h6 strong {}

/* ===============*/
/* Code Text */
pre {
  word-wrap: break-word; /* double check this compatibility with copy paste */
}

/* ===============*/
/* Bold Text */
strong {
	font-weight: 500;
}

/* ===============*/
/* Horizontal Line */
hr {
    border-style: solid;
    border: 0;
    border-bottom: 1px solid #DBDBDB;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    margin-left: 10px;
    margin-right: 10px;
}
/* ==============================*/
/*  ANCHOR SETTINGS */
/* ==============================*/

/* ===============*/
/* Links Default, anchor states are fallback for main click triggers (device compatibility) */
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {}
a:visited {}
.english {
	/* z-index: 990; */
	/* float: right; */
	display:  block;
	text-align: center;
	font-size: 120%;
	font-weight: 100;
	color: #777;
	text-transform: uppercase;
}

.pluslink {
	color: #777;
	display: block;
	padding: 6px 8px 3px;
	float: right;
	line-height: 1;
	vertical-align: top;
	background-color: transparent;
	/* background-color: rgba(255,255,255,.7); */
	transition: 800ms all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pluslink:hover {
    background-color: #FFF;
    background-color: rgba(255,255,255,0.9);
    box-shadow: inset 0 0 9px #f3f3f3, 1px 2px 6px 1px rgba(0,0,0,.25);
    transition: 200ms all;
}
.pluslink:active {
	transition: none;
	box-shadow: inset 0 0 9px #f3f3f3, 0px 1px 3px 0px rgba(0,0,0,.25);
}

/* ===============*/
/* Custom Hovers */


/* ===============*/
/* Links Mobile Menu */

#mobile-menu {
	display: none;
}
#svg-onlyhundrich {
	display: none;
}

/* ===============*/
/* Links Language Selectors */

li.lang-item {
}
li.lang-item:hover {
}

/* ===============*/
/* Links Headers */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover 
{
	text-decoration: none;
}

/* ===============*/
/* Links Meta */

.post-meta a {
}
.post-meta a:hover {
	text-decoration: underline;
}
.post-meta a:active {}
.post-meta a:visited {}

/* ===============*/
/* Links Sidebar */

#sidebar a {
}
#sidebar a:hover {
}
#sidebar a:active {
}

/* ==============================*/
/*  STRUCTURAL SETTINGS */
/* ==============================*/
main {
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 60px;
	text-align: center;
	/* background-color: transparent; */
}
	main img {
		/* width: 100%; */
		height: auto;
	}
#footer {
	vertical-align: bottom;
	bottom: 0;
	color: #000;
	height: 60px;
	position: fixed;
	width: 100%;
	z-index: 9001;
}
	#footer-menu {
		position: relative;
		text-align: center;
		/* padding-top: 2px; */
		padding-left: 15px;
		padding-right: 15px;/* Popout Simil */
		/* border-top: 1px solid #eee; */
		/* border-bottom: 1px solid #eee; */
		background-color: #E7E7E7;
		background-color: rgba(255,255,255,.7);
	}
	.mail-link {
		position: absolute;
		left: 15px;
	}
	.facebook-link {
		position: absolute;
		right: 15px;
	}
	.facebook-link img {
		display: none;
	}
	#footer-menu a:first-child {
	}
	#footer-menu a:last-child {
	}
	#footer-menu a img {
		padding-bottom: 3px;
		vertical-align: middle;
	}
	#footer-menu a:hover {
		/* opacity: 0.8; */
	}
.video_container iframe {max-height: 200px;}
.video_container iframe {max-height: 400px;}

/* ==============================*/
/*  MENU SETTINGS */
/* ==============================*/

/* ===============*/
/* Main Menu Using main Nav-Style */

.popout {
	/* border: 1px solid #eee; */
	margin: 0px 10px;
	padding: 0px 6px;
	background-color: #E7E7E7;
	background-color: rgba(255,255,255,.8);
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

article a:hover img {
	color: #000;
	border: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #fff;
    box-shadow: inset 0 0 9px #f3f3f3, 1px 2px 6px 1px rgba(0,0,0,.25);
    transition: 200ms all;
}
article a:active img {
	transition: none;
	box-shadow: inset 0 0 9px #f3f3f3, 0px 1px 3px 0px rgba(0,0,0,.25);
}
article a img {
	color: #777;
	border: 1px solid #eee;
	margin: 5px;
	padding: 10px;
	background-color: #E7E7E7;
	background-color: rgba(255,255,255,.3);
	text-transform: uppercase;
	transition: 800ms all;
}
article a img.size-medium {
	max-width: 300px;
}
.post-content .popout {
	display: block;
	clear: both;
	overflow: auto;
	margin-top: 15px;
	margin-bottom: 30px;
}
.post-content .popout > a {
	display: block;
}
.pop-out h1, .popout h2 {
	margin-top: 10px;
}

/* ===============*/
/* Post Miniature Navi */

#svg-postminiature {
	cursor:  pointer;
}
#postmini-nav {
	display: none;
    position: absolute;
    bottom: 60px;
    left: 20%;
    right: 20%;
}
#postmini-nav .menu li {
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
}
#postmini-nav .menu li a {
	font-size: 120%;
	font-weight: 300;
	padding-top: 10px;
	min-height: 25px;
}
#postmini-nav .menu .svg-arrowleft {
	position: absolute;
	top: -4px;
	left: -35px;
}
#postmini-nav .menu .svg-arrowright {
	position: absolute;
	top: -4px;
	right: -35px;
}

/* ===============*/
/* Single Post Navi */
.singlepost-nav {
	min-width: 108px;
	display: inline-block;
}

.singlepost-nav a {
	color: #333;
	font-size: 50px;
	font-weight: 100;
	line-height: 20px;
	vertical-align: top;
	display: inline-block;
}
.singlepost-nav a:first-child {
}

/* ==============================*/
/*   CUSTOM BLOCKS          */
/* ==============================*/
.catalogues {
	text-align: center;
}
.catalogues article {
	margin: 15px;
	display: inline-block;
	border: 1px solid #eee;
	background-color: #E7E7E7;
	background-color: rgba(255,255,255,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	margin-bottom: 30px;
	padding: 10px;
	-webkit-transition: 800ms all;
	-moz-transition: 800ms all;
	transition: 800ms all;
}
.biography {
	padding-left: 70px;
}
.biography .year {
	display: block;
	margin-left: -70px;
	height: 0;
}
.biography p br:nth-child(2) {
	display: none;
}
/* Quote Block */
blockquote {
	border-left: 0px;
	font-style: italic;
	margin: 0.25em 0;
	font-size: 110%;
	padding: 0.25em 40px;
	line-height: 1;
	position: relative;
	color: #383838;
}
blockquote:before {
	font-family: Georgia, serif;
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
}

/* BOX'S */
.container-box {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
 	margin: 0px 0px 10px;
 	-webkit-box-shadow: none;
	-moz-box-shadow: none;
 	 box-shadow: none;
	font-size: 100%;
	position: relative;
}

/* AuthorBio */
.container .author-shortcodes {
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}
.container .author-shortcodes .author-image .author-overlay {
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
}

/* ===============*/
/* Social Icons Widget */
.facebooklike {
	border-top: 0px solid #999;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 195px;
	max-height: 40px;
	background-color: #999;
	-webkit-box-shadow: inset 0px 0px 10px #777;
    -moz-box-shadow: inset 0px 0px 10px #777;
	box-shadow: inset 0px 0px 10px #777;
}
a#emailshare {
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 140px;
	display: block;
	text-align: center;
	padding-top: 2px;
	min-height: 28px;
	color: inherit;
}
a#emailshare:hover {
	color: #999;
	-webkit-box-shadow: inset 0px 0px 15px rgb(193, 219, 99), 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 0px 15px rgb(193, 219, 99), 1px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 15px rgb(193, 219, 99), 1px 1px 1px rgba(0, 0, 0, 0.3);

}

/* ===================== */
/*  ARCHIVE SETTINGS    */
/* ===================== */

.paging {
	display: block;
}
a.page-numbers {}
.paging .page-numbers {
	color: #999;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
	background-color: rgba(255,255,255,.7);
	text-transform: uppercase;
	transition: 800ms all;
	padding: 3px 8px;
	margin: 0 3px;
}
.paging .page-numbers:hover, .paging .current {
	color: #000;
	border: 1px solid #f0f0f0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    box-shadow: inset 0 0 9px #f3f3f3, 1px 2px 6px 1px rgba(0,0,0,.25);
    transition: 200ms all;
}
.paging .current {
	font-weight: 500;
	cursor: auto;
}
.paging .page-numbers:active {
	transition: none;
	box-shadow: inset 0 0 9px #f3f3f3, 0px 1px 3px 0px rgba(0,0,0,.25);
}
.archive {}

/* ===================== */
/*  POST SETTINGS     */
/* ===================== */
/* ===============*/
/* Movie POSTS */
#filmnav {
	text-align: center;
}
#filmnav li {
	display: inline-block;
	min-width: 100px;
}
#filmnav li:first-child {
	min-width: auto;
	margin-right: 10px;
}
#filmnav li:last-child {
	min-width: 50px;
}

.film-posts h2 {
	font-size: 125%;
}
.film-posts .post-year {
	font-weight: 400;
	margin-right: 10px;
}
.film-posts .post-title {}
.film-posts .post-content>p:first-child {
display: none;	
}
.film-posts a {
	text-decoration: underline;
}
.film-posts a:hover {
	text-decoration: none;
}
.film-posts p iframe {
	margin: auto;
	display: block;
}

/* ===============*/
/* POST Preview */

.media-preview {
	display: block;
	min-height: 200px;
	min-width: 250px;
	background-size: cover;
	background-position: center;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 800ms all;
	-moz-transition: 800ms all;
	transition: 800ms all;
}
.media-preview:hover {
    background-color: #fff;
	-webkit-transition: 200ms all;
	-moz-transition: 200ms all;
	transition: 200ms all;
	border: 1px solid #aaa;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,.3);
}
.media-preview:active {
	transition: none;
	box-shadow: inset 0 0 9px #f3f3f3, 0px 1px 3px 0px rgba(0,0,0,.25);
}
.post-preview .media-thm:hover {
	-webkit-transition: 200ms all;
	-moz-transition: 200ms all;
	transition: 200ms all;
	border: 1px solid #aaa;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,.3);
}
.post-preview .media-thm:active {
	transition: none;
	box-shadow: inset 0 0 9px #f3f3f3, 0px 1px 3px 0px rgba(0,0,0,.25);
}
.post-preview .media-thm {
	display: inline-block;
	background-size: cover;
	background-position: center;
	min-height: 140px;
	min-width: 42%;
	margin: 5px 3%;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 800ms all;
	-moz-transition: 800ms all;
	transition: 800ms all;
}

.post-preview {
	border: 1px solid #eee;
	background-color: #E7E7E7;
	background-color: rgba(255,255,255,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	min-width: 350px;
	max-width: 350px;
	margin: 5px;
	margin-bottom: 30px;
	text-align: left;
	padding: 10px;
	-webkit-transition: 800ms all;
	-moz-transition: 800ms all;
	transition: 800ms all;
	vertical-align: top;
}
.post-wrap {
	border: 1px solid #eee;
	background-color: #E7E7E7;
	background-color: rgba(255,255,255,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	margin: 5px;
	margin-bottom: 30px;
	text-align: left;
	padding: 10px;
	-webkit-transition: 800ms all;
	-moz-transition: 800ms all;
	transition: 800ms all;
	vertical-align: top;
	width: 520px;
}
.post-wrap p > div {
	text-align: center;
}
.grid-posts .post-preview {
	max-width: 250px;
	min-width: 150px;
}
.post-preview:hover {
}
.grid-posts .post-preview h1 {
	font-size: 100%;
	margin-bottom: 0;
}
.post-preview h1 {
	font-size: 125%;
	font-weight: 300;
	text-align: center;
	letter-spacing: -1px;
}
.post-content {
	text-align: justify;
	max-width: 782px;
	margin: 0 auto;
	padding: 10px;
}
.post-content p {
	padding: 0;
}
.post-meta {
	display: none;
}

/* ===============*/
/* POST Single */

.single-post {
	margin: 0 15px;
}
.media-featured {
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-height: 1024px;
	max-width: 780px;
	margin-bottom: 20px;
}

/* =================*/
/*	RESPONSIVE	*/
/* =================*/
/*-------------------[min-width alone = MAX]------------------*/
/*- This standalone min-width overrides all standalone max-width -*/
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1200px) {
	main > article > h1 {
		font-size: 250%;
	
		/* font-weight: 100; */
}
	#postmini-nav {
		left: 25%;
		right: 25%;
	}
	body {
		font-size: 16px;
		font-weight: 300;
	}
	.post-preview {
		width: 80%;
		max-width: 780px;
	}
	.grid-posts .post-preview {
		width: 250px;
		max-width: 250px;
	}
	.post-preview p {
		padding-left: 312px;		
	}
	.grid-posts .post-preview h1 {
		padding-left: 0;
		text-align: center;
	}
	.post-preview h1 {
		padding-left: 317px;
		text-align: left;
		/* margin-top: 0; */
	}
	.grid-posts .media-preview {
		width: 250px;
		float: none;
	}
	.media-preview {
		height: 200px;
		width: 300px;
		float: left;
		margin-right: 20px;
	}
	.post-preview .media-thm {
		min-height: 165px;
		min-width: 168px;
		margin: 0 10px;
	}
}
@media only screen and ( min-width: 768px ) and ( max-width: 1199px) {
	body {
		font-size: 16px;
		font-weight: 300;
	}
	.post-preview {
		width: 40%;
		max-width: 100%;
	}
}
/*-------------------[~1280+px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {

}

/*-------------------[~1024px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
	.media-preview {
		height: 250px;
	}
}

/*-------------------[<980px]------------------*/
@media only screen and ( max-width: 980px ) {
	#postmini-nav {
		left: 15%;
		right: 15%;
	}
}
@media only screen and ( min-width: 840px) and ( max-width: 1200px ) {
	.media-preview {
		height: 250px;
	}
}

/*-------------------[<980px]------------------*/
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

}

/*-------------------[<960px]------------------*/
@media only screen and (max-width: 959px) {

}

/*-------------------[~800px]------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/*-------------------[<768px]------------------*/
@media only screen and (max-width: 767px) {
	#postmini-nav {
		left: 10%;
		right: 10%;
	}
	.english {
		float: none;
		text-align: center;
		width: 100%;
		display: block;
	}
	.gallery {
		text-align: center;
	}
}
/*-------------------[<685px]------------------*/
@media only screen and (max-width: 685px) {
	main > article > h1, main h2 {
	padding-left: 0px;
	font-size: 150%;
	font-weight: 300;
}
	#postmini-nav {
		left: 5%;
		right: 5%;
	}
	#top-menu {
		display: none;
	}
	#svg-hundrich {
		display: none;
	}
	#mobile-menu {
		display: block;
	}
	#svg-onlyhundrich {
		display: block;
	}
	#mobile-trigger {
		background-color: #fff;
	
		background-color: rgba(255,255,255,0.8);
}
	.alignleft {
		float: none;
		margin: 15px auto;
	}
	article a img.size-medium.alignleft {
		display: block;
	}
	.popout h1, .popout h2 {
		text-align: center;
	}
	.popout p {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 15px;
	}
	#menu-fixate {
		background-color: transparent;
		width: 100%;
		border: 0;
	}
}
/*-------------------[<550px]------------------*/
@media only screen and (max-width: 570px) {
	.post-wrap {
		display: block;
		width: auto;
	}
	.post-wrap iframe {
		width: 100%;
	}
}
/*-------------------[<479px]------------------*/
@media only screen and (max-width: 479px) {
	html {
		overflow-x: hidden;
	}
	main > article > h1, main h2 {
	font-size: 120%;
	/* font-weight: 300; */
}
	#postmini-nav {
		left: 0;
		right: 0;
	}
	.media-preview {}
	.post-preview {
		width: 90%;
		min-width: 160px;
		max-width: 350px;
	}
	.alignright {
		float: none;
		margin: 15px auto;
	}
	p {
		text-align: left;
	}
	
	article a img.size-medium {
		width: 90%;
	}
	.biography p {
		font-size: 14px;
	}
	.biography {
		padding-left: 55px;
	}
	.biography .year {
		margin-left: -55px;
	}
}