/*
Theme Name: oxoa
Theme URI: http://0x0a.cc
Author: Gregor Weichbrodt
Author URI: http://ggor.de
Description: 0x0a Theme
Version: 1.0

0x0a Theme
*/

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{}
@font-face {
	font-family: 'Inconsolata';
	font-style: normal;
	font-weight: 400;
	src:
		local('Inconsolata'),
		url('fonts/Inconsolata_400.eot?#iefix') format('embedded-opentype'),
		url('fonts/Inconsolata_400.woff') format('woff'),
		url('fonts/Inconsolata_400.ttf') format('truetype'),
		url('fonts/Inconsolata_400.svg#Inconsolata') format('svg');
}
@font-face {
	font-family: 'Inconsolata';
	font-style: normal;
	font-weight: 700;
	src:
		local('Inconsolata Bold'),
		local('Inconsolata-Bold'),
		url('fonts/Inconsolata_700.eot?#iefix') format('embedded-opentype'),
		url('fonts/Inconsolata_700.woff') format('woff'),
		url('fonts/Inconsolata_700.ttf') format('truetype'),
		url('fonts/Inconsolata_700.svg#Inconsolata') format('svg');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src:
		local('Source Sans Pro'),
		local('SourceSansPro-Regular'),
		url('fonts/Source_Sans_Pro_400.eot?#iefix') format('embedded-opentype'),
		url('fonts/Source_Sans_Pro_400.woff') format('woff'),
		url('fonts/Source_Sans_Pro_400.ttf') format('truetype'),
		url('fonts/Source_Sans_Pro_400.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src:
		local('Source Sans Pro Bold'),
		local('SourceSansPro-Bold'),
		url('fonts/Source_Sans_Pro_700.eot?#iefix') format('embedded-opentype'),
		url('fonts/Source_Sans_Pro_700.woff') format('woff'),
		url('fonts/Source_Sans_Pro_700.ttf') format('truetype'),
		url('fonts/Source_Sans_Pro_700.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 400;
	src:
		local('Source Sans Pro Italic'),
		local('SourceSansPro-It'),
		url('fonts/Source_Sans_Pro_400italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Source_Sans_Pro_400italic.woff') format('woff'),
		url('fonts/Source_Sans_Pro_400italic.ttf') format('truetype'),
		url('fonts/Source_Sans_Pro_400italic.svg#SourceSansPro') format('svg');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: italic;
	font-weight: 700;
	src:
		local('Source Sans Pro Bold Italic'),
		local('SourceSansPro-BoldIt'),
		url('fonts/Source_Sans_Pro_700italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Source_Sans_Pro_700italic.woff') format('woff'),
		url('fonts/Source_Sans_Pro_700italic.ttf') format('truetype'),
		url('fonts/Source_Sans_Pro_700italic.svg#SourceSansPro') format('svg');
}

/* Modular Scale: http://www.modularscale.com/?20&px&1.125&web&text; */

html,body { height: 100%; }
body{
	font-family: 'Inconsolata';
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4em;
	color: #303030;    
	background-color: #eee;
	margin: 0;
	padding: 0;
}
.type-post .entry-content ul, .type-post .entry-content ol, p {
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 1.4em;      
	/*text-rendering: optimizeLegibility;*/
}
.type-post .entry-content ul, .type-post .entry-content ol {
	margin-left: 7%;
}

.type-post .entry-content ul {
	list-style-type: disc;
}
.type-post .entry-content ol {
	list-style-type: decimal;
}
strong { font-weight: 700 }
em { font-style: italic; }
small { font-size: 0.8em; line-height: initial;}
hr { border:0; width: 100%; height: .15em; margin:1.1em 0; background-color: #ddd;}
blockquote {
	padding: 1.4em 4%;
	/* color: #777; */
	font-style: italic;
	margin: 1.4em -3.7%;
	background-color: #eee;
	border-left: 0.7em solid #ddd;
}
	blockquote p:last-child { margin-bottom: 0; }
input, textarea {
	font-family: 'Inconsolata';
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4em;
	color: #303030;    
	width: auto;
	border: 0.17em solid transparent;
	background-color: #eee;
	padding: 0em 0.3em;
	margin-bottom: 0.6em;
	outline: none;
}
input:focus, textarea:focus { border-color: #ddd; background-color: #fff;}
input { height: 2.2em; }
input[type="submit"] {
	border-color: #ddd;
	background-color: transparent;
	padding: 0em 0.8em;   
	font-weight: 700;        
	margin-bottom: 0;
	/* height: 2.2em; */
}
input[type="submit"]:hover {
	color: #fff; 
	background-color: #303030;
	border-color: #303030;
	cursor: pointer;
}
#footer input[type="submit"] {
	border-color: #fff;
	color: #fff;
	background-color: #303030;
	cursor: pointer;
}
#footer input[type="submit"]:hover {
	color: #303030; 
	background-color: #fff;
	border-color: #fff;
}

a {
	color: #303030;
	text-decoration: none;
	-webkit-transition: background-color .1s ease-out, color .1s ease-out, border-color .1s ease-out;
	-moz-transition: background-color .1s ease-out, color .1s ease-out, border-color .1s ease-out;
	-o-transition: background-color .1s ease-out, color .1s ease-out, border-color .1s ease-out;   
	transition: background-color .1s ease-out, color .1s ease-out, border-color .1s ease-out;

}
a:hover {
	color: #25AE5F;
	-webkit-transition: background-color .15s ease, color .15s ease, border-color .15s ease;
	-moz-transition: background-color .15s ease, color .15s ease, border-color .15s ease;
	-o-transition: background-color .15s ease, color .15s ease, border-color .15s ease;   
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
a:link {}
a:visited {}
a:hover {}
a:active { color: #1F864A; }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.screen-reader-text { display: none;}
.alignright{ float: right;}
.alignleft{ float: left; }
.aligncenter{ text-align: center;}
.teaser-text {
    /* font-size: 1.1em; */
}
	.teaser-text p {
	
		font-weight: 700;
}
.pretty-text {
	/* background-image: url(img/pattern_text_bg.png); */
	background-color: #333;
	margin: 1.4em -3.7%;
	padding: 1.4em 4%;
	border-left: 0.7em solid #222;
}
	.pretty-text p {
		color: #fff;
	
		text-shadow: .06em .08em 0em #222;
}
.tooltip {
	z-index: 999999;
	display:none;
	position:absolute;
	border:.3em solid #161616;
	background-color:#161616;
	border-radius:0px;
	padding:10px 1.1em;
	color:#fff;
	font-size:12px Arial;
}
img.size-full, img.size-large {
  max-width: 100% !important;
  height: auto !important;
  display: inline;
}
iframe {
  max-width: 100% !important;
 }
img.attachment-post-thumbnail {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: .2em;
	max-width: 32%;
	height: auto;
}
.wp-caption {
	width: 100% !important;
	background-color: #ddd;
	padding: 1% 1%;
	margin-bottom: 1.4em;
}
.wp-caption .wp-caption-text {
	font-size: .8em;
	padding: .3em 0 0; margin:0;
}
.wp-caption .wp-caption-text a { border-color: #999; }
.wp-caption .wp-caption-text a:hover { border-color: #25AE5F; }

/* ICONS -------------------------------------------------- */

.icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
}
	.icon.normal { background-image: url(img/sprite_icons_normal.png); }
	.icon.green { background-image: url(img/sprite_icons_green.png); }
	.icon.grey { background-image: url(img/sprite_icons_grey.png); }
	.icon.white { background-image: url(img/sprite_icons_white.png); }

a.icon { border:0;  }
.icon.t { background-position: 0px 0; }
.icon.fb { background-position: -36px 0px; }
.icon.rss { background-position: -108px 0px; }
.icon.filter { background-position: -72px 0; }
.icon.bubble { background-position: -144px 0; }
.icon.sandwich { background-position: -180px 0; }
.icon.download { background-position: -216px 0; }
.icon.link { background-position: -252px 0; }

/* hover green color*/
#header.mobile-nav-on #toggle-nav .icon.sandwich,
.icon.download:hover, .icon.link:hover { background-image: url(img/sprite_icons_green.png); }
.icon.bubble:hover { background-image: url(img/sprite_icons_normal.png); }


#footer .icon.white:hover { background-image: url(img/sprite_icons_normal.png); }

/* BUTTON, INPUT, LABEL ------------------------------------- */

.button {
	cursor: pointer;
	display: inline-block;
	padding: .2em .7em .15em .7em;
	color: #888;
	background-color: transparent;
	border: .15em solid #ddd;
	text-align: center;
}
.button:hover {
	border-color: #25AE5F;
	background-color: #25AE5F;
	color: #fff; }
.button.active, .button:active {
	color: #fff;
	background-color: #1F864A;
	border-color: #25AE5F;
} 
.button-set {
    display: block;
}
.button-set .button { margin:0 0 .5em 0;}
.label { font-weight: 700; }

/* META --------------------------------------------------- */

ul.meta {
    font-size: 0.78em;
    letter-spacing: 0.06em;
    /* text-transform: uppercase; */
    font-weight: 700;
    line-height: 3.58974358974359em;
    /* margin-top: 0.5em; */
    margin:0;
    display: inline-block;
}
.meta {}
.meta li {
display: inline;
}
.meta li.spacer {
	font-size: 1.7em;
	vertical-align: sub;
}
#textlist .meta { color: #888; margin-top: .5em; line-height: 1.5em;}

/* LANGUAGE SWITCHER etc. ---------------------------------- */

.more-link {
    margin: 0 -3.7% -1.4em;
     
    line-height: 2.6em;
    display: block;
    width: auto;
    background-color: #eee;
    /* color: #888; */
    border-top: 0.2em dashed #fff;
    text-align: center;
    font-weight: 700;
    letter-spacing: .08em;
}
.more-link:hover {
	background-color: #25AE5F;
	color: #fff;
}
#admin_links {
	z-index: 999999999;
	position: fixed;
	bottom: 3em;
	right: 1.6em;
	/* font-weight: 400; */
	text-transform: lowercase;
	/* background-color: #fff; */
	padding: 0px 2px; 
	font-size: .8em;
	line-height: 1.6em;
}
#language_switcher {
	z-index: 999999;
	position: fixed;
	bottom: 0em;
	right: 1.1em;
	/* box-shadow: 0 0.2em 0.8em #ddd; */
}
	#language_switcher li.active { display:none; }
	#language_switcher li a { 
		display: block;
		font-weight: 700;
		/* text-transform: lowercase; */
		padding: 0.1em 0.6em 0.3em; 
		/* color: #888; */
		background-color: #eee;
		border: 0.2em solid #ddd;
		border-bottom: 0;
}
	#language_switcher li a:hover { background-color: #303030; color: #eee; border-color: #303030; padding-bottom: .5em;}
.distribute-box {
	width: 98%;
	padding: 3% 2%;
	margin: 1.5em -2% 1.5em;
	border: 0.2em dashed #ddd;
}
	.distribute-box .cover,		
	.distribute-box .details {
		display: inline-block;
		vertical-align: top;
	}
	.distribute-box .cover {
		width: 35%;
		padding-right:.4em;
		line-height: 0;
	}
		.distribute-box .cover img { width: 100%; height:auto; }
	.distribute-box .details {
		line-height: 1.6em;
		width: 60%;
	}
		.distribute-box .details .title{
			font-size: 1.3em;
			font-weight: 700;
			line-height: 2em;
		}
		.distribute-box .details .download { margin-top: 2em; }
		.distribute-box .details .purchase { margin-bottom: 1em;}
		.distribute-box .details .purchase a,
		.distribute-box .details .download a { text-transform: uppercase; }
		.distribute-box .details .social { margin-top: .3em; }
		.distribute-box .details .social .icon.fb,
		.distribute-box .details .social .icon.t { border: .2em solid #ddd }
		.distribute-box .details .social .icon.fb:hover,
		.distribute-box .details .social .icon.t:hover { background-color: #ddd;}
.distribute-box-mini {
	display: inline-block;
}
	.distribute-box-mini .thumb,
	.distribute-box-mini .details { display: inline-block; height: 100%; vertical-align: top }
	.distribute-box-mini .details .title { font-weight: 700; font-size: 1.2em}

/* HEADINGS -------------------------------- */

h1 #site-title {}
#content h1, #content h2 {
    font-size: 2.253em;
    line-height: 1.04em;
    font-weight: 700;
    margin-bottom: 0.552486187845304em;
    overflow: hidden;
}
#content .entry-header h2 a { display: block; }
#content h3 {
    font-size: 1.406em;
    font-weight: 700;
}
#content .type-post h3 {
	padding: 0 0 0.5em;
}
#content .entry-header h1,
#content .entry-header h2 { margin-bottom: 0em;}
#footer h4 {
    display: inline-block;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 0.4em;
    letter-spacing: 0.05em;
}
.entry-header {
}
.comments-link {
	position: absolute;
	top: 1em;
	right: 1em;
	font-size: 0.78em;
	font-weight: 700;
	color: #aaa;
	text-align: center;
	line-height: 2.7em;
	transition: none;
}
.comments-link:hover {
    color: #fff;
    transition: none;
}
/* LINKS ----------------------------------- */

h1#site-title a {
	font-size: 3.653em;
	font-weight: 700;
	letter-spacing: -.04em;      
	transition: font-size .1s ease-in;
}
h1#site-title a:hover {
	color: #25AE5F;
}

