img.wp-smiley {
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .05em 0 .1em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
}

div.sharedaddy h3.sd-title {
	margin: 0 0 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 9pt;
	font-weight: bold;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}


/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px;	/* Previous height, 60px */
	position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px 10px 12px 10px;
	background-color: #2e4453;
	border-width: 0;
	box-shadow: 0 0 10px #2e4453;
	box-shadow: 0 0 10px rgba(46,68,83,.6);
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 12px;
	padding-bottom: 8px;
}

#likes-other-gravatars ul,
#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.13);
}

.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
	margin: 0;
	border-width: 0;
	display: block;
}


/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}


/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}


/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}


/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}
/**

	WordAds V2! This CSS applies to all WordAds and Adsense themes

	HTML markup structure of an ad:

	<div class="wpcnt|mpb">
	<div class="wpa [wpmrec|wpwidesky|wpleaderboard]">

		<a class="wpa-about" href="https://en.support.wordpress.com/about-these-ads/" rel="nofollow">
		About these ads
		</a>

		<div class="u">
		[ad unit here]
		</div>

	</div>
	</div>

*/


/* outer container */
.wpcnt {
	text-align: center;
	line-height: 0;
}

.rtl .wpcnt{
	direction: ltr;
}

.mpb{
	text-align: center;
	margin: 0px auto;
	width: 100%;
}

/* inner container */
.wpa, .wpadvert {				/* @todo: deprecate wpadvert */
	position: relative;
    /*overflow: hidden; */       /* this hides "about these ads" when there's no adfill */
    display: inline-block !important;
    max-width: 100%;
    text-align: left;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.wpa.wpwidesky, .wpa.wpleaderboard{
	width: auto;
}

.wpa.top{
	min-width: 728px;
}

.wpa.wpwidesky{
	min-width: 160px;
}

.wpa.wpmrec{
	min-width: 300px;
}

.mpb .wpa{
	padding: 10px 0 0;
}

@media screen and (max-width: 650px) {
	.mpb .wpa{
		min-width: 300px;
	}
}

/* about these ads */
/* all the !important use is to ensure consistency */
.wpa-about{	/* @todo: deprecate wpadvert-about */
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	display: block;
	min-width: 160px;
	/*margin-top: 5px;*/
	border-bottom: none !important;			/* some themes ad dotted underlines, that won't look nice */
	font: 10px/1 "Open Sans", Arial, sans-serif !important;
	text-align: left !important;
	text-decoration: none !important;
	opacity: 0.85;
}

.wpa-notice {
	display: block;
	position: relative;
	padding: 24px;
	overflow: hidden;
	border: 5px solid #efefef;
	font: 13px/1.75 "Merriweather sans", "Open Sans", Arial, sans-serif !important;
	color: #2e4453 !important;
	box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
}

.wpa-buttons{
	text-align: center;
	margin: 0;
}

.wpa-button {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
  outline: 0;
	padding: 7px !important;
	overflow: hidden;
	background: white;
	border-color: #c8d7e1;
  border-style: solid !important;
  border-width: 1px 1px 2px !important;
	border-bottom: 2px solid #c8d7e1 !important;
  cursor: pointer;
  vertical-align: top;
	color: #668eaa !important;
  font-size: 11px !important;
	font-weight: 600 !important;
  line-height: 1 !important;
	text-overflow: ellipsis;
  text-decoration: none !important;
	text-transform: uppercase !important;
  border-radius: 4px;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wpa-button:hover{
	border-color: #a8bece !important;
	color: #2e4453 !important;
}

.wpa-button.is-primary{
	background: #00aadc !important;
	border-color: #0087be !important;
	color: white !important;
}

.wpa-button.is-primary:hover{
	border-color: #005082 !important;
	color: white !important;
}

/* dark theme */
body.highlander-dark .wpa-about {
	color: #ddd;
}
body.highlander-dark .wpa-about:hover {
	color: #e9e9e9;
}

/* ad unit wrapper */
.wpa .u>div, .wpadvert>div>* {	/* @todo: deprecate wpdvert */
	display: block;
	margin-top: 5px;			/* this makes "about these ads" visible */
	margin-bottom: 1em;			/* every ad should have a little space below it */
}

div.wpa>div {
	margin-top: 20px;
}

#google_ads_div_wpcom_below_post_adsafe_ad_container {
	display: block !important;
}

.wa-sponsored-link {
	font: 9px/1 sans-serif;
}
/* =Infinity Styles
-------------------------------------------------------------- */

.infinite-wrap {
}
.infinite-loader {
	color: #000;
	display: block;
	height: 28px;
	text-indent: -9999px;
}
#infinite-handle span {
	background: #333;
	border-radius: 1px;
	color: #eee;
	cursor: pointer;
	font-size: 13px;
	padding: 6px 16px;
}

/**
 * Using a highly-specific rule to make sure that all button styles
 * will be reset
 */
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus {
	display: inline;
	position: static;
	padding: 0;
	margin: 0;
	border: none;
	line-height: inherit;
	background: transparent;
	color: inherit;
	cursor: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}

/**
 * This is used to avoid unnecessary inner button spacing in Firefox
 */
#infinite-handle span button::-moz-focus-inner {
	margin: 0;
	padding: 0;
	border: none;
}

/**
 * For smaller viewports, remove the down-arrow icon and turn
 * the button into a block element, spanning the content's full width.
 */
@media (max-width: 800px) {
	#infinite-handle span:before {
		display: none;
	}
	#infinite-handle span {
		display: block;
	}
}

/**
 * Footer
 */
