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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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


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


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

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

	HTML markup structure of an ad:

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

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

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

	</div>
	</div>

*/


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

.rtl .wpcnt{
	direction: ltr;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#google_ads_div_wpcom_below_post_adsafe_ad_container {
	display: block !important;
}

.wa-sponsored-link {
	font: 9px/1 sans-serif;
}
/**
 * Styles for Jetpack related posts
 */

/* Container */

div#jp-relatedposts {
	display: none;
	padding-top: 1em;
	margin: 1em 0;
	position: relative;
}

div.jp-relatedposts:after {
	content: '';
	display: block;
	clear: both;
}

/* Headline above related posts section, labeled "Related" */

div#jp-relatedposts h3.jp-relatedposts-headline {
	margin: 0 0 1em 0;
	display: inline-block;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	font-family: inherit;
}

div#jp-relatedposts h3.jp-relatedposts-headline em:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.2);
	margin-bottom: 1em;
}

div#jp-relatedposts h3.jp-relatedposts-headline em {
	font-style: normal;
	font-weight: bold;
}

/* Related posts items (wrapping items) */

div#jp-relatedposts div.jp-relatedposts-items {
	clear: left;
}

div#jp-relatedposts div.jp-relatedposts-items-visual {
	margin-right: -20px;
}

/* Related posts item */

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
	float: left;
	width: 33%;
	margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post {
	padding-right: 20px;
	/*cursor: pointer;*/
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a {
	text-decoration: underline;
}

div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* Related posts item content */

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
div#jp-relatedposts div.jp-relatedposts-items p {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs {
	position:relative;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
}

div#jp-relatedposts div.jp-relatedposts-items p {
	margin-bottom: 0;
}

div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	text-transform: none;
	margin: 0;
	font-family: inherit;
	display: block;
	max-width: 100%;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-size: inherit;
	font-weight: normal;
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
	text-decoration: underline;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img,
div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span {
	display: block;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img,
div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post span {
	max-width: 100%;
}

div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
	opacity: .6;
}

/* Behavior when there are thumbnails in visual mode */
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt {
	display: none;
}

/* Behavior when there are no thumbnails in visual mode */
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
	overflow: hidden;
}
div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs span {
	margin-bottom: 1em;
}

/**
 * Responsive
 */

@media only screen and (max-width: 640px) {

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 50%;
	}

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
		clear: left;
	}

	div#jp-relatedposts div.jp-relatedposts-items-visual {
		margin-right: 20px;
	}

}

@media only screen and (max-width: 320px) {

	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		width: 100%;
		clear: both;
		margin: 0 0 1em;
	}

}
/**
 * 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: Lingonberry
Theme URI: http://www.wordpress.com/themes/lingonberry/
Author: Anders Noren
Author URI: http://www.andersnoren.se
Description: Lingonberry is a bright, personable blogging theme with bold colors and accents and a playful, modern twist.
Version: 1.17-wpcom
License: GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text domain: lingonberry
Tags: blog, bright, classic-menu, clean, custom-background, custom-colors, custom-menu, featured-images, fixed-layout, infinite-scroll, journal, lifestream, light, one-column, pink, playful, post-formats, responsive-layout, retro, rtl-language-support, site-logo, sticky-post, translation-ready, tumblelog

This version of Lingonberry is based on Underscores http://underscores.me/, (c) 2012-2015 Automattic, Inc.

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/
*/


/*
	0.	Reset (from Underscores)
	1.	Global CSS
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main content
	6.  Single post
	7.	Post content
	8.	comments
	9.	Pagination
	10.	Page & Page Templates
	11.	footer and Widgets
	12.	credits
	13. Responsive
*/

/* -------------------------------------------------------------------------------- */
/*	0. Reset (from Underscores)
/* -------------------------------------------------------------------------------- */


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%;
/* corrects text resizing oddly in Ie6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll;
/* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* -------------------------------------------------------------------------------- */
/*	1. Global CSS
/* -------------------------------------------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #545454;
	font-family: 'Lato', 'Helvetica Neue', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

body {
	margin: 0;
	padding: 0;
	border: none;
	color: #545454;
	background: #f1f1f1;
	font-size: 16px;
}

* {
	box-sizing: border-box;
}

.hidden {
	display: none;
}

/* alignment --------------------------------------- */

.left {
	float: left;
}
.right {
	float: right;
}

::selection {
	background: #444;
	color: #fff;
}

::-webkit-input-placeholder {
	color: #a8a8a8;
}
:-ms-input-placeholder {
	color: #a9a9a9;
}


/* Headings --------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Raleway', 'Helvetica Neue', sans-serif;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.75em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.25em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 0.925em;
	font-weight: bold;
	text-transform: uppercase;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements --------------------------------------- */

p {
	margin-bottom: 1.5em;
}
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 {
	margin: 0 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "courier 10 Pitch", courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
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%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto;
/* Make sure images are scaled correctly. */
	max-width: 100%;
/* adhere to container width. */
}

/* buttons --------------------------------------- */

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 */
	*vertical-align: middle;
/* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal;
/* addresses ff3/4 setting line-height using !important in the Ua stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.content .button,
.content #respond input[type="submit"] {
	width: auto;
	max-width: none;
	padding: 10px 16px;
	margin-bottom: 0;
	border: none;
	background: #2d3642;
	color: #fff;
	font-size: 0.925em;
	border-radius: 3px;
	text-decoration: none;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.content .button:hover,
.content #respond input[type="submit"]:hover {
	cursor: pointer;
	background-color: #ff706c;
	color: #fff;
	text-decoration: none;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.content .button:active,
.content #respond input[type="submit"]:active {
	top: 1px;
	position: relative;
	text-decoration: none;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
/* addresses box sizing set to content-box in Ie8/9 */
	padding: 0;
/* addresses excess padding in Ie8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield;
/* addresses appearance set to searchfield in S5, chrome */
	-webkit-box-sizing: content-box;
/* addresses box sizing set to border-box in S5, chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration {
	/* corrects inner padding displayed oddly in S5, chrome on OSX */
	-webkit-appearance: none;
}
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 {
	-webkit-appearance: none;
	border: none;
	background: #fafafa no-repeat 96% center;
	background-size: 20px auto;
	font-size: 1em;
	color: #444;
	font-family: 'Lato', 'Helvetica Neue', sans-serif;
	border-radius: 3px;
	padding: 2%;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;

}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
	background-color: #2d3642;
	border-color: #2b323a;
	color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

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: 98%;
}

