@charset "UTF-8";

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

	Theme Name: Hemingway
	Version: 1.56
	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

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


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

/* Document setup */
* {}
body {margin:0; padding:0; border:none; background: #ffffff; color:#111111; font-size: 13px; font-family: Verdana, Arial, Times New Roman; -webkit-font-smoothing: subpixel-antialiased;}
body a {color:#661b00; text-decoration:none;}
body a:hover {text-decoration:none;}
img {max-width:100%; height:auto;}
em, q {font-style:italic;}
abbr, acronym {cursor:help;}
code, kbd, pre {font-size:0.85em; background:#EEE; font-family:Menlo, Monaco, monospace;}

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

::selection {background:#1abc9c;color:#333333;}
::-webkit-input-placeholder {color:#A9A9A9;}
:-ms-input-placeholder {color:#A9A9A9;}

/* Screen Reader Text */
.screen-reader-text {clip:rect(1px, 1px, 1px, 1px); position:absolute; 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; color:#21759b; display:block; font-size:14px; font-size:0.875rem; 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. */}

@font-face {font-family: Trajan Pro; src: url(https://www.myzakopane.pl/wp-content/themes/hemingway/TrajanPro-Regular.otf);}

/* 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;}
.bg-shade {position:absolute; top:0; right:0; bottom:0; left:0; background:#262626;}
.section-inner {width:1060px; max-width:95%; margin:0 auto;}
.big-wrapper {position:relative;}
.wrapper {margin-top:2%;}
.content {width: 68.9%;}
.content.center {margin-left:auto; margin-right:auto;}
.content.full-width {width:100%;}
.sidebar {width:28.4%;}

/* Header */
.header-cover {overflow-y: hidden;}
.header {background:no-repeat center; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; border-top:2px solid #661b00;}
.header-inner {position:relative;}
.blog-logo {display: inline-block;}
.blog-logo a, .blog-logo img {display:block;}
.blog-logo img {max-height:250px; max-width:100%; height:auto; width:auto;}
.blog-info {padding:15px 0;}
.blog-title {width: 100%; text-align:left; font-family:Trajan Pro; text-transform:uppercase;}
.blog-title a {font-size:21px;}
.blog-description:before {content:""; margin:20px auto;}
.blog-description {}

/* Menu */
#mobile-menu {display:none;}
.toggles {display:none;}
.navigation {background:#fffdf2; border-top:2px solid #661b00;}
.blog-menu li {float:left; position:relative; list-style-type:none;}
.blog-menu li:hover a {cursor:pointer;}
.blog-menu a {display:block; padding:12px; font-family:Trajan Pro; font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:1px;}
.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(102,27,0,1); position:absolute; z-index:1001; right:17px; top:50%; margin-top:-2px;}

/* .blog-menu ul {position:absolute; 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-left-color: #ffffff;}
.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-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.1);}
.blog-menu ul > li:last-child a {border-bottom-width:0;}
.blog-menu li:hover > ul {opacity:1; left:0; display:block;}
.blog-menu ul li:hover > ul {top:0; left:240px; margin-left:0;}
*/

/* Content */
.featured-media {position:relative; display:block; margin-bottom:6%;}
.featured-media a, .featured-media img {display:block;}
.featured-media img {border-radius:4px; margin:0 auto;}
.featured-media iframe {display:block; border:none; max-width:100%; height:auto;}
.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:#262626; background:rgba(38,38,38,0.75); color:#ffffff; text-align:center; line-height:130%;}
.media-caption:hover {background:#262626; color:#ffffff;}
.post {margin:0 0 2% 0; text-align:justify;}
.post-header {}
.post-title {margin:0; font-family:Trajan Pro; padding:0 0 5px 0; -ms-word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
.post-title a {font-size:20px; color:#661b00;}
.post-content {font-size:1em;}
.post-content h3 {margin:0 0 15px 0; font-family:Trajan Pro; font-size:17px; color:#661b00; font-variant:small-caps;}
.post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content dl, .post-content pre {line-height:190%; margin-bottom:15px;}
.post-content a {color:#b34e12; font-size:11px; font-weight:800; text-transform:uppercase;}
.post-content a:hover {color:#661b00;}
.post-content img.main-left {float:left; background:#ffffff; border:1px solid #b3b0aa; margin:8px 15px 0 0; padding: 5px;}  
.post-content ul {list-style:disc; margin-left:1.5em;}
.post-content ol {list-style:decimal; margin-left:1.5em;}
.post-content li {margin-bottom:0.5em; line-height:170%;}
.post-content ol li {list-style:lower-alpha; margin:0 0 0 1.5em;}
.post-content blockquote {padding: 1em; line-height:150%; color:#666666;}
.post-content a.more-link {font-size:11px; color:#b34e12; font-weight:800; text-transform:uppercase;}
.post-content a.more-link:hover {background:#fff8d9;}
.wp-caption {max-width:100%; padding:0; background:#ffffff; border:1px solid #b3b0aa;}
.wp-caption a {margin:0; padding:0;}
.wp-caption img {padding:5px 5px 0;}
.post-content .wp-caption-text {font-size:11px; line-height:21px; margin:0; padding:0 0 3px 0; font-style:italic; color:#222222; text-align:center;}
.post-content .alignleft {float:left; margin:8px 15px 0 0;}
.post-content .alignright {float:right; margin:8px 0 0 15px;}
.post-content .aligncenter {display:block; margin:0 auto;}
.post-content .alignnone {float:left; margin:0 18px 15px 18px;}
.post-nav {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.post-nav h5 a {font-family:Trajan Pro; font-size:11px; font-weight:800; color:#661b00; text-transform:uppercase; letter-spacing:1px;}
.post-nav a {display:block; padding:10px 0; max-width:49%;}
a.post-nav-older {float:left; padding-left:25px;}
a.post-nav-newer {float:right; padding-right:25px;}

/* Pagination */
.archive-nav {margin:10px auto;}
.archive-nav .prev, .archive-nav .pages, .archive-nav .next {float:left; margin:0 15px;}
.archive-col {font-size:0.9em;}
.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; line-height:130%;}
.page-template-template-archives-php .post-content ul li a {display:block; border-bottom:1px solid #eeeeee; 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 #eeeeee;}
.page-template-template-archives-php .post-content ul li a span {color:#999999;}
.page-template-template-archives-php .post-content ul li a:hover {text-decoration:none; color:#666666;}
.page-template-template-archives-php .post-content ul li a:hover {background-color:#F9F9F9; padding-left:12px;}

/* Comments */
.nocomments {margin-top:3%; color:#666666; text-align:center;}
.comments {margin-top:3%;}
.comments-title, #reply-title, .pingbacks-title {margin:0 0 20px 0; font-size:16px;}
.commentlist li {margin:10px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #eeeeee;}
.commentlist .children li {padding-left:5%; border:none;}
.comment-content p {line-height:125%;}
.comment-meta {}
.comment-meta .avatar {display:block; height:50px; width:50px; border-radius:999px; float:left;}
.comment-meta-content {padding:8px 0 16px 0; margin-left:60px;}
.comment-meta-content cite {margin-bottom:5px; display:block; font-size:14px;}
.comment-meta-content p {font-size:9px; text-transform:uppercase;}
.comment-actions {font-size:0.7em; text-transform:uppercase; letter-spacing:1px; font-weight:700;}
.comment-actions a {margin-left:8px;}
.comment-actions a:first-child {margin-left:0;}

/* Respond */
.comment-respond {margin-top:3%;}
#respond p, #respond code {line-height:150%;}
#respond form label, .comment-form .required {display:none;}
.comment-form p {margin-bottom:10px;}
.comment-form textarea {line-height:160%; height:250px;}
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input.password {-webkit-appearance:none; background:#fafafa; color:#222222; padding:10px; margin:0; width:100%; border:1px solid #eeeeee;}
.comment-form input[type="submit"] {width:auto; padding:10px 12px; border:none; background:#1d1d1d; color:#ffffff;}
.comment-form input[type="submit"]:hover {cursor:pointer;}

/* Sidebar */
.widget {margin-bottom:10%;}
.widget-title {background:#fff8d9; border-bottom:1px solid #d9d3b8; padding:12px 0 12px 10px; font-family:Trajan Pro; font-size:14px; color:#4d1500; text-transform:uppercase;}
.widget-content ul {background:#fffdf2; border-left:1px solid #d9d3b8; padding:5px 10px;}
.widget-content ul li {list-style-type:none; line-height:150%; padding:4px 0;}
.widget-content ul li  a {background: url(http://www.myzakopane.pl/wp-content/uploads/images/box-a.png) no-repeat left center; padding:0 0 0 15px;}

/* Footer */
.footer {font-size:1em; margin:1% 0 0 0;}
.credits.no-padding {}
.credits-inner {padding:10px; border-top:1px solid #661b00;}
.copywriting, .links, .rights {margin-left:30px; display:inline-block; vertical-align:middle;}
.links a {margin-right:10px;}

/* Responsive */

@media (max-width: 1000px) {
.blog-menu a {padding:10px 8px; font-size:13px; font-weight:normal; letter-spacing:0;}
.rights {display:none;}
}

@media (max-width: 900px) {
.the_champ_sharing_container {display:none;}
.sidebar {display:none;}
.content, .sidebar {	width:100%; float:none;}
.navigation {border:none; background:#fff;}
.navigation > .section-inner {max-width:100%;}
.toggles {display:block; background:#fffdf2; border-top:2px solid #661b00; padding:0 5%;}
.toggle {display:block; padding:1.7% 0 0 0; width:30px; height:30px; position:relative;}
.toggle:hover {cursor:pointer;}
.nav-toggle {float:left;}
.nav-toggle .bar {width:30px; height:2px; background:#661b00; border-radius:1px; margin:5px 0;}
.blog-menu {display:none;}
#mobile-menu {display:block; background:#fffdf2;}
#mobile-menu ul {padding:5px 0 0 8px;}
#mobile-menu ul li {margin-bottom:5px;}
#mobile-menu a {display:block; padding:5px 0; font-size:11px; font-weight:bold; color:#661b00;}
#mobile-menu ul li ul.sub-menu {margin:5px 0 0 0; padding:0 0 0 10px;}
#mobile-menu ul li ul.sub-menu li {margin:0; padding:0;}
#mobile-menu ul li ul.sub-menu li a {font-weight:normal;}
.panel {position:fixed; left:-230px; width:230px; overflow-x: scroll;}
.post-title a {font-size:1.2em; color:#661b00;}
}

@media (max-width: 700px) {
.comments {padding-top:30px; margin-top:30px;}
.comments-title, #reply-title {font-size:1.5em;}
.comments-title {margin-bottom:30px;}
.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;}

.comment-respond {margin-top:30px;}
#reply-title {margin-bottom:10px;}	
.comment-form input {max-width:100%;}	
.comment-form p {margin-bottom:15px;}
p.comment-notes, p.logged-in-as {margin-bottom:30px;}
.comment-form textarea {height:180px;}
}

@media (max-width: 500px) {
.toggle {padding:3% 0 0 0;}
.media-caption-container {position:static; top:auto; left:auto; width:100%; margin:-3px 0 0 0;}
.media-caption {padding: 10px; border-radius:0 0 4px 4px; background:#eeeeee; color:#666666; width:100%;}
.media-caption:hover {background:#eeeeee; color:#666666;}
.post-content .alignleft, .post-content .alignright {	float:none; max-width:100%; margin:0 auto 1.2em auto;}
.post-content .alignleft img, .post-content .alignright img {display:block; margin:0 auto;}	
.comment-content {margin-left:0;}
}