#infinite-footer {
	position: fixed;
		bottom: -50px;
		left: 0;
	width: 100%;
}
#infinite-footer a {
	text-decoration: none;
}
#infinite-footer .blog-info a:hover,
#infinite-footer .blog-credits a:hover {
	color: #444;
	text-decoration: underline;
}
#infinite-footer .container {
	background: rgba( 255, 255, 255, 0.8 );
	border-color: #ccc;
	border-color: rgba( 0, 0, 0, 0.1 );
	border-style: solid;
	border-width: 1px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 1px 20px;
	width: 780px;
}
#infinite-footer .blog-info,
#infinite-footer .blog-credits {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 25px;
}
#infinite-footer .blog-info {
	float: left;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40%;
}
#infinite-footer .blog-credits {
	font-weight: normal;
	float: right;
	width: 60%;
}
#infinite-footer .blog-info a {
	color: #111;
	font-size: 14px;
	font-weight: bold;
}
#infinite-footer .blog-credits {
	color: #888;
	font-size: 12px;
	text-align: right;
}
#infinite-footer .blog-credits a {
	color: #666;
}

/**
 * Hooks to infinity-end body class to restore footer
 */
.infinity-end.neverending #infinite-footer {
	display: none;
}

/**
 * Responsive structure for the footer
 */
@media (max-width: 640px) {
	#infinite-footer .container {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	#infinite-footer .blog-info {
		width: 30%;
	}
	#infinite-footer .blog-credits {
		width: 70%;
	}
	#infinite-footer .blog-info a,
	#infinite-footer .blog-credits {
		font-size: 10px;
	}
}

/**
 * No fixed footer on small viewports
 */
@media ( max-width: 640px ) {
	#infinite-footer {
		position: static;
	}
}/**
 * Add text colors to the playlist shortcode light color scheme.
 * 
 * Core ticket: https://core.trac.wordpress.org/ticket/27562
 */

.wp-playlist-light {
	color: #000;
}

.wp-playlist-light .wp-playlist-item {
	color: #333;
}

.wp-playlist-light .wp-playlist-playing {
	background: #fff;
	color: #000;
}

.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
	color: #fff;
}

.wp-playlist-caption {
	display: block;
}/*
* Text Widget Styles
*
* Global styles to help fix common display issues on WordPress.com
* that could happen with the Rich Text Widget, introduced in WordPress 4.8.
*/

.widget.widget_text {
	word-wrap: break-word;
}

.widget.widget_text ul,
.widget.widget_text ol {
	margin-bottom: 1em;
	margin-left: .875em;
	padding-left: .875em;
}

.widget.widget_text li ul,
.widget.widget_text li ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.widget.widget_text ul {
	list-style: disc outside none;
}

.widget.widget_text ol {
	list-style: decimal outside none;
}

.widget.widget_text ul li,
.widget.widget_text ol li {
	border: 0;
	list-style: inherit;
	margin: 0;
	padding: 0;
	text-align: left;
}

.widget.widget_text ul li:before {
	content: "";
}

.widget.widget_text p {
	margin-bottom: 1em;
}
/**
 * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
 */

/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
	font: normal 20px/1 'dashicons' !important;
}

.dashicons, .dashicons-before:before {
	font-family: 'dashicons' !important;
}

.noticon {
	font-family: "Noticons" !important;
}.bbp-staff-role {
	color: #f1831e;
}

.bbp-a8c-reply {
	background: #e9eff3 !important;
	border: 1px solid #c8d7e1;
	width: 98% !important;
}/*
Theme Name: Editor
Theme URI: https://array.is/themes/editor-wordpress-theme/
Author: Array
Author URI: https://array.is/
Description: Editor puts bold and beautiful publishing right at your fingertips with comfortable, legible typography and large featured images. Using Featured Posts, you can display your favorite articles or editorials in the sidebar for even more exposure. Please open the readme.txt file to learn how to use Editor.
Version: 1.0.7-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: editor
Tags: blog, classic-menu, clean, custom-background, custom-menu, editor-style, featured-content-with-pages, featured-images, fixed-menu, gray, infinite-scroll, left-sidebar, light, modern, photoblogging, post-formats, responsive-layout, rtl-language-support, site-logo, sticky-post, threaded-comments, translation-ready, two-columns, white

Editor WordPress Theme, Copyright 2014 Array
*/
/* --------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
5.1 - Links
5.2 - Menus
5.3 - Post Navigation
5.4 - Page Navigation
5.5 - Comment Navigation
5.6 - Toggle Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
10.1 - Posts and pages
10.2 - Comments
10.3 - Post formats
11.0 - Infinite scroll
12.0 - Media
13.0 - Header
14.0 - Footer
15.0 - Content
16.0 - Posts
17.0 - Archives
18.0 - Attachments
19.0 - Animations
-------------------------------------------------------------- */
/* --------------------------------------------------------------
1.0 - Reset
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

html {
	font-size:62.5%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	background:#fff;
}

*,
*:before,
*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display:block;
}

table {
/* tables still need 'cellspacing="0"' in the markup */
	border-collapse:separate;
	border-spacing:0;
}

caption,
th,
td {
	font-weight:400;
	text-align:left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:"";
}

blockquote,
q {
	quotes:"" "";
}

a:focus {
	outline:thin dotted;
}

a:hover,a:active {
	outline:0;
}

a img {
	border:0;
}