/* Links --------------------------------------- */

a {
	color: #ff706c;
}

a:visited {
	color: #ff706c;
}

a:hover,
a:focus,
a:active {
	color: #ff706c;
	text-decoration: underline;
}

.post-content a {
	word-break: break-word;
}

/* 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: 35px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* clearing --------------------------------------- */

.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,
.hentry:before,
.hentry:after,
.posts-navigation:before,
.posts-navigation:after,
.post-navigation:before,
.post-navigation:after {
	content: "";
	display: table;
}

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

/* -------------------------------------------------------------------------------- */
/*	2. Navigation
/* -------------------------------------------------------------------------------- */

/* blog Menu --------------------------------------- */

.blog-menu {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.blog-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.blog-menu > li a {
	display: block;
	padding: 20px;
}
.blog-menu ul > li a {
	padding-left: 40px;
}
.blog-menu ul ul > li a {
	padding-left: 60px;
}
.blog-menu ul ul ul > li a {
	padding-left: 80px;
}
.blog-menu a,
.blog-menu a:visited {
	display: block;
	color: #fff;
}
.blog-menu li a:hover,
.blog-menu li a:focus {
	background-color: #363f4a;
	color: #fff;
	cursor: pointer;
}

/* Navigation search form --------------------------------------- */

.site-navigation .search-form {
	float: right;
	height: 64px;
	width: 220px;
	max-width: 30%;
}

.site-navigation .search-form #s {
	-webkit-appearance: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	padding: 0 12px 0 46px;
	color: #fff;
	background: transparent url(/wp-content/themes/pub/lingonberry/images/1x/search.png) no-repeat 15px center;
	background-size: 20px auto;
	font-size: 16px;
	font-family: 'Lato', 'Helvetica Neue', sans-serif;
	border-radius: 0;
	word-break: normal;
}

.site-navigation .search-form #s:focus {
	background-color: rgba(255,255,255,0.075);
	background-position: 15px center;
}

body > .site-navigation {
	background: #2d3642;
}

/* Nav-toggle (Hamburger icon)--------------------------------------- */

.nav-toggle,
.nav-toggle:hover,
.nav-toggle:focus,
.nav-toggle:active {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: #2d3642;
	padding: 12px 8px 16px;
	border-radius: 0 0 4px 4px;
}

.nav-toggle .bar,
.nav-toggle .bar:before,
.nav-toggle .bar:after {
	clear: both;
	content: "";
	display: block;
	width: 24px;
	height: 4px;
	margin-top: 4px;
	background: #fff;
	border-radius: 2px;
	position: relative;
}
.nav-toggle .bar:before {
	top: -8px;
	margin-top: 0;
}
.nav-toggle.active {
	background: #2d3642;
}
.nav-toggle.active,
.nav-toggle.active .bar:before,
.nav-toggle.active .bar:after {
	background: #fff;
}

/* Small menu for responsive devices --------------------------------------- */

@media screen and (max-width: 770px) {
	.nav-toggle,
	.nav-toggle:hover,
	.nav-toggle:focus,
	.nav-toggle:active {
		display: block;
	}

	body > .site-navigation {
		display: none;
	}
}

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

[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;

}

/* -------------------------------------------------------------------------------- */
/*	3. Header
/* -------------------------------------------------------------------------------- */

.header-inner {
	min-height: 200px;
}
.header .site-logo {
	display: block;
	position: absolute;
	left: 0;
	width: 100px;
	height: 100px;
	background: #fff url(/wp-content/themes/pub/lingonberry/images/1x/home.png) no-repeat center;
	background-size: 32px auto;
	border-radius: 9999px;
	border: 5px solid #fff;
	z-index: 3;
}

.header .site-logo a {
	display: block;
	line-height: 0;
}

.header .site-logo img {
	border-radius: 9999px;
}

.header .site-logo:hover,
.header .site-logo:focus {
	background-color: #2d3642;
}
.header .site-logo:hover img,
.header .site-logo:focus img {
	opacity: 0;
}

.site-branding {
	margin: 0 0 0 17%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.header .site-title {
	font-size: 2.2em;
}

.header .site-title a {
	color: #fff;
}

.header .site-title a:hover,
.header .site-title a:focus {
	color: #2d3642;
}

.site-description {
	color: #fff;
	font-size: 1em;
	display: none;
}

/* Logo noimg - when there is no custom header set --------------------------------------- */

.header .site-logo.noimg {
	background-color: #ccc;
}
.header .site-logo.noimg:hover {
	background-color: #2d3642;
}


/* Transitions --------------------------------------- */

body a,
.widget-content ul li {
	 transition: all 0.1s ease-in-out;
}

.nav-toggle,
.blog-menu a,
.site-title a,
.post-title a,
.format-bubble,
.post-meta a,
.featured-media a,
.media-caption,
.post-navigation a,
.posts-navigation a,
.flickr_badge_image,
.dribbble-shot,
#infinite-handle a,
#infinite-handle span,
input#s {
	 transition: all 0.2s ease-in-out;
	 text-decoration: none;
}

.header .site-logo,
.header .site-logo img,
.tothetop {
	 transition: all 0.3s ease-in-out;
}


/* -------------------------------------------------------------------------------- */
/*	4. Structure
/* -------------------------------------------------------------------------------- */

.section-inner {
	width: 800px;
	margin: 0 auto;
}

.header {
	background: #ff706c;
	clear: both;
}

.header-inner {
	padding: 50px 0;
	position: relative;
	overflow: auto;
}

.content {
	padding: 50px 0;
	margin: 0 auto;
}

/* content --------------------------------------- */

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* =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 {
	border: 4px solid #f6f6f6;
	margin-bottom: 1.5em;
	max-width: 100%;
	border-radius: 4px;
	background-color: #f6f6f6;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.2em 0;
	padding-bottom: 5px;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}

.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

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


/* -------------------------------------------------------------------------------- */
/*	5. Main content
/* -------------------------------------------------------------------------------- */

.content {
	position: relative;
}

.content:before {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	bottom: 63px;
	height: 20px;
	width: 20px;
	background: #ddd;
	border-radius: 999px;
	z-index: 10;
}

.content:after {
	content: "";
	display: block;
	position: absolute;
	left: 49px;
	bottom: 63px;
	width: 2px;
	height: 100%;
	background: rgba(0,0,0,0.05);
	z-index: 1;
}

.post {
	margin-top: 50px;
	position: relative;
}

.post:first-child {
	margin-top: 0;
}

