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;
}
/* =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;
}/**
 * 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: Sobe
Theme URI: http://wordpress.com/themes/sobe/
Description: A lighthearted personal blogging theme for sharing life's most memorable moments.
Version: 1.0.6-wpcom
Author: Automattic
Author URI: http://wordpress.com/themes/
License: GNU General Public License
License URI: license.txt
Tags: blog, bright, classic-menu, clean, colorful, custom-background, custom-colors, custom-header, custom-menu, editor-style, fixed-layout, flexible-header, full-width-template, infinite-scroll, journal, lifestream, light, modern, one-column, pink, post-formats, responsive-layout, right-sidebar, rtl-language-support, sticky-post, translation-ready, tumblelog, two-columns, whimsical
Text Domain: sobe

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/* =Global
----------------------------------------------- */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fcf8f7;
}
body,
button,
input,
select,
textarea {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	color: #666;
	line-height: 1.6;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #a4aeb3;
	font-family: "Playfair Display", Times, serif;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 1.5em;
}
h1 {
	font-size: 36px;
	font-size: 3.6rem;
	margin: 0 0 .375em;
}
h2 {
	font-size: 20px;
	font-size: 2.0rem;
}
h3 {
	font-size: 16px;
	font-size: 1.6rem;
}
h4 {
	font-size: 16px;
	font-size: 1.6rem;
}
h5 {
	font-size: 13px;
	font-size: 1.3rem;
}
h6 {
	font-size: 13px;
	font-size: 1.3rem;
}
hr {
	background-color: #a4aeb3;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin: 0 0 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote,
blockquote.aligncenter {
	color: #a4aeb3;
	font-family: "Playfair Display", Times, serif;
	font-style: italic;
	font-weight: 700;
	margin: 0 0 1.5em;
	padding: 0 2em;
}
blockquote p:last-of-type {
	margin: 0;
}
blockquote.alignright,
blockquote.alignleft {
	padding: 0;
}
address {
	font-style: italic;
	margin: 0 0 1.5em;
}
pre {
	background-color: #fafafa;
	font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	margin: 0 0 1.5em;
	padding: 1.5em;
}
code, kbd, tt, var {
	font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #7dcfb6;
	color: white;
	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%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	border-collapse: collapse;
	width: 100%;
}
tr,
td,
th {
	vertical-align: top;
	padding: .75em;
	margin: 0;
	border: 0 none;
}
td {
	border-bottom: 1px solid #eee;
}
tr.alternate {
	background-color: #fafafa;
}
th {
	border-bottom: 3px solid #eee;
	font-weight: normal;
	text-align: left;
}
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"] {
	border: 3px solid #999594;
	border-radius: 50px;
	background: transparent;
	box-shadow: none;
	color: #999594;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	padding: .75em 1em;
	text-transform: uppercase;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #e57667;
	border-color: #e57667;
	box-shadow: none;
	color: #fff;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

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 {
	background-color: #e57667;
	border-color: #e57667;
	box-shadow: none;
	color: #fff;
}

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

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: transparent;
	color: #999594;
	border: 3px solid #eee;
	border-radius: 3px;
	padding: .375em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #e57667;
	color: #333;
	outline: none;
}

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

/* Links */
a {
	color: #e57667;
	text-decoration: none;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
a:visited {
	color: #e57667;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: none;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: .75em 1.5em .75em 0;
}
.alignright {
	display: inline;
	float: right;
	margin: .75em 0 .75em 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: .75em auto;
}

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

.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-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.site:before,
.site:after,
.site-header:before,
.site-header:after,
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after {
	content: '';
	display: table;
}

.site:after,
.site-header:after,
.clear:after,
[class*="content"]:after {
	clear: both;
}


/* =Content
----------------------------------------------- */

.site {
	margin: 0 auto;
	position: relative;
}
.entry-meta {
	clear: both;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 0 0 1.5em;
}
.page-links {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 1.5em;
	padding: 0;
	text-transform: uppercase;
	word-spacing: 3px;
}
.page-links a span {
	border: 3px solid #999594;
	border-radius: 50%;
	color: #999594;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	width: 35px;
	height: 35px;
}
.page-links > span.active-link {
	border: 3px solid #e57667;
	border-radius: 50%;
	color: #e57667;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	width: 35px;
	height: 35px;
}


/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

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

.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;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	font-family: "Playfair Display", Times, serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin-top: .75em;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	margin-bottom: 1.5em;
	text-align: center;
	vertical-align: top;
	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%;
}