/* --------------------------------------------------------------
2.0 Typography
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea {
	color:#404040;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:20px;
	line-height:1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear:both;
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	line-height:1.2;
	margin-bottom:3%;
}

h1 {
	font-size:50px;
}

h2 {
	font-size:40px;
}

h3 {
	font-size:30px;
}

h4 {
	font-size:20px;
}

h5 {
	font-size:16px;
}

h6 {
	font-size:14px;
}

p {
	margin-bottom:1em;
}

b,
strong {
	font-weight:700;
}

dfn,
cite,
em,
i {
	font-style:italic;
}

blockquote {
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:32px;
	font-style:italic;
	font-weight:300;
	margin:1em 0 0;
	padding-right:10%;
	position:relative;
}

blockquote blockquote {
  padding-left: 25px;
}

@media (max-width: 840px) {
blockquote {
	padding-right:14%;
}
}

blockquote:before {
	border:solid 2px #d4dae0;
	border-radius:100px;
	color:#d4dae0;
	content:"\f10d";
	font-family:"FontAwesome";
	font-size:18px;
	font-style:normal;
	line-height:44px;
	text-align:center;
	position:absolute;
	right:0;
	top:2%;
	height:46px;
	width:46px;
}

address {
	margin:0 0 1.5em
}

pre {
	background:#F5F5F5;
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size:15px;
	line-height:1.6;
	margin-bottom:1.6em;
	max-width:100%;
	overflow:auto;
	padding:1.6em;
}

code,
kbd,
tt,
var {
	font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}

abbr,
acronym {
	border-bottom:1px dotted #666;
	cursor:help;
}

mark,
ins {
	background:#fff9c0;
	text-decoration:none;
}

sup,
sub {
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	bottom:1ex;
}

sub {
	top:.5ex;
}

small {
	font-size:75%;
}

big {
	font-size:125%;
}

.highlight {
	background:#fff198;
}

.sticky {
	display:block;
}

/* --------------------------------------------------------------
3.0 Elements
-------------------------------------------------------------- */
hr {
	background-color:#f6f6f6;
	border:0;
	height:2px;
	margin:5% 0;
}

ul,
ol {
	margin:0 0 5% 25px;
}

ul {
	list-style:square;
}

ol {
	list-style:decimal;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin:.6em 0 0 1.5em;
}

.entry-content li {
	margin-bottom:2%;
}

dt {
	font-weight:700;
}

dd {
	margin:0 1.5em 1.5em;
}

img {
	height:auto;
/* Make sure images are scaled correctly. */
	max-width:100%;
/* Adhere to container width. */
}

figure {
	margin:0;
}

/* Tables */
table {
	font-size:18px;
	margin-bottom:5%;
	padding:0;
	width:100%;
}

table thead {
	background:#f7f7f7;
}

table thead th {
	font-weight:700;
}

table td,
#content table th {
	padding:10px;
}

table td {
	border-bottom:solid 1px #f7f7f7;
}

table tr:last-child td {
	border-bottom:none;
}

table tr:nth-child(even) {
	background:#f7f7f7;
}

/* --------------------------------------------------------------
4.0 Forms
-------------------------------------------------------------- */
button,
input,
select,
textarea {
	font-size:100%; /* Corrects font size not being inherited in all browsers */
	margin:0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align:baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
#infinite-handle span {
	background:#404040;
	border:none;
	border-radius:2px;
	color:#fff;
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:12px 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
#infinite-handle span:hover {
	background:#555;
	color:#fff;
	cursor:pointer;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active,
#infinite-handle span:active {
	border-color:#aaa #bbb #bbb;
	box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding:0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

select {
	width:100%;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border:0;
	padding:0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color:#999;
	border:2px solid #eee;
	border-radius:2px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border:2px solid #ddd;
	color:#404040;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding:8px 10px;
}

@media (max-width: 840px) {
input[name="post_password"] {
	display:inline-block;
	margin-bottom:10px;
	width:100%;
}
}

textarea {
	overflow:auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding:10px;
	vertical-align:top; /* Improves readability and alignment in all browsers */
	width:100%;
}

::-webkit-input-placeholder {
/* WebKit browsers */
	color:#999;
}

:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
	color:#999;
}

::-moz-placeholder {
/* Mozilla Firefox 19+ */
	color:#999;
}

:-ms-input-placeholder {
/* Internet Explorer 10+ */
	color:#999;
}

#main .contact-form {
	display:inline-block;
	margin:4% 0;
	width:100%;
}

#main .contact-form label {
	font-size:16px;
	letter-spacing:1px;
	margin-bottom:10px;
	text-transform:uppercase;
}

#main .contact-form input[type='text'],
#main .contact-form input[type='email'] {
	margin-bottom:4%;
	width:100%;
}

#main .contact-form textarea {
	margin-bottom:4%;
	width:98%;
}

#main .contact-form .contact-submit {
	margin-bottom:0;
}

/* --------------------------------------------------------------
5.0 Navigation
-------------------------------------------------------------- */
/* --------------------------------------------------------------
5.1 Links
-------------------------------------------------------------- */
a {
	color:#999;
	text-decoration:none;
	-webkit-transition:.07s ease-in;
	-moz-transition:.07s ease-in;
	transition:.07s ease-in;
}

a:hover,
a:focus,
a:active {
	color:#404040;
	-webkit-transition:.07s ease-in;
	-moz-transition:.07s ease-in;
	transition:.07s ease-in;
}

/* --------------------------------------------------------------
5.2 Menus
-------------------------------------------------------------- */
.main-navigation {
	clear:both;
	display:block;
	float:left;
	padding-top:30px;
	width:100%;
}

@media (max-width: 840px) {
.main-navigation {
	display:none;
	padding-top:20px;
}
.social-links {
	display:none;
}
}

.main-navigation ul {
	list-style:none;
	margin:0 0 2%;
	padding-left:0;
}

.main-navigation li {
	position:relative;
}

.main-navigation a {
	display:block;
	padding:2% 0;
	color:#404040;
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:18px;
	text-decoration:none;
}