.content-inner {
	width: 87.5%;
	float: right;
	position: relative;
	padding: 5.5%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.post > .content-inner {
	border-radius: 4px;
}

.content-inner:before {
	content: "";
	display: block;
	border: 11px solid transparent;
	border-right-color: #ddd;
	position: absolute;
	top: 47px;
	left: -22px;
}

.content-inner:after {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-right-color: #fff;
	position: absolute;
	top: 48px;
	left: -20px;
}

.featured-media {
	position: relative;
	margin-bottom: 2.5em;
}

.featured-media a {
	display: block;
	line-height: 0;
	text-decoration: none;
}

.featured-media img {
	border-radius: 4px;
}

iframe, object, video {
	border: none;
}

.post-header {
	padding-bottom: 4.5%;
	border-bottom: 3px double #eee;
	margin-bottom: 4.5%;
}

.post-title {
	font-size: 2.25em;
	line-height: 120%;
	font-weight: normal;
}

.post-title a,
.post-title a:visited {
	color: #2d3642;
}

.post-content input[type="submit"] {
	margin-top: 5%;
}


/* Post bubbles  ----------------------------------------- */

.post-bubbles a {
	box-sizing: content-box;
	display: block;
	border-radius: 999px;
	position: absolute;
	z-index: 10;
	border: 3px solid #fff;
	text-indent: -9999px;
}

.post-bubbles a:hover,
.post-bubbles a:focus {
	background-color: #ff706c;
}

a.format-bubble {
	height: 44px;
	width: 44px;
	background: #ddd url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/standard.png) no-repeat center 12px;
	background-size: 22px auto;
	left: 25px;
	margin-top: 33px;
}

/*  Post formats for bubbles ----------------------------------------- */

.format-aside a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/aside.png);
}
.format-audio a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/audio.png);
	background-size: auto 22px;
	background-position: 11px 12px;
}
.format-chat a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/chat.png);
	background-position: center 14px;
}
.format-gallery a.format-bubble,
.format-image a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/image.png);
	background-position: center 12px;
}
.format-link a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/link.png);
}
.format-quote a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/quote.png);
	background-position: center 13px;
}
.format-status a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/status.png);
	background-position: 12px 14px;
}
.format-video a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/post-formats/video.png);
	background-position: 11px 14px;
}
.sticky a.format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/sticky.png);
	background-position: center 8px;
	background-size: 28px auto;
}

/* featured image caption  ----------------------------------------- */

.media-caption-container {
	position: absolute;
	width: 95%;
	margin-left: 2.5%;
	bottom: 1.5em;
	text-align: center;
	font-size: 0.85em;
}
.media-caption {
	display: inline-block;
	padding: 7px 11px;
	border-radius: 3px;
	background: #222;
	background: rgba(0,0,0, .5);
	color: #fff;
	text-align: center;
	line-height: 130%;
}
.media-caption:hover {
	background: #222;
	background: rgba(0,0,0, .75);
	color: #fff;
}

/* Post formats */

.format-status .post-header {
	padding-bottom: 0;
	border-bottom: 0;
}
.format-status .post-title {
	font-size: 16px;
}
.format-chat .post-content p {
	margin-bottom: 0.25em;
	padding: 5px 10px;
	border-radius: 3px;
}
.format-chat .post-content p:nth-child(odd) {
	background: #f5f5f5;
}
.format-chat .more-link {
	margin-top: 1em;
}

.format-link .content-inner {
	background-color: #2d3642;
}

.post-listing .format-link .post-title a,
.post-listing .format-link .post-meta a,
.post-listing .format-link .post-title a:visited,
.post-listing .format-link .post-meta a:visited,
.post-listing .format-link .post-meta,
.post-listing .format-link .post-meta .sep,
.post-listing .format-quote .post-title a,
.post-listing .format-quote .post-meta a,
.post-listing .format-quote .post-title a:visited,
.post-listing .format-quote .post-meta a:visited,
.post-listing .format-quote .post-meta,
.post-listing .format-quote .post-meta .sep {
	color: #fff;

}

.format-link .post-meta,
.format-quote .post-meta,
.format-status .post-meta,
.format-aside .post-meta {
	padding-top: 0.5em;
	opacity: 0.5;
}

.format-link .post-title,
.format-quote .post-title,
.format-aside .post-title,
.format-status .post-title {
	font-size: 16px;
	margin-top: -0.5em;
}

.format-link .content-inner:before,
.format-link .content-inner:after {
	border-right-color: #2d3642;
}

.format-link .post-header,
.format-aside .post-header {
	border-bottom: 0;
	padding-bottom: 0;
}

.format-link .post-content p,
.format-link .post-content blockquote,
.format-link .post-content blockquote cite {
	color: #fff;
}

.format-link .post-content blockquote {
	background: #414954;
}

.single-format-link .post-content p,
.single-format-link .post-content blockquote,
.single-format-link .post-content blockquote cite {
	color: #555;
}

.single-format-link .post-content blockquote {
	background: #fafafa;
}

.format-quote .content-inner {
	background-color: #2d3642;
}

.format-quote .post-header {
	border-bottom: 0;
	padding-bottom: 0;
}

.format-quote .content-inner:before,
.format-quote .content-inner:after {
	border-right-color: #2d3642;
}

.format-quote .post-content blockquote {
	padding: 0;
	text-align: center;
	color: #fff;
	background: none;
	font-size: 1.25em;
}

.format-quote .post-content blockquote p {
	text-align: center;
}

.format-quote .post-content blockquote cite {
	font-weight: 400;
	font-size: 0.725em;
	text-align: center;
}

.format-quote .post-content blockquote cite,
.format-quote .post-content blockquote cite a  {
	color: #fff;
}

.format-quote .post-content blockquote cite a:hover,
.format-quote .post-content blockquote cite a:focus {
	color: #ff706c;
	text-decoration: none;
}

.single-format-quote .post-content blockquote {
	font-family: 'Raleway', 'Helvetica Neue', sans-serif;
	padding: 1em;
	background: #fafafa;
	color: #666;
	font-size: 1.1em;
}

.single-format-quote .post-content blockquote p {
	text-align: left;
}

.single-format-quote .post-content blockquote cite {
	font-weight: 600;
	text-align: left;
	font-size: 0.8em;
	color: #666;
}

.single-format-quote .post-content blockquote cite a {
	color: #ff706c;
}
.single-format-quote .post-content blockquote cite a:hover,
.single-format-quote .post-content blockquote cite a:focus {
	text-decoration: underline;
}