#toggle-nav a {
    display: inline-block;
    vertical-align: middle;
}

#navigation li a {
	font-size: 1.25em;
	font-weight: 700;
	text-transform: lowercase;
	border-bottom: 0.19em solid TRANSPARENT;	
	margin: 0 0.2em 0 0;
	display: inline-block;
}
#navigation li.current-menu-item a,
body.single-text #navigation li.texts a {
	color: #25AE5F;
	/* border-color: #25AE5F; */
}
#navigation li a:hover {
	border-color: #25AE5F; 
}
#content h1 a, #content h2 a {}
	#content h1 a:hover, #content h2 a:hover { color: #25AE5F; }
.entry-content a {
    border-bottom: 0.2em solid #E0E0E0;
}
	.entry-content a:hover {
		border-color: #25AE5F;
}

/* LAYOUT ---------------------------------- */

#wrapper {
	width: 100%;
	height: 100%;
}
#content {
	width: 100%;
	padding: 0; 
}
#header {
	z-index: 999;
    display: block;
    
	width: 100%;
	height: 5em;
	/* background-color: #eee; */
	transition: background-color .4s ease;
}
#header.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
	#header .wrap {
    height: auto;
 
    position: relative;
}
	#header.fixed .wrap {
    padding-top: 0;
}
	#header.fixed .wrap #site-title { margin-top: 0.9em; margin-bottom: 0.2em;}
		#header.fixed .wrap #site-title a {
    font-size: 2.887em;
}
		#header.fixed .wrap #navigation {
    /* padding-top: 0.6em; */
}
		#header.fixed .wrap #navigation li a {
    border: 0;
}
	#site-title {
    float: left;
    margin-left: 3%;
    margin-top: 2.25em;
    /* position: absolute; */
    /* top: 1em; */
    /* left: 3.5%; */
}
#toggle-nav {
    float: right;
    margin-right: 3.5%;
    margin-top: 1.8em;
}
#header.fixed #toggle-nav { margin-top: 0.5em;}

#navigation {
    display: none;
    clear: both;
    padding: 0.8em 3.5%;
    /* background-color: #ddd; */
    width: auto;
}
	#navigation li {
		display: inline-block;
	}
#header.mobile-nav-on {
    height: auto;;
 }
#header.fixed.mobile-nav-on {
    background-color: #ddd;    
    box-shadow: 0 0em 0.5em 0em #ddd;;
 }
#header.mobile-nav-on #navigation { display: block; }
#content {}
	#content .spacer { width: 100%; height: 0.2em; margin: 2em 0;}
	#content .spacer span { width: 10%; display: block; margin: 0 0 0 3.5%;  border-bottom-width: .2em; border-bottom-color: #ddd; border-bottom-style: solid;}
	#content .spacer:first-child { margin: 0 0 2em; padding-top: 0.5em; float: none;}

#nav-below {
    margin: 3em 3.5% 0;
    text-align: center;
}
#nav-below a {
	display: block;
	width: auto;
	padding: 0.1em 0.6em;
	font-weight: 700;
	line-height: 2em;
	border: .2em solid #ddd;
}
#nav-below a:hover {
	background-color: #25AE5F;
	border-color: #25AE5F;
	color: #fff;
}
#nav-below a.disabled {
	cursor: default;
	color: #ccc;
}
#nav-below a.disabled:hover {
	background-color: transparent;
	border-color: #ddd;
	color: #ccc;
}
#nav-below .nav-previous a { margin-bottom: 0.8em; }

