@import url(normalize.css);

html { font-family:'proxima-nova', Arial, sans-serif; font-size:12px;}
body { padding-bottom:35px;}
/* Icons */
@font-face {
  font-family: "icons";
  src:url("../fonts/blog.eot");
  src:url("../fonts/blog.eot?#iefix") format("embedded-opentype"),
    url("../fonts/blog.woff") format("woff"),
    url("../fonts/blog.ttf") format("truetype"),
    url("../fonts/blog.svg#blog") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-opensource:before {
  content: "a";
}
.icon-blog:before {
  content: "b";
}
.icon-about:before {
  content: "c";
}
.icon-projects:before {
  content: "d";
}
.icon-linkedin:before {
  content: "e";
}
.icon-twitter:before {
  content: "f";
}
.icon-github:before {
  content: "g";
}
.icon-youtube:before {
  content: "h";
}
.icon-dribbble:before {
  content: "j";
}


/*
	Navigation
*/

nav.main {
	background:url('../img/me.png') #2a2f31 no-repeat -35px bottom;
	background-size:150px;
	width:300px;
	position:fixed;
	top:0;
	bottom:0;
	z-index:1;
}

nav.main div.inner {
	position:fixed;
	bottom:0;
	height:420px;
	width:240px;
	padding-left:40px;
}

nav.main div.inner h2 {
	font-size:1.2em;
	color:#fff;
	margin-bottom:10px;
	font-family:adelle, georgia, serif;
	font-weight:normal;
}

nav.main div.inner ul.social {
	line-height:2.0;
}

nav.main div.inner div.group {
	margin-top:30px;
}

nav.main div.inner div.group:first-child {
	margin-top:0;
}

nav.main div.inner ul.social li a {
	color:#58666c;
	padding-bottom:2px;
	text-decoration:none;
}

nav.main div.inner ul.social li a:hover {
	border-bottom:1px solid #3c474c;
}

nav.main div.inner ul.social li a b {
	color:#72858c;
}

nav.main div.inner div.group ul.nav li {
	clear:both;
	margin-bottom:15px;
}

nav.main div.inner div.group ul.nav li:last-child {
	margin-bottom:0;
}

nav.main div.inner div.group ul.nav li a {
	margin-left:5px;
	color:#fff;
	font-size:1.3em;
	text-decoration:none;
	padding-bottom:2px;
}

nav.main div.inner div.group ul.nav li i {
	color:rgba(255,255,255,0.3);
	float:left;
	margin-top:-2px;
	width:28px;
	height:28px;
	font-size:1.5em;
}

nav.main div.inner div.group ul.nav li a:hover {
	border-bottom:1px solid #69858C;
}




/*
	Header
*/

header.main {
	position:fixed;
	color:#fff;
	width:300px;
	bottom:0;
	height:120px;
	left:0;
	z-index:10;
}

header.main h1, header.main p {
	margin-left:100px;
}

header.main h1 a {
	color:#fff;
	font-size:2.2em;
	text-decoration:none;
}

header.main p.title {
	margin-top:2px;
	font-family:adelle, georgia, sans-serif;
	color:rgba(255,255,255,0.4);
}

header.main p.social {
	margin-top:8px;
}

header.main p.social a {
	color:#fff;
	text-decoration:none;
	margin-right:5px;
	display:inline-block;
	height:20px;
	width:20px;
}


header.main p.social a i {
	font-size:1.6em;
	color:#797674;
}

header.main p.social a:hover i {
	color:#fff;
}

header.main p.social a span {
	display:none;
}

/*
	Content area
*/

section.content {
	margin-left:300px;
}

/*
	Welcome
*/
section.content section.welcome {
	font-size:1.8em;
	line-height:2.0;
	margin:70px;
	border-bottom:1px solid #efefef;
	padding-bottom:30px;
	margin-bottom:40px;
	font-family:adelle, georgia, serif;
}

section.content section.welcome a {
	color:#25a1db;
	text-decoration:none;
	border-bottom:1px solid #c1dbef;
}

section.content section.welcome a.d9 {
	white-space:nowrap;
}

/*
	Post content
*/

section.content article {
	font-size:1.25em;
}

section.content article  a {
	color:#25a1db;
	text-decoration:none;
	border-bottom:1px solid #c1dbef;
}

section.content article header.post-header {
  padding:220px 70px 40px 70px;
  margin-bottom:55px;
  background-size:cover;
  background-position:center center;
  box-shadow: inset 21px 0 29px -21px rgba(0,0,0,1);
}

section.content article header.post-header p.meta {
	color:#fff;
	font-size:0.9em;
	margin-bottom:5px;
	text-shadow:0 0 7px rgba(0,0,0,0.7);
}

section.content article header.post-header h1 {
	font-size:2.8em;
	font-family:adelle, georgia, serif;
	color:#fff;
	text-shadow:0 0 7px rgba(0,0,0,0.8);
}

section.content article header.post-header.no-cover {
  padding:70px 70px 0 70px;
  margin-bottom:20px;
  box-shadow:none;
}

section.content article header.post-header.no-cover h1 {
  color:#000;
  text-shadow:none;
}

section.content article header.post-header.no-cover p.meta {
  color:#999;
  text-shadow:none;
}

section.content article section.post-content {
	margin:15px 70px;
	line-height:1.7;
}

section.content article section.post-content p,
section.content article section.post-content pre,
section.content article section.post-content blockquote,
section.content article section.post-content h1,
section.content article section.post-content h2,
section.content article section.post-content h3,
section.content article section.post-content h4,
section.content article section.post-content h5 {
	margin:18px 0;
}

section.content article section.post-content p img {
	max-width:85%;
	display:block;
	margin:auto;
}

section.content article section.post-content h1,
section.content article section.post-content h2,
section.content article section.post-content h3,
section.content article section.post-content h4,
section.content article section.post-content h5 {
	font-family:adelle, georgia, serif;
	font-weight:normal;
}

section.content article section.post-content h1,
section.content article section.post-content h2,
section.content article section.post-content h3 {
	font-size:2.0em;
}

section.content article section.post-content h4 {
	font-size:1.7em;
}

section.content article section.post-content h5 {
	font-size:1.2em;
}

section.content article section.post-content pre {
	background:#efefef;
	font-size:0.9em;
	padding:10px 15px;
	border:1px solid #ddd;
	white-space:pre;
}

section.content article section.post-content p code,
section.content article section.post-content li code {
	background:#f8f5f3;
	font-size:0.9em;
	padding:0 2px;
	margin:0 2px;
	border:1px solid #f0ebe8;
	white-space:pre;
}

section.content article section.post-content ul li  {
	margin-left:35px;
	list-style:square;
}

section.content article section.post-content ol li {
	margin-left:35px;
}


/*
	Post list
*/

.post-list {
  margin:70px;
}

section.content article.home.post {
	margin-bottom:50px;
}

section.content article.home.post h2 {
	margin-bottom:5px;
}

section.content article.home.post h2 a {
	font-size:2.0em;
	color:#000;
	text-decoration:none;
	font-family:adelle, georgia, serif;
	border:0;
}

section.content article.home.post h2 a:hover {
	color:#25a1db;
}

section.content article.home.post p.meta {
	color:#999;
	font-size:0.9em;
	margin-bottom:4px;
}

section.content article.home.post section.post-excerpt {
	line-height:1.7;
	font-size:0.9em;
}

div.footer {
  border-top:1px solid #efefef;
  padding-top:50px;
  margin-top:60px;
  overflow:hidden;
}

.viaduct-link {
  float:right;
}

/*
	Pagination
*/
nav.pagination {
	color:#999;
  float:left;
}

nav.pagination a {
	color:#999;
	margin:0 10px;
}

/*
  Subscribe
*/

section.content form.subscribe {
  background:#797674;
  padding:25px;
  color:#fff;
  margin:70px;
}

section.content form.subscribe h3 {
  font-size:1.8em;
}

section.content form.subscribe p.text {
  font-size:1.2em;
  line-height:1.5;
  margin-top:10px;
  opacity:0.6;
}

section.content form.subscribe p.form {
  margin-top:20px;
}

section.content form.subscribe p.form input {
  background:#292422;
  border:0;
  padding:10px;
  font-size:1.1em;
  width:250px;
  color:#fff;
  line-height:1;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right:2%;
  width:65%;
  font-weight:normal;
}

section.content form.subscribe p.form button {
  -webkit-appearance:none;
  font-weight:normal;
  background:#9E9997;
  border:0;
  padding:10px;
  font-size:1.1em;
  color:#fff;
  width:30%;
  line-height:1;
  box-sizing: border-box;
  vertical-align: middle;
}

/*
	Page footer
*/
section.content footer.global {
	border-top:1px solid #efefef;
	padding-top:25px;
	margin-top:25px;
	margin-bottom:50px;
	font-size:1.1em;
	color:#bbb;
	line-height:1.5;
}

@media all and (max-width:900px), (max-height:500px) {
	nav.main { position:relative; background:#F8F5F3; width:inherit;border-bottom:1px solid #ded1c9;}
	nav.main div.inner { position:relative;height:inherit; padding:20px 40px; overflow:hidden; width:inherit;}
	nav.main div.inner h2 { color:#292422;}
	nav.main div.inner div.group.pages ul li a { color:#292422;}
	nav.main div.inner div.group.pages ul li i { color:#292422;}
	nav.main div.inner div.group ul.social li a b { color:#292422 !important; }
	nav.main div.inner div.group { float:left;clear:none; margin-top:0; margin-right:60px;}
	nav.main div.inner div.group:last-child { margin-right:0;}
	header.main {background-color:#292422; width:inherit; padding:20px 40px; height:inherit; position:relative;}
	header.main h1, header.main p { margin-left:0;}
	header.main h1 { font-size:0.7em; float:left; margin-right:15px}
	header.main p { margin-left:5px;}
	header.main p.social { float:right;margin-top:-20px;}
	header.main p.social a { margin-right:0; margin-left:5px;}
	section.content { margin-left:0; }
	section.content section.welcome { margin:40px;}
	section.content .post-list { margin:40px;}
	section.content article header.post-header { padding-left:40px; padding-right:40px; padding-top:140px}
	section.content article header.post-header.no-cover { padding:40px; padding-bottom:0; }
	section.content article section.post-content { margin:40px; margin-top:0;}
}

@media all and (max-width:820px) {
	nav.main div.inner div.group.elsewhere { display:none; }
	nav.main div.inner div.group.companies {margin-right:0;}
}

@media all and (max-width:560px) {
	nav.main div.inner div.group.companies { display:none; }
	header.main p.social { display:none;}
	header.main { padding:17px 40px; overflow:hidden}
	header.main h1 { float:left;}
	header.main p {float:right; display:block; margin-top:-35px }
}

@media all and (max-width:400px) {
	nav.main div.inner { padding:20px 20px;}
	nav.main div.inner div.group.companies { display:none; }
	header.main { padding:17px 20px;}
	section.content section.welcome { font-size:1.5em; margin:20px;}
	section.content .post-list { margin:20px 20px;}
	section.content article header.post-header { padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:100px; margin-bottom:20px;}
	section.content article header.post-header h1 { font-size:1.6em; }
	section.content article header.post-header.no-cover { padding:20px; padding-bottom:0; }
	section.content article section.post-content { margin:20px;}
	section.content article.home.post p.meta { font-size:0.9em; }
	section.content article.home.post h2 a { font-size:1.3em; }
}
