/*
Theme Name: Everywhereist v3
Theme URI: http://www.the-medium.net/
Description: Custom WordPress theme for The Everywhereist.
Author: <a href="http://www.the-medium.net" target="_blank">The Medium</a>
Version: 1.0
*/

@import url(default.css);

@import url("//hello.myfonts.net/count/330613");

@font-face {font-family: 'AracneReg';src: url('fonts/330613_0_0.eot');src: url('fonts/330613_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/330613_0_0.woff2') format('woff2'),url('fonts/330613_0_0.woff') format('woff'),url('fonts/330613_0_0.ttf') format('truetype');}

/**
 * Defaults and Resets
 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {font-size: 62.5%; -webkit-text-size-adjust: none;}

html, body {margin: 0; padding: 0; background: #fff;}

body {font-family: 'Open Sans', Arial, Verdana, Sans-Serif; font-size: 17px; line-height: 32px; color: #242424;}

form {margin: 0; padding: 0;}

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

td {vertical-align: top;}

p {margin: 0 0 30px 0;}
p:last-child {margin: 0;}

a {transition: 0.25s ease; color: #3e9776; text-decoration: none; font-weight: 500;}
a:hover {text-decoration: underline;}

h1 {margin: 0 0 20px 0; font-family: 'Oswald', Arial, sans-serif; font-size: 46px; line-height: 50px;}
h2 {margin: 0 0 20px 0; font-family: 'Oswald', Arial, sans-serif; font-size: 25px; line-height: 35px;}
h3 {margin: 0 0 30px 0; font-family: 'AracneReg', Arial, Verdana, sans-serif; font-size: 19px; line-height: 23px; text-transform: uppercase; color: #fff; background: #f53145; padding: 12px 20px; font-weight: normal; letter-spacing: 1px;}
h3.arrow {display: inline-block; position: relative;}
h3.arrow:after {position: absolute; content: ""; top: 20px; right: -82px; width: 67px; height: 48px; background: url(images/arrow-down-right.png) no-repeat;}
h4 {margin: 0 0 20px 0; font-size: 19px; line-height: 25px; color: #232323; letter-spacing: 2px; text-align: center; text-transform: uppercase; font-family: 'AracneReg', Arial, Verdana, sans-serif; font-weight: normal;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 0; line-height: 0; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}

a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#header {position: relative;}
#header:before {position: absolute; content: ""; top: 0; left: 0; right: 0; height: 15px; background: url(images/bg-beige.jpg) repeat;}
#header > div {position: relative; height: 200px; padding-top: 45px; padding-left: 0; padding-right: 0;}
#header .logo {width: 375px; margin: 0 auto; z-index: 10; position: relative;}
#header .logo img {display: block;}
#header nav {position: absolute; font-family: 'Oswald', Arial, sans-serif; top: 70px; left: 40px; right: 40px; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; text-align: center; z-index: 5;}
#header nav ul {display: inline-block;}
#header nav li {display: inline-block; margin: 0 20px; width: 100px; position: relative;}
#header nav li:after {position: absolute; left: 50%; bottom: -10px; margin-left: -20px; width: 40px; height: 2px; background: #f53145; content: ""; display: none;}
#header nav li:hover:after,
#header nav li.current-menu-item:after,
body.post-type-archive-guide #header nav li.guides:after,
body.single-guide #header nav li.guides:after,
body.blog #header nav li.blog:after {display: block;}
#header nav a {color: #232323; display: inline-block; padding: 70px 0 0 0; background: url(images/book.svg) no-repeat center top; text-decoration: none; width: 100%;}
#header nav li.blog {margin-right: 290px;}
#header nav li.blog a {background: url(images/blog.svg) no-repeat center 5px; min-width: 65px;}
#header nav li.about {margin-left: 290px;}
#header nav li.about a {background: url(images/geraldine.svg) no-repeat center top;}
#header nav li.guides a {background: url(images/guide.svg) no-repeat center 5px;}
#header nav li.books a {background: url(images/books.svg) no-repeat center top; background-size: 70px auto;}
#header nav li.best-of a {background: url(images/best-of.svg) no-repeat center top; background-size: 65px 62px; min-width: 65px;}
#header .search {position: absolute; top: 25px; right: 20px; z-index: 1;}
#header .search .field {display: inline-block; overflow: hidden; position: relative; vertical-align: middle;}
#header .search [type="text"] {padding: 6px 10px; font-size: 14px; border: none; border-left: solid 2px #333; width: 200px; background: #e5e0cf; right: -198px; position: relative; transition: 0.25s ease;}
#header .search [type="submit"] {position: absolute; top: 0; left: -100000px;}
#header .search button {display: inline-block; padding: 0; border: none; background: none; vertical-align: middle; margin: 0 0 0 5px;}
#header .search button svg {position: relative; top: 3px;}
#header .search .toggle {display: inline-block; padding: 0; border: none; background: none; vertical-align: middle; margin: 0 0 0 5px;}
#header .search .toggle svg {position: relative; top: 3px;}
#header .search.open {z-index: 20;}
#header .search.open [type="text"] {right: 0;}

#page {min-width: 320px; transition: right 0.25s ease; position: relative; right: 0;}

#footer > div {padding-bottom: 50px; font-size: 13px; line-height: 17px; color: #8e8e8e; position: relative;}
#footer a {color: #8e8e8e; text-decoration: none;}
#footer a:hover {color: #88b198;}
#footer nav {font-family: 'Oswald', Arial, sans-serif; font-size: 14px; line-height: 24px; text-transform: uppercase; text-align: center;}
#footer nav li {display: inline-block;}
#footer nav li:before {content: "|"; color: #d3ccb7; margin: 0 10px 0 5px; font-weight: normal;}
#footer nav li:first-child:before {display: none;}
#footer nav a {color: #494949; font-weight: bold;}
#footer nav .more {display: none;}
#footer .legal .left {position: absolute; top: 3px; left: 20px;}
#footer .legal .right {position: absolute; top: 3px; right: 20px;}
#footer .legal ul {margin: 0; padding: 0; list-style-type: none;}
#footer .legal li {display: inline-block;}
#footer .legal li:before {content: "|"; margin: 0 10px 0 5px;}
#footer .legal li:first-child:before {display: none;}
#footer .credits {margin: 20px 0 0 0; text-align: center;}

#mobile-menu {width: 260px; position: fixed; right: -260px; top: 0; height: 100%; background: #333; overflow: auto; border-left: solid 10px #222; transition: right 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu nav a {display: block; padding: 15px 10px; color: #fff; text-decoration: none;}
#mobile-menu nav ul {margin: 0; padding: 0; list-style-type: none; border-bottom: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav > ul > li:first-child {border-top: none;}
#mobile-menu nav > ul > li > a {text-transform: uppercase;}
#mobile-menu nav li {border-top: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav ul ul {font-size: 13px; display: none;}
#mobile-menu nav ul ul a {padding-left: 20px;}

#instagram ul {margin: 0 -5px; padding: 0; list-style-type: none; font-size: 0;}
#instagram li {display: inline-block; width: 10%; overflow: hidden; vertical-align: middle; position: relative; padding: 0 5px 10% 5px;}
#instagram li a {display: block; position: absolute; top: 0; left: 5px; right: 5px;}
#instagram li img {}

.mobile-menu #page {right: 260px;}
.mobile-menu #mobile-menu {right: 0;}

.section {position: relative;}
.section > div {max-width: 1300px; padding: 0 20px; margin: 0 auto; position: relative; overflow: hidden;}
.section.beige {background: url(images/bg-beige.jpg);}
.section.ribbon > div {padding-top: 60px; padding-bottom: 40px;}

/**
 * Miscellaneous
 */