.gallery-caption {
	display: block;
}


/* =Sidebars/Widgets
----------------------------------------------- */

.widget-area {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.widget-area ul {
	display: block;
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget-area ul ul {
	margin: 0 0 0 1.5em;
}
.widget-area ul li {
	display: block;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: .75em 0;
	border-bottom: 1px solid #eee;
}
.widget-area ul li:last-of-type,
.widget-area ul ul li,
.widget-area ul ul ul li {
	border-bottom: 0 none;
	padding-bottom: 0;
}
.widget {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 3em;
	word-wrap: break-word;
}
.error404.hentry .widget {
	margin: 1.5em 0 0;
	padding: 0;
}
.widget-title {
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 0 .75em;
}
.widget-title a,
.widget-title a:visited {
	color: #a4aeb3;
}
.widget ul li {
	list-style: disc;
}
.widget ul li a {
	font-weight: normal;
}

/* Calendar */

#wp-calendar caption {
	text-align: center;
	font-weight: bold;
	padding: .75em 0 0;
}
#wp-calendar td {
	font-size: 13px;
	font-size: 1.3rem;
}
#wp-calendar td,
#wp-calendar th {
	padding: 2px;
	text-align: center;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* Author grid */
.widget_author_grid ul li {
	display: inline;
	padding: 0;
	border: 0;
}

/* =Footer
----------------------------------------------------*/

.site-footer {
	clear: both;
	margin: 0 auto;
	position: relative;
	padding: 1.5em;
	text-align: center;
}
.site-info,
.site-info a,
.site-info a:visited {
	color: #999594;
	font-family: "Playfair Display", Times, serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
}
.site-info .sep {
	clear: both;
	display: block;
	height: 1px;
	visibility: hidden;
}


/* =Posts
----------------------------------------------------*/