@media (max-width: 840px) {
.main-navigation a {
	padding:1% 0;
}
}

.main-navigation a:hover,
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
	color:#777;
}

.main-navigation .sub-menu,
.main-navigation .children {
	margin-left:4%;
}

.main-navigation .sub-menu li a:before,
.main-navigation .children li a:before {
	content:"\2013\00a0";
	color:#aaa;
}

/* --------------------------------------------------------------
5.3 Post Navigations
-------------------------------------------------------------- */
.post-navigation {
	border-top:solid 4px #eee;
	overflow:hidden;
}

.post-navigation .nav-links {
	overflow:hidden;
}

@media (max-width: 840px) {
.post-navigation {
	margin-bottom:4%;
}
}

.post-navigation .nav-next a,
.post-navigation .nav-previous a {
	border-top:solid 4px transparent;
	color:#404040;
	display:inline-block;
	vertical-align:top;
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:26px;
	line-height:1.2;
	width:100%;
	-webkit-transition:.07s ease-in;
	-moz-transition:.07s ease-in;
	transition:.07s ease-in;
}

.post-navigation .nav-next a {
	padding:12% 0 14% 10%;
}

.post-navigation .nav-previous a {
	padding:12% 10% 14% 0;
}

.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:focus,
.post-navigation .nav-previous a:focus {
	border-top:4px solid #eee;
	color:#555;
	-webkit-transition:.07s ease-in;
	-moz-transition:.07s ease-in;
	transition:.07s ease-in;
}

@media (max-width: 840px) {
.post-navigation .nav-next a,
.post-navigation .nav-previous a {
	border-top:none;
	font-size:20px;
}

.post-navigation .nav-next a {
	padding:6% 0 7%;
}

.post-navigation .nav-previous a {
	padding:6% 0 5%;
}

.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:focus,
.post-navigation .nav-previous a:focus {
	border:none;
}

.post-navigation .nav-next i,
.post-navigation .nav-previous i {
	display:none;
}
}

.post-navigation .meta-nav {
	clear:both;
	float:left;
	margin-bottom:10px;
	width:100%;
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

.post-navigation .nav-next {
	float:right;
	text-align:right;
	width:50%;
}

@media (max-width: 840px) {
.post-navigation .nav-next {
	display:inline-block;
	float:none;
	text-align:left;
	width:100%;
}
}

.post-navigation .nav-next i {
	margin-left:5px;
}

.post-navigation .nav-previous {
	float:left;
	width:50%;
}

@media (max-width: 840px) {
.post-navigation .nav-previous {
	border-bottom:solid 2px #eee;
	display:inline-block;
	float:none;
	padding-bottom:5%;
	width:100%;
}
}

.post-navigation .nav-previous i {
	margin-right:5px;
}

/* --------------------------------------------------------------
5.4 Page Navigation
-------------------------------------------------------------- */
.paging-navigation {
	display:inline-block;
	margin-bottom:2%;
	overflow:hidden;
	width:100%;
}

.paging-navigation .nav-links {
	overflow:hidden;
}

.paging-navigation .nav-previous {
	float:left;
}

.paging-navigation .nav-next {
	float:right;
}

.paging-navigation a {
	display:inline-block;
}

/* --------------------------------------------------------------
5.5 Comment Navigation
-------------------------------------------------------------- */
.comment-navigation {
	margin: 0 0 1em;
	overflow: hidden;
}

.comment-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* --------------------------------------------------------------
5.6 Toggle Menus
-------------------------------------------------------------- */
.toggle-tabs {
	position:relative;
}

.toggle-bar {
	background:#e7e7e7;
	margin:0;
	padding:8px 30px 0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:20;
}

@media (max-width: 840px) {
.toggle-bar {
	padding:8px 6% 0;
	position:absolute;
}
}

.toggle-bar li {
	display:inline-block;
	list-style-type:none;
}

@media (min-width: 990px) {
.toggle-bar li {
	margin-right:8px;
}
}

.toggle-bar a {
	background-color:#e7e7e7;
	color:#babfc2;
	display:inline-block;
	padding:2px 8px 2px 8px;
}

.toggle-bar a:hover,
.toggle-bar a:focus {
	color:#80858a;
}

.toggle-bar a.current {
	background-color:#f5f5f5;
	border-radius:6px 6px 0 0;
	color:#80858a;
}
.toggle-bar a.current:focus {
	outline:0;
}

.toggle-bar .fa-folder-open {
	display:none;
}

.admin-bar .toggle-bar {
	top:32px;
}

@media (max-width: 840px) {
.admin-bar .toggle-bar {
	top:0;
}
}

.tab-content {
	display:none;
}

.tab-content.current {
	display:inherit;
}

/* --------------------------------------------------------------
6.0 Accessibility
-------------------------------------------------------------- */
/* Text meant only for screen readers */
.screen-reader-text {
	clip:rect(1px,1px,1px,1px);
	position:absolute!important;
}

.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto!important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-weight:700;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000;
/* Above WP toolbar */
}

/* --------------------------------------------------------------
7.0 Alignments
-------------------------------------------------------------- */
.alignleft {
	display:inline;
	float:left;
	margin:.5em 2em 0 0;
}

.alignright {
	display:inline;
	float:right;
	margin:.5em 0 0 2em;
}

.aligncenter {
	clear:both;
	display:block;
	margin:0 auto;
}

.pull-right {
	float:right;
	margin:1% -5% 3% 5%;
	text-align:right;
}

.pull-left {
	float:left;
	margin:0 5% 3% -5%;
	text-align:left;
}

.pull-right,
.pull-left {
	width:34%;
	font-weight:400;
	line-height:30px;
	font-size:22px;
	text-transform:uppercase;
	font-style:italic;
}