#footer {
    height: auto;
    margin-top: 3.5em;
    background-color: #303030;
}
	#footer .content {
		padding: 2.5em 0 2em;
	;
}
	#footer .col {
    margin: 0 3.5% 1.5em;
	}
	#footer p, #footer a, #footer h4  {
		color: #fff; 
	}
	#footer p {   font-size: 0.93em;    line-height: 1.45em;    margin-bottom: 0.8em;}
	#footer a { border-bottom: 0;}
	#footer a:hover { color: #999; border-color: transparent;}
	#footer .more-link {
    width: auto;
    display: inline-block;
    border: 0;
    font-weight: 700;
    text-align: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
	
}
	#footer .social a {}
	#footer .social a:hover {  }
	#footer .cc {
 }

/* CUSTOM ---------------------------------- */
.type-post, .type-page, .type-text {
	width: 93%;
	padding: 1.4em 3.5% 1.4em;
	background-color: #fff;
	box-shadow: 0 0.5em 0.8em #ddd;
	position: relative;
}
.post .social { 
	display: block;
	margin: 1.5em -3.7% -1.4em;
	padding: 0 3%;
	background-color: #ccc;
	line-height: 2.2em;
}
.post .social .fb-like.fb_iframe_widget,
.post .social .twitter-share-button { height: 23px; line-height: 1em; vertical-align: middle;}
#disqus_thread { margin-top: 2em; }
/* Text list */
#textlist {
    padding-bottom: 0;
 } 