/* -------------------------------------------------------------------------------- */
/*	6. Single post
/* -------------------------------------------------------------------------------- */

.single .content:after,
.single .content:before,
.single .content-inner:after,
.single .content-inner:before,
.page .content:after,
.page .content:before,
.page .content-inner:after,
.page .content-inner:before,
.error404 .content:after,
.error404 .content:before,
.error404 .content-inner:after,
.error404 .content-inner:before {
	content: none;
}

.single .content-inner,
.page .content-inner,
.error404 .content-inner {
	width: 100%;
	border-radius: 0;
	background: none;
	box-shadow: none;
	float: none;
	margin-left: 0;
}

.single .post-bubbles {
	display: none;
}

.single .post,
.page .post,
.posts .attachment,
.error404 .post {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.post-meta {
	padding-top: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.825em;
	color: #999;
}

.post-meta a,
.post-meta a:visited {
	color: #999;
}

.post-meta .sep {
	color: #ddd;
	content: " / ";
	margin: 0 5px;
}
.edit-link {
	clear: both;
}

/* post-cat-tags ----------------------------------------- */

.post-cat-tags {
	margin-top: 2em;
	color: #888;
	font-size: 0.925em;
}

.post-cat-tags p {
	display: inline-block;
}

.post-cat-tags .post-categories {
	margin-right: 20px;
}

.post-cat-tags .post-tags {
	margin-top: 0.5em;
}

/* post-navigation  ----------------------------------------- */

.post-navigation {
	padding: 4% 5.5%;
	background: #2d3642;
}

.post-navigation a,
.posts-navigation a {
	padding: 15px 20px;
	margin: 1.5% 0;
	background: #212831;
	border-radius: 3px;
	color: #fff;
	float: left;
	line-height: 1;
}

.post-navigation .nav-next,
.posts-navigation .nav-next {
	float: right;
}

.post-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:focus {
	background: #ff706c;
	color: #fff;
}
.post-inner {
	width: 87.5%;
	float: right;
}


/* -------------------------------------------------------------------------------- */
/*	7. Post content
/* -------------------------------------------------------------------------------- */

.post-content {
	font-size: 1.075em;
}

.post-content a:hover,
.post-content a:focus {
	text-decoration: underline;
}

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content address,
.post-content dl,
.post-content .wp-caption,
.post-content pre {
	line-height: 170%;
	margin-bottom: 1.1em;
}
.post-content > *:first-child {
	margin-top: 0;
}
.post-content *:last-child {
	margin-bottom: 0;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	margin: 50px 0 20px;
	color: #444;
}
.post-content h1 {
	font-size: 2em;
}
.post-content h2 {
	font-size: 1.75em;
}
.post-content h3 {
	font-size: 1.5em;
}
.post-content h4 {
	font-size: 1.25em;
}
.post-content h5 {
	font-size: 1.1em;
}
.post-content h6 {
	font-size: 0.925em;
	font-weight: bold;
	text-transform: uppercase;
}
.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
	margin-top: 30px;
}
.post-content blockquote {
	font-size: 1.1em;
	font-family: 'Raleway', 'Helvetica Neue', sans-serif;
	padding: 1em;
	background: #f6f6f6;
	color: #666;
}

.post-content cite {
	font-family: 'Raleway', 'Helvetica Neue', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #666;
}

.post-content cite:before {
	content: "\2014  ";
}

.post-content blockquote cite {
	display: block;
	margin-top: 1em;
	font-size: 0.8em;
}

.post-content blockquote cite em {
	font-style: italic;
	font-weight: bold;
}

em, q {
	 font-style: italic;
 }

.post-content strong em,
.post-content em strong {
	font-weight: bold;
	font-style: italic;
}

.post-content big {
	font-size: 1.25em;
}

abbr, acronym {
	cursor: help;
}

code, kbd, pre {
	font-size: 0.85em;
	background: #eee;
	font-family: Menlo, Monaco, monospace;
}

.post-content .highlight {
	background: #fcf8a5;
	width: auto;
	display: inline;
	padding: 2px 3px;
}

.post-content kbd,
.post-content code {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
}

.post-content dl {
	margin-bottom: .75em;
}

.post-content dl dt {
	font-weight: bold;
}

.post-content hr {
	width: 50%;
	height: 5px;
	background: #eee;
	margin: 2em auto;
	border: 0;
}

.post-content ul {
	list-style: disc;
	margin-left: 1.5em;
}

.post-content ul ul {
	list-style: circle;
}
.post-content ul ul ul {
	list-style: square;
}

.post-content ol {
	list-style: decimal;
	margin-left: 1.5em;
}

.post-content ol ol {
	list-style: lower-alpha;
}
.post-content ol ol ol {
	list-style: lower-roman;
}

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
	margin-bottom: 0;
}

.post-content li {
	margin-top: 0.375em;
	margin-bottom: 0.375em;
}

.post-content ol > li:last-child,
.post-content ul > li:last-child {
	margin-bottom: 0;
}

.post-content address {
	padding: 3% 3.5%;
	background: #f1f1f1;
}

.post-content pre {
	white-space: pre-wrap;
      /* css-3 */
	white-space: -moz-pre-wrap;
 /* Mozilla, since 1999 */
	white-space: -pre-wrap;
     /* Opera 4-6 */
	white-space: -o-pre-wrap;
   /* Opera 7 */
	word-wrap: break-word;
      /* Internet explorer 5.5+ */
	line-height: 140%;
	padding: 2% 2.5%;
	background: #f1f1f1;
}


/* Post media --------------------------------------- */

img.alignleft,
.alignleft img,
img.aligncenter,
.aligncenter img,
img.alignright,
.alignright img {
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #eee;
}


.post-content .alignleft,
.post-content .alignright {
	margin-bottom: 1.2em;
}

.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
	margin-bottom: 0;
}

.post-content .alignleft {
	float: left;
	margin-right: 1em;
}

.post-content .alignright {
	float: right;
	margin-left: 1em;
}

.post-content .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-content .wp-caption-text,
.post-content .gallery-caption {
	padding-top: 0.5em;
	color: #666;
	text-align: center;
}

/* Gallery column widths */
.gallery-item {
	box-sizing: border-box;
    display: inline-block;
    margin-bottom: .75em;
    padding: 0.375em;
    text-align: center;
    vertical-align: top;
}
.gallery-caption {
	font-size: 14px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.667%;
}
.gallery-columns-7 .gallery-item {
    width: 14%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    width: 11.11%;
}
.site-content .gallery-columns-1.gallery a img {
    max-width: 100%;
}