.entry-title {
	clear: both;
	color: #a4aeb3;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	width: 100%;
	word-wrap: break-word;
}
.entry-title a {
	color: #a4aeb3;
	margin-bottom: 1.5em;
	text-decoration: none;
}
.entry-header {
	margin: 0 0 1.5em;
}
.entry-header .entry-meta {
	clear: both;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 1.3rem;
	font-size: 13px;
	letter-spacing: 1px;
	margin: .375em 0;
	padding: 0;
	text-transform: uppercase;
}
.sep {
	font-size: 10px;
	font-style: normal;
	margin: 0 5px;
	vertical-align: text-bottom;
}
.entry-header .entry-meta,
.entry-header .entry-meta a,
.entry-header .entry-meta a:visited {
	color: #999594;
}
.comment-content a,
.entry-content a {
	position: relative;
	display: inline-block;
}
.comment-content a:after,
.entry-content a:after {
	position: absolute;
		top: 98%;
		left: 0;
	width: 100%;
	height: 1px;
	background: #e57667;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
}
.comment-content a:focus:after,
.comment-content a:active:after,
.comment-content a:hover:after,
.entry-content a:focus:after,
.entry-content a:active:after,
.entry-content a:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
footer.entry-meta {
	clear: both;
	color: #999594;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.page .edit-link a,
.page .edit-link a:visited {
	color: #999594;
}
.entry-attachment {
	margin: 1.5em 0 0;
}
.tags-links {
	clear: both;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	list-style: none;
	position: relative;
	width: 100%;
	word-wrap: break-word;
}
.tags-links a,
.tags-links a:visited {
	background-color: #e4e8eb;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin: 0 .5em .375em 0;
	padding: .375em .75em;
	position: relative;
	text-decoration: none;
}
.tags-links a:hover,
.tags-links a:focus,
.tags-links a:active {
	background-color: #e57667;
	color: #fff;
}
.hentry {
	background-color: #fff;
	clear: both;
	margin-bottom: 3em;
	padding: 3em 1.5em;
	position: relative;
}
.hide-for-mobile {
	display: none;
}
.page-title {
	font-size: 26px;
	font-size: 2.6rem;
	margin: 0 0 .75em;
	padding-left: .75em;
}
.page-header {
	position: relative;
	width: 100%;
}
.wp-post-image {
	border-radius: 100px;
	float: right;
	margin: 0 0 1.5em 3em;
}
.entry-content .more-link {
	border: 3px solid #999594;
	border-radius: 50px;
	background: transparent;
	box-shadow: none;
	clear: both;
	color: #999594;
	display: block;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	margin: 3em 0;
	padding: .75em;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	width: 130px;
}
.more-link:hover,
.more-link:focus,
.more-link:active {
	background-color: #e57667;
	border-color: #e57667;
	color: #fff;
	text-decoration: none;
}

/* Reset entry content links that shouldn't have an underline */

.entry-content [class*=gallery] a:hover:after,
.entry-content [class*=gallery] a:focus:after,
.entry-content [class*=gallery] a:active:after,
.entry-content .more-link:hover:after,
.entry-content .more-link:focus:after,
.entry-content .more-link:active:after,
.entry-content .jp-relatedposts a:focus:after,
.entry-content .jp-relatedposts a:active:after,
.entry-content .jp-relatedposts a:hover:after,
.entry-content .sharedaddy a:focus:after,
.entry-content .sharedaddy a:active:after,
.entry-content .sharedaddy a:hover:after,
.entry-content .page-links a:focus:after,
.entry-content .page-links a:active:after,
.entry-content .page-links a:hover:after {
	display: none;
}


/* =Post Formats
-------------------------------------------*/

.post-format-indicator a {
	display: block;
	width: 100%;
	height: 100%;
}
.post-format-indicator a:hover {
	text-decoration: none;
}
.hentry .post-format-indicator {
	background-color: #a4aeb3;
	border-radius: 3px 54px 54px 54px;
	margin-left: -27px;
	position: absolute;
		left: 50%;
		top: -18px;
	width: 54px;
	height: 54px;
}
.hentry .post-format-indicator a:before {
	color: white;
	content: '\e601';
	display: block;
	font-family: "postformats";
	speak: none;
	font-size: 48px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	line-height: 54px;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.hentry.sticky .post-format-indicator a:before {
	content: '\e603';
}
.hentry.format-link .post-format-indicator a:before {
	content: '\e602';
}
.hentry.format-audio .post-format-indicator a:before {
	content: '\e60a';
}
.hentry.format-video .post-format-indicator a:before {
	content: '\e606';
}
.hentry.format-status .post-format-indicator a:before {
	content: '\e608';
}
.hentry.format-aside .post-format-indicator a:before {
	content: '\e604';
}
.hentry.format-quote .post-format-indicator a:before {
	content: '\e609';
}
.hentry.format-chat .post-format-indicator a:before {
	content: '\e607';
}
.hentry.format-image .post-format-indicator a:before {
	content: '\e600';
}
.hentry.format-gallery .post-format-indicator a:before {
	content: '\e605';
}

/* Colors */

.hentry.format-audio .post-format-indicator,
.hentry.format-video .post-format-indicator,
.hentry.format-status .post-format-indicator,
.hentry.format-aside .post-format-indicator,
.hentry.format-link .post-format-indicator {
	background-color: #5e6466;
}

.hentry.sticky .post-format-indicator,
.hentry.format-chat .post-format-indicator,
.hentry.format-image .post-format-indicator,
.hentry.format-gallery .post-format-indicator,
.hentry.format-quote .post-format-indicator {
	background-color: #eeaca3;
}


/* =Navigation
--------------------------------------- */

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	clear: both;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 1.5em 0 3em;
	padding: .75em 1.5em;
	text-transform: uppercase;
	overflow: hidden;
}
.site-main .comment-navigation {
	border: 0;
	margin: 1.5em 0;
}
.site-main .comment-navigation .nav-previous a,
.site-main .posts-navigation .nav-previous a,
.site-main .post-navigation .nav-previous a {
	float: left;
	text-align: left;
	text-decoration: none;
	width: 42%;
}
.site-main .posts-navigation .nav-previous:before,
.site-main .post-navigation .nav-previous:before {
	color: #999594;
	content: "\00AB";
	display: block;
	float: left;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: normal;
	line-height: 36px;
	width: 8%;
}
.site-main .comment-navigation .nav-next a,
.site-main .posts-navigation .nav-next a,
.site-main .post-navigation .nav-next a {
	float: right;
	text-align: right;
	text-decoration: none;
	width: 42%;
}
.site-main .posts-navigation .nav-next:before,
.site-main .post-navigation .nav-next:before {
	color: #999594;
	content: "\00BB";
	display: block;
	float: right;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: normal;
	line-height: 36px;
	position: relative;
	text-align: right;
	width: 8%;
}
.site-main .posts-navigation .nav-next:before,
.site-main .posts-navigation .nav-previous:before {
	line-height: 16px;
}
.site-main .posts-navigation .meta-nav,
.site-main .post-navigation .meta-nav {
	display: block;
	color: #999594;
	clear: both;
	font-family: "Playfair Display", Times, serif;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
}


/* =Header
--------------------------------------------------------------*/

.site-description {
	clear: both;
	color: #999594;
	display: none;
	font-size: 20px;
	font-size: 2.0rem;
	font-style: italic;
	font-weight: normal;
	margin: .25em 0 1.25em;
	text-align: center;
}
.site-title {
	clear: none;
	font-size: 42px;
	font-size: 4.2rem;
	line-height: 1;
}
.site-title a {
	text-decoration: none;
}
.site-header {
	margin: 0 auto 2.25em;
	width: 100%
}
.custom-header {
	clear: both;
	display: block;
	margin: 3em auto -1.5em;
	max-width: 100%;
	height: auto;
	padding: 0;
}
.site-logo {
	clear: none;
	float: left;
	margin-right: .75em;
	max-width: 100px;
	max-height: 100px;
}
.site-branding {
	float: left;
	margin-top: 1.5em;
	padding-left: 1.5em;
	position: relative;
	width: auto;
	max-width: 50%;
}


/* =Site Navigation
--------------------------------------------------------------*/

.main-navigation {
	display: block;
	float: right;
	font-family: "Playfair Display", Times, serif;
	font-weight: normal;
	font-style: italic;
	width: 100%;
}
.main-navigation ul.menu {
	background-color: #e57667;
	display: block;
	list-style: none;
	margin: 0;
	padding: 4.5em 1.5em 1.5em;
}
.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation ul ul li {
	padding-left: .75em;
}
.main-navigation a,
.main-navigation a:visited {
	border-top: 1px solid rgba(255,255,255,0.2);
	color: white;
	display: block;
	opacity: 1;
	padding: .5em 0;
	text-decoration: none;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
	opacity: 0.5;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
	opacity: 0.5;
}
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a {
	opacity: 0.5;
}
.menu-toggle {
	position: absolute;
		top: 2em;
		right: 1.75em;
	z-index: 2;
}
.menu-toggle:before {
	content: '\f419';
	font-family: Genericons;
	font-size: 16px;
	margin-right: 5px;
	text-transform: none;
	vertical-align: text-bottom;
}
.toggled .menu-toggle {
	border-color: white;
	color: white;
}
.toggled .menu-toggle:before {
	content: '\f406';
}
.menu-toggle,
.main-navigation.toggled .nav-menu {
	display: block;
}
.main-navigation ul.menu {
	display: none;
}
.main-navigation ul ul {
	display: block;
}

/* =Comments
--------------------------------------------------------------*/
div#respond,
.comments-title {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.bypostauthor > .comment-body .avatar {
	border: 4px solid #e57667;
}
.required {
	color: #e57667;
	display: inline-block;
	margin-left: 2px;
}
.comment-respond {
	background-color: #fff;
	margin: 1.5em 0 0 0;
	padding: 3em 4.5em;
}
.comment .comment-respond {
	margin: 0;
	padding: 0;
}
.comment-reply-title small {
	float: right;
}
.comment-list {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 3em 1.5em;
}
.comment-list .children {
	list-style: none;
}
.comment,
.pingback,
.trackback {
	border-top: 1px solid #eee;
	margin-top: 1.5em;
	padding-top: 1.5em;
}
.comment-list > .comment:first-child,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.comment-list .avatar {
	border-radius: 50%;
	float: left;
	margin-right: .75em;
}
.comment .comment .avatar {
	float: left;
	margin-left: 0;
	margin-right: .75em;
	position: relative;
	max-width: 50px;
	max-height: 50px;
}
.cancel-comment-reply-link {
	display: block;
	float: right;
}
.comment-edit-link {
	color: #999594;
}
.comment-edit-link:before {
	content: "\2665";
	display: inline-block;
	font-size: 10px;
	font-style: normal;
	margin: 0 8px 0 5px;
	vertical-align: text-bottom;
}
.comment-author {
	font-family: "Playfair Display", Georgia, Times, serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.comment .comment .comment-author {
	font-size: inherit;
}
.comment-author a {
	text-decoration: none;
}
.comment-metadata,
.comment-reply-link,
.comment-reply-link:visited {
	color: #999594;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}
.comment-metadata a,
.comment-metadata a:visited {
	color: #999594;
}
.comment-reply-link,
.comment-reply-link:visited {
	border: 2px solid #999594;
	border-radius: 50px;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	padding: .5em .75em;
}
.comment-reply-link:hover,
.comment-reply-link:active,
.comment-reply-link:focus {
	background-color: #e57667;
	border-color: #e57667;
	color: #fff;
	text-decoration: none;
}
.comment-form label {
	display: inline-block;
	width: 81px;
}
.required {
	color: #f45145;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	font-family: Lato, Arial, Helvetica, sans-serif;
	margin: 0 0 1.5em;
	position: relative;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: absolute;
		left: 1em;
		top: 7px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
	border-color: #eee;
	box-sizing: border-box;
	display: block;
	margin: 0 0 1.5em;
	padding-left: 6em;
	width: 100%;
}
.comment-form-comment textarea {
	border-color: #eee;
	box-sizing: border-box;
	margin: 0 0 1.5em;
	clear: both;
	padding-left: 6em;
	width: 100%;
}
.comment-form-comment textarea:focus {
	border-color: #e57667;
}
.says {
  display: none;
}
.form-allowed-tags,
.form-allowed-tags code {
	font-size: 80%;
}
.no-comments {
	color: #999594;
	margin-top: 1.5em;
	text-align: center;
}


/* =Jetpack
------------------------------------------------*/

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}
/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending .site-footer {
	display: block;
}
#infinite-footer {
	z-index: 1;
}
#infinite-footer .container {
	background: #fcf8f7;
	border: none;
	color: #999594;
}
#infinite-footer .blog-credits,
#infinite-footer .blog-credits a,
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a,
#infinite-footer .blog-info a:hover {
	color: #999594;
}
#infinite-handle {
	padding: 0 0 15px;
}
#infinite-handle span {
	background-color: #999594;
	border: 3px solid #999594;
	border-radius: 50px;
	background: transparent;
	box-shadow: none;
	color: #999594;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	display: block;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0 auto 1.5em;
	max-width: 130px;
	padding: .75em;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
#infinite-handle span:hover {
	background-color: #e57667;
	border-color: #e57667;
	color: #fff;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.infinite-loader {
	margin: 26px auto 45px;
	width: 34px;
}


/* =Gallery Spacing
--------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

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

.gallery-item .gallery-icon {
	padding: 0 .375em;
}

.gallery-columns-1 .gallery-item .gallery-icon {
	padding: 0;
}

.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%;
}

.gallery-caption {
	display: block;
}

/* =Social Links
---------------------------------------*/

.social-links {
	margin-bottom: 1.875em;
	text-align: center;
}
.social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-links ul li {
	border: 0;
	clear: none;
	display: inline-block;
	padding: 0;

}
.social-links ul a {
	color: #999594;
	display: inline-block;
	margin: 0 2px .375em;
	position: relative;
	text-decoration: none;
}
.social-links ul a:before {
	content: "\f415";
	display: inline-block;
	font-family: Genericons;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}
.widget-area .social-links ul a:before {
	background-color: #e57667;
	border-radius: 4px 50px 50px 50px;
	color: white;
	line-height: 41px;
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	width: 40px;
	height: 40px;
}
.widget-area .social-links ul a:hover:before {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transition: transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
}
.site-footer .social-links {
	margin-bottom: 0;
}
.site-footer .social-links ul a:hover,
.site-footer .social-links ul a:focus,
.site-footer .social-links ul a:active {
	color: #e57667;
}
.social-links ul a[href*='wordpress.org']:before,
.social-links ul a[href*='wordpress.com']:before {
    content: '\f205';
}
.social-links ul a[href*='facebook.com']:before {
    content: '\f204';
}
.social-links ul a[href*='twitter.com']:before {
    content: '\f202';
}
.social-links ul a[href*='dribbble.com']:before {
    content: '\f201';
}
.social-links ul a[href*='plus.google.com']:before {
    content: '\f206';
}
.social-links ul a[href*='pinterest.com']:before {
    content: '\f209';
}
.social-links ul a[href*='github.com']:before {
    content: '\f200';
}
.social-links ul a[href*='tumblr.com']:before {
    content: '\f214';
}
.social-links ul a[href*='youtube.com']:before {
    content: '\f213';
}
.social-links ul a[href*='flickr.com']:before {
    content: '\f211';
}
.social-links ul a[href*='vimeo.com']:before {
    content: '\f212';
}
.social-links ul a[href*='instagram.com']:before {
    content: '\f215';
}
.social-links ul a[href*='codepen.io']:before {
    content: '\f216';
}
.social-links ul a[href*='linkedin.com']:before {
    content: '\f207';
}
.social-links ul a[href*='foursquare.com']:before {
    content: '\f226';
}
.social-links ul a[href*='reddit.com']:before {
    content: '\f222';
}
.social-links ul a[href*='digg.com']:before {
    content: '\f221';
}
.social-links ul a[href*='getpocket.com']:before {
    content: '\f224';
}
.social-links ul a[href*='path.com']:before {
    content: '\f219';
}
.social-links ul a[href*='stumbleupon.com']:before {
    content: '\f223';
}
.social-links ul a[href*='spotify.com']:before {
    content: '\f223';
}
.social-links ul a[href*='twitch.tv']:before {
    content: '\f516';
}
.social-links ul a[href*='dropbox.com']:before {
    content: '\f225';
}
.social-links ul a[href*='/feed']:before {
    content: '\f515';
}
.social-links ul a[href*='skype']:before {
    content: '\f220';
}
.social-links ul a[href*='mailto']:before {
    content: '\f410';
}


/* =Media Queries for Responsive Layout
---------------------------------------*/

@media screen and ( min-width: 700px ) {
	.site-main .comment-navigation .nav-previous a,
	.site-main .posts-navigation .nav-previous a,
	.site-main .post-navigation .nav-previous a {
		width: 46%;
	}
	.site-main .posts-navigation .nav-previous:before,
	.site-main .post-navigation .nav-previous:before {
		width: 4%;
	}
	.site-main .comment-navigation .nav-next a,
	.site-main .posts-navigation .nav-next a,
	.site-main .post-navigation .nav-next a {
		width: 46%;
	}
	.site-main .posts-navigation .nav-next:before,
	.site-main .post-navigation .nav-next:before {
		width: 4%;
	}
}

@media screen and ( min-width: 850px ) {

	.site {
		width: 744px;
	}
	.hentry {
		margin-bottom: 2.25em;
		padding: 3em 4.5em;
	}
	.show-for-mobile {
		display: none;
	}
	.hide-for-mobile {
		display: inline;
	}
	.comments-link {
		background: #e57667;
		border-radius: 4px 40px 40px 40px;
		border-left: 0;
		border-bottom: 0;
		display: block;
		font-family: Lato;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 44px;
		position: absolute;
			top: 132px;
			left: -21px;
		-webkit-transition: 0.3s all ease-in-out;
		-moz-transition: 0.3s all ease-in-out;
		transition: 0.3s all ease-in-out;
		text-align: center;
		width: 42px;
		height: 42px;
		z-index: 1;
	}
	.entry-header .entry-meta .comments-link a {
		color: #e57667;
		display: block;
		font-weight: 700;
		text-decoration: none;
		width: 100%;
		height: 100%;
	}
	.comments-link:before {
		color: white;
		content: "\e60b";
		font-size: 64px;
		vertical-align: top;
		text-align: center;
		display: block;
		font-family: postformats;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 46px;
		position: absolute;
			top: 0;
			left: -9px;
		text-decoration: inherit;
		text-transform: none;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		width: 100%;
		height: 100%;
		speak: none;
		z-index: -1;
	}
	.comments-link:hover,
	.comments-link:focus,
	.comments-link:active {
		opacity: 1;
		-webkit-transition: 0.3s all ease-in-out;
		-moz-transition: 0.3s all ease-in-out;
		transition: 0.3s all ease-in-out;
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
	.hover-comments {
		background: transparent;
		border-radius: 4px 40px 40px 40px;
		display: block;
		opacity: 0;
		-webkit-transition: 0.3s all ease-in-out;
		-moz-transition: 0.3s all ease-in-out;
		transition: 0.3s all ease-in-out;
		width: 100%;
		height: 100%;
	}
	.comments-link:hover .hover-comments,
	.comments-link:focus .hover-comments,
	.comments-link:active .hover-comments {
		opacity: 1;
		-webkit-transition: 0.3s all ease-in-out;
		-moz-transition: 0.3s all ease-in-out;
		transition: 0.3s all ease-in-out;
	}
	.site-info .sep {
		clear: none;
		visibility: visible;
		display: inline;
		width: auto;
		height: auto;
	}
	.site-branding {
		margin-top: 3em;
		padding-left: 0;
	}

	/* Navigation */
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		float: right;
		margin-top: 3em;
		margin-bottom: 1.5em;
		text-align: right;
		width: auto;
		max-width: 50%;
	}
	.main-navigation a,
	.main-navigation a:visited {
		border-top: 0;
		color: #999594;
		margin-left: .75em;
	}
	.main-navigation li {
		display: inline-block;
		position: relative;
	}
	.main-navigation ul.menu {
		background: transparent;
		display: block;
		padding: 0;
	}
	.main-navigation ul ul {
		background-color: #e57667;
		display: none;
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-size: 1.3rem;
		font-style: normal;
		font-weight: bold;
		float: left;
		letter-spacing: 1px;
		position: absolute;
			top: 3em;
			left: 0;
		text-align: left;
		text-transform: uppercase;
		z-index: 99999;
	}
	.main-navigation ul ul a {
		margin-left: 0;
	}
	.main-navigation a:hover,
	.main-navigation a:focus,
	.main-navigation a:active {
		color: #e57667;
		opacity: 1;
	}
	.main-navigation ul ul:before {
		border-top: 0 solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #e57667;
		border-left: 10px solid transparent;
		content: "";
		display: block;
		position: absolute;
		margin-top: -10px;
		left: 1.5em;
		width: 0;
		height: 0;
	}
	.main-navigation ul ul ul:before {
		display: none;
	}
	.main-navigation ul ul ul {
		left: 100%;
		top: 0;
	}
	.main-navigation ul ul li {
		border-top: 1px solid rgba(255,255,255,0.25);
		display: block;
		padding: 0;
		width: 180px;
	}
	.main-navigation ul ul li:first-of-type {
		border-top: 0;
	}
	.main-navigation ul ul a,
	.main-navigation ul ul a:visited {
		color: white;
		margin-left: 0;
		padding: .5em .75em;
	}
	.main-navigation ul ul a:hover,
	.main-navigation ul ul a:focus,
	.main-navigation ul ul a:active {
		color: white;
		opacity: 0.5;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		display: block;
	}
	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a {
		opacity: 1;
		color: #e57667;
	}
	.main-navigation ul ul .current_page_item > a,
	.main-navigation ul ul .current-menu-item > a {
		color: white;
	}

	/* Home page header treatment */
	.home .site-branding {
		float: none;
		max-width: 100%;
	}
	.home .site-title {
		clear: both;
		float: none;
		font-size: 81px;
		font-size: 8.1rem;
		font-weight: 900;
		margin: 0 0 .1875em;
		text-align: center;
	}
	.home .site-logo {
		display: block;
		float: none;
		margin: 1.5em auto;
		max-width: 300px;
		max-height: 300px;
		width: auto;
		height: auto;
	}
	.home .site-description {
		display: block;
		margin-top: 0;
	}
	.home .main-navigation {
		clear: both;
		float: none;
		margin: 3em auto 0;
		padding-bottom: .75em;
		text-align: center;
		max-width: 100%;
	}
	.home .main-navigation a,
	.home .main-navigation a:visited {
		margin-left: 0;
		padding: 0 .75em .5em;
	}
	.home .main-navigation:after {
		border-bottom: 1px solid #eee;
		content: "";
		display: block;
		margin: .75em auto 0;
		height: 0;
		width: 66%;
	}
	.home .main-navigation ul ul {
		top: 2.5em;
	}
	.home .main-navigation ul ul ul {
		top: 0;
	}
	.home .main-navigation ul ul a,
	.home .main-navigation ul ul a:visited {
		color: white;
		margin-left: 0;
		padding: .5em .75em;
	}

	.page-title {
		color: #f2eeed;
		font-size: 32px;
		font-size: 3.2rem;
		transform: rotate(90deg);
		-webkit-transform-origin: 0 100%;
				transform-origin: 0 100%;
		margin-bottom: 0;
		padding-left: 0;
		position: absolute;
			top: -1.25em;
			left: 101%;
		min-width: 100%;
	}
	.has-active-sidebar .page-title,
	.search-no-results .page-title,
	.error404 .page-title {
		color: #a4aeb3;
		margin-bottom: .75em;
		position: relative;
		-webkit-transform: none;
		   -moz-transform: none;
				transform: none;
		top: auto;
		left: auto;
	}
	.taxonomy-description {
		display: none;
	}
	.has-active-sidebar .taxonomy-description {
		display: block;
	}

	/* Font sizes */
	h1 {
		font-size: 42px;
		font-size: 4.2rem;
		margin: 0 0 .375em;
	}
	h2 {
		font-size: 26px;
		font-size: 2.6rem;
		margin: 0 0 .75em;
	}
	h3 {
		font-size: 20px;
		font-size: 2.0rem;
	}
	blockquote {
		font-size: 20px;
		font-size: 2.0rem;
	}

	/* Post formats */
	.hentry .post-format-indicator {
		margin-top: 2px;
		margin-left: auto;
		top: auto;
		left: -35px;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		width: 70px;
		height: 70px;
	}
	.hentry .post-format-indicator a:before {
		font-size: 64px;
		line-height: 70px;
	}
	.hentry .post-format-indicator:hover,
	.hentry .post-format-indicator:focus,
	.hentry .post-format-indicator:active {
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
	.size-full + .wp-caption-text,
	.size-large + .wp-caption-text,
	.size-medium + .wp-caption-text {
		background-color: rgba(255,255,255,0.9);
		display: block;
		opacity: 0;
		margin-top: 0;
		position: absolute;
			left: 0;
			bottom: 0;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: 0.3s -webkit-transform, 0.3s opacity;
		-moz-transition: 0.3s -moz-transform, 0.3s opacity;
		transition: 0.3s transform, 0.3s opacity;
		width: 100%;
	}
	.wp-caption .size-full + .wp-caption-text,
	.wp-caption .size-large + .wp-caption-text,
	.wp-caption .size-medium + .wp-caption-text {
		padding: .75em 1.5em;
	}
	.wp-caption:hover .wp-caption-text {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: 0.3s -webkit-transform, 0.3s opacity;
		-moz-transition: 0.3s -moz-transform, 0.3s opacity;
		transition: 0.3s transform, 0.3s opacity;
	}


	/* Posts/Paging navigation */
	.site-main .comment-navigation,
	.site-main .posts-navigation,
	.site-main .post-navigation,
	div#respond,
	.comments-title {
		padding-left: 0;
		padding-right: 0;
	}
	.site-main .posts-navigation .nav-previous,
	.site-main .post-navigation .nav-previous,
	.site-main .posts-navigation .nav-next,
	.site-main .post-navigation .nav-next {
		position: relative;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateX(5px);
		-moz-transform: translateX(5px);
		transform: translateX(5px);
	}
	.site-main .posts-navigation .nav-next,
	.site-main .post-navigation .nav-next {
		-webkit-transform: translateX(-5px);
		-moz-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	.site-main .posts-navigation .nav-previous:hover,
	.site-main .post-navigation .nav-previous:hover {
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	.site-main .posts-navigation .nav-next:hover,
	.site-main .post-navigation .nav-next:hover {
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	/* Comments */

	.comment-list {
		padding: 3em 4.5em;
	}
	.comment-list .avatar {
		float: none;
		margin-left: -107px;
		margin-right: 3em;
		position: absolute;
	}

	/* Footer */

	.site-footer {
		padding: 3em 0 4.5em;
	}
}

@media screen and ( min-width: 960px ) {
	.has-active-sidebar .site {
		width: 920px;
	}
	.has-active-sidebar .content-area {
		float: left;
		margin: 0 -30% 0 0;
		width: 100%;
	}
	.has-active-sidebar .site-main {
		margin: 0 30% 0 0;
	}
	.has-active-sidebar .site-content .widget-area {
		float: right;
		margin: 0;
		width: 25%;
	}
}