/*
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.
Requires at least: 3.8
Version: 1.0.8-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';
}