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

	Theme Name: Hemingway
	Version: 1.47
	Description: Hemingway is a clean, beautiful and responsive two-column theme for bloggers. Features responsive design, retina-ready assets, full-width header image with parallax scrolling effect, custom accent color, custom logo upload, custom widgets (video, Flickr and Dribbble), page templates and translation-ready code. Included translations: Swedish/svenska.
	Tags: black, dark, white, green, two-columns, fluid-layout, responsive-layout, custom-header, custom-menu, custom-colors, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, editor-style
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
	Theme URI: http://www.andersnoren.se/teman/hemingway-wordpress-theme/
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main Content
	6.  Single post
	7.	Post Content
	8.	Comments
	9.	Pagination
	10.	Page & Page Templates
	11.	Sidebar
	12.	Footer
	13. Credits
	14.	Responsive

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


/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */

html, body { margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

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

ol, ul { list-style:none; }

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

a { outline:none; }

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

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. Document setup
/* -------------------------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	border: none;
	background: #FFF;
	color: #444;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
}

body a {
	color: #1abc9c;
	text-decoration: none;
}

body a:hover {
	color: #1abc9c;
	text-decoration: none;
}

* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

img {
	max-width: 100%;
	height: auto;
}

.hidden { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

::selection {
	background: #1abc9c;
	color: #333;
}

::-webkit-input-placeholder { color: #A9A9A9; }
:-ms-input-placeholder { color: #A9A9A9; }


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


body a,
.post-tags a::after {
	-webkit-transition: all 0.1s ease-in-out;
	 -moz-transition: all 0.1s ease-in-out;
	 -ms-transition: all 0.1s ease-in-out;
	 -o-transition: all 0.1s ease-in-out;
	 transition: all 0.1s ease-in-out;
}

.nav-toggle,
.nav-toggle .bar,
.blog-menu a,
.blog-menu ul .has-children,
.blog-title a,
.post-title a,
.format-bubble,
.post-meta a,
.featured-media a,
.content form input,
.content form textarea,
.media-caption,
.post-nav a,
input#s,
#searchsubmit,
.widget-content ul li,
.widget_recent_entries a,
.search-toggle.active .metal,
.search-toggle.active .handle,
a.more-link,
.dribbble-shot img,
.flickr_badge_image a img {
	-webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}

.tothetop {
	-webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


.section {
	padding: 10% 0;
	position: relative;
}

.section.large-padding { padding: 7.5% 0; }
.section.medium-padding { padding: 5% 0; }
.section.small-padding { padding: 2.5% 0; }
.section.no-padding { padding: 0; }

.section.bg-dark { background: #1D1D1D; }
.section.bg-dark-light { background: #262626; }

.bg-shade {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background: #262626;
}

.section-inner {
	width: 1040px;
	max-width: 86%;
	margin: 0 auto;
}

.big-wrapper { overflow: hidden; }

.wrapper { 	margin-top: 100px; }

.content { width: 65%; }
.content.center { margin-left: auto; margin-right: auto; }
.content.full-width { width: 100%; }

.sidebar { width: 27.5%; }


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


.header-cover { overflow-y: hidden; }

.header {
	padding: 100px 0;
	background: no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

.header-inner { position: relative; z-index: 2; text-align: center; }

.blog-logo { display: inline-block; }

.blog-logo a,
.blog-logo img { display: block; }

.blog-logo img {
	max-height: 250px;
	width: auto;
	max-width: 100%;
	height: auto;
}

.blog-info {
	display: inline-block;
	padding: 30px;
	background: #1d1d1d;
}

.blog-title { 
	width: 100%; 
	text-align: center; 
	font-family: 'Raleway', sans-serif;
}

.blog-title a {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 700;
	font-size: 1.75em;
}

.blog-description:before {
	content: "";
	display: block;
	width: 100px;
	height: 2px;
	background: rgba(255,255,255,0.1);
	margin: 20px auto;
}

.blog-description {
	font-family: 'Raleway', sans-serif;
	text-align: center;
	color: rgba(255,255,255,0.4);
	font-weight: 300;
}

/* Nav-toggle --------------------------------------- */


/* -------------------------------------------------------------------------------- */
/*	4. Navigation
/* -------------------------------------------------------------------------------- */


.mobile-menu { display: none; }

.blog-menu li { position: relative; }
.blog-menu > li { float: left; }

.blog-menu > li:before {
	content: "/";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	margin-left: -3px;
	font-size: 16px;
	color: #444;
	font-weight: 300;
	z-index: 1000;
}

.blog-menu > li:first-child:before { content: none; }

.blog-menu a {
	display: block;
	padding: 27px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.4);
	font-size: 13px;
}

.blog-menu a:hover,
.blog-menu .current-menu-item a { color: #FFF; }

.blog-menu > .has-children a,
.blog-menu > .page_item_has_children a { padding-right: 35px; }

.blog-menu > .has-children::after,
.blog-menu > .page_item_has_children::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-top-color: rgba(255,255,255,0.4);
	position: absolute;
	z-index: 1001;
	right: 17px;
	top: 50%;
	margin-top: -2px;
}

.blog-menu > .has-children:hover::after,
.blog-menu > .page_item_has_children:hover::after { border-top-color: #FFF; }

.blog-menu li:hover a {
	background-color: #1D1D1D;
	cursor: pointer;
}

.blog-menu li:hover > a { color: #FFF; }


/* Sub menus --------------------------------------- */


.blog-menu ul {
	position: absolute;
	left: -9999px;
	display: none;
	z-index: 999;
}

.blog-menu ul li {
    float: none;
    display: block;
}

.blog-menu ul > .has-children::after,
.blog-menu ul > .page_item_has_children::after {
	content: "";
	display: block;
	border: 6px solid transparent;
	border-left-color: rgba(255,255,255,0.4);
	position: absolute;
	z-index: 1001;
	right: 10px;
	top: 50%;
	margin-top: -5px;
}

.blog-menu ul > .has-children:hover::after,
.blog-menu ul > .page_item_has_children:hover::after { border-right-color: #FFF; }

.blog-menu ul li { 	
	width: 240px; 
	background: #1d1d1d;
}

.blog-menu ul a {
	padding: 20px 0px;
	margin: 0 20px;
	line-height: 130%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizi