/* ------------------------------------

   Theme Name: Moustachey
   Theme URI: http://moustachey.ghost.io
   Description: Moustachey. Built mobile first for speed.
   Author: MeanThemes
   Author URI: http://meanthemes.com/
   Version: 1.0.7

   #### Table of Contents ####

	0. Resets
	1. Animate.css
	2. General layout
	3. Main styles
	4. Single Post
	5. Third Party embeds
	6. Pagination
	7. Main Footer
	8. Box Sizing
	9. Forms
	10. Responsive Layer
	11. Retina / Hi-DPI

------------------------------------ */

/* ------------------------------------

	0. Resets

------------------------------------ */

@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);



/* ------------------------------------

	1. General layout

------------------------------------ */

html {
    height: 100%;
    max-height: 100%;
}

body {
    height: 100%;
    max-height: 100%;
    margin: 0;
	padding: 0;
	background-color: #c4c3c1;
	background-image: url(../img/swatch.jpg);
	color: #939393;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", sans-serif;
	background-position: 0 0;
	background-repeat: repeat;
}

h1, h2, h3,
h4, h5, h6,
.site-head, .post-tags, time, .more, .pagination, .share, .navigation {
    font-family: 'Averia Sans Libre', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	line-height: 1.4;
}

h2, h3, h4,
h5, h6 {
	margin-bottom: 10px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 19px;
}

h6 {
	font-size: 17px;
}

.blog-title {
	font-size: 24px;
	position: relative;
}

.blog-title a, .blog-title a:hover {
	text-decoration: none;
}

.blog-title a:after {
	content: '';
	display: block;
	margin: 10px auto;
	width: 100px;
	height: 1px;
	background: #fff;
	background: rgba(0,0,0,0.15);
	border-radius:10px;
	bottom: -40px;
	left: 0;
}

.blog-tagline {
	font-size: 14px;
	margin-top: 10px;
}

::-moz-selection {
    background: #fff4d8;
    text-shadow: none;
}

::selection {
    background: #fff4d8;
    text-shadow: none;
}

a {
	color: #c84a28;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a, a:hover {
    -o-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

p {
	margin: 1em 0;
	line-height: 1.7;
}

ul, ol {
    margin: 1.6em 0;
    line-height: 1.7;
}

ul, ol {
    margin: 1.6em 1.75em;
}

ol ol, ul ul,
ul ol, ol ul {
    margin: 0.4em 1.25em;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eaeaea;
    margin: 3.2em 0;
    padding: 0;
}

blockquote {
	margin: 20px 0;
	border: 1px solid rgba(0,0,0,0.02);
	border-bottom: 3px solid rgba(0,0,0,0.04);
	border-right: none;
	border-left: none;
	font-size: 130%;
	text-align: center;
	padding: 1.5em;
	background: #f9f9f9;
	background: rgba(0,0,0,0.02);
}

blockquote p {
    margin: 0.8em 0;
    font-style: italic;
}

blockquote small {
    display: inline-block;
    margin: 0.8em 0 0.8em 1.5em;;
    font-size:0.9em;
    color: #ccc;
}

blockquote cite {
    font-weight:bold;
}

dl {
    margin: 1.6em 0;
}

dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    margin-bottom: 1em
}

dl dd {
    margin-left: 200px;
    margin-bottom: 1em
}

mark {
    background-color: #ffed9f;
    font-weight: normal;
    font-style: normal;
}

code, tt {
    padding: 2px 4px;
    font-family: "Courier New", monospace, sans-serif;
    white-space: pre;
    border: 1px solid #E3EDF3;
    background: #F7FAFB;
    border-radius: 2px;
}

pre {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.6em 0;
    border: 1px solid #E3EDF3;
    width: 100%;
    padding: 20px;
    font-family: "Courier New", monospace, sans-serif;
    white-space: pre;
    overflow: auto;
    background: #F7FAFB;
    border-radius: 3px;
}

pre code, tt {
    font-size: inherit;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    background: transparent;
    border: none;
    padding: 0;
}

kbd {
    display: inline-block;
    margin-bottom: 0.4em;
    padding: 1px 8px;
    border: #ccc 1px solid;
    color: #666;
    text-shadow: #fff 0 1px 0;
    font-size: 0.9em;
    font-weight: bold;
    background: #f4f4f4;
    border-radius: 4px;
    box-shadow:
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 1px 0 0 #fff inset;
}

table {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.6em 0;
    width:100%;
    max-width: 100%;
    background-color: transparent;
}

table th,
table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #efefef;
}

table th {
	color: #000;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0;
}

table tbody + tbody { border-top: 2px solid #efefef; }

table table table { background-color: #fff; }

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: #f6f6f6;
}

tbody > tr:nth-child(odd) > td,
tbody > tr:nth-child(odd) > th {
    background: transparent;
}

.inner {
    /*position: relative;*/
    margin: 0 auto;
}

.vertical {
    display: table-cell;
    vertical-align: middle;
}

/* ------------------------------------

	2. Main styles

------------------------------------ */

.site-head {
	text-align: center;
	padding: 70px 0 40px 0;
}

header nav {
	width: 100%;
	padding: 30px 0 0 0;
	margin-bottom: -10px;
}

header nav ul {
	padding: 0;
	margin: 0;
}

header nav ul li {
	display: inline;
	margin: 0 0 0 20px;
	padding: 0;
}

header nav ul li:first-child {
	margin-left: 0;
}

header nav ul li a {
	color: #c84a28;
	padding: 20px 0 18px 0;
	text-decoration: none;
}

header nav ul li a:hover {
	color: #2c2c2c;
	text-decoration: none;
}

.featured .star {
	background: url(../img/featured.svg) 0 0 no-repeat;
	background-size: 60px 60px;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 2;
}

.post {
	position: relative;
	width: 90%;
	max-width: 940px;
	margin: 0 auto 65px auto;
}

.post-tags {
	background: url(../img/tag.png) 0 0 no-repeat;
	padding: 3px 0 0 25px;
	color: #474747;
	font-size: 14px;
	margin: 30px 0 20px 0;
}

.post-tags a {
	color: #474747;
	text-decoration: none;
}

.post-tags a:hover {
	color: #474747;
	text-decoration: underline;
}

.main-footer {
	margin: 60px 0 0 0;
	background: #101010;
	padding: 50px 30px 40px 30px;
	font-size: 14px;
}

.main-footer a {
	color: #ccc;
	text-decoration: none;
}

.main-footer a:hover {
	color: #f7f7f7;
}

.main-footer p {
	margin: 0 0 0.5em;
}

a.subscribe-me {
	background: url(../img/rss.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999em;
	float: right;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

a.subscribe-me:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ------------------------------------

	3. Homepage / Archive

------------------------------------ */

.post-image {
	text-align: center;
	display: block;
}

.content-home .post {
	background: #2c2c2c;
}

.post.content {
  background: #fff;
}

h1.searching {
  padding: 25px;
  font-size: 25px;
}

h1.searching a {
  color: #333;
  text-decoration: none;
}

h1.searching a:hover {
  color: #C84A28;
  text-decoration: none;
}

.content-home h2 {
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 1.4;
	text-align: center;
}

.content-home h2 a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.content-home time {
	color: #474747;
	text-align: center;
	font-size: 14px;
	display: block;
	margin-bottom: -6px;
}

.content-home h2 a:hover {
	color: #C84A28;
	text-decoration: none;
}

a.more {
	display: block;
	color: #C84A28;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}

a.more:hover {
	color: #fff;
	text-decoration: none;
}

.content-home .post .inner {
	padding: 40px 20px;
	max-width: 560px;
}

/* ------------------------------------

	4. Single Post

------------------------------------ */


.mt-insert,
.js .mt-insert .wp-caption {
	width: 100%;
	display: inline-block;
	margin: 15px 0;
	z-index: 1;
	overflow: hidden;
}

.mt-insert p {
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mt-insert p.wp-caption-text {
	padding: 20px 0 !important;
	line-height: 1.4 !important;
}

.mt-insert .wp-caption img {
	width: 100%;
}

.js .mt-insert img,
.js .mt-insert .wp-caption {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	left: 0;
}

.js .mt-insert.remove-abs img {
	position: relative;
}

.js .mt-insert.remove-abs {
	margin-bottom: 80px !important;
}


.post-template .post {
	background: #fff;
}

.post-template .post img {
	margin-bottom: 20px;
}

.post-template .post .inner {
	padding: 40px 20px;
}

h1, h2, h3,
h4, h5, h6 {
	color: #333;
}

.post-template .post h1 {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 20px;
}

.post-template time {
	color: #333;
	font-size: 14px;
	margin-bottom: 30px;
	display: block;
}

.share, .post-template .post-tags {
	color: #474747;
	opacity: 0.35;
	filter: alpha(opacity=35);
	font-size: 14px;
}

.share a {
	color: #474747;
	text-decoration: none;
}

.share a:hover {
	color: #474747;
	text-decoration: underline;
}

.author,
#disqus_thread {
	margin-top: 30px;
	padding: 40px 20px 20px 20px;
	border-top: 1px solid #eaeaea;
}

.author a {
	text-decoration: none;
}

.author a:hover {
	text-decoration: underline;
}

.author img {
	max-width: 70px;
	height: auto;
	border: 1px solid #EAEAE9;
	float: left;
}

.author-bio {
	padding-left: 100px;
}

/* ------------------------------------

	5. Third Party embeds

------------------------------------ */

/* Github */

.gist table {
    margin: 0;
    font-size: 1.4rem;
}

.gist .line-number {
    min-width: 25px;
    font-size: 1.1rem;
}

/* ------------------------------------

	6. Pagination

------------------------------------ */

.pagination, .navigation {
    position: relative;
    width: 90%;
    max-width: 940px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    background: #c84a28;
    padding: 30px;
    font-size: 14px;
    min-height: 130px;
}

.pagination a, .navigation a {
    color: #fff;
    text-decoration: none;
}

.pagination a:hover, .navigation a:hover {
    color: #2c2c2c;
    text-decoration: none;
}

.navigation {
  min-height: 0;
  padding-bottom: 40px;
}

.older-posts,
.newer-posts {
	margin-top: 50px;
    position: absolute;
    display: inline-block;
}

.older-posts {
    right: 30px;
}

.newer-posts {
    left: 30px;
}

.page-number {
    display: inline-block;
}

.navigation {
  min-height: 0;
}
.navigation .nav-previous,
.navigation .nav-next {
  width: 100%;
  display: inline-block;
}

.navigation .nav-previous {
  padding-top: 10px;
}

/* ------------------------------------

	7. Box Sizing

------------------------------------ */

.post-template .post, .main-footer, .pagination, .navigation, input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ------------------------------------

	8. Forms

------------------------------------ */

input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], textarea {
	border: none;
	padding: 18px 12px;
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	width: 100%;
	background: #f7f7f7;
	background: rgba(0,0,0,0.03);
}

/* ------------------------------------

	9. Responsive Layer

------------------------------------ */

@media only screen and (min-width: 43.75em) { /* 700px */

	.post-template .post .inner, .author {
		padding: 40px;
	}

	.content-home .post .inner {
		padding: 40px 100px;
	}

	.pagination {
		min-height: 80px;
	}

	.older-posts,
	.newer-posts {
		margin-top: 0;
	}



  h1.searching {
    padding: 50px;
    font-size: 40px;
  }

  .navigation.no-next .nav-previous,
  .navigation.no-previous .nav-next {
    width: 100%;
  }

  .navigation .nav-previous,
  .navigation .nav-next {
    width: 48%;
    text-align: left;
  }

  .navigation .nav-next {
    text-align: right;
  }

}


/* ------------------------------------

	10. Retina / Hi-DPI

------------------------------------ */

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	.main-logo img {
		max-width: 150px;
	}

	.post-tags {
		background-image: url(../img/tag@2x.png);
		background-size: 18px 18px;
	}

	a.subscribe-me {
		background-image: url(../img/rss@2x.png);
		background-size: 22px 22px;
	}

}




/*! #######################################################################

	MeanMenu 2.0.6
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	display: inline-block;
	width: 100%;
	position: relative;
	background: #0c1923;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	display: inline-block;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	width: 100%;
	display: block;
}

.mean-container .mean-nav ul li a {
	display: block;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

.mean-container .site-head {
	padding-top: 50px;
}