#textlist .filter-panel {
    position: relative;
    height: auto;
	transition: height .2s ease;
}
	#textlist .filter-panel.off:hover { color: #25AE5F; border-color: #25AE5F;}
	#textlist .filter-panel.off .button-set { display:none; }
	#textlist .filter-panel h2 { position: relative; margin: 0 0 0.4em;}
	#textlist .filter-panel h2 .icon { margin-right: -36px;}
	#textlist .filter-panel.off h2 { position: static; /* margin: 0; */}
	#textlist .filter-panel h2 #show-panel-link {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
		background-color: transparent;
	}
#textlist ul.MixItUp {
    margin: 0 -3.5% 0;
}
#textlist ul.MixItUp > li {
    display: none;
    position: relative;
    width: 100%;
    padding: 1.4em 3.5% 0.85em;
    border-bottom: .2em solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#textlist ul.MixItUp > li:last-child { border-bottom-color: transparent; }
#textlist ul.MixItUp > li:hover {
}
	#textlist ul.MixItUp > li a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
		background-color: transparent;
	}
	#textlist ul.MixItUp > li h3 {
	    font-size: 1.78em;  
	    text-align: left;
	
	    line-height: 1em;
}
	#textlist ul.MixItUp > li:hover h3 { color: #25AE5F; }

/* Text view */
#text-colors {
		display: block;
		height: 0.7em;
		width: 100%;
		background-repeat: repeat-x;
		background-size: 33.52em;
		background-position: 0em 0em;
}
/* Material list*/
#materiallist { padding-bottom: 0 }
#materiallist ul.list {
	margin: 0 -3.5% 0;
}
#materiallist ul.list > li.item {
	position: relative;
	padding: 1em 3.5% 0.5em;
	border-bottom: .2em solid #ddd;
}
#materiallist ul.list > li.item:last-child { border-bottom-color: transparent; }
	#materiallist ul.list > li.item ul {
    width: 100%;
    display: table;
}
	#materiallist ul.list > li.item ul li {
	    display: table-cell;
	
	    vertical-align: top;
	    font-size: 0.78em;
	    line-height: 1.5em;
	    color: #888;
}
	#materiallist ul.list > li.item ul li.descr {
    width: 80%;
 }
	#materiallist ul.list > li.item ul li.size {
    display: none;
    width: 13.33%;
 
    text-align: center;
}
	#materiallist ul.list > li.item ul li.lang {
 
    display: none;
    text-align: center;
}
	#materiallist ul.list > li.item ul li.link {
 
    text-align: right;
    position: relative;
    top: -0.7em;
}
	#materiallist ul.list > li.item ul li.descr p { margin: 0; }