@media (max-width: 840px) {
.pull-right,
.pull-left {
	width:100%;
	margin:0 0 5%;
}
}

/* --------------------------------------------------------------
8.0 Clearings
-------------------------------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,.site-footer:after {
	content:'';
	display:table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear:both;
}

/* --------------------------------------------------------------
9.0 Widgets
-------------------------------------------------------------- */
.widget-area {
	font-size:16px;
	width:100%;
	vertical-align:top;
}

.widget-area .widget {
	width:100%;
	margin-bottom:30px;
	padding-bottom:30px;
	display:inline-block;
	border-bottom:solid 2px #eee;
	word-wrap: break-word;
}

.widget-area .widget:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.widget-area .widget > ul,
.widget-area .widget li:last-child,
.widget-area .widget .menu {
	margin:0;
}

.widget-area .widget-title,
.widget-area .widgettitle {
	color:#404040;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:20px;
}

.widget-area .widget:not(.widget_text) li {
	list-style-type:none;
	margin-bottom:2%;
	padding-bottom:2%;
	padding-left:0;
	position:relative;
}

.widget-area a {
	color:#999;
}

.widget-area a:hover {
	color:#333;
}

.widget-area .widget select {
	max-width:100%;
}

.widget-area .widget_search {
	padding-bottom:30px;
}

.widget-area .widget_search .search-field {
	width:100%;
	border:none;
	border-bottom:solid 1px #e8e8e8;
	border-radius:2px;
	text-transform:uppercase;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	-webkit-appearance:none;
}

.widget-area .widget_search .search-field:focus {
	color:#404040;
}

.widget-area .widget_search .search-submit {
	display:none;
}

.widget-area .featured-posts-widget {
	border-bottom:none;
}

.widget-area .featured-posts-widget .widget-title {
	margin-bottom:30px;
}

.widget-area .featured-post {
	width:100%;
	margin-bottom:30px;
	padding-bottom:20px;
	display:inline-block;
	border-bottom:solid 2px #eee;
}

.widget-area .featured-post:last-child {
	border-bottom:none;
}

.widget-area .featured-post .featured-post-image {
	display:inline-block;
	margin-bottom:10px;
}

.widget-area .featured-post .featured-post-image img {
	max-width:100%;
	width:100%;
}

.widget-area .featured-post h3 {
	font-size:20px;
	margin-bottom:5px;
}

.widget-area .featured-post h3 a {
	color:#404040;
}

.widget-area .featured-post a {
	color:#aaa;
}

.widget-area .featured-post a:hover {
	color:#404040;
}

.widget-area .featured-post .featured-post-meta {
	color:#aaa;
	line-height:1.4;
}

.widget-area .featured-post .featured-post-meta i {
	font-size:12px;
	margin-right:2px;
	text-align:center;
	width:12px;
}

.widget-area .featured-post .entry-date {
	font-size:13px;
}

.widget-area .featured-post .entry-date:hover {
	color:#404040;
}

.widget-area .featured-post .byline,
.widget-area .featured-post .vcard {
	display:none;
}

.menu-profile {
	display:inline-block;
	height:100%;
	padding:5%;
	width:64%;
	vertical-align:top;
}

#calendar_wrap {
	background:#fff;
	border-right:none;
	border-bottom:none;
	box-shadow:rgba(0,0,0,0.15) 0 2px 2px -1px;
	color:#404040;
	-moz-box-shadow:rgba(0,0,0,0.15) 0 2px 2px -1px;
	-webkit-box-shadow:rgba(0,0,0,0.15) 0 2px 2px -1px;
}

#wp-calendar {
	font-size:16px;
	margin:0;
	max-width:100%;
}

#wp-calendar caption {
	text-align:center;
	background:#EBEBEB;
	padding:5px 10px;
	font-weight:700;
}

#wp-calendar tr th,
#wp-calendar tr td {
	text-align:center;
}

#wp-calendar tr th {
	background:#404040;
	color:#fff;
	margin:-10px -10px 10px;
	font-size:11px;
	font-weight:700;
	padding:10px 0;
}

#wp-calendar tbody tr td {
	padding:2px 0;
	border-right:solid 1px #f3f3f3;
	border-top:solid 1px #f3f3f3;
}

#wp-calendar tfoot td {
	border-top:solid 1px #f3f3f3;
	border-right:solid 1px #eee;
	padding:7px 0 5px;
	font-weight:700;
	font-size:10px;
	text-transform:uppercase;
}

#wp-calendar a {
	color:#404040;
}

#wp-calendar a:hover {
	color:#999;
}

.widget_rss li {
	border-bottom:solid 1px #eee;
	margin-bottom:15px;
	padding-bottom:15px;
}

.widget_rss li:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

.widget_rss li .rsswidget {
	display:inline-block;
	width:100%;
}

.widget_rss .rss-date,
.widget_rss cite {
	font-size:14px;
	text-transform:uppercase;
	display:inline-block;
	margin:10px 0;
}

/* --------------------------------------------------------------
10.0 Content
-------------------------------------------------------------- */
/* --------------------------------------------------------------
10.1 Posts and pages
-------------------------------------------------------------- */
.byline,
.updated {
	display:none;
}

.single .byline,
.group-blog .byline {
	display:inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin:0;
}

.page-links {
	clear:both;
	font-weight:700;
	margin:0 0 1.5em;
	padding-top:2%;
}

/* --------------------------------------------------------------
10.2 Comments
-------------------------------------------------------------- */
.comments-area {
	background:#f5f5f5;
	display:block;
	margin:0 auto;
	padding:6% 12% 5%;
}