.toggle-menu {color: #fff; font-size: 18px; line-height: 20px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #fff; transition: .3s ease;}
.toggle-menu.active {color: #fff;}
.toggle-menu.active > div {  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #fff;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}

.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}

.line-heading {padding-bottom: 35px; margin-bottom: 20px; background: url(images/separator.png) no-repeat center bottom;}

.double-line-heading {text-align: center; margin: 0 auto 40px auto; overflow: hidden;}
.double-line-heading span {display: inline-block; position: relative; font-family: 'AracneReg', Arial, Verdana, sans-serif; letter-spacing: 2px; font-size: 19px; line-height: 23px; text-transform: uppercase; text-align: center;}
.double-line-heading span:before,
.double-line-heading span:after {position: absolute; content: ""; top: 10px; left: -160px; width: 140px; height: 3px; background: url(images/line.png) no-repeat;}
.double-line-heading span:after {left: auto; right: -160px;}

.sideline-heading {display: inline-block; vertical-align: middle;}
.sideline-heading:after {content: ""; display: inline-block; width: 140px; height: 3px; margin-left: 10px; vertical-align: middle; background: url(images/line.png) no-repeat center center;}
.sideline-heading a {color: #232323;}

.line-icon-heading {overflow: hidden; text-align: center; font-family: 'AracneReg', Arial, Verdana, sans-serif; font-size: 19px; line-height: 23px; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; margin: 0 0 30px 0; background: url(images/coverage.svg) no-repeat center top;}
.line-icon-heading span {display: inline-block; position: relative; display: inline-block; padding: 60px 0 0 0;}
.line-icon-heading span:before,
.line-icon-heading span:after {position: absolute; content: ""; top: 25px; left: -365px; width: 365px; height: 3px; background: url(images/line-long.png);}
.line-icon-heading span:after {left: auto; right: -365px;}
.line-icon-heading.icon-accolade {background-image: url(images/accolade.svg);}
.line-icon-heading.icon-video {background-image: url(images/video.svg);}
.line-icon-heading.icon-podcast {background-image: url(images/podcast.svg);}

.box {padding: 0 25px 25px 25px; background: #ebe8e1 url(images/bg-beige.jpg); margin: 0 0 60px 0;}
.box h3 {margin: 0 -25px 20px -25px;}

.ribbon {position: relative;}
.ribbon:before {position: absolute; content: ""; top: 0; left: 0; right: 0; height: 34px; background: url(images/wave.png) repeat-x left top; z-index: 1;}

.buy-btn {background: url(images/order-btn.svg) no-repeat; width: 216px; background-size: 100%; position: relative; text-align: center; font-family: 'Oswald', Arial, sans-serif; font-size: 19px; line-height: 54px; height: 54px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: inline-block; min-width: 200px;}
.buy-btn:hover {color: #88b198; text-decoration: none;}
.buy-btn.sml {min-width: 1px; width: 117px; height: 40px; font-size: 14px; line-height: 40px; background-image: url(images/order-btn-sml.png?r=1);}
.buy-btn.medium {min-width: 1px; width: 150px; height: 40px; font-size: 14px; line-height: 40px; background-image: url(images/order-btn-medium.png?r=1);}
/*
.buy-btn:before,
.buy-btn:after {position: absolute; content: ""; width: 8px; height: 54px; top: 0; left: -8px; background: url(images/button-sides.png) no-repeat left top;}
.buy-btn:after {left: auto; right: -8px; background-position: top right;}
*/

.about-block {font-size: 15px; line-height: 24px;}
.about-block img {display: block; width: 100%;}
.about-block .label {background: #f53145; display: inline-block; padding: 10px 20px; position: relative; margin: -8px 0 25px -15px; font-family: 'AracneReg', Arial, Verdana, sans-serif; font-size: 19px; line-height: 23px; color: #fff; text-transform: uppercase; letter-spacing: 2px;}

.widget {margin: 0 0 60px 0; background: #fff;}
.widget:last-child {margin: 0;}

.featured-links {margin: 0; padding: 0; list-style-type: none; font-family: 'Oswald', Arial, sans-serif; font-size: 14px; line-height: 30px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
.featured-links li + li {margin-top: 5px;}
.featured-links a {display: block; background: #efece5 url(images/bg-beige.jpg); padding: 10px 20px 10px 65px; position: relative; color: #232323; text-decoration: none;}
.featured-links a:hover {color: #88b198;}
.featured-links a:before {position: absolute; content: ""; top: 0; left: 0; bottom: 0; width: 50px; background: #f53145 url(images/star.svg) no-repeat center center;}
.featured-links .snippet a:before {background-image: url(images/snippet.svg);}
.featured-links .archives a:before {background-image: url(images/archive.svg);}
.featured-links .likes a:before {background-image: url(images/like.svg);}

.newsletter-signup {font-size: 15px; line-height: 19px; background: url(images/separator.png) no-repeat top center; padding: 30px 0;}
.newsletter-signup .email {position: relative; margin: 0;}
/*
.newsletter-signup .email:before {position: absolute; content: ""; top: 13px; left: 20px; width: 30px; height: 21px; background: url(images/mail.svg);}
*/
.newsletter-signup .email input {padding: 12px 60px 12px 12px; width: 100%;}
.newsletter-signup .form {position: relative;}
.newsletter-signup button {margin: 0 auto; width: 30px; height: 21px; display: block; text-indent: -10000px; background: none; border: none; top: 13px; right: 12px; position: absolute;}
.newsletter-signup button:before {position: absolute; content: ""; top: 0; left: 0; width: 30px; height: 21px; background: url(images/mail.svg);}
/*
.newsletter-signup .btn:before {position: absolute; content: ""; width: 22px; height: 22px; background: url(images/signup-arrow.png) no-repeat; top: 6px; left: -47px;}
*/

.btn {display: inline-block; padding: 12px 20px; min-width: 130px; position: relative; background: #88b198; text-transform: uppercase; color: #fff; border: none; text-decoration: none; cursor: pointer; font-family: 'Oswald', Arial, sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 1px; text-align: center;}
.btn:after {display: inline-block; font-family: 'FontAwesome'; content: "\f105"; margin-left: 5px; font-size: 18px;}
.btn:hover {color: #000; text-decoration: none;}

#social-banner {background: #f53145; text-align: center; font-size: 25px; line-height: 29px; text-align: center;}
#social-banner > div {padding-top: 20px; padding-bottom: 20px;}
#social-banner ul {margin: 0; padding: 0; list-style-type: none;}
#social-banner li {display: inline-block; margin: 0 15px;}
#social-banner a {color: #fff;}

#instagram > div {padding-top: 50px; padding-bottom: 50px;}

.pagination {margin: 0 0 40px 0; padding: 0; list-style-type: none; font-family: 'Oswald', Arial, sans-serif; font-size: 14px; line-height: 25px; font-weight: bold; text-transform: uppercase;}
.pagination .page-numbers {display: inline-block; padding: 0 5px; min-width: 25px; height: 25px; background: #88b198; color: #fff;  text-align: center;}
.pagination .page-numbers.dots,
.pagination .page-numbers.next,
.pagination .page-numbers.previous {background: none; color: #000;}

#generic-page {background: url(images/bg-beige.jpg); margin: 0 0 60px 0;}
#generic-page .intro {background: url(images/bg-light-green.jpg); padding: 70px 40px 40px 40px;}
#generic-page .intro h1 {margin: 0 0 5px 0; font-size: 46px; line-height: 50px; color: #232323;}
#generic-page .intro h2 {margin: 0 0 20px 0; font-size: 19px; line-height: 23px; color: #fff; font-weight: 500;}
#generic-page .intro h1:last-child,
#generic-page .intro h2:last-child {margin: 0;}
#generic-page .intro + .body {padding-top: 40px;}
#generic-page .body {padding: 70px 40px 40px 40px;}

.ewist-archive-list-wrapper {float: left; width: 25%; padding: 0 20px 0 0; line-height: 21px;}
.ewist-archive-list-wrapper ul {margin: 0 0 40px 0; padding: 0; list-style-type: none;}
.ewist-archive-list-wrapper li {margin: 0 0 10px 0;}

.wp-caption {margin-bottom: 30px; max-width: 100%;}
.wp-caption img {display: block;}
.wp-caption .wp-caption-text:first-of-type {background: url(images/signup-arrow.png) no-repeat 15px 10px; padding: 10px 50px 0 50px; font-style: italic; color: #74716a;}

ul.checkmarks {margin: 0; padding: 0; list-style-type: none;}
ul.checkmarks li {position: relative; padding: 0 0 0 25px;}
ul.checkmarks li + li {margin-top: 8px;}
ul.checkmarks li:before {position: absolute; content: "\f00c"; top: 0; left: 0; font-family: 'FontAwesome';}

.pre-order-popup {box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); border: solid 10px #fff; margin: 0 0 30px 0; border-right: none; max-width: 370px; background: #a9c9b2 url(images/bg-light-green.png); font-size: 15px; line-height: 24px; padding: 25px 20px 30px 25px;}
.pre-order-popup h2 {margin: 0 0 10px 0; font-size: 28px; line-height: 38px;}
.pre-order-popup .book-cover {width: 85px; float: right; margin: 0 0 0 20px;}
.pre-order-popup .book-cover img {box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);}
.pre-order-popup .buy-btn {font-size: 16px; min-width: 1px; height: auto; width: 180px; line-height: 45px;}

.dgd_stb_box .pre-order-popup {float: right;}

.dgd_stb_box.none .dgd_stb_box_close {top: 15px !important;}

.custom-select {max-width: 260px; border: solid 1px #e5e1d4; overflow: hidden; display: inline-block; position: relative; vertical-align: middle;}
.custom-select:after {position: absolute; font-family: 'FontAwesome'; content: "\f107"; top: 10px; right: 10px; color: #e5e1d4;}
.custom-select > div {margin-right: -30px;}
.custom-select select {width: 100%; padding: 5px 30px 5px 5px; height: 42px; border: none;}

.twitter-tweet {margin-left: auto; margin-right: auto;}

/**
 * Blog
 */
.blog-layout > .left {float: left; width: 70%; padding: 0 90px 0 0;}
.blog-layout > aside {float: right; width: 29%;}

.widget .newsletter-signup h4 {display: none;}

.more-posts {text-align: center; font-size: 15px; line-height: 19px;}
.more-posts .btn {vertical-align: middle; margin-left: 5px;}

.post-tiles {margin: 0 -25px; font-size: 0; overflow: hidden;}
.post-tiles > div {display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 25px 50px 25px;}

.post-tile {background: #fff; font-size: 15px; line-height: 19px; transition: height 0.25s ease; position: relative;}
.post-tile h2 {font-size: 28px; line-height: 36px; margin: 0 0 15px 0;}
.post-tile h2 a {color: #232323; font-weight: bold; text-decoration: none;}
.post-tile h2 a:hover {color: #88b198;}
.post-tile .photo {position: relative; padding-bottom: 56%; overflow: hidden;}
.post-tile .photo img {display: block; width: 100%; position: absolute; top: 0; left: 0;}
.post-tile .date {font-size: 14px; line-height: 18px; font-family: 'Oswald', Arial, sans-serif; font-weight: bold; position: absolute; left: 20px; bottom: 20px;}
.post-tile .actual-date {color: #f53145; text-transform: uppercase;}
.post-tile .content {padding: 20px 20px 40px 20px;}
.post-tile .read-more {position: absolute; right: 20px; bottom: 20px; width: 25px; height: 25px; display: block; font-size: 14px; line-height: 27px; text-indent: 1px; text-align: center; color: #fff; background: #88b198;}

.comment-count {position: absolute; left: 0; bottom: 0; background: #f53145 url(images/comment.svg) no-repeat 10px 11px; padding: 10px 15px 10px 45px; font-family: 'Oswald', Arial, sans-serif; color: #fff; font-size: 16px; line-height: 20px;} /* top: 30px; left: -8px; */
.post-tiles .comment-count {left: auto; right: 0;}

article.post {margin: 0 0 60px 0;}
article.post h1 {margin: 0 0 20px 0; font-size: 46px; line-height: 50px;}
article.post h2 {margin: 0 0 20px 0; font-size: 46px; line-height: 50px;}
article.post h2 a {color: #242424; text-decoration: none; font-weight: bold;}
article.post h2 a:hover {color: #88b198;}
article h4 {margin: 0; text-align: left;}
article header {padding: 0 170px 0 0; position: relative;}
article header .date {position: absolute; right: 0; bottom: 0; width: 105px; min-height: 62px; background: url(images/date-arrow.png) no-repeat; padding: 15px 5px 0 0; font-family: 'Oswald', Arial, sans-serif; text-align: right; font-weight: bold; font-size: 14px; line-height: 18px;}
article header .actual-date {color: #f53145; margin: 5px 0 0 0; text-transform: uppercase; letter-spacing: .5px;}
article.post .photo {margin: 0 0 30px 0; position: relative;}
article.post .photo .inner {position: relative; padding-bottom: 56%; overflow: hidden;}
article.post .photo img {display: block; width: 100%; top: 0; left: 0; position: absolute;}
article.post .categories {margin: 0 0 30px 0; font-size: 13px; line-height: 17px;}
article.post .categories a {margin-left: 5px;}
article.post .categories a:first-child {margin-left: 0;}
article .post-intro {padding: 70px 80px 40px 80px; background: url(images/bg-beige.jpg); position: relative; margin: 0 0 40px 0;}
article .post-intro .photo img {position: relative; width: 100%;}
/* article .post-intro .comment-count {top: 75px;} */
article .share {margin: 0 0 40px 0;}
article .share .ssba-wrap > div {text-align: left !important; margin-left: -6px;}
article .tags {margin: 0 0 40px 0;}
article .newsletter-signup {padding: 30px 40px; max-width: 600px; margin: 0 auto 30px auto; background: url(images/bg-beige.jpg); text-align: center;}
article .newsletter-signup h4 {text-align: center; margin: 0 0 10px 0;}
/*
article .newsletter-signup .email {display: inline-block; vertical-align: top; width: 70%;}
article .newsletter-signup .submit {display: inline-block; vertical-align: top;}
article .newsletter-signup .submit button:before {display: none;}
*/

.single article.post .photo {margin: 0;}

body.single article .body,
#single-post-nav,
#comments-container {max-width: 980px; margin: 0 auto;}

#comments-container {margin-bottom: 40px;}
#comments-container h3 {background-image: url(images/comment.svg); background-position: 15px 15px; background-repeat: no-repeat; padding-left: 50px;}
#single-post-nav {font-family: 'Oswald', Arial, sans-serif; font-weight: bold; margin-bottom: 60px;}
#single-post-nav .fa {width: 25px; height: 25px; background: #88b198; color: #fff; text-align: center; line-height: 25px;}
#single-post-nav .fa-chevron-left {margin-right: 10px;}
#single-post-nav .fa-chevron-right {margin-left: 10px;}
#single-post-nav a {color: #232323;}

/**
 * Front page
 */
#book-banner {position: relative; background: url(images/bg-light-green.jpg); font-size: 15px; line-height: 24px; color: #000; margin: 0 0 60px 0;}
#book-banner .upper {display: flex;}
#book-banner .upper > .left {width: 71%; vertical-align: middle; padding: 90px 40px 40px 140px; position: relative;}
#book-banner .upper > .right {width: 29%; padding: 70px 40px 40px 40px; vertical-align: middle; background: url(images/bg-dark-green.jpg); font-size: 15px; line-height: 24px;}
#book-banner .upper > .right h4 {font-style: normal;}
#book-banner .upper > .right h5 {font-family: 'Oswald', Arial, sans-serif; margin: 0; font-weight: bold; font-size: 20px; line-height: 24px;}
#book-banner .upper > .right p {margin: 0;}
#book-banner .upper > .right .book-cover {float: left; margin: 0 20px 0 0; width: 100px; position: relative; box-shadow: 6px 6px 0 1px rgba(0,0,0,0.15);}
#book-banner .upper > .right .book-cover img {display: block;}
#book-banner .upper .content {padding: 0 0 0 260px; position: relative;}
#book-banner .upper .content .book-cover {position: absolute; top: -15px; left: 0; max-width: 230px;}
#book-banner .upper .content .book-cover a {position: relative; display: inline-block; margin: 0 auto;}
#book-banner .upper .content .book-cover a:after {position: absolute; content: ""; top: 7px; left: 7px; width: 100%; height: 100%; background: rgba(0,0,0,0.15);} /* rgba(217,211,193,0.7) */
#book-banner .upper .content .book-cover img {display: block; position: relative; z-index: 10; margin: 0 auto;}
#book-banner .upper h1 {margin: 0; font-size: 42px; line-height: 48px; color: #232323;}
#book-banner .upper h2 {margin: 0 0 20px 0; font-size: 19px; line-height: 23px; color: #fff; font-weight: 500;}
#book-banner .lower {padding: 30px 20px; background: url(images/bg-beige.jpg); color: #333; text-align: center; min-height: 80px;}
#book-banner .lower a {text-decoration: underline;}
#book-banner .tab {position: absolute; top: 90px; left: -8px; font-family: 'AracneReg', Arial, Verdana, sans-serif; background: #232323; height: 44px; font-size: 19px; line-height: 44px; padding: 0 5px 0 20px; color: #feb9e3; z-index: 100; letter-spacing: 2px;}
#book-banner .tab:before {position: absolute; content: ""; top: 0; right: -23px; height: 44px; width: 23px; background: url(images/black-arrow.png?r=2) no-repeat;}
#book-banner .buy-btn {margin-top: 10px;}
#book-banner strong {font-weight: 500;}

/**
 * About template
 */
#about-banner {position: relative; background: url(images/bg-light-green.jpg); display: table; margin: 0 0 60px 0;}
#about-banner:after {position: absolute; content: ""; left: 0; bottom: 0; width: 71%; height: 150px; background: url(images/bg-beige.jpg); z-index: 1;}
#about-banner > div > .left {display: table-cell; vertical-align: top; width: 71%; padding: 60px 80px 60px 60px; position: relative; z-index: 10;}
#about-banner > div > .left img {display: block;}
#about-banner > div > .right {display: table-cell; vertical-align: top; width: 29%; background: url(images/bg-dark-green.jpg); padding: 60px 30px 30px 30px; font-size: 15px; line-height: 24px; color: #fff;}
#about-banner > div > .right strong {font-weight: 500;}
#about-banner h1 {margin: 0; font-size: 46px; line-height: 50px; color: #232323;}
#about-banner h2 {margin: 0 0 20px 0; font-size: 19px; line-height: 23px; color: #fff; font-weight: 500;}
#about-banner h3 {margin: 0 0 30px -40px; display: inline-block;}

.coverage {margin: 0 -10px 30px -10px; font-size: 15px; line-height: 19px;}
.coverage > div {display: inline-block; vertical-align: top; width: 50%; padding: 0 10px 20px 10px; width: 50%;}
.coverage .photo {float: left; width: 45%;}
.coverage .photo img {display: block;}
.coverage .content {float: left; width: 55%; padding: 0 0 0 20px;}
.coverage .title {font-weight: 500;}

.accolades {margin: 0 -10px 30px -10px; font-size: 15px; line-height: 19px;}
.accolades > div {display: inline-block; vertical-align: top; width: 50%; padding: 0 10px 20px 10px; width: 50%;}
.accolades .photo {float: left; width: 13%;}
.accolades .photo img {display: block;}
.accolades .content {float: left; width: 87%; padding: 0 0 0 20px;}
.accolades .title {font-weight: 500;}

.videos {margin: 0 -15px 30px -15px; font-size: 15px; line-height: 19px;}
.videos > .item {display: inline-block; vertical-align: top; width: 50%; padding: 0 15px 20px 15px; width: 50%;}
.videos .video {margin: 0 0 20px 0; position: relative; padding-bottom: 56%;}
.videos .video iframe {position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%;}
.videos .logo {float: left; width: 13%;}
.videos .logo img {display: block;}
.videos .content {float: left; width: 87%; padding: 0 0 0 20px;}
.videos .title {font-weight: 500;}

.faves-block {background: #ebe8e1 url(images/bg-beige.jpg); font-size: 15px; line-height: 24px;}
.faves-block img {display: block; width: 100%;}
.faves-block h5 {background: #f53145; max-width: 290px; letter-spacing: 2px; padding: 10px 20px; font-weight: normal; position: relative; margin: -50px 0 20px -45px; font-family: 'AracneReg', Arial, Verdana, sans-serif; font-size: 19px; line-height: 23px; color: #fff; text-transform: uppercase;}
.faves-block .content {padding: 30px;}
.faves-block .btn {width: 100%;}
.faves-block ol {margin-bottom: 20px;}
.faves-block ol li {margin-bottom: 5px;}

.book-block {font-size: 15px; line-height: 24px;}
.book-block h5 {margin: 0; font-family: 'Oswald', Arial, sans-serif; font-size: 41px; line-height: 45px; text-align: center;}
.book-block h6 {margin: 0 0 20px 0; font-family: 'Oswald', Arial, sans-serif; font-size: 23px; line-height: 27px; color: #74a88a; text-align: center;}
.book-block .book-cover {text-align: center;}
.book-block .book-cover a {position: relative; display: inline-block; margin: 0 auto; max-width: 200px;}
.book-block .book-cover a:after {position: absolute; content: ""; top: 7px; left: 7px; width: 100%; height: 100%; background: #eae7e0}
.book-block .book-cover img {display: block; position: relative; z-index: 10; margin: 0 auto;}
.book-block .order {text-align: center;}

/**
 * Book
 */
#book-box {background: #ece9e2 url(images/bg-beige.jpg); position: relative; margin: 0 0 40px 0;}
#book-box .upper {display: table; table-layout: fixed; width: 100%; font-size: 15px; line-height: 19px;}
#book-box .upper > .left {display: table-cell; width: 71%; vertical-align: middle; padding: 70px 20px 40px 420px; background: url(images/bg-light-green.jpg);}
#book-box .upper > .left > .book-cover {position: absolute; top: 70px; left: 45px; max-width: 280px; margin: 0 auto;}
#book-box .upper > .left > .book-cover img {display: block; box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15);}
#book-box .upper > .right {display: table-cell; width: 29%; padding: 50px 30px 30px 30px; vertical-align: middle; background: url(images/bg-dark-green.jpg);}
#book-box .upper h1 {margin: 0; font-size: 46px; line-height: 50px; color: #232323;}
#book-box .upper h2 {margin: 0 0 5px 0; font-size: 23px; line-height: 31px; color: #232323; font-weight: 500;}
#book-box .lower > .content {padding: 60px 60px 60px 420px;}
#book-box .lower > aside {position: absolute; top: 70px; left: 45px; width: 335px; text-align: center;}
#book-box .lower > aside .book-cover img {display: block; box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15); margin: 0 auto 40px auto;}
#book-box .lower > aside .sidebar-only {margin: 0 0 30px 0;}

#book-box-after .pre-order-callout {margin: 0 0 40px 0;}
#book-box-after .pre-order-callout .stores li {display: inline-block; vertical-align: middle; padding: 0 20px 0;}
#book-box-after .pre-order-callout .stores img {border: none;}
#book-box-after .sidebar-only {display: none;}

#books-box {background: #ece9e2 url(images/bg-beige.jpg); position: relative; margin: 0 0 40px 0;}
#books-box .upper {background: url(images/bg-light-green.jpg); display: flex; flex-wrap: wrap; padding: 80px 50px 50px 50px; justify-content: space-between; position: relative; font-size: 15px;}
#books-box .upper:before {position: absolute; content: ""; width: 1px; top: 80px; bottom: 50px; left: 50%; border-left: dashed 2px #fff;}
#books-box .upper > div {width: calc(50% - 50px); display: flex;}
#books-box .upper .cover {width: 30%;}
#books-box .upper .cover img {display: block; box-shadow: 6px 6px 0 1px rgba(0,0,0,0.15);}
#books-box .upper .content {width: 70%; padding: 0 0 0 30px;}
#books-box .upper h2 {font-size: 46px; line-height: 52px; margin: 0 0 5px 0;}
#books-box .upper h3 {font-family: 'Oswald', Arial, sans-serif; font-size: 23px; line-height: 27px; color: #232323; margin: 0; padding: 0; background: none; text-transform: none; letter-spacing: normal;}
#books-box .upper p:not(:last-child) {margin: 0 0 15px 0;}
#books-box .lower {padding: 50px;}
#books-box .book-cover img {display: block; box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15); margin: 0 auto 40px auto;}
#books-box .book {display: flex; flex-wrap: wrap; justify-content: space-between;}
#books-box .book .sidebar {width: 30%;}
#books-box .book .content {width: calc(70% - 60px);}
#books-box .book .content h2 {margin: 0; font-size: 46px; line-height: 50px;}
#books-box .book + .book {background: url(images/line.png) repeat-x; padding-top: 60px; margin-top: 60px;}
#books-box .book h3 {font-family: 'Oswald', Arial, sans-serif; font-size: 23px; line-height: 27px; color: #232323; margin: 5px 0; padding: 0; background: none; text-transform: none; letter-spacing: normal;}

.pre-order-box {background: #f53145; padding: 15px; font-size: 15px; line-height: 19px; color: #fff; position: relative; box-shadow: 7px 7px 0 0 #759475; font-weight: 300; text-align: center; max-width: 305px;}
.pre-order-box .stores {margin: 0 0 10px 0; padding: 0; list-style-type: none;}
.pre-order-box .stores li {float: left; padding: 0 2px; width: 33.3333%;}
.pre-order-box .stores img {display: block; margin: 0 auto; box-shadow: 4px 4px 0 0 rgba(0,0,0,0.3);}

.pre-order-heading {margin: 0 0 10px 0; font-size: 21px; line-height: 25px; color: #fff; font-weight: normal; letter-spacing: 1px; text-align: center;}
.pre-order-heading span {display: block; font-size: 31px; line-height: 35px;}

.pre-order-callout {font-size: 15px; line-height: 24px; text-align: center;}
.pre-order-callout h2 {margin: 0 0 10px 0; font-size: 19px; line-height: 23px; letter-spacing: 1px; text-transform: uppercase; color: #f53145;}
.pre-order-callout .stores {margin: 0; padding: 0; list-style-type: none; font-size: 0;}
.pre-order-callout .stores li {margin: 0 0 10px 0;}
.pre-order-callout .stores img {display: block; border: solid 1px #d0cdc7; margin: 0 auto;}

.quotes {margin: 40px 0; font-size: 15px; line-height: 24px;}
.quotes .quote {margin: 0 0 30px 0; position: relative; padding: 0 0 0 70px;}
.quotes .quote:before {position: absolute; content: ""; width: 50px; height: 50px; top: 5px; left: 0; background: #f53145 url(images/quotes.svg) no-repeat center center;}
.quotes .more-quotes {display: none;}
.quotes .show-more {font-size: 13px; line-height: 17px; text-transform: uppercase; font-weight: 500;}
.quotes .author {font-style: italic;}

/**
 * Travel guides
 */
.travel-guide-intro {display: table; table-layout: fixed; margin: 0 0 40px 0; width: 100%;}
.travel-guide-intro > .left {display: table-cell; vertical-align: top; width: 100%; padding: 0 50px 0 0;}
.travel-guide-intro > .right {display: table-cell; vertical-align: top; width: 300px;}

article.travel-guide {position: relative; padding: 0 0 0 50%; margin: 0 0 50px 0; background: #fff;}
article.travel-guide .photo {position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background: no-repeat center center; background-size: cover; display: block;}
article.travel-guide .content {padding: 40px; min-height: 390px;}
article.travel-guide h2 {margin: 0 0 20px 0; font-size: 33px; line-height: 43px;}
article.travel-guide h2 a {color: #232323; text-decoration: none;}
article.travel-guide h2 a:hover {color: #88b198;}
article.travel-guide h2 a:after {display: inline-block; font-family: 'FontAwesome'; content: "\f105"; margin-left: 10px;}
.callout-box {background: #f53145; position: relative; overflow: hidden; font-size: 15px; line-height: 19px; color: #fff; max-width: 300px; margin: 0 auto;}
.callout-box > div {padding: 30px;}
.callout-box:before,
.callout-box:after,
.callout-box > div:before,
.callout-box > div:after {position: absolute; content: ""; top: -10px; left: -10px; border-radius: 10px; background: #efece5; width: 20px; height: 20px;}
.callout-box:after {top: auto; bottom: -10px;}
.callout-box > div:before {left: auto; right: -10px;}
.callout-box > div:after {top: auto; left: auto; right: -10px; bottom: -10px;}
.callout-box h4 {color: #fff; padding-bottom: 30px;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0 0 5px 0;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {font-family: 'Open Sans', Arial, Verdana, Sans-Serif; border: solid 2px #e5e1d4; font-size: 15px; line-height: 19px; color: #232323; padding: 10px;}


input[type="submit"] {cursor: pointer; border-radius: 0;}

button {cursor: pointer;}

/**
 * Popups
 */
#book-popup {padding: 20px; background: #fff; max-width: 680px; margin: 0 auto; overflow: hidden; font-size: 15px; line-height: 24px;}
#book-popup .popup-title span {display: flex; align-items: center; justify-content: center;}
#book-popup .popup-title span:before {content: ""; width: 95px; background: url(images/heading-decoration-left.png) no-repeat left center; height: 8px;}
#book-popup .popup-title span:after {content: ""; width: 95px; background: url(images/heading-decoration-right.png) no-repeat right center; height: 8px;}
#book-popup .inner {background: url(images/bg-beige.jpg); padding: 55px 30px 40px 30px; position: relative; display: flex; flex-wrap: wrap; overflow: hidden;}
#book-popup .cover {width: 44%; position: relative; z-index: 1;}
#book-popup .cover img {box-shadow: 7px 7px 0 0 rgba(0,0,0,0.15); display: block;}
#book-popup .content {position: relative; width: 56%; padding: 0 0 0 40px;}
#book-popup .upper {position: relative; z-index: 0; padding: 0 0 30px 0;}
#book-popup .upper:before {position: absolute; content: ""; top: -1000px; left: -1000px; right: -100px; bottom: 0; background: url(images/bg-light-green.jpg); z-index: -1;}
#book-popup .upper h2 {margin: 0 0 5px 0; font-size: 44px; line-height: 48px;}
#book-popup .upper .tagline {margin: 0 0 10px 0; font-family: 'Oswald', Arial, sans-serif; font-size: 20px;}
#book-popup .lower {padding: 30px 0 0 0;}
#book-popup .stores {margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: space-evenly; column-gap: 6px;}
#book-popup .stores img {box-shadow: 2px 2px 0 0 rgba(0,0,0,0.15); display: block;}

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

    #header nav li.blog {margin-right: 230px;}
    #header nav li.about {margin-left: 230px;}

    #book-box .upper,
    #book-box .upper > .left,
    #book-box .upper > .right {display: block; width: 100%;}
    #book-box .upper > .right {padding: 30px 30px 30px 420px;}

}

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

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

    #header nav {left: 20px; right: 20px;}

    #footer .legal {text-align: center; padding: 20px 0 0 0;}
    #footer .legal .left,
    #footer .legal .right {position: relative; top: auto; left: auto; right: auto; display: inline-block;}
    #footer .legal .left:after {content: "|"; margin: 0 5px 0 10px;}

    #book-banner .upper {display: block;}
    #book-banner .upper > .left,
    #book-banner .upper > .right {display: block; width: 100%;}

    #about-banner > div,
    #about-banner > div > .left,
    #about-banner > div > .right {display: block; width: 100%;}
    #about-banner:after {display: none;}
    #about-banner > div > .left {padding: 60px 30px 30px 30px;}
    #about-banner > div > .right {padding-top: 20px;}

    article.post header {padding-right: 120px;}

}

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

    #header nav li {margin: 0 10px;}
    #header nav li.blog {margin-right: 210px;}
    #header nav li.about {margin-left: 210px;}

}

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

    #book-box .upper > .left,
    #book-box .upper > .right {padding-left: 365px;}
    #book-box .lower > .content {padding-left: 60px;}
    #book-box .lower > aside {position: relative; left: auto; top: auto; width: 100%; display: none;}

}

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

    #header > div {height: 320px;}
    #header .search {display: none;}
    #header nav {position: relative; top: auto; left: auto; right: auto; padding: 40px 0 0 0;}
    #header nav li,
    #header nav li.blog,
    #header nav li.about {width: auto; margin: 0 60px;}

    .section > div {padding-left: 40px; padding-right: 40px; overflow: hidden;}

    .blog-layout > .left,
    .blog-layout > aside {float: none; width: 100%; padding: 0;}
    .blog-layout > .left {margin: 0 0 60px 0;}

    .post-tiles {margin: 0 -20px;}
    .post-tiles > div {width: 50%; padding: 0 20px 40px 20px;}

    .ewist-archive-list-wrapper {width: 33.3333%;}

    .travel-guide-intro,
    .travel-guide-intro > .left,
    .travel-guide-intro > .right {display: block; width: 100%; padding: 0;}
    .travel-guide-intro > .left {margin: 0 0 30px 0;}

    article.travel-guide {padding: 0; margin: 0 -40px;}
    article.travel-guide .photo {position: relative; padding-bottom: 56%; width: 100%; top: auto; left: auto; bottom: auto;}
    article.travel-guide:last-of-type {margin-bottom: 30px;}

    .single article.post header {padding: 0; margin: 0 0 20px 0;}
    .single article.post header .date {position: relative; bottom: auto; right: auto; padding: 0; background: none; width: auto; text-align: left; min-height: 1px;}
    .single article.post header .actual-date {margin: 0; display: inline-block;}
    .single article.post .photo {position: relative;}
    .single article .post-intro {padding: 70px 30px 30px 30px;}

    .single article.guide .photo {position: relative;}

    #books-box .upper {display: none;}
    /*
    #books-box .upper > div {width: 100%;}
    #books-box .upper > div + div {margin-top: 30px; padding-top: 30px; border-top: dashed 2px #fff;}
    #books-box .upper:before {display: none;}
    */

    .buy-btn:not(.sml):not(.medium) {min-width: 1px; width: 117px; height: 40px; font-size: 14px; line-height: 40px; background-image: url(images/order-btn-sml.png?r=1);}

}

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

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

    #header nav li,
    #header nav li.blog,
    #header nav li.about {margin: 0 40px;}

    #footer nav .secondary {display: none;}
    #footer nav .more {display: inline-block;}
    #footer .legal .left {display: block; margin: 0 0 10px 0;}
    #footer .legal .left:after {display: none;}
    #footer .credits {margin: 10px 0 0 0;}

    #book-banner .upper > .right {padding: 40px;}

}

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

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

    #book-banner {margin: 0 -40px 60px -40px;}
    #book-banner .upper > .left {padding: 50px 40px 40px 40px;}
    #book-banner .upper .content {padding: 0;}
    #book-banner .upper .content .book-cover {position: relative; top: auto; left: auto; text-align: center; max-width: 1000px;}
    #book-banner .upper h1,
    #book-banner .upper h2,
    #book-banner .upper .order {text-align: center;}
    #book-banner .tab {top: 170px;}

    #book-box .upper > .left {padding: 70px 30px 30px 30px; text-align: center;}
    #book-box .upper > .right {padding: 30px; text-align: center;}
    #book-box .upper > .left > .book-cover {position: relative; top: auto; left: auto; max-width: 305px;}
    #book-box .upper > .right .pre-order-box {margin: 0 auto;}

    #instagram li {width: 20%; padding-bottom: 20%;}

    .alignleft,
    img.alignleft,
    .alignright,
    img.alignright {max-width: 50%;}

    #books-box .book .content {width: 100%;}
    #books-box .book .sidebar {width: 100%; margin: 0 0 40px 0;}
    #books-box .book .content h2 {font-size: 38px; line-height: 42px;}
}

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

    #header nav li,
    #header nav li.blog,
    #header nav li.about {margin: 0 20px;}

    .post-tiles {margin: 0; overflow: visible;}
    .post-tiles > div {width: 100%; padding: 0 0 40px 0;}

    #book-box .lower > .content {padding: 30px;}

    #book-banner .lower a {display: block;}

    .ewist-archive-list-wrapper {width: 50%;}

    .coverage > .item,
    .accolades > .item,
    .videos > .item {display: block; width: 100%; padding: 0 0 20px 0;}
    .videos .video {position: relative; padding: 0;}
    .videos .video iframe {position: relative;}

    article.post h1 {font-size: 35px; line-height: 45px;}

    article .newsletter-signup {padding: 30px 20px;}
    article .newsletter-signup .email {display: block; width: 100%;}

}

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

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

    #book-popup .popup-title span:before {width: 50px; background-size: 45px auto;}
    #book-popup .popup-title span:after {width: 50px; background-size: 45px auto;}
    #book-popup .cover {width: 100%;}
    #book-popup .content {width: 100%; padding: 20px 0 0 0;}

}

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

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

    #header > div {height: 260px;}
    #header .logo {width: 280px;}
    #header nav {font-size: 13px; line-height: 17px; letter-spacing: normal; margin: 0 -20px; padding: 30px 0 0 0;}
    #header nav a {padding: 60px 0 0 0;}
    #header nav li,
    #header nav li.blog,
    #header nav li.about {margin: 0 5px;}
    #header nav li.blog a,
    #header nav li.guides a {background-size: 50px;}
    #header nav li.book a {background-size: 40px;}
    #header nav li.about a {background-size: 45px;}
    #header nav li.books a {background-size: 50px;}
    #header nav li.best-of a {background-size: 50px;}

    #instagram li {width: 33.3333%; padding-bottom: 33.3333%;}
    #instagram li:nth-child(10) {display: none;}

    #book-banner {margin: 0 -20px 60px -20px;}
    #book-banner .tab {display: none;}
    #book-banner .upper > .left {padding: 40px 20px;}
    #book-banner .upper > .right {padding: 40px 20px;}

    #social-banner li {margin: 0 10px;}

    .section > div {padding-left: 20px; padding-right: 20px;}

    article.post header {padding: 0; margin: 0 0 20px 0;}
    article.post header .date {position: relative; bottom: auto; right: auto; padding: 0; background: none; width: auto; text-align: left; min-height: 1px;}
    article.post header .actual-date {margin: 0; display: inline-block;}

    .ewist-archive-list-wrapper {width: 100%; float: none; padding: 0;}

    #books-box .lower {padding: 50px 30px;}
}

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

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

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

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