/* Tables --------------------------------------- */

.post-content table,
.widget-content table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 1.1em;
}

.post-content th,
.post-content td,
.widget-content th,
.widget-content td {
	padding: 2%;
	margin: 0;
	overflow: visible;
	border-bottom: 1px solid #ddd;
}

.post-content caption,
.widget-content caption {
	color: #444;
	text-align: center;
	padding: 2%;
}

.post-content thead,
.widget-content thead {
	vertical-align: bottom;
	white-space: nowrap;
}

.post-content th,
.widget-content th {
	font-weight: bold;
	color: #444;
}

.post-content table tbody > tr:nth-child(odd) > td,
.widget-content table tbody > tr:nth-child(odd) > td {
	background: #f9f9f9;
}


/* -------------------------------------------------------------------------------- */
/*	8. comments
/* -------------------------------------------------------------------------------- */

.comments {
	border-top: 1px solid #eee;
	padding: 5.5%;
}

.comments-title,
#reply-title,
.pingbacks-title {
	font-size: 1.75em;
	font-weight: 400;
	color: #333;
}

.comments-title {
	margin-bottom: 30px;
	margin-left: 0;
}

li.comment,
li > div.comment {
	margin-bottom: 40px;
	position: relative;
}

.comment .children {
	padding-left: 5%;
	border-left: 2px solid #eee;
	list-style: none;
	margin-left: 0;
}

.comment .children li:last-child {
	margin-bottom: 0;
}

.commentlist {
	margin-left: 0px;
	list-style: none;
}

.commentlist > li.comment:last-child,
.commentlist > li.comment div.comment:last-child {
	margin-bottom: 0;
	list-style: none;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-metadata .fn {
	margin-left: 10px;
}
.comment-metadata a {
	margin-left: 10px;
}

/* Pingback list --------------------------------------- */

.comments .pingbacks {
	margin-top: 5.5%;
}

.pingbacks-inner {
	margin: 0 auto;
}

.pingbacks-title {
	margin-bottom: 20px;
}
.pingbacklist {
	margin-left: 0;
}
.pingbacklist li {
	padding: 0.5em;
	list-style: none;
	margin-left: 0px;
}
.pingbacklist a:hover,
.pingbacklist a:focus {
	text-decoration: underline;
}
.pingbacklist li:nth-child(odd) {
	background: #f9f9f9;
}
.pingbacklist .comment-edit-link {
	color: #999;
	margin-left: 10px;
}
.pingbacklist .comment-edit-link:hover {
	color: #444;
	text-decoration: none;
}


/* comment meta --------------------------------------- */

.comment-meta {
	margin-bottom: 0;
}

.comment-meta .avatar {
	display: block;
	height: 50px;
	width: 50px;
	border-radius: 4px;
	float: left;
}

.comment-actions {
	position: absolute;
	top: 10px;
	right: 0;
}

.comment-actions a,
a#cancel-comment-reply-link {
	display: inline-block;
	background: #ddd;
	padding: 9px 10px 8px 10px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 12px;
	margin-right: 5px;
	text-decoration: none;
}

.comment-actions a:last-child,
a#cancel-comment-reply-link:last-child {
	margin-right: 0;
}

a#cancel-comment-reply-link:hover,
.comment-actions a:hover,
a#cancel-comment-reply-link:focus,
.comment-actions a:focus {
	background: #ff6558;
	color: #fff;
	text-decoration: none;
}

.comment-content .comment-actions {
	display: none;
}


/* comment meta content --------------------------------------- */

.comment-meta-content {
	margin-left: 65px;
	padding-top: 7px;
}

.comment-meta-content cite {
	font-size: 1.075em;
	color: #2b323a;
	display: block;
	font-family: 'Raleway', 'Helvetica Neue', sans-serif;
	font-weight: 600;
	margin-left: 0;
	font-style: normal;
}

.bypostauthor .comment-meta-content cite .post-author {
	font-weight: 400;
	color: #666;
	margin-left: 3px;
	letter-spacing: 0;
}

.comment-meta-content cite a {
	color: #2b323a;
	text-decoration: none;
}
.comment-meta-content cite a:hover,
.comment-meta-content cite a:focus {
	color: #ff6558;
	text-decoration: none;
}

.comment-meta-content p {
	font-size: 0.8em;
	text-transform: uppercase;
}

.comment-meta-content p a {
	color: #bbb;
	text-decoration: none;
}
.comment-meta-content p a:hover,
.comment-meta-content p a:focus {
	color: #ff6558;
	text-decoration: none;
}

.comment-awaiting-moderation {
	margin-left: 100px;
	margin-bottom: 1em;
	font-weight: bold;
	display: inline-block;
	padding: 10px;
	background: #ccc;
	border-radius: 3px;
	font-size: 0.8em;
	color: #fff;
}

.comment-awaiting-moderation:hover {
	background: #2b323a;
	text-decoration: none;
}


/* comment nav below --------------------------------------- */

.comment-nav-below {
	padding: 5.5% 0 5.5% 0;
	border-top: 1px solid #eee;
	margin-top: 5.5%;
	background: none;
	border-bottom: 1px solid #eee;
	overflow: auto;
}

.comment-nav-below h3 {
	padding-bottom: 3.25%;
	text-align: center;
	font-size: 1.25em;
}


/* comment content --------------------------------------- */

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-size: 1.25em;
	font-weight: 500;
	margin-top: 50px;
	margin-bottom: 10px;
	text-transform: none;
}

/* Respond --------------------------------------- */

#respond {
	padding: 5.5%;
	border-radius: 0 0 4px 4px;
	clear: both;
}

#reply-title {
	margin-bottom: 20px;
}

#respond a:hover,
#respond a:focus {
	text-decoration: underline;
}

#respond .content-section-right {
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #eee;
	z-index: 12;
}

.nocomments {
	padding: 6.5% 5.5%;
	color: #666;
	text-align: center;
}

#cancel-comment-reply-link {
	margin-left: 10px;
	vertical-align: bottom;
}

a#cancel-comment-reply-link:hover {
	text-decoration: none !important;
}

#respond code {
	border-radius: 2px;
}

.comment-notes,
.logged-in-as {
	margin-bottom: 2em;
	color: #666;
}

#respond form label {
	display: none;
}

.required {
	color: #c00;
}

.comment-form-author .required,
.comment-form-email .required,
.comment-form-url .required,
.comment-form-comment .required {
	display: none;
}

.content #respond form .comment-form-author input {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/user_g.png);
}
.content #respond form .comment-form-email input {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/email_g.png);
}
.content #respond form .comment-form-url input {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/house_g.png);
	background-size: 22px auto;
}
.content #respond form .comment-form-author input:focus {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/user.png);
}
.content #respond form .comment-form-email input:focus {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/email.png);
}
.content #respond form .comment-form-url input:focus {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/house.png);
}

.content #respond form input {
	width: 75%;
	margin-bottom: 1em;
}

.content input[type="file"] {
	padding: 10px;
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 3px;
}

.content .button:active,
.content #respond input[type="submit"]:active {
	top: 1px;
	position: relative;
}

#respond p.form-allowed-tags {
	margin-top: 1.5em;
}

.form-submit {
	margin-top: 1.5em;
}


/* -------------------------------------------------------------------------------- */
/*	9. Pagination
/* -------------------------------------------------------------------------------- */

/* archive nav --------------------------------------- */

.posts-navigation {
	width: 87.5%;
	float: right;
	padding: 0;
	background: none;
	margin-top: 50px;
}

.posts-navigation a {
	margin: 0;
	background: #b4b4b4;
}

/* -------------------------------------------------------------------------------- */
/*	10. Page & Page Templates
/* -------------------------------------------------------------------------------- */


/* Search --------------------------------------- */

.search-no-results .format-bubble {
	background-image: url(/wp-content/themes/pub/lingonberry/images/1x/error.png);
	background-size: 18px auto;
	background-position: center 14px;
}

.content input#s,
.footer input#s {
	padding: 15px 45px 15px 20px;
	background: #f1f1f1 url(/wp-content/themes/pub/lingonberry/images/1x/search-h.png) no-repeat 95% center;
	background-size: 32px auto;
	border-radius: 3px;
	border: 1px solid #eee;
	font-size: 1em;
	font-family: 'Lato', 'Helvetica Neue', sans-serif;
	word-break: normal;
	color: #999;

}

.content input#s:focus,
.footer input#s:focus {
	background: #2d3642 url(/wp-content/themes/pub/lingonberry/images/1x/search.png) no-repeat 95% center;
	background-size: 32px auto;
	border-color: #2d3642;
	color: #fff;
	outline: none;
}

.search-results .page {
	margin-top: 50px;
}

.search-results .page .content-inner {
	width: 87.5%;
	float: right;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.search-results .page .content-inner:after,
.search-results .page .content-inner:before {
	content: "";
}


/* Page title --------------------------------------- */

.page-header {
	width: 87.5%;
	float: right;
	margin-bottom: 1.5em;
}

.page-title {
	text-align: center;
	color: #666;
	font-size: 1.25em;
}

.page-title span {
	color: #999;
}

.taxonomy-description {
	margin-top: 20px;
	color: #999;
	clear: both;
	text-align: center;
}

/* archives template --------------------------------------- */

.archive-col {
	width: 45%;
	float: left;
	margin-left: 10%;
	font-size: 0.9em;
}

.archive-col:first-child {
	margin-left: 0;
}

.page-template-template-archives-php .post-content ul {
	margin-left: 0;
	list-style: none;
}

.page-template-template-archives-php .post-content ul li {
	margin-bottom: 0;
}

.page-template-template-archives-php .post-content ul li a {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 8px 0;
}

.page-template-template-archives-php .post-content ul li:last-child a {
	border-bottom: none;
}

.page-template-template-archives-php .post-content ul.children li:first-child a {
	border-bottom: 1px solid #eee;
}

.page-template-template-archives-php .post-content ul li a span {
	color: #999;
}

.page-template-template-archives-php .post-content ul li a:hover,
.page-template-template-archives-php .post-content ul li a:focus {
	text-decoration: none;
	color: #666;
}

.page-template-template-archives-php .post-content ul li a:hover,
.page-template-template-archives-php .post-content ul li a:focus {
	background-color: #f9f9f9;
	padding-left: 12px;
}


/* -------------------------------------------------------------------------------- */
/*	11. Footer and Widgets
/* -------------------------------------------------------------------------------- */

.footer {
	background: #fff;
	overflow: auto;
}
.footer-inner {
	padding: 50px 0;
}

/* Infinite Scroll  ----------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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-footer {
    background: #f1f1f1;
    border-top: 0 none;
    padding: .75em 0;
    z-index: 12;
}
#infinite-footer .container {
	background: transparent;
    position: relative;
    border-top: 0;
}
#infinite-footer .blog-info a,
#infinite-footer .blog-credits {
	color: #444;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#infinite-footer .blog-info a:hover,
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a:focus,
#infinite-footer .blog-credits a:focus {
	color: #444;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

/* Infinite Handle --------------------------------------- */

#infinite-handle {
	text-align: center;
	clear: both;
	margin-top: 30px;
}

#infinite-handle span {
	padding: 15px 20px;
	margin: 1.5% 0;
	background: #b4b4b4;
	border-radius: 3px;
	color: #fff;
	float: none;
	line-height: 1;
	clear: both;
	font-size: 1em;
}

#infinite-handle span:hover {
	background: #ff706c;
	color: #fff;
}
.infinite-loader {
	color: #212831;
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	text-align: center;
	margin: 16px auto 0;
	clear: both;
}


/* Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

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

/* Search widget  ----------------------------------------- */

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

#sidebar-one {
	float: left;
	width: 30%;
	margin-left: 0;
}
#sidebar-two {
	float: left;
	width: 30%;
	margin-left: 5%;
}
#sidebar-three {
	float: left;
	width: 30%;
	margin-left: 5%;
}

.widgets:first-child {
	margin-left: 0;
}

.widget {
	margin-top: 2em;
}
.widget:first-child {
	margin-top: 0;
}

.widget-title {
	font-size: 0.875em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #444;
	line-height: 1;
}

/* Widget content --------------------------------------- */

.widget-content {
	color: #555;
	font-size: 0.925em;
	margin-bottom: 50px;
	overflow: hidden;
}

.widget-content *:last-child {
	margin-bottom: 0;
}

.widget-content a {
	text-decoration: none;
}
.widget-content a:hover,
.widget-content a:focus {
	text-decoration: underline
}

.widget-content p {
	margin-bottom: 1em;
}

.widget-content ul {
	margin: 0;
	list-style: none;
}

.widget-content li ul {
	padding-left: 8px;
}

.widget-content ul li {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #eee;
	line-height: 130%;
}

/* Widget tag cloud --------------------------------------- */

.widget_tag_cloud .tagcloud a {
	font-size: 0.9em !important;
}

.tagcloud a {
	display: block;
	float: left;
	padding: 8px 11px;
	line-height: 1;
	margin: 0 5px 5px 0;
	background: #2d3642;
	color: #fff;
	border-radius: 3px;
}

.tagcloud a:hover,
.tagcloud a:focus {
	background: #ff706c;
	text-decoration: none;
	color: #fff;
}


/* Widget calendar --------------------------------------- */

#wp-calendar {
	color: #888;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
#wp-calendar a {
	color: #ff706c;
	text-decoration: none;
}
#wp-calendar,
#wp-calendar caption,
#wp-calendar tr,
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption,
#wp-calendar th,
#wp-calendar td {
	padding: 4% 2%;
}
#wp-calendar caption,
#wp-calendar thead {
	color: #666;
	border-bottom: 1px solid #eee;
}
#wp-calendar caption {
	text-transform: capitalize;
}
#wp-calendar thead th {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}
#wp-calendar tfoot {
	border-top: 1px solid #eee;
}
#wp-calendar tfoot td {
	padding: 0;
}
#wp-calendar tfoot #prev {
	text-align: left;
}
#wp-calendar tfoot #next {
	text-align: right;
}
#wp-calendar tfoot a {
	display: block;
	color: #999;
	padding: 0.6em;
	text-decoration: none;
}
#wp-calendar tfoot a:hover,
#wp-calendar tfoot a:focus {
	text-decoration: none;
	color: #ff6558;
	background: rgba(255, 255, 255, .05);
}

/* Social Icons widget  --------------------------------- */

.widget_wpcom_social_media_icons_widget .widget-content ul li {
	border-top: 0;
}

.widget_wpcom_social_media_icons_widget a:hover,
.jetpack_widget_social_icons a:hover {
	opacity: 0.7;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------- */
/*	12. credits
/* -------------------------------------------------------------------------------- */

.credits {
	color: #777;
	font-size: 0.85em;
}
.credits-inner {
	padding: 40px 0;
	text-align: center;
}
.credits p {
	font-weight: 500;
}
.credits a,
.credits a:visited {
	color: #777;
	text-decoration: none;
}
.credits-left {
	float: left;
}
.credits-right {
	float: right;
}
.tothetop:hover {
	cursor: pointer;
}

/* Widget text --------------------------------------- */
.widget_text {
	word-wrap: break-word;
}

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

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

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

.widget_text .widget-content ul li,
.widget_text .widget-content ol li {
	border-top: 0;
}

/* -------------------------------------------------------------------------------- */
/*	13. Responsive
/* -------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	/* 2X images */

	.header .site-logo {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/home.png);
	}
	.site-navigation .search-form #s {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/search.png);
	}
	a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/standard.png);
	}
	.format-aside a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/aside.png);
	}
	.format-audio a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/audio.png);
	}
	.format-chat a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/chat.png);
	}
	.format-gallery a.format-bubble,
	.format-image a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/image.png);
	}
	.format-link a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/link.png);
	}
	.format-quote a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/quote.png);
	}
	.format-status a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/status.png);
	}
	.format-video a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/post-formats/video.png);
	}
	.sticky a.format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/sticky.png);
	}
	.content #respond form .comment-form-author input {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/user_g.png);
	}
	.content #respond form .comment-form-email input {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/email_g.png);
	}
	.content #respond form .comment-form-url input {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/house_g.png);
	}
	.content #respond form .comment-form-author input:focus {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/user.png);
	}
	.content #respond form .comment-form-email input:focus {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/email.png);
	}
	.content #respond form .comment-form-url input:focus {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/house.png);
	}
	.search-no-results .format-bubble {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/error.png);
	}
	.content input#s,
	.footer input#s {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/search-h.png);
	}
	.content input#s:focus,
	.footer input#s:focus {
		background-image: url(/wp-content/themes/pub/lingonberry/images/2x/search.png);
	}

}

@media (max-width: 864px) {

	/* Structure --------------------------------------- */

	.section-inner {
		width: 94%;
	}

	.navigation-inner {
		width: 100%;
	}

	.content {
		padding: 6% 0;
	}

	/* Main content --------------------------------------- */

	.post-wrapper {
		margin-top: 6%;
	}

	/* credits --------------------------------------- */

	.credits-inner {
		padding: 4.8% 0;
	}

}


@media screen and (max-width: 800px) {

	body {
		font-size: 16px;
	}

}


@media screen and (max-width: 770px) {

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

	.site-branding {
		margin-left: 20%;
	}

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

	.navigation-inner.section-inner {
		width: 100%;
		padding: 0;
	}

	.site-navigation ul,
	.site-navigation li,
	.site-navigation .search-form {
		float: none;
		border: none;
		width: 100%;
		max-width: 100%;
	}

	.site-navigation a {
		border-bottom: 1px solid #363f4a;
	}

	.navigation .search-form {
		width: 100%;
		max-width: none;
	}

	.navigation a,
	.navigation .search-form #s {
		font-size: 14px;
	}


	/* Main content --------------------------------------- */

	.content:before {
		left: 30px;
	}
	.content:after {
		left: 39px;
	}
	a.format-bubble {
		left: 15px;
	}

}

@media screen and ( max-width: 600px ) {

	body {
		font-size: 15px;
	}

	/* Structure --------------------------------------- */

	.content:before,
	.content:after,
	.content-inner:after,
	.content-inner:before {
		display: none;
	}

	.section-inner {
		width: 90%;
	}

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

	.header-inner.section-inner {
		padding: 5.5% 0;
	}

	.site-branding {
		margin: 0 auto;
		position: static;
		transform: none;
	}

	.header .site-logo,
	.header .site-title {
		float: none;
		text-align: center;
		margin: 0;
		position: static;
	}

	.header .site-logo {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		background-size: 24px auto;
	}

	.header .site-title {
		margin-top: 15px;
		line-height: 1.2;
		font-size: 1.75em;
	}

	/* Main content --------------------------------------- */

	.content {
		padding: 0;
		background: #fff;
		width: 100%;
	}

	.post,
	.search-results .page {
		border-bottom: 1px solid #eee;
		margin-top: 0;
	}

	.content-inner {
		width: 100% !important;
		float: none;
		margin-left: 0;
		box-shadow: none !important;
		border-radius: 0 !important;
	}

	.post-bubbles {
		display: none;
	}

	.featured-media {
		margin-bottom: 20px;
	}

	.post-header {
		margin-bottom: 20px;
	}

	.post-title {
		font-size: 1.5em;
	}

	.post-meta .post-date span {
		display: none;
	}

	.post-meta .post-date {
		margin-right: 0;
	}
	.posts-navigation {
		width: 100%;
		float: none;
		padding: 5.5%;
		margin-top: 0;
		background: #eee;
		border-bottom: 1px solid #eee;
	}

	.single .posts-navigation {
		width: 100%;
		margin-bottom: 0;
		background: #2d3642;
		border-bottom: none;
	}

	.posts-navigation span {
		display: none;
	}

	.widget-content ul li {
		transition: none;
	}

	/* Post formats --------------------------------------- */

	/* format-gallery */

	.featured-media img {
		border-radius: 0;
	}

	.media-caption-container {
		position: relative;
		width: 100%;
		margin: 0;
		bottom: auto;
		font-size: 0.925em;
	}
	.media-caption {
		display: block;
		padding: 10px 13px;
		background: #eee;
		color: #999;
		text-align: center;
		border-radius: 0;
	}
	.media-caption:hover {
		background: #eee;
		color: #999;
	}

	/* Post content --------------------------------------- */

	.post-content p,
	.post-content blockquote,
	.post-content ul,
	.post-content ol,
	.post-content address,
	.post-content dl,
	.post-content .wp-caption,
	.post-content pre {
		line-height: 160%;
	}

	.post-content h1 {
		font-size: 1.5em;
	}

	.post-content h2 {
		font-size: 1.375em;
	}

	.post-content h3 {
		font-size: 1.25em;
	}

	.post-content h4 {
		font-size: 1.1em;
	}

	.post-content h5 {
		font-size: 1em;
	}

	.post-content h6 {
		font-size: 0.9em;
	}

	.post-content .alignleft,
	.post-content .alignright {
		display: block;
		float: none;
		clear: both;
		margin: 0 auto 1em auto;
		text-align: center;
	}

	.post-content hr {
		width: 75%;
	}


	/* comments --------------------------------------- */

	.comments-title, #reply-title {
		font-size: 1.5em;
	}

	.comment-meta-content {
		padding-top: 9px;
	}

	.comment-actions {
		margin-top: 10px;
	}

	.comment-meta .comment-actions {
		display: none;
	}

	.comment-content .comment-actions {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		margin-top: 1em;
	}

	.comment-content h1,
	.comment-content h2,
	.comment-content h3,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6 {
		margin-top: 30px;
		margin-bottom: 10px;
	}

	/* Respond --------------------------------------- */

	.content form input,
	.content form textarea {
		padding: 4%;
		border-radius: 4px;
	}

	.content #respond form input {
		width: 100%;
	}

	/* Page & Page Templates --------------------------------------- */

	.page-title {
		width:100%;
		padding: 5.5% 0;
		border-bottom: 1px solid #eee;
	}

	.archive-col {
		width: 100%;
		float: none;
		margin: 0;
		font-size: 1em;
	}

	.single .post,
	.page .post,
	.posts .attachment,
	.error404 .post {
		border-radius: 0;
		box-shadow: none;
	}

	/* footer --------------------------------------- */

	.footer-inner {
		padding: 5.5% 0;
	}

	.widgets {
		width: 100%;
		margin-left: 0;
		margin-top: 2em;
		overflow: hidden;
	}
	#sidebar-one {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#sidebar-two {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#sidebar-three {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.widgets:first-child {
		margin-top: 0;
	}

	.widget-title {
		font-size: 0.925em;
		font-weight: bold;
	}

	.widget-content {
		font-size: 1em;
	}

	/* credits --------------------------------------- */

	.credits {
		font-size: 0.925em;
	}

	.credits-inner {
		padding: 30px 0;
	}

	.credits span {
		display: none;
	}

} /* end 600px */

@media screen and ( min-width: 770px ) {
	.blog-menu > li {
		float: left;
	}
	/* Sub menus/children --------------------------------------- */

	.blog-menu ul {
		background-color: #2d3642;
		position: absolute;
		list-style: none;
		left: -9999px;
		opacity: 0;
		z-index: 999;
		-webkit-transition: opacity 0.1s ease-in-out;
				transition: opacity 0.1s ease-in-out;
	}

	.blog-menu ul > li a,
	.blog-menu ul ul > li a,
	.blog-menu ul ul ul > li a,
	.blog-menu ul ul ul ul > li a {
		padding-left: 20px;
	}
	.blog-menu > .has-children a {
		padding-right: 35px;
	}
	.blog-menu > .has-children::after {
		content: "";
		display: block;
		border: 5px solid transparent;
		border-top-color: #fff;
		position: absolute;
		z-index: 1001;
		right: 13px;
		top: 50%;
		margin-top: -1px;
	}

	ul.blog-menu {
		list-style: none;
	}
	.blog-menu ul li {
		float: none;
		display: inline-block;
		position: relative;
	}
	.blog-menu > .menu-item-has-children > a:after {
		content: "";
		display: inline-block;
		border: 5px solid transparent;
		border-top-color: #fff;
		margin-left: 13px;
		position: relative;
		top: 3px;
		margin-top: -1px;
	}
	.blog-menu ul > .menu-item-has-children > a:after {
		content: "";
		display: inline-block;
		border: 5px solid transparent;
		border-left-color: #fff;
		margin-left: 13px;
		position: relative;
		top: 0;
		margin-top: -1px;
	}
	.blog-menu ul a {
		width: 225px;
		line-height: 130%;
		box-sizing: border-box;
	}
	.blog-menu li:hover > ul,
	.blog-menu li.focus > ul {
		opacity: 1;
		left: 0;
		margin: 0;
	}

	/* deep down --------------------------------------- */

	.blog-menu ul li:hover > ul,
	.blog-menu ul li.focus > ul {
		top: 0;
		left: 225px;
		margin-left: 0;
	}

	.blog-menu ul {
		opacity: 1;
		display: none;
	}

	.blog-menu li:hover > ul,
	.blog-menu li.focus > ul {
		display: block;
	}
	.site-navigation .search-form #s {
		float: right;
		width: 0;
		transition: 0.3s all;
	}
	.site-navigation .search-form #s:hover,
	.site-navigation .search-form #s:focus,
	.site-navigation .search-form #s:active {
		width: 220px;
		transition: 0.3s all;
	}
}