@media (max-width: 840px) {
.comments-area {
	padding:5%;
}
}

.page .comments-area {
	background:#f9f9f9;
}

.comments-title {
	font-size:52px;
	font-weight:500;
	letter-spacing:-1px;
	margin-bottom:7%;
	padding-bottom:1%;
	width:100%;
}

@media (min-width:841px) and (max-width:980px) {
.comments-title {
	font-size:45px;
}
}

@media (max-width: 840px) {
.comments-title {
	font-size:38px;
}
}

@media (max-width: 840px) {
.comment-content {
	font-size:18px;
}
}

.comment-block {
	position:relative;
}

.comment-info {
	margin-bottom:3%;
}

.bypostauthor .comment-cite:after {
	color:#999;
	content:"\f007";
	font-family:"FontAwesome";
	font-size:1.6rem;
	margin-left:1rem;
	position:relative;
	top:-2px;
}

.comment-list,
.comment-list li {
	margin:0;
	counter-reset:li;
	list-style-type:none;
}

.comment-list > li {
	margin-bottom:5%;
	padding-bottom:5%;
	border-bottom:solid 3px #e6e6e6;
}

.comment-list .children {
	margin:4% 0 0 13%;
}

.comment-list .children li {
	margin-bottom:5%;
	padding-bottom:2%;
	border-bottom:solid 3px #e6e6e6;
}

.comment-list .children li:first-child {
	border-top:solid 3px #e6e6e6;
	padding-top:5%;
}

.comment-list .children li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.comment-list .avatar {
	border-radius:100px;
	position:absolute;
		top:4px;
		left:0;
}

@media (max-width: 840px) {
.comment-list .avatar {
	margin-top:2%;
}
}

.comment-wrap {
	padding-left:83px;
}

.comment-cite {
	font-style:normal;
	display:block;
	width:100%;
	font-size:24px;
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.comment-cite a {
	color:#404040
}

.comment-time,
.comment-edit-link {
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

.comment-reply-title {
	font-size:52px;
	font-weight:500;
	letter-spacing:-1px;
	margin-bottom:3%;
}

@media (min-width:841px) and (max-width:980px) {
.comment-reply-title {
	font-size:45px;
}
}

@media (max-width: 840px) {
.comment-reply-title {
	font-size:34px;
}
}

.comment-reply-title small a {
	background:#404040;
	border:none;
	border-radius:2px;
	color:#fff;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:right;
	margin-left:8px;
	padding:5px 8px;
}

.comment-reply-title small a:hover {
	background:#555;
	color:#fff;
	cursor:pointer;
}

.logged-in-as,.comment-notes {
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:3%;
}

.comment-notes {
	display:none;
}

.required {
	color:#f35959;
}

.logged-in-as a {
	color:#404040;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	display:block;
	width:100%;
}

@media (max-width: 840px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
	width:100%;
	margin-right:0;
}
}

.comment-list #respond {
	border-top:solid 2px #eee;
	margin-top:4%;
	padding-top:4%
}

@media (max-width: 840px) {
.comment-form-url {
	margin-bottom:1em;
}
}

.comment-form label {
	display:block;
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:10px;
	text-transform:uppercase;
}

.comment-form input {
	width:100%;
}

.comment-form #submit {
	margin-top:10px;
	width:auto;
}

.form-allowed-tags {
	display:none;
}

.comment-subscription-form {
	margin-bottom:10px;
}

.comment-subscription-form label {
	font-weight:400;
	font-size:14px;
}

/*--------------------------------------------------------------
10.3 Post formats
--------------------------------------------------------------*/
/* Asides */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* Quotes */
.format-quote blockquote {
	font-size:48px;
	line-height:1.2;
	margin-top:0;
	padding-right:18%;
}

@media (max-width: 840px) {
.format-quote blockquote {
	font-size:32px;
}
}

.format-quote blockquote:before {
	font-size:30px;
	line-height:72px;
	height:70px;
	width:70px;
}

@media (max-width: 840px) {
.format-quote blockquote:before {
	font-size:22px;
	line-height:50px;
	height:50px;
	width:50px;
}
}

.format-quote cite {
	color:#b2b8bd;
	font-size:32px;
	font-weight:400;
}

@media (max-width: 840px) {
.format-quote cite {
	font-size:26px;
}
}

/* --------------------------------------------------------------
11.0 Infinite scroll
-------------------------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
	display:none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display:block;
}

#infinite-handle {
	margin-bottom:2%;
}

/* --------------------------------------------------------------
12.0 Media
-------------------------------------------------------------- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border:none;
	margin-bottom:0;
	margin-top:0;
	padding:0;
}

.wp-caption {
	margin-bottom:1em;
	margin-top:1em;
	max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
	display:block;
	margin:0 0 1em;
	max-width:100%;
}

.wp-caption-text,
.gallery-caption {
	color:#aaa;
	display:inline-block;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;
	font-style:normal;
	letter-spacing:1px;
	line-height:1.4;
	text-align:center;
	text-transform:uppercase;
	width:100%;
}

.gallery img {
	height:auto;
	max-width:90%;
}

.gallery dd,
.gallery figcaption {
	text-align:left;
	margin:0 0 15px;
}

.gallery {
	margin-bottom:1em;
}

.gallery-item {
	display:inline-block;
	margin-bottom:1em;
	text-align:center;
	vertical-align:top;
	width:100%;
}

.gallery-item a {
	display:block;
}

.gallery-columns-1.gallery img {
  max-width:100%;
}

.gallery-columns-2 .gallery-item {
	max-width:50%;
}

.gallery-columns-3 .gallery-item {
	max-width:33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width:25%;
}

.gallery-columns-5 .gallery-item {
	max-width:20%;
}

.gallery-columns-6 .gallery-item {
	max-width:16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width:14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width:12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width:11.11%;
}

@media (max-width: 840px) {
	.gallery-item {
		display:block;
		vertical-align:baseline;
	}

	.gallery img {
		max-width:100%;
}

	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width:100%;
	}
}

.gallery-caption {
	display:block;
}

embed,
iframe,
object {
	max-width:100%;
}

.jetpack-video-wrapper {
	margin-bottom:1em;
}

/* --------------------------------------------------------------
13.0 Header
-------------------------------------------------------------- */
.site-header::-webkit-scrollbar {
	display:none;
}