/* Search results */
body.search-results #content section > h2 {
    font-size: 1.5em;
	line-height: 2.2em;
    padding: 0 3.5%;
    margin-bottom: 1em;
    border: 0.18em solid #ddd;
}

/* http://www.jquery2dotnet.com/2013/06/responsive-media-queries-css.html */
/*@media all and (max-width: 480px) { }*/

/* vertical */
@media all and (min-height: 480px) {

}
@media all and (min-height: 768px) {

}
@media all and (min-height: 1024px) {

}

/* horizontal */
@media all and (min-width: 480px) {
	body {
		font-size: 1.25em;
	}
	#header {
 }
	#navigation { }
	#navigation li a {
	  
	}
	.entry-header {
	}
	#header.fixed #toggle-nav {
    margin-top: 0.8em;
}
	#content h1, #content h2 {
		font-size: 2.1em;
	}
	.comments-link { line-height: 2.3em;}
	.pretty-text, blockquote { border-left-width: 1em;}
	img.attachment-post-thumbnail { max-width: 100%; }
	#nav-below .nav-previous { float: left;}
	#nav-below .nav-next { float: right; }
	#nav-below .nav-previous a { margin-bottom: 0; }
	#materiallist ul.list > li.item ul li.descr { width: 60%; }
	#materiallist ul.list > li.item ul li.size, #materiallist ul.list > li.item ul li.lang { display: table-cell; }
}
@media all and (min-width: 768px) {
	#header, #header.mobile-nav-on {
		text-align: left;
		height: 12.6em;
	}
	#header.fixed { height: 2.4em; background-color: #ddd; box-shadow: 0 0em 0.5em 0em #ddd;;}
	#site-title {
		position: absolute;
		top: 5.6em;
		left: 2.3em;
	
		padding: 0;
	
		margin: 0;
}
	h1#site-title a {
	  font-size: 5.78em;
	}
	#header.fixed .wrap #site-title {
	  top: 0.4em;
	  left: 2.3em;
	  display: inline;
	
	  margin: 0;
}
	#header.fixed .wrap #site-title a { font-size: 2.002em; }
	#toggle-nav { display: none; }
	#navigation {
	  display: block;
	  position: absolute;
	  top: 9.9em;
	  left: 2.5em;
	  padding: 0;
	  transition: left .3s ease;
}
	#header.fixed .wrap #navigation {
	  top: 0.6em;
	  left: 8em;
	  padding: 0;
}
	#navigation li a {
}
	#content .spacer span {
	  margin: 0 0 0 2.5em; 
	}
	#content .spacer:first-child {
	  margin: 0 0 2em;
	  padding-top: .6em;
	}
	.more-link {
	  margin: 0 -2.5em -1.4em;
}
	#header .wrap, #content, #footer .content {
		width: 37em;
		margin-left: auto;
		margin-right: auto;
	}
	.type-post, .type-page, .type-text {
	    width: auto;   
	    padding: 2.8em 2.5em 1.4em;
	}
	#textlist ul.MixItUp {
	    margin: 0 -2.5em 0;
	}
		#textlist ul.MixItUp > li {
		    padding-left: 6.5%;
		    padding-right: 6.5%;
		}
	#materiallist ul.list {
		margin: 0 -2.5em 0;
	}
		#materiallist ul.list > li.item {
			padding-left: 6.5%;
			padding-right: 6.5%;
		}
		#materiallist ul.list > li.item h3 { margin-bottom: 0.2em; }
	#content h1, #content h2 {
		font-size: 2.534em;
		line-height: 1.104972375690608em;
	}
	ul.meta {
	}
	.pretty-text, blockquote {
    margin-left: -2.5em;
    margin-right: -2.5em;
    border-left-width: 1em;
    padding-left: 1.6em;
	}
	.type-post .entry-content ul, .type-post .entry-content ol {
		margin-left: 2em;
	}
	.post .social { margin: 0 -2.5em -1.45em; padding: 0 7%;}
	#nav-below { margin: 3em 0 0; }
	#footer .content {
	}
	#footer .col{
    	margin-left: 0;
    	margin-right: 0;
	}
	#footer .col.about {
		margin: 0 5.5% 0 0;
		width: 63%;
		float: left;
	}
}
@media all and (min-width: 1024px) {
	#header { }
	#navigation li a {}
	#content h1, h2 {}
}