.site-header {
	background:#f5f5f5;
	position:fixed;
	top:0;
	height:100%;
	width:20%;
	padding:90px 2% 2%;
	overflow:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	z-index:10;
	-webkit-transform:translate(0px,0px);
	-moz-transform:translate(0px,0px);
	-o-transform:translate(0px,0px);
	-ms-transform:translate(0px,0px);
	transform:translate(0px,0px);
}

.admin-bar .site-header {
	padding-top:122px;
}

@media (max-width: 840px) {
.site-header {
	margin-left:0;
	overflow:inherit;
	overflow-x:inherit;
	padding:70px 5% 25px;
	position:relative;
	width:100%;
}
.admin-bar .site-header {
	padding-top:70px;
}
}

.site-branding {
	width:100%;
}

.site-logo-link {
	display:block;
	margin-bottom:1em;
}

@media (min-width: 600px) and (max-width: 840px) {
.site-logo {
	display:block;
	height:auto;
	margin:0 auto;
	max-height:320px;
	max-width:320px;
	width:auto;
}
.site-logo-link + .site-title,
.site-logo-link + .site-title + .site-description {
	text-align:center;
}
}

@media (max-width: 600px) {
.site-logo {
	display:block;
	height:auto;
	margin:0 auto;
	max-height:120px;
	max-width:120px;
	width:auto;
}
.site-logo-link + .site-title,
.site-logo-link + .site-title + .site-description {
	text-align:center;
}
}

.site-title {
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:40px;
	font-weight:700;
	letter-spacing:-1px;
	line-height:1;
	text-transform:uppercase;
	margin:0;
	position:relative;
}

@media (max-width:840px) {
.site-title {
	font-size:32px;
}
}

.site-title a {
	position:relative;
	text-decoration:none;
	color:#404040;
}

.site-description {
	color:#aaa;
	line-height:1.4;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:400;
	margin:10px 0 0;
}

/* --------------------------------------------------------------
14.0 Footer
-------------------------------------------------------------- */
.site-footer {
	display:inline-block;
	padding:0 6% 4% 26%;
	width:100%;
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

.site-footer .site-info {
	background:#f5f5f5;
	padding:2.5%;
}

@media (max-width: 840px) {
.site-footer {
	padding:5%;
}

.site-footer .site-info {
	padding:3%;
}

.site-footer .powered-by {
	display:inline-block;
	width:100%;
}

.site-footer .sep {
	display:none;
}
}

.site-footer a {
	color:#404040;
}

.site-footer a:hover {
	color:#999;
}

/* --------------------------------------------------------------
15.0 Content
-------------------------------------------------------------- */
.featured-image {
	margin-bottom:4%;
	display:inline-block;
	width:100%;
}

.content-area {
	max-width:1000px;
}

.site-content {
	display:inline-block;
	width:100%;
	padding:5% 6% 4% 26%;
}

@media (max-width: 840px) {
.site-content {
	padding:5%;
}
}

.entry-date {
	margin-bottom:2%;
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

.entry-date a {
	color:#aaa;
	text-decoration:none;
}

.entry-date a:hover,
.entry-date a time:hover {
	color:#404040
}

.entry-date .by {
	text-transform:lowercase;
	font-style:italic;
}

.entry-title {
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:80px;
	font-weight:400;
	letter-spacing:-1px;
	line-height:1.1;
	margin-bottom:4%;
}

.sticky .byline:before {
	content: "\2013";
	margin: 0 5px;
}

@media (min-width:841px) and (max-width:980px) {
.entry-title {
	font-size:65px;
}
}

@media (max-width: 840px) {
.entry-title {
	font-size:50px;
	margin-bottom:20px;
}
}

.entry-title a {
	color:#404040;
	text-decoration:none;
}

.entry-title a:hover {
	color:#555;
}

.search-results .entry-title {
	margin-bottom:3%;
}

.page-header {
	background:#f5f5f5;
	margin-bottom:8%;
	padding:2%;
}

@media (max-width: 840px) {
.page-header {
	padding:3%;
}
}

.page-title {
	font-size:24px;
	font-weight:700;
	line-height:1.1;
	text-transform:uppercase;
	margin-bottom:0;
}

@media (max-width: 840px) {
.page-title {
	font-size:20px;
	letter-spacing:0;
}
}

.taxonomy-description {
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-top:5px;
}

.taxonomy-description p {
	margin-bottom:0;
}

.entry-meta {
	display:inline-block;
	width:20%;
	margin-right:5%;
	margin-top:1%;
	vertical-align:top;
}

@media (max-width: 840px) {
.entry-meta {
	margin-bottom:3%;
	width:100%;
}
}

.meta-list {
	color:#aaa;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	list-style-type:none;
	margin:0;
	text-transform:uppercase;
}

.meta-list li {
	margin-bottom:12px;
	padding:0 0 12px 25px;
	position:relative;
	border-bottom:solid 2px #eee;
}

.meta-list li:first-child {
	border-top:solid 2px #eee;
	padding-top:12px;
}

.meta-list li:before {
	display:block;
	font-family:"FontAwesome";
	left:0;
	position:absolute;
}

.meta-list i {
	color:#999;
	margin-right:5px;
}

.format-aside .meta-list .meta-format:before {
	content:"\f192";
}

.format-image .meta-list .meta-format:before {
	content:"\f030";
}

.format-video .meta-list .meta-format:before {
	content:"\f030";
}

.format-quote .meta-list .meta-format:before {
	content:"\f10e";
}

.format-link .meta-list .meta-format:before {
	content:"\f0c1";
}

.meta-list .meta-cat:before {
	content:"\f0ca";
}

.meta-list .meta-tag:before {
	content:"\f02b";
}

.meta-list .meta-tag:before {
	content:"\f02b";
}

.meta-list .meta-comment:before {
	content:"\f0e5";
}

.meta-list .meta-edit:before {
	content:"\f044";
}

.meta-list a {
	color:#999;
}

.meta-list a:hover {
	color:#404040;
}

.entry-content {
	font-size:20px;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	display:inline-block;
	width:72%;
	vertical-align:top;
}

@media (max-width: 840px) {
.entry-content {
	font-size:18px;
	width:100%;
}
}

/* --------------------------------------------------------------
16.0 Posts
-------------------------------------------------------------- */
.post {
	margin-bottom:10%;
	padding-bottom:6%;
	border-bottom:solid 15px #f6f6f6;
}

.post:last-child,
.post:last-of-type {
	margin-bottom:8%;
}

@media (max-width: 840px) {
.post {
	padding-bottom:3%;
}
}

.single .post,
.page .post,
.error404 .post,
.archive .post:last-child {
	margin-bottom:5%;
	padding-bottom:0;
	border-bottom:none;
}

/* --------------------------------------------------------------
17.0 Archives
-------------------------------------------------------------- */
.page-header.profile {
	display:none;
}

.author-info {
	background:#f9f9f9;
	display:inline-block;
	margin-bottom:8%;
	padding:5% 8%;
	width:100%;
}

.author-avatar {
	display:inline-block;
	margin-right:2%;
	vertical-align:top;
	width:15%;
}

.author-avatar img {
	border-radius:250px;
}

.author-description {
	display:inline-block;
	color:#888;
	font-size:22px;
	width:75%;
}

@media (max-width: 840px) {
.author-description {
	font-size:18px;
}
}

.author-description h2 {
	color:#404040;
	font-size:34px;
}

@media (max-width: 840px) {
.author-description h2 {
	font-size:28px;
}
}

/* --------------------------------------------------------------
18.0 Attachments
-------------------------------------------------------------- */
.attachment .comments-area,
.attachment .entry-meta,
.attachment .post-navigation,
.attachment .entry-footer {
	display:none;
}

.mejs-container {
	margin-bottom:1em;
}

/* --------------------------------------------------------------
19.0 Animations
-------------------------------------------------------------- */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
}

100% {
	opacity:1;
}
}

@keyframes fadeIn {
0% {
	opacity:0;
}

100% {
	opacity:1;
}
}

.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}

.animated {
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.animated-faster {
	-webkit-animation-duration:.2s;
	animation-duration:.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

/*--------------------------------------------------------------
20. Social Links
--------------------------------------------------------------*/
.social-links {
	clear:both;
	margin:0 auto 1em;
	padding-top:30px;
	width:100%;
}
.social-links ul {
	margin:0;
	padding:0;
	list-style:none;
}
.social-links ul li {
	display:inline-block;
	margin:0;
}
.social-links ul a {
	display:inline-block;
	min-height:50px;
	min-width:50px;
	text-decoration:none;
}
.social-links ul a:before {
	border-radius:50%;
	background:#404040;
	color:#fff;
	display:block;
	font-family:FontAwesome;
	font-size:19px;
	line-height:1;
	position:relative;
	margin:3px 7px;
	padding:9px;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
	text-align:center;
}
.social-links ul a:hover {
	text-decoration:none;
}
.social-links ul a:hover:before {
	background:#777;
	-webkit-transition:all .3s ease-in-out;
	   -moz-transition:all .3s ease-in-out;
		 -o-transition:all .3s ease-in-out;
			transition:all .3s ease-in-out;
	text-decoration:none;
}
.social-links ul a[href*='wordpress.org']:before,
.social-links ul a[href*='wordpress.com']:before {
	content:'\f19a';
}
.social-links ul a[href*='facebook.com']:before {
	content:'\f09a';
}
.social-links ul a[href*='twitter.com']:before {
	content:'\f099';
}
.social-links ul a[href*='dribbble.com']:before {
	content:'\f17d';
}
.social-links ul a[href*='plus.google.com']:before {
	content:'\f0d5';
}
.social-links ul a[href*='pinterest.com']:before {
	content:'\f0d2';
}
.social-links ul a[href*='github.com']:before {
	content:'\f09b';
}
.social-links ul a[href*='tumblr.com']:before {
	content:'\f173';
}
.social-links ul a[href*='youtube.com']:before {
	content:'\f167';
}
.social-links ul a[href*='flickr.com']:before {
	content:'\f16e';
}
.social-links ul a[href*='vimeo.com']:before {
	content:'\f194';
}
.social-links ul a[href*='instagram.com']:before {
	content:'\f16d';
}
.social-links ul a[href*='codepen.io']:before {
	content:'\f1cb';
}
.social-links ul a[href*='linkedin.com']:before {
	content:'\f0e1';
}
.social-links ul a[href*='/feed']:before {
	content:'\f09e';
}
.social-links ul a[href*='mailto']:before {
	content:'\f0e0';
}