@charset "UTF-8";
/*!
 * Theme Name: Utopia Books
 * Theme URI: http://robertirishdesign.com
 * Description: The Utopia Books WordPress Theme, 2019
 * Version: 1.0
 * Author: Robert Irish Design
 * Author URI: http://robertirishdesign.com
 */
/* -------------------------------------------------------------------------------
 * rem calculator
 *
 * http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing
 * -------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 * grid
 *
 * http://cognition.happycog.com/article/a-simple-grid-mixin-explained
 * -------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 * 5 column grid with 10% gutters
 * -------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 * clearfix
 *
 * http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * -------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 * visuallyhidden
 *
 * hide visually but show in screen-readers etc.
 * -------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 * min-width and max-width for text columns
 * -------------------------------------------------------------------------------*/
.grid-accordion {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.grid-accordion * {
  -webkit-tap-highlight-color: transparent;
}

.ga-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ga-panels {
  position: absolute;
}

.ga-horizontal .ga-panels {
  height: 100%;
}

.ga-vertical .ga-panels {
  width: 100%;
}

.ga-panel {
  position: absolute;
  overflow: hidden;
}

.ga-shadow {
  -webkit-box-shadow: -5px 0px 40px 1px #000;
  -mox-box-shadow: -5px 0px 40px 1px #000;
  box-shadow: -5px 0px 40px 1px #000;
}

.ga-background,
.ga-background-opened {
  border: none;
  vertical-align: bottom;
  width: auto;
  height: auto;
}

.ga-background-opened {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

.ga-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
}

.ga-black {
  color: #FFF;
  background: black;
  background: rgba(0, 0, 0, 0.7);
}

.ga-white {
  color: #000;
  background: white;
  background: rgba(255, 255, 255, 0.7);
}

.ga-rounded {
  border-radius: 10px;
}

.ga-padding {
  padding: 10px;
}

.ga-pagination-buttons {
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.ga-pagination-button {
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 50%;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.ga-pagination-buttons .ga-selected {
  background-color: #000;
}

.ga-has-buttons {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ga-pagination-button {
    width: 14px;
    height: 14px;
  }

  .ga-has-buttons {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .ga-pagination-button {
    width: 16px;
    height: 16px;
  }

  .ga-has-buttons {
    margin-bottom: 38px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .ga-pagination-button {
    width: 18px;
    height: 18px;
  }

  .ga-has-buttons {
    margin-bottom: 40px;
  }
}
.ga-selectable {
  cursor: default;
}

.ga-grab {
  cursor: url(images/openhand.cur), move;
}

.ga-grabbing {
  cursor: url(images/closedhand.cur), move;
}

.ga-no-js {
  overflow: hidden;
  max-width: 100%;
}

.grid-accordion p.ga-layer {
  font-size: 14px;
  line-height: 1.4;
}

.grid-accordion h1.ga-layer {
  font-size: 32px;
  line-height: 1.4;
}

.grid-accordion h2.ga-layer {
  font-size: 24px;
  line-height: 1.4;
}

.grid-accordion h3.ga-layer {
  font-size: 19px;
  line-height: 1.4;
}

.grid-accordion h4.ga-layer {
  font-size: 16px;
  line-height: 1.4;
}

.grid-accordion h5.ga-layer {
  font-size: 13px;
  line-height: 1.4;
}

.grid-accordion h6.ga-layer {
  font-size: 11px;
  line-height: 1.4;
}

.grid-accordion img.ga-layer {
  border: none;
}

.grid-accordion .ga-background,
.grid-accordion .ga-background-opened {
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.grid-accordion a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}

.grid-accordion .ga-background,
.grid-accordion .ga-background-opened,
.grid-accordion iframe,
.grid-accordion object,
.grid-accordion video,
.grid-accordion embed,
.grid-accordion canvas {
  max-width: none;
  max-height: none;
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight {
  /* disable global scrolling when featherlights are visible */
  overflow: hidden;
}

.featherlight {
  display: none;
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  /* z-index needs to be >= elements on the site. */
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: transparent;
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
  /* position: trick to center content vertically */
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  /* position: centering vertical and horizontal */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  padding: 25px 25px 0;
  border-bottom: 25px solid transparent;
  /* dimensions: handling large content */
  margin-left: 5%;
  margin-right: 5%;
  max-height: 95%;
  /* styling */
  background: #fff;
  cursor: auto;
  /* reset white-space wrapping */
  white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}

.featherlight .featherlight-close-icon {
  /* position: centering vertical and horizontal */
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  /* dimensions: 25px x 25px */
  line-height: 25px;
  width: 25px;
  /* styling */
  cursor: pointer;
  text-align: center;
  font-family: Arial, sans-serif;
  background: #fff;
  /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  color: #000;
  border: none;
  padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.featherlight .featherlight-image {
  /* styling */
  width: 100%;
}

.featherlight-iframe .featherlight-content {
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.featherlight iframe {
  /* styling */
  border: none;
}

.featherlight * {
  /* See https://github.com/noelboss/featherlight/issues/42 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
}

.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
}

.r-tabs .r-tabs-panel {
  padding: 15px;
  display: none;
}

.r-tabs .r-tabs-accordion-title {
  display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
  .r-tabs .r-tabs-nav {
    display: none;
  }

  .r-tabs .r-tabs-accordion-title {
    display: block;
  }
}
/* -------------------------------------------------------------------------------
 * reset
 * -------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  vertical-align: baseline;
  font-size: 100%;
}

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

img,
object,
embed {
  max-width: 100%;
}

html {
  overflow-y: scroll;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
}

del {
  text-decoration: line-through;
}

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

th {
  vertical-align: bottom;
  font-weight: bold;
}

td {
  vertical-align: top;
  font-weight: normal;
}

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}

i {
  font-style: normal;
}

button {
  border: 0;
  appearance: none;
}

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

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font: 100%;
  font-size: inherit;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

button {
  overflow: visible;
  width: auto;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.clearfix:before, .clearfix:after {
  display: block;
  overflow: hidden;
  height: 0;
  content: "\0020";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.lt-ie9 {
  zoom: 1;
}

#wpadminbar {
  position: fixed !important;
}

body:after {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  content: "bp-xs";
}
@media (min-width: 58em) {
  body:after {
    content: "bp-l";
  }
}

body {
  font-size: 17px;
  font-size: 1.0625rem;
  font-family: "Alegreya", serif;
  line-height: 1.618;
  color: black;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.search-result-type {
  font-size: 11.1px;
  font-size: 0.69375rem;
  display: block;
  line-height: 1.2;
  font-weight: bold;
  color: black;
}

.article-body .flex-content:first-of-type > p:first-child:first-letter,
.article-body .featured-image + .flex-content:first-of-type > p:first-child:first-letter,
.article-body .figure-embed + .flex-content:first-of-type > p:first-child:first-letter,
.article-body .lede-paragraph + .flex-content:first-of-type > p:first-child:first-letter, .synopsis > p:first-of-type:first-letter, .reviews blockquote > p:first-of-type:first-letter, .book-sample .flex-content:first-of-type p:first-of-type:first-letter {
  float: left;
  font-size: 82px;
  line-height: 70px;
  padding-top: 2px;
  padding-right: 16px;
  padding-left: 10px;
}

h2, h3, h4, h5, h6 {
  line-height: 1.2;
}

.article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
  line-height: 1.2;
}
.article-body h1 {
  font-size: 30.22222px;
  font-size: 1.88889rem;
}
@media (min-width: 46em) {
  .article-body h1 {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
}
.article-body h1:first-child {
  padding-top: 0;
}
.article-body h2 {
  font-size: 26.31111px;
  font-size: 1.64444rem;
  font-style: italic;
  font-weight: normal;
}
@media (min-width: 46em) {
  .article-body h2 {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
}
.article-body h2:first-child {
  padding-top: 0;
}
.article-body h3 {
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
@media (min-width: 46em) {
  .article-body h3 {
    font-size: 26.31111px;
    font-size: 1.64444rem;
  }
}
.article-body h3:first-child {
  padding-top: 0;
}
.article-body h4 {
  font-size: 17px;
  font-size: 1.0625rem;
}
@media (min-width: 46em) {
  .article-body h4 {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
.article-body h4:first-child {
  padding-top: 0;
}
.article-body h5 {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: normal;
  font-style: italic;
}
@media (min-width: 46em) {
  .article-body h5 {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
.article-body h5:first-child {
  padding-top: 0;
}
.article-body h6 {
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 46em) {
  .article-body h6 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.article-body h6:first-child {
  padding-top: 0;
}

.figure-text, p {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
.figure-text:first-child, p:first-child {
  padding-top: 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

blockquote {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
blockquote:after {
  content: "";
  display: table;
  clear: both;
}
blockquote:first-child {
  padding-top: 0;
}

cite {
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
  font-size: 14.8px;
  font-size: 0.925rem;
  clear: left;
  float: right;
  font-style: normal;
}
cite > *:first-child::before {
  content: "— ";
}

@media (min-width: 58em) {
  hr {
    padding: 46.77531px 0px 46.77531px;
    padding: 2.92346rem 0rem 2.92346rem;
  }
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help;
}

.serif {
  font-family: "Alegreya", serif;
}

.sans-serif {
  font-family: "Exo 2", sans-serif;
}

figure.author-bio-image {
  overflow: hidden;
}

html {
  position: relative;
  background-color: black;
  overflow: hidden;
  overflow-y: auto;
}

body {
  overflow: hidden;
  overflow-y: auto;
}

.site-header-container,
.site-top-menu-container > *,
.menu-wrapper,
.recent-posts,
.page-header-container,
.article-body > *:not(.full-width),
.related-posts-container,
.footer-container,
.sub-footer,
.portfolio-form-wrapper,
.r-tabs-nav {
  padding-left: 14.8px;
  padding-left: 0.925rem;
  padding-right: 14.8px;
  padding-right: 0.925rem;
}
@media (min-width: 34em) {
  .site-header-container,
  .site-top-menu-container > *,
  .menu-wrapper,
  .recent-posts,
  .page-header-container,
  .article-body > *:not(.full-width),
  .related-posts-container,
  .footer-container,
  .sub-footer,
  .portfolio-form-wrapper,
  .r-tabs-nav {
    padding-left: 46.77531px;
    padding-left: 2.92346rem;
    padding-right: 46.77531px;
    padding-right: 2.92346rem;
  }
}
@media (min-width: 46em) {
  .site-header-container,
  .site-top-menu-container > *,
  .menu-wrapper,
  .recent-posts,
  .page-header-container,
  .article-body > *:not(.full-width),
  .related-posts-container,
  .footer-container,
  .sub-footer,
  .portfolio-form-wrapper,
  .r-tabs-nav {
    padding-left: 14.8px;
    padding-left: 0.925rem;
    padding-right: 14.8px;
    padding-right: 0.925rem;
  }
}
@media (min-width: 80em) {
  .site-header-container,
  .site-top-menu-container > *,
  .menu-wrapper,
  .recent-posts,
  .page-header-container,
  .article-body > *:not(.full-width),
  .related-posts-container,
  .footer-container,
  .sub-footer,
  .portfolio-form-wrapper,
  .r-tabs-nav {
    max-width: 1106.4px;
    max-width: 69.15rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

body {
  background-color: #f5f2ed;
}
@media (min-width: 34em) {
  body {
    border: 0;
  }
}
body.minimised {
  height: 0;
  overflow: hidden;
  position: relative;
}

img {
  display: block;
}

.grid {
  background-image: linear-gradient(to right, #eaad77 0%, #eaad77 18.18182%, #efc199 18.18182%, #efc199 27.27273%, #eaad77 27.27273%, #eaad77 45.45455%, #efc199 45.45455%, #efc199 54.54545%, #eaad77 54.54545%, #eaad77 72.72727%, #efc199 72.72727%, #efc199 81.81818%, #eaad77 81.81818%, #eaad77);
  opacity: 0.25;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 544px) {
  .grid {
    background-image: linear-gradient(to right, #eaad77 0%, #eaad77 4.87805%, #efc199 4.87805%, #efc199 7.31707%, #eaad77 7.31707%, #eaad77 12.19512%, #efc199 12.19512%, #efc199 14.63415%, #eaad77 14.63415%, #eaad77 19.5122%, #efc199 19.5122%, #efc199 21.95122%, #eaad77 21.95122%, #eaad77 26.82927%, #efc199 26.82927%, #efc199 29.26829%, #eaad77 29.26829%, #eaad77 34.14634%, #efc199 34.14634%, #efc199 36.58537%, #eaad77 36.58537%, #eaad77 41.46341%, #efc199 41.46341%, #efc199 43.90244%, #eaad77 43.90244%, #eaad77 48.78049%, #efc199 48.78049%, #efc199 51.21951%, #eaad77 51.21951%, #eaad77 56.09756%, #efc199 56.09756%, #efc199 58.53659%, #eaad77 58.53659%, #eaad77 63.41463%, #efc199 63.41463%, #efc199 65.85366%, #eaad77 65.85366%, #eaad77 70.73171%, #efc199 70.73171%, #efc199 73.17073%, #eaad77 73.17073%, #eaad77 78.04878%, #efc199 78.04878%, #efc199 80.4878%, #eaad77 80.4878%, #eaad77 85.36585%, #efc199 85.36585%, #efc199 87.80488%, #eaad77 87.80488%, #eaad77 92.68293%, #efc199 92.68293%, #efc199 95.12195%, #eaad77 95.12195%, #eaad77);
  }
}
@media (min-width: 928px) {
  .grid {
    background-image: linear-gradient(to right, #eaad77 0%, #eaad77 2.40964%, #efc199 2.40964%, #efc199 3.61446%, #eaad77 3.61446%, #eaad77 6.0241%, #efc199 6.0241%, #efc199 7.22892%, #eaad77 7.22892%, #eaad77 9.63855%, #efc199 9.63855%, #efc199 10.84337%, #eaad77 10.84337%, #eaad77 13.25301%, #efc199 13.25301%, #efc199 14.45783%, #eaad77 14.45783%, #eaad77 16.86747%, #efc199 16.86747%, #efc199 18.07229%, #eaad77 18.07229%, #eaad77 20.48193%, #efc199 20.48193%, #efc199 21.68675%, #eaad77 21.68675%, #eaad77 24.09639%, #efc199 24.09639%, #efc199 25.3012%, #eaad77 25.3012%, #eaad77 27.71084%, #efc199 27.71084%, #efc199 28.91566%, #eaad77 28.91566%, #eaad77 31.3253%, #efc199 31.3253%, #efc199 32.53012%, #eaad77 32.53012%, #eaad77 34.93976%, #efc199 34.93976%, #efc199 36.14458%, #eaad77 36.14458%, #eaad77 38.55422%, #efc199 38.55422%, #efc199 39.75904%, #eaad77 39.75904%, #eaad77 42.16867%, #efc199 42.16867%, #efc199 43.37349%, #eaad77 43.37349%, #eaad77 45.78313%, #efc199 45.78313%, #efc199 46.98795%, #eaad77 46.98795%, #eaad77 49.39759%, #efc199 49.39759%, #efc199 50.60241%, #eaad77 50.60241%, #eaad77 53.01205%, #efc199 53.01205%, #efc199 54.21687%, #eaad77 54.21687%, #eaad77 56.62651%, #efc199 56.62651%, #efc199 57.83133%, #eaad77 57.83133%, #eaad77 60.24096%, #efc199 60.24096%, #efc199 61.44578%, #eaad77 61.44578%, #eaad77 63.85542%, #efc199 63.85542%, #efc199 65.06024%, #eaad77 65.06024%, #eaad77 67.46988%, #efc199 67.46988%, #efc199 68.6747%, #eaad77 68.6747%, #eaad77 71.08434%, #efc199 71.08434%, #efc199 72.28916%, #eaad77 72.28916%, #eaad77 74.6988%, #efc199 74.6988%, #efc199 75.90361%, #eaad77 75.90361%, #eaad77 78.31325%, #efc199 78.31325%, #efc199 79.51807%, #eaad77 79.51807%, #eaad77 81.92771%, #efc199 81.92771%, #efc199 83.13253%, #eaad77 83.13253%, #eaad77 85.54217%, #efc199 85.54217%, #efc199 86.74699%, #eaad77 86.74699%, #eaad77 89.15663%, #efc199 89.15663%, #efc199 90.36145%, #eaad77 90.36145%, #eaad77 92.77108%, #efc199 92.77108%, #efc199 93.9759%, #eaad77 93.9759%, #eaad77 96.38554%, #efc199 96.38554%, #efc199 97.59036%, #eaad77 97.59036%, #eaad77);
  }
}

.grid.display-grid {
  display: block;
}

input,
button,
a {
  position: relative;
}

* {
  box-sizing: border-box;
}

.chromeframe {
  position: absolute;
  top: 0;
}

[role="main"]:after {
  content: "";
  display: table;
  clear: both;
}

.culture .featured-article-container,
.fact .featured-article-container,
.fiction .featured-article-container,
.recent-posts,
.page-header-container,
.article-body,
.related-posts-container {
  position: relative;
  overflow: hidden;
}

.text-block > *, .page .page-header,
.error404 .page-header,
.search .page-header {
  clear: left;
}
.text-block > :after, .page .page-header:after,
.error404 .page-header:after,
.search .page-header:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 46em) {
  .text-block > *, .page .page-header,
  .error404 .page-header,
  .search .page-header {
    padding-left: 14.63415%;
    padding-right: 14.63415%;
  }
}
@media (min-width: 58em) {
  .text-block > *, .page .page-header,
  .error404 .page-header,
  .search .page-header {
    padding-left: 18.07229%;
    padding-right: 18.07229%;
  }
}

.article-body > *:not(.wide) {
  clear: left;
}
.article-body > :not(.wide):after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 46em) {
  .article-body > :not(.full-width):not(.wide) > * {
    padding-left: 14.63415%;
    padding-right: 14.63415%;
  }
}
@media (min-width: 58em) {
  .article-body > :not(.full-width):not(.wide) > * {
    padding-left: 18.07229%;
    padding-right: 18.07229%;
  }
}

.home .featured-article-container .featured-article-div .featured-article,
.fact .featured-article-container .featured-article-div .featured-article,
.fiction .featured-article-container .featured-article-div .featured-article, .search .related-posts, .home .new-releases, .dwls_search_results > li > a,
.dwls_search_results > .search_footer a, #menu li, .footer-menu {
  clear: left;
}
.home .featured-article-container .featured-article-div .featured-article:after,
.fact .featured-article-container .featured-article-div .featured-article:after,
.fiction .featured-article-container .featured-article-div .featured-article:after, .search .related-posts:after, .home .new-releases:after, .dwls_search_results > li > a:after,
.dwls_search_results > .search_footer a:after, #menu li:after, .footer-menu:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 58em) {
  .home .featured-article-container .featured-article-div .featured-article,
  .fact .featured-article-container .featured-article-div .featured-article,
  .fiction .featured-article-container .featured-article-div .featured-article, .search .related-posts, .home .new-releases, .dwls_search_results > li > a,
  .dwls_search_results > .search_footer a, #menu li, .footer-menu {
    padding-left: 14.45783%;
    padding-right: 14.45783%;
  }
}

.article-body > .wide {
  clear: left;
}
.article-body > .wide:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 58em) {
  .article-body > .wide:not(.full-width) > * {
    padding-left: 14.45783%;
    padding-right: 14.45783%;
  }
}

.text-block:after {
  content: "";
  display: table;
  clear: both;
}

.article {
  position: relative;
}

.page-header {
  position: relative;
}
.page-header .subtitle {
  font-family: "Alegreya", serif;
  font-size: 22.66667px;
  font-size: 1.41667rem;
  padding-top: 12.75px;
  padding-top: 0.79688rem;
}
@media (min-width: 46em) {
  .page-header .subtitle {
    font-size: 30.22222px;
    font-size: 1.88889rem;
  }
}
.single-culture .page-header, .single-fact .page-header, .single-fiction .page-header {
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
}
@media (min-width: 46em) {
  .single-culture .page-header, .single-fact .page-header, .single-fiction .page-header {
    padding-top: 0;
  }
}
.page-header .author-link {
  text-decoration: none;
}

.article-header > div,
.featured-article-header > div {
  line-height: 1;
}
.article-header h2,
.featured-article-header h2 {
  font-weight: normal;
  font-family: "Exo 2", sans-serif;
  line-height: 1.2;
  font-size: 30.22222px;
  font-size: 1.88889rem;
}
@media (min-width: 34em) {
  .article-header h2,
  .featured-article-header h2 {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
}
@media (min-width: 46em) {
  .article-header h2,
  .featured-article-header h2 {
    font-size: 40.2963px;
    font-size: 2.51852rem;
  }
}
@media (min-width: 58em) {
  .article-header h2,
  .featured-article-header h2 {
    font-size: 46.77531px;
    font-size: 2.92346rem;
  }
}
.article-header .author,
.featured-article-header .author {
  display: inline-block;
  padding-top: 9.5625px;
  padding-top: 0.59766rem;
  font-size: 19.73333px;
  font-size: 1.23333rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  font-weight: normal;
}
@media (min-width: 34em) {
  .article-header .author,
  .featured-article-header .author {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
@media (min-width: 46em) {
  .article-header .author,
  .featured-article-header .author {
    font-size: 26.31111px;
    font-size: 1.64444rem;
  }
}
@media (min-width: 58em) {
  .article-header .author,
  .featured-article-header .author {
    font-size: 30.22222px;
    font-size: 1.88889rem;
  }
}

.article-header {
  background-color: transparent !important;
  text-align: center;
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
  padding-bottom: 14.8px;
  padding-bottom: 0.925rem;
}
@media (min-width: 34em) {
  .article-header {
    padding-top: 26.31111px;
    padding-top: 1.64444rem;
    padding-bottom: 19.73333px;
    padding-bottom: 1.23333rem;
  }
}
@media (min-width: 46em) {
  .article-header {
    padding-top: 35.08148px;
    padding-top: 2.19259rem;
    padding-bottom: 26.31111px;
    padding-bottom: 1.64444rem;
  }
}
.article-header .author a:hover, .article-header .author a:focus {
  opacity: 0.5;
}

.author-bio {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
.author-bio .author-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row nowrap;
}
.author-bio .author-container + .author-container {
  flex-flow: row-reverse nowrap;
}
.author-bio .author-container + .author-container .author-bio-text {
  text-align: right;
}
.author-bio .author-bio-image {
  min-width: 148px;
  min-height: 148px;
  border-radius: 74px;
  position: relative;
}
.author-bio .author-bio-image img {
  border-radius: 70px;
  width: 140px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.author-bio .author-bio-image + .author-bio-text {
  padding-left: 14.8px;
  padding-left: 0.925rem;
}
.author-bio .author-bio-text {
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  width: 100%;
  padding-right: 14.8px;
  padding-right: 0.925rem;
}
.author-bio .author-bio-text .author {
  text-transform: uppercase;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-weight: bold;
}

.article-body {
  padding-bottom: 26.31111px;
  padding-bottom: 1.64444rem;
}
.article-body:after {
  content: "";
  display: table;
  clear: both;
}
.article-body a {
  font-weight: bold;
  border-color: transparent;
}
.article-body > *:not(.wide) {
  clear: left;
}
.article-body > .wide {
  clear: left;
}

#left-button,
#right-button {
  position: absolute;
  top: 0;
  width: 62.36708px;
  width: 3.89794rem;
  display: block;
  opacity: 0.75;
  font-weight: bold;
  font-size: 22.66667px;
  font-size: 1.41667rem;
  color: transparent;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  text-indent: -9999px;
  background: rgba(0, 0, 0, 0.5) url("img/arrow-left.png") no-repeat center center;
  background-size: auto 40px;
}
#left-button:hover,
#right-button:hover {
  opacity: 1;
}

#left-button {
  left: 0;
}

#right-button {
  right: 0;
  background-image: url("img/arrow-right.png");
}

.recent-posts ul {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.recent-posts li {
  width: 24%;
  margin-right: 1.333%;
  flex: 0 0 auto;
}
.recent-posts li:last-child {
  margin-right: 0;
}

.recent-posts-container {
  display: none;
}
@media (min-width: 46em) {
  .recent-posts-container {
    padding-top: 26.31111px;
    padding-top: 1.64444rem;
    padding-bottom: 95.51715px;
    padding-bottom: 5.96982rem;
    display: block;
    background-color: black;
    background: black url("img/rule.png") repeat left top;
  }
}

.recent-posts ul .article a {
  display: block;
  position: relative;
  border: 0;
  font-family: "Exo 2", sans-serif;
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
.recent-posts ul .article a:hover, .recent-posts ul .article a:focus, .recent-posts ul .article a:active {
  border: 0;
  opacity: 1;
}
.recent-posts ul .article a:hover .heading-container, .recent-posts ul .article a:focus .heading-container, .recent-posts ul .article a:active .heading-container {
  opacity: 1;
}
.recent-posts ul .heading-container {
  position: absolute;
  bottom: 0;
  padding: 14.8px;
  padding: 0.925rem;
  opacity: 0;
  background-color: black;
}

.related-posts {
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
  border-top: 16px solid black;
}
.related-posts h3 {
  font-size: 30.22222px;
  font-size: 1.88889rem;
  font-style: italic;
  text-align: center;
}
.related-posts ul,
.related-posts .alm-reveal {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.related-posts ul li,
.related-posts .alm-reveal li {
  width: 24%;
  margin-right: 1.333%;
}
.related-posts ul li:nth-child(4n + 4),
.related-posts .alm-reveal li:nth-child(4n + 4) {
  margin-right: 0;
}
.related-posts ul li,
.related-posts .alm-reveal li {
  width: 100%;
}

.lazy {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease;
}

.fade-in {
  opacity: 1;
  transform: none;
}

.article-body {
  position: relative;
}
.article-body .figure-image figcaption,
.article-body .figure-gallery figcaption,
.article-body .figure-table figcaption,
.article-body .figure-pre figcaption,
.article-body .figure-file figcaption,
.article-body .figure-post figcaption,
.article-body .figure-embed figcaption {
  margin-top: 3.02563px;
  margin-top: 0.1891rem;
  font-size: 11.1px;
  font-size: 0.69375rem;
  font-weight: bold;
}
.article-body .figure-gallery .bx-wrapper {
  box-shadow: none;
  border: 0;
  background: transparent;
  margin-bottom: 30px;
}
.article-body .figure-gallery a {
  border: 0;
}
.article-body .figure-gallery a:hover, .article-body .figure-gallery a:focus {
  border: 0;
}
.article-body .figure-quote blockquote {
  position: relative;
  font-style: italic;
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
.article-body .figure-quote blockquote > p:last-of-type::after {
  content: "”";
}
.article-body .figure-quote blockquote > :first-child {
  position: relative;
}
.article-body .figure-quote blockquote > :first-child::before {
  content: "“";
}
@media (min-width: 46em) {
  .article-body .figure-quote blockquote > :first-child::before {
    content: "“";
    font-size: 82px;
    line-height: 70px;
    display: block;
    position: absolute;
    left: -38px;
    top: -10px;
  }
}
.article-body .figure-quote blockquote cite {
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
@media (min-width: 46em) {
  .article-body .figure-quote blockquote {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
  .article-body .figure-quote blockquote cite {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
.article-body .figure-file a {
  display: flex;
  align-items: center;
  background-color: #d4d0c5;
  padding: 26.31111px 35.08148px;
  padding: 1.64444rem 2.19259rem;
  font-family: "Exo 2", sans-serif;
  font-size: 19.73333px;
  font-size: 1.23333rem;
  font-weight: normal;
  color: black;
}
@media (min-width: 46em) {
  .article-body .figure-file a {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
.article-body .figure-file a .download-icon {
  display: inline-block;
  background-image: url("img/download.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
}
.article-body .figure-file a .download-text {
  display: inline-block;
  padding-left: 26.31111px;
  padding-left: 1.64444rem;
  margin-left: 26.31111px;
  margin-left: 1.64444rem;
  border-left: 2px solid #beb8a8;
}
.article-body hr {
  margin: 35.08148px 0px;
  margin: 2.19259rem 0rem;
  border-top: 1.25px solid #d4d0c5;
  padding: 0;
}
@media (min-width: 46em) {
  .article-body hr {
    margin-left: 14.63415%;
    margin-right: 14.63415%;
  }
}
@media (min-width: 58em) {
  .article-body hr {
    margin-left: 18.07229%;
    margin-right: 18.07229%;
  }
}

/* -------------------------------------------------------------------------------
 * fact / fiction
 * -------------------------------------------------------------------------------*/
.synopsis {
  padding-top: 40.2963px;
  padding-top: 2.51852rem;
}
.synopsis .featured-image-buy-container {
  padding-right: 0 !important;
}
@media (min-width: 34em) {
  .synopsis .featured-image-buy-container {
    width: 48%;
    margin-right: 4%;
    float: left;
  }
  .synopsis .featured-image-buy-container + p {
    padding-top: 0;
  }
}
.synopsis .featured-image {
  padding-bottom: 26.31111px;
  padding-bottom: 1.64444rem;
}
.synopsis .buy-links {
  height: 76px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: bottom;
}

.author-bio-extended {
  display: block;
  border: 1px solid #d4d0c5;
  padding: 30.22222px 30.22222px 40.2963px;
  padding: 1.88889rem 1.88889rem 2.51852rem;
  border-bottom: 4px solid black;
  font-family: "Exo 2", sans-serif;
  font-size: 19.73333px;
  font-size: 1.23333rem;
  font-weight: normal;
  color: black;
  border-radius: 24px 24px 0 0;
}
.author-bio-extended .author {
  font-weight: bold;
  font-size: 22.66667px;
  font-size: 1.41667rem;
}
.author-bio-extended a {
  color: black;
  border: 0;
  text-decoration: underline;
}
.author-bio-extended a:hover, .author-bio-extended a:focus, .author-bio-extended a:active {
  border: 0;
}
.author-bio-extended .author-bio-image {
  width: 33.333%;
  height: 0;
  padding-bottom: 33.333%;
  float: left;
  margin-right: 10px;
  border-radius: 0;
}
.author-bio-extended .author-bio-image img {
  border-radius: 0;
  width: 100%;
}
.author-bio-extended p:first-of-type {
  padding-top: 0;
}

.author-bio-container + .author-bio-container {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
.author-bio-container + .author-bio-container .author-bio-extended .author-bio-image {
  float: right;
  margin-right: 0;
  margin-left: 10px;
}

.reviews {
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
}
.reviews blockquote {
  position: relative;
  padding-top: 0;
  padding-bottom: 26.31111px;
  padding-bottom: 1.64444rem;
  margin-bottom: 26.31111px;
  margin-bottom: 1.64444rem;
  border-bottom: 1.25px solid #d4d0c5;
}
.reviews blockquote > p:last-of-type::after {
  content: "”";
}
.reviews blockquote cite {
  float: left;
  font-weight: bold;
  font-family: "Exo 2", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  padding-top: 0;
}
.reviews blockquote {
  position: relative;
}
.reviews blockquote::before {
  content: "“";
  font-size: 82px;
  line-height: 70px;
  display: block;
  position: absolute;
  left: -2px;
  top: -6px;
}
.reviews blockquote > p:first-of-type:first-letter {
  padding-left: 28px;
}

/* -------------------------------------------------------------------------------
 * 404, search, archive
 * -------------------------------------------------------------------------------*/
.search-posts.related-posts {
  padding-top: 62.36708px;
  padding-top: 3.89794rem;
  margin-top: 0;
  position: relative;
}
.search-posts.related-posts ul,
.search-posts.related-posts ol {
  display: block;
}
.search-posts.related-posts ul li,
.search-posts.related-posts ol li {
  margin-top: 35.08148px;
  margin-top: 2.19259rem;
  width: 100%;
}
.search-posts.related-posts ul li:first-child,
.search-posts.related-posts ol li:first-child {
  margin-top: 0;
}
.search-posts.related-posts ul li:before,
.search-posts.related-posts ol li:before {
  display: none;
}
@media (min-width: 34em) {
  .search-posts.related-posts .article {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 34em) {
  .search-posts.related-posts .module-left {
    width: 48.5%;
  }
}
@media (min-width: 58em) {
  .search-posts.related-posts .module-left {
    width: 33.333%;
  }
}
@media (min-width: 34em) {
  .search-posts.related-posts .module-right {
    width: 48.5%;
  }
}
@media (min-width: 58em) {
  .search-posts.related-posts .module-right {
    width: 63.666%;
  }
}
.search-posts.related-posts h3 {
  padding-top: 5.37891px;
  padding-top: 0.33618rem;
  text-align: left;
  font-size: 17px;
  font-size: 1.0625rem;
}
@media (min-width: 58em) {
  .search-posts.related-posts h3 {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
.search-posts.related-posts h3 a {
  border-color: transparent;
}
.search-posts.related-posts .blog-excerpt {
  padding-top: 14.8px;
  padding-top: 0.925rem;
}
.search-posts.related-posts .blog-time + .blog-excerpt {
  padding-top: 5.37891px;
  padding-top: 0.33618rem;
}
.search-posts.related-posts .button {
  font-size: 14.8px;
  font-size: 0.925rem;
}
@media (min-width: 46em) {
  .search-posts.related-posts .button {
    font-size: 14.8px;
    font-size: 0.925rem;
  }
}
@media (min-width: 58em) {
  .search-posts.related-posts .button {
    font-size: 14.8px;
    font-size: 0.925rem;
  }
}

/* -------------------------------------------------------------------------------
 * general page styles
 * -------------------------------------------------------------------------------*/
.page.page-name .lede-paragraph {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
}
@media (min-width: 46em) {
  .page.page-name .lede-paragraph {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
@media (min-width: 58em) {
  .page.page-name .lede-paragraph {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
.page.page-name .lede-paragraph + * {
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
}

/* -------------------------------------------------------------------------------
 * pages
 * -------------------------------------------------------------------------------*/
.home .featured-article-container,
.fact .featured-article-container,
.fiction .featured-article-container,
.culture .featured-article-container {
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
}
@media (min-width: 34em) {
  .home .featured-article-container,
  .fact .featured-article-container,
  .fiction .featured-article-container,
  .culture .featured-article-container {
    padding-top: 26.31111px;
    padding-top: 1.64444rem;
  }
}
@media (min-width: 46em) {
  .home .featured-article-container,
  .fact .featured-article-container,
  .fiction .featured-article-container,
  .culture .featured-article-container {
    padding-top: 35.08148px;
    padding-top: 2.19259rem;
  }
}
.home .featured-article-container .featured-article-div,
.fact .featured-article-container .featured-article-div,
.fiction .featured-article-container .featured-article-div,
.culture .featured-article-container .featured-article-div {
  display: block;
  color: black;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-size: 26.31111px;
  font-size: 1.64444rem;
}
.home .featured-article-container .featured-article-div .subtitle,
.fact .featured-article-container .featured-article-div .subtitle,
.fiction .featured-article-container .featured-article-div .subtitle,
.culture .featured-article-container .featured-article-div .subtitle {
  font-family: "Alegreya", serif;
  padding-top: 14.8px;
  padding-top: 0.925rem;
  font-size: 22.66667px;
  font-size: 1.41667rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.home .featured-article-container .featured-article-div .author-small,
.fact .featured-article-container .featured-article-div .author-small,
.fiction .featured-article-container .featured-article-div .author-small,
.culture .featured-article-container .featured-article-div .author-small {
  display: block;
  padding-top: 14.8px;
  padding-top: 0.925rem;
  text-transform: uppercase;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 2px solid transparent;
  font-family: "Exo 2", sans-serif;
}
.home .featured-article-container .featured-article-div .author,
.fact .featured-article-container .featured-article-div .author,
.fiction .featured-article-container .featured-article-div .author,
.culture .featured-article-container .featured-article-div .author {
  font-size: 19.73333px;
  font-size: 1.23333rem;
  text-transform: none;
  font-weight: normal;
  line-height: 1.4;
}
@media (min-width: 34em) {
  .home .featured-article-container .featured-article-div,
  .fact .featured-article-container .featured-article-div,
  .fiction .featured-article-container .featured-article-div,
  .culture .featured-article-container .featured-article-div {
    font-size: 30.22222px;
    font-size: 1.88889rem;
  }
  .home .featured-article-container .featured-article-div .subtitle,
  .fact .featured-article-container .featured-article-div .subtitle,
  .fiction .featured-article-container .featured-article-div .subtitle,
  .culture .featured-article-container .featured-article-div .subtitle {
    font-size: 26.31111px;
    font-size: 1.64444rem;
  }
  .home .featured-article-container .featured-article-div .author,
  .fact .featured-article-container .featured-article-div .author,
  .fiction .featured-article-container .featured-article-div .author,
  .culture .featured-article-container .featured-article-div .author {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
@media (min-width: 46em) {
  .home .featured-article-container .featured-article-div,
  .fact .featured-article-container .featured-article-div,
  .fiction .featured-article-container .featured-article-div,
  .culture .featured-article-container .featured-article-div {
    font-size: 30.22222px;
    font-size: 1.88889rem;
  }
  .home .featured-article-container .featured-article-div .subtitle,
  .fact .featured-article-container .featured-article-div .subtitle,
  .fiction .featured-article-container .featured-article-div .subtitle,
  .culture .featured-article-container .featured-article-div .subtitle {
    font-size: 30.22222px;
    font-size: 1.88889rem;
  }
  .home .featured-article-container .featured-article-div .author,
  .fact .featured-article-container .featured-article-div .author,
  .fiction .featured-article-container .featured-article-div .author,
  .culture .featured-article-container .featured-article-div .author {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
@media (min-width: 58em) {
  .home .featured-article-container .featured-article-div,
  .fact .featured-article-container .featured-article-div,
  .fiction .featured-article-container .featured-article-div,
  .culture .featured-article-container .featured-article-div {
    font-size: 40.2963px;
    font-size: 2.51852rem;
  }
  .home .featured-article-container .featured-article-div .subtitle,
  .fact .featured-article-container .featured-article-div .subtitle,
  .fiction .featured-article-container .featured-article-div .subtitle,
  .culture .featured-article-container .featured-article-div .subtitle {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
  .home .featured-article-container .featured-article-div .author,
  .fact .featured-article-container .featured-article-div .author,
  .fiction .featured-article-container .featured-article-div .author,
  .culture .featured-article-container .featured-article-div .author {
    font-size: 30.22222px;
    font-size: 1.88889rem;
  }
}
.home .featured-article-container .featured-article-div:hover, .home .featured-article-container .featured-article-div:focus, .home .featured-article-container .featured-article-div:active,
.fact .featured-article-container .featured-article-div:hover,
.fact .featured-article-container .featured-article-div:focus,
.fact .featured-article-container .featured-article-div:active,
.fiction .featured-article-container .featured-article-div:hover,
.fiction .featured-article-container .featured-article-div:focus,
.fiction .featured-article-container .featured-article-div:active,
.culture .featured-article-container .featured-article-div:hover,
.culture .featured-article-container .featured-article-div:focus,
.culture .featured-article-container .featured-article-div:active {
  opacity: 1;
}
.home .featured-article-container .featured-article-div:hover img, .home .featured-article-container .featured-article-div:focus img, .home .featured-article-container .featured-article-div:active img,
.fact .featured-article-container .featured-article-div:hover img,
.fact .featured-article-container .featured-article-div:focus img,
.fact .featured-article-container .featured-article-div:active img,
.fiction .featured-article-container .featured-article-div:hover img,
.fiction .featured-article-container .featured-article-div:focus img,
.fiction .featured-article-container .featured-article-div:active img,
.culture .featured-article-container .featured-article-div:hover img,
.culture .featured-article-container .featured-article-div:focus img,
.culture .featured-article-container .featured-article-div:active img {
  filter: brightness(100%);
}
.home .featured-article-container article,
.fact .featured-article-container article,
.fiction .featured-article-container article,
.culture .featured-article-container article {
  position: relative;
}
.home .featured-article-container .featured-article-header,
.fact .featured-article-container .featured-article-header,
.fiction .featured-article-container .featured-article-header,
.culture .featured-article-container .featured-article-header {
  width: 100%;
  margin-top: 0;
  width: 100%;
  text-align: center;
  color: black;
}
.home .featured-article-container h2,
.fact .featured-article-container h2,
.fiction .featured-article-container h2,
.culture .featured-article-container h2 {
  font-weight: normal;
}
.home .related-posts,
.fact .related-posts,
.fiction .related-posts,
.culture .related-posts {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
  margin-top: 26.31111px;
  margin-top: 1.64444rem;
  border-top: 16px solid black;
}
.home .related-posts h2,
.fact .related-posts h2,
.fiction .related-posts h2,
.culture .related-posts h2 {
  text-align: center;
  font-family: "Alegreya", serif;
  font-size: 26.31111px;
  font-size: 1.64444rem;
  font-style: italic;
  font-weight: normal;
}
@media (min-width: 46em) {
  .home .related-posts h2,
  .fact .related-posts h2,
  .fiction .related-posts h2,
  .culture .related-posts h2 {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
}
.home .related-posts .sort-by,
.fact .related-posts .sort-by,
.fiction .related-posts .sort-by,
.culture .related-posts .sort-by {
  text-align: center;
}
.home .related-posts .sort-by span,
.fact .related-posts .sort-by span,
.fiction .related-posts .sort-by span,
.culture .related-posts .sort-by span {
  font-size: 14.8px;
  font-size: 0.925rem;
  display: block;
  line-height: 1.2;
}
@media (min-width: 46em) {
  .home .related-posts .sort-by span,
  .fact .related-posts .sort-by span,
  .fiction .related-posts .sort-by span,
  .culture .related-posts .sort-by span {
    display: inline;
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
.home .related-posts .sort-by a,
.fact .related-posts .sort-by a,
.fiction .related-posts .sort-by a,
.culture .related-posts .sort-by a {
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2;
  font-size: 14.8px;
  font-size: 0.925rem;
  text-decoration: none;
  opacity: 0.5;
}
.home .related-posts .sort-by a:hover, .home .related-posts .sort-by a:focus, .home .related-posts .sort-by a:active,
.fact .related-posts .sort-by a:hover,
.fact .related-posts .sort-by a:focus,
.fact .related-posts .sort-by a:active,
.fiction .related-posts .sort-by a:hover,
.fiction .related-posts .sort-by a:focus,
.fiction .related-posts .sort-by a:active,
.culture .related-posts .sort-by a:hover,
.culture .related-posts .sort-by a:focus,
.culture .related-posts .sort-by a:active {
  opacity: 1;
}
@media (min-width: 46em) {
  .home .related-posts .sort-by a,
  .fact .related-posts .sort-by a,
  .fiction .related-posts .sort-by a,
  .culture .related-posts .sort-by a {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.home .related-posts .sort-by a.current,
.fact .related-posts .sort-by a.current,
.fiction .related-posts .sort-by a.current,
.culture .related-posts .sort-by a.current {
  opacity: 1;
}
.home .related-posts ul,
.fact .related-posts ul,
.fiction .related-posts ul,
.culture .related-posts ul {
  margin-top: 0;
  padding-top: 30.22222px;
  padding-top: 1.88889rem;
  display: block;
}
@media (min-width: 46em) {
  .home .related-posts ul,
  .fact .related-posts ul,
  .fiction .related-posts ul,
  .culture .related-posts ul {
    display: flex;
  }
}
@media (min-width: 46em) {
  .home .related-posts ul li,
  .fact .related-posts ul li,
  .fiction .related-posts ul li,
  .culture .related-posts ul li {
    width: 48%;
    margin-right: 4%;
  }
  .home .related-posts ul li:nth-child(2n + 2),
  .fact .related-posts ul li:nth-child(2n + 2),
  .fiction .related-posts ul li:nth-child(2n + 2),
  .culture .related-posts ul li:nth-child(2n + 2) {
    margin-right: 0;
  }
}
.home .related-posts ul li,
.fact .related-posts ul li,
.fiction .related-posts ul li,
.culture .related-posts ul li {
  margin-bottom: 26.31111px;
  margin-bottom: 1.64444rem;
  padding-bottom: 26.31111px;
  padding-bottom: 1.64444rem;
  border-bottom: 1.25px solid #d4d0c5;
}

.home,
.fact,
.fiction {
  /* -------------------------------------------------------------------------------
     * old home layout
     * -------------------------------------------------------------------------------*/
}
.home .featured-article-container,
.fact .featured-article-container,
.fiction .featured-article-container {
  margin-top: 19.73333px;
  margin-top: 1.23333rem;
  padding-top: 0;
  padding-bottom: 35.08148px;
  padding-bottom: 2.19259rem;
}
.home .featured-article-header,
.fact .featured-article-header,
.fiction .featured-article-header {
  padding: 12.75px 14.8px 0px;
  padding: 0.79688rem 0.925rem 0rem;
  min-height: 220px;
  min-height: 13.75rem;
}
@media (min-width: 34em) {
  .home .featured-article-header,
  .fact .featured-article-header,
  .fiction .featured-article-header {
    padding: 0;
    min-height: 0;
  }
}
.home .featured-article-header > *,
.fact .featured-article-header > *,
.fiction .featured-article-header > * {
  text-align: left;
}
.home .featured-article-header h2,
.fact .featured-article-header h2,
.fiction .featured-article-header h2 {
  font-size: 35.08148px;
  font-size: 2.19259rem;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 34em) {
  .home .featured-article-header h2,
  .fact .featured-article-header h2,
  .fiction .featured-article-header h2 {
    font-size: 40.2963px;
    font-size: 2.51852rem;
  }
}
@media (min-width: 46em) {
  .home .featured-article-header h2,
  .fact .featured-article-header h2,
  .fiction .featured-article-header h2 {
    font-size: 46.77531px;
    font-size: 2.92346rem;
  }
}
@media (min-width: 58em) {
  .home .featured-article-header h2,
  .fact .featured-article-header h2,
  .fiction .featured-article-header h2 {
    font-size: 46.77531px;
    font-size: 2.92346rem;
  }
}
.home .featured-article-header > .author-container,
.fact .featured-article-header > .author-container,
.fiction .featured-article-header > .author-container {
  line-height: 0;
}
.home .featured-article-header > .author-container > .author,
.fact .featured-article-header > .author-container > .author,
.fiction .featured-article-header > .author-container > .author {
  font-size: 17px;
  font-size: 1.0625rem;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 0;
}
@media (min-width: 34em) {
  .home .featured-article-header > .author-container > .author,
  .fact .featured-article-header > .author-container > .author,
  .fiction .featured-article-header > .author-container > .author {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
@media (min-width: 46em) {
  .home .featured-article-header > .author-container > .author,
  .fact .featured-article-header > .author-container > .author,
  .fiction .featured-article-header > .author-container > .author {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
@media (min-width: 58em) {
  .home .featured-article-header > .author-container > .author,
  .fact .featured-article-header > .author-container > .author,
  .fiction .featured-article-header > .author-container > .author {
    font-size: 26.31111px;
    font-size: 1.64444rem;
  }
}
.home .featured-article-header .excerpt p,
.fact .featured-article-header .excerpt p,
.fiction .featured-article-header .excerpt p {
  padding-top: 8.325px;
  padding-top: 0.52031rem;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.4;
  font-family: "Alegreya", serif;
}
@media (min-width: 34em) {
  .home .featured-article-header .excerpt p,
  .fact .featured-article-header .excerpt p,
  .fiction .featured-article-header .excerpt p {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
@media (min-width: 46em) {
  .home .featured-article-header .excerpt p,
  .fact .featured-article-header .excerpt p,
  .fiction .featured-article-header .excerpt p {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
@media (min-width: 58em) {
  .home .featured-article-header .excerpt p,
  .fact .featured-article-header .excerpt p,
  .fiction .featured-article-header .excerpt p {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
.home .featured-article-header .button-container,
.fact .featured-article-header .button-container,
.fiction .featured-article-header .button-container {
  display: flex;
  flex-flow: row nowrap;
}
.home .featured-article-header .button-container .button,
.fact .featured-article-header .button-container .button,
.fiction .featured-article-header .button-container .button {
  margin-top: 12.75px;
  margin-top: 0.79688rem;
  color: #f5f2ed;
  background-color: black;
  width: 100%;
  padding: 12.75px 14.8px;
  padding: 0.79688rem 0.925rem;
}
.home .featured-article-header .button-container .button + .button,
.fact .featured-article-header .button-container .button + .button,
.fiction .featured-article-header .button-container .button + .button {
  margin-left: 12.75px;
  margin-left: 0.79688rem;
}
@media (min-width: 34em) {
  .home .featured-article-container,
  .fact .featured-article-container,
  .fiction .featured-article-container {
    padding-top: 35.08148px;
    padding-top: 2.19259rem;
  }
  .home .featured-article-container .featured-article-div .featured-article,
  .fact .featured-article-container .featured-article-div .featured-article,
  .fiction .featured-article-container .featured-article-div .featured-article {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
  }
  .home .featured-article-container .featured-article-div .featured-article .featured-image,
  .fact .featured-article-container .featured-article-div .featured-article .featured-image,
  .fiction .featured-article-container .featured-article-div .featured-article .featured-image {
    width: 50%;
  }
  .home .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container,
  .fact .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container,
  .fiction .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 288px;
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container:hover, .home .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container:focus,
  .fact .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container:hover,
  .fact .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container:focus,
  .fiction .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container:hover,
  .fiction .featured-article-container .featured-article-div .featured-article .featured-image .featured-image-container:focus {
    opacity: 1;
  }
  .home .featured-article-container .featured-article-div .featured-article .featured-article-header,
  .fact .featured-article-container .featured-article-div .featured-article .featured-article-header,
  .fiction .featured-article-container .featured-article-div .featured-article .featured-article-header {
    width: 50%;
    padding-bottom: 14.8px;
    padding-bottom: 0.925rem;
  }
}

.fact .related-posts ul li article,
.fiction .related-posts ul li article {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.fact .related-posts ul li article > a,
.fiction .related-posts ul li article > a {
  width: 48%;
  display: block;
}
.fact .related-posts ul li article > a:hover, .fact .related-posts ul li article > a:focus, .fact .related-posts ul li article > a:active,
.fiction .related-posts ul li article > a:hover,
.fiction .related-posts ul li article > a:focus,
.fiction .related-posts ul li article > a:active {
  opacity: 1;
}
.fact .related-posts ul li article > a figure,
.fact .related-posts ul li article > a .featured-image-container,
.fiction .related-posts ul li article > a figure,
.fiction .related-posts ul li article > a .featured-image-container {
  width: 100%;
  height: 0;
  padding-bottom: 150%;
  background-color: #181818;
  position: relative;
}
.fact .related-posts ul li article > a figure img,
.fact .related-posts ul li article > a .featured-image-container img,
.fiction .related-posts ul li article > a figure img,
.fiction .related-posts ul li article > a .featured-image-container img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.fact .related-posts ul li article .wrapper,
.fiction .related-posts ul li article .wrapper {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fact .related-posts ul li article .wrapper h4,
.fiction .related-posts ul li article .wrapper h4 {
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
@media (min-width: 46em) {
  .fact .related-posts ul li article .wrapper h4,
  .fiction .related-posts ul li article .wrapper h4 {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
@media (min-width: 58em) {
  .fact .related-posts ul li article .wrapper h4,
  .fiction .related-posts ul li article .wrapper h4 {
    font-size: 26.31111px;
    font-size: 1.64444rem;
  }
}
.fact .related-posts ul li article .wrapper h4 a,
.fiction .related-posts ul li article .wrapper h4 a {
  color: black;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-weight: normal;
}
.fact .related-posts ul li article .wrapper .author,
.fiction .related-posts ul li article .wrapper .author {
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
}
@media (min-width: 46em) {
  .fact .related-posts ul li article .wrapper .author,
  .fiction .related-posts ul li article .wrapper .author {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media (min-width: 58em) {
  .fact .related-posts ul li article .wrapper .author,
  .fiction .related-posts ul li article .wrapper .author {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
.fact .related-posts ul li article .wrapper .subtitle,
.fiction .related-posts ul li article .wrapper .subtitle {
  line-height: 1.4;
  padding-top: 8.325px;
  padding-top: 0.52031rem;
}
.fact .related-posts ul li article .wrapper .button,
.fiction .related-posts ul li article .wrapper .button {
  margin-top: 12.75px;
  margin-top: 0.79688rem;
}

.home .related-posts ul li h4,
.culture .related-posts ul li h4,
.archive .related-posts ul li h4 {
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
}
.home .related-posts ul li .by-line,
.home .related-posts ul li .post-date,
.culture .related-posts ul li .by-line,
.culture .related-posts ul li .post-date,
.archive .related-posts ul li .by-line,
.archive .related-posts ul li .post-date {
  padding-top: 12.75px;
  padding-top: 0.79688rem;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-family: "Exo 2", sans-serif;
  line-height: 1;
  display: block;
}
.home .related-posts ul li .by-line + .post-date,
.culture .related-posts ul li .by-line + .post-date,
.archive .related-posts ul li .by-line + .post-date {
  padding-top: 3.02563px;
  padding-top: 0.1891rem;
}
.home .related-posts ul li .by-line .author,
.culture .related-posts ul li .by-line .author,
.archive .related-posts ul li .by-line .author {
  font-size: 14.8px;
  font-size: 0.925rem;
  font-weight: bold;
  text-transform: uppercase;
}

.home .related-posts ul,
.culture .related-posts ul,
.archive .related-posts ul {
  display: flex;
}
.home .related-posts ul li,
.culture .related-posts ul li,
.archive .related-posts ul li {
  width: 48%;
  margin-right: 4%;
}
.home .related-posts ul li:nth-child(2n + 2),
.culture .related-posts ul li:nth-child(2n + 2),
.archive .related-posts ul li:nth-child(2n + 2) {
  margin-right: 0;
}
@media (min-width: 46em) {
  .home .related-posts ul li,
  .culture .related-posts ul li,
  .archive .related-posts ul li {
    width: 32%;
    margin-right: 2%;
  }
  .home .related-posts ul li:nth-child(2n + 2),
  .culture .related-posts ul li:nth-child(2n + 2),
  .archive .related-posts ul li:nth-child(2n + 2) {
    margin-right: 2%;
  }
  .home .related-posts ul li:nth-child(3n + 3),
  .culture .related-posts ul li:nth-child(3n + 3),
  .archive .related-posts ul li:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (min-width: 46em) {
  .related-posts ul li {
    width: 24%;
    margin-right: 1.333%;
  }
  .related-posts ul li:nth-child(4n + 4) {
    margin-right: 0;
  }
}
.related-posts ul li h4 {
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
@media (min-width: 46em) {
  .related-posts ul li h4 {
    font-size: 22.66667px;
    font-size: 1.41667rem;
  }
}
@media (min-width: 58em) {
  .related-posts ul li h4 {
    font-size: 26.31111px;
    font-size: 1.64444rem;
  }
}
.related-posts ul li h4 a {
  color: black;
  text-decoration: none;
  font-family: "Exo 2", sans-serif;
  font-weight: normal;
}
.related-posts ul li .author {
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
}
@media (min-width: 46em) {
  .related-posts ul li .author {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
@media (min-width: 58em) {
  .related-posts ul li .author {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
.related-posts ul li .subtitle {
  line-height: 1.4;
  padding-top: 8.325px;
  padding-top: 0.52031rem;
}
.single .related-posts h4 {
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
}
.single .related-posts ul li {
  margin-bottom: 26.31111px;
  margin-bottom: 1.64444rem;
  width: 48%;
  margin-right: 4%;
}
.single .related-posts ul li:nth-child(2n + 2) {
  margin-right: 0;
}
@media (min-width: 46em) {
  .single .related-posts ul li {
    width: 24%;
    margin-right: 1.333%;
  }
  .single .related-posts ul li:nth-child(2n + 2) {
    margin-right: 1.333%;
  }
  .single .related-posts ul li:nth-child(4n + 4) {
    margin-right: 0;
  }
}

.icon-amazon {
  background: url("img/social/amazon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 32px;
  height: 32px;
}

.featherlight .featherlight-content {
  padding: 0;
  border-bottom: 0;
}
.featherlight .featherlight-content:hover {
  cursor: pointer;
}
.featherlight .featherlight-content button {
  top: 8px;
  right: 8px;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  background: transparent url("img/close.png") no-repeat center center;
  background-size: contain;
}

.page .article-header,
.error404 .article-header,
.search .article-header {
  background-color: transparent;
  border-bottom: 0;
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 46em) {
  .page .article-header,
  .error404 .article-header,
  .search .article-header {
    margin-top: 0;
  }
}
.page .article-body > *:first-child,
.page .subtitle + *,
.error404 .article-body > *:first-child,
.error404 .subtitle + *,
.search .article-body > *:first-child,
.search .subtitle + * {
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
}

.search .related-posts {
  padding-top: 35.08148px;
  padding-top: 2.19259rem;
  border-top: 0;
}
.search .related-posts li {
  margin-bottom: 26.31111px;
  margin-bottom: 1.64444rem;
  padding-bottom: 26.31111px;
  padding-bottom: 1.64444rem;
  border-bottom: 1px solid #d4d0c5;
}
.search .related-posts .search-result-type {
  font-size: 12.75px;
  font-size: 0.79688rem;
}
.search .related-posts .article-title {
  padding-top: 5.37891px;
  padding-top: 0.33618rem;
}
.search .related-posts .author {
  padding-top: 5.37891px;
  padding-top: 0.33618rem;
  display: block;
}

.pdf-viewer {
  width: 100%;
  min-height: 640px;
  display: block;
}
@media (min-width: 46em) {
  .pdf-viewer {
    min-height: 980px;
  }
}

.book-sample {
  display: none;
  max-width: 600px;
  padding: 14.8px;
  padding: 0.925rem;
  background-color: #f5f2ed;
}
.book-sample > *:last-child {
  padding-bottom: 26.31111px;
  padding-bottom: 1.64444rem;
}
.book-sample h1,
.book-sample h2,
.book-sample h3,
.book-sample h4,
.book-sample h5,
.book-sample h6 {
  font-size: 26.31111px;
  font-size: 1.64444rem;
  font-family: "Alegreya", serif;
  font-style: italic;
  font-weight: normal;
}
.book-sample .sample-title {
  font-family: "Exo 2", sans-serif;
  font-size: 26.31111px;
  font-size: 1.64444rem;
  font-weight: normal;
  font-style: normal;
}
.book-sample .sample-author {
  display: block;
  font-family: "Exo 2", sans-serif;
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
  font-weight: normal;
  font-size: 19.73333px;
  font-size: 1.23333rem;
}
.book-sample .sample-span {
  text-transform: uppercase;
  font-size: 12.75px;
  font-size: 0.79688rem;
  font-weight: bold;
}
.book-sample .sample-image {
  width: 100%;
}
.book-sample .sample-image + * {
  padding-top: 9.5625px;
  padding-top: 0.59766rem;
}
.book-sample hr {
  border: 0;
  margin: 0;
  padding: 29.6px;
  padding: 1.85rem;
  position: relative;
}
.book-sample hr::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  content: "*";
  display: block;
  text-align: center;
  font-size: 26.31111px;
  font-size: 1.64444rem;
}
.book-sample .amazon-link {
  margin-top: 26.31111px;
  margin-top: 1.64444rem;
  width: 100%;
}
.book-sample .amazon-link .button {
  width: 100%;
  max-width: 100%;
}
.book-sample .flex-content:first-of-type {
  padding-top: 14.8px;
  padding-top: 0.925rem;
}

a.author {
  text-decoration: none;
}

.author-meta-container .author {
  display: inline-block !important;
}

.page.culture .related-posts .author {
  display: inline-block;
  padding-top: 5.37891px;
  padding-top: 0.33618rem;
}

.related-posts ul li .author-meta-container.culture .author {
  text-transform: uppercase;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 2px solid transparent;
  font-family: "Exo 2", sans-serif;
}

.figure-image.full-width,
.figure-gallery.full-width,
.figure {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.figure-image.full-width figcaption,
.figure-gallery.full-width figcaption,
.figure figcaption {
  margin-left: 5.37891px;
  margin-left: 0.33618rem;
}

.figure-image.wide .wrapper,
.figure-image.wide figcaption,
.figure-gallery.wide .wrapper,
.figure-gallery.wide figcaption,
.figure-embed.wide .wrapper,
.figure-embed.wide figcaption {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.center {
  text-align: center;
}

.search-result-type {
  font-size: 14.8px;
  font-size: 0.925rem;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
  margin-top: 12.75px;
  margin-top: 0.79688rem;
  display: inline-block;
  padding: 3.02563px 5.37891px;
  padding: 0.1891rem 0.33618rem;
  background-color: #edba8d;
  text-decoration: none;
}
.search-result-type:hover, .search-result-type:focus {
  opacity: 1;
}
.search-posts.related-posts .search-result-type + h4 {
  padding-top: 0;
}
@media (min-width: 46em) {
  .search-posts.related-posts .search-result-type {
    margin-top: 0;
  }
}
.search-result-type + h4 {
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
}
.fact .search-result-type {
  background-color: #6296a8;
  color: #f5f2ed;
  filter: saturate(150%);
}
.fiction .search-result-type {
  background-color: #e46349;
  color: #f5f2ed;
}
.culture .search-result-type {
  background-color: #e7a061;
  color: #f5f2ed;
}

/* -------------------------------------------------------------------------------
 * tabs
 * -------------------------------------------------------------------------------*/
.r-tabs {
  margin-bottom: 35.08148px;
  margin-bottom: 2.19259rem;
}
.r-tabs .r-tabs-accordion-title a,
.r-tabs .r-tabs-nav a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Exo 2", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  text-decoration: none;
  background-color: #181818;
  color: rgba(245, 242, 237, 0.5);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.r-tabs .r-tabs-accordion-title a:active,
.r-tabs .r-tabs-nav a:active {
  color: black;
}
.r-tabs .r-tabs-accordion-title a:hover, .r-tabs .r-tabs-accordion-title a:focus,
.r-tabs .r-tabs-nav a:hover,
.r-tabs .r-tabs-nav a:focus {
  color: #f5f2ed;
  opacity: 1;
}
.r-tabs .r-tabs-accordion-title li.r-tabs-state-active a,
.r-tabs .r-tabs-nav li.r-tabs-state-active a {
  background-color: #f5f2ed;
  color: black;
  border-bottom: 1px solid #f5f2ed;
}
.r-tabs .r-tabs-accordion-title li.r-tabs-state-active a:hover, .r-tabs .r-tabs-accordion-title li.r-tabs-state-active a:focus,
.r-tabs .r-tabs-nav li.r-tabs-state-active a:hover,
.r-tabs .r-tabs-nav li.r-tabs-state-active a:focus {
  color: black;
  opacity: 1;
}
.r-tabs .r-tabs-accordion-title a {
  display: block;
  width: 100%;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  text-align: center;
  padding: 8.325px;
  padding: 0.52031rem;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active a {
  border-bottom: 1px solid #f5f2ed;
  color: black;
  background-color: #f5f2ed;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
}
.r-tabs .r-tabs-nav {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
}
.r-tabs .r-tabs-nav li {
  width: 100%;
}
.r-tabs .r-tabs-nav li + li {
  border-left: 1px solid black;
}
.r-tabs .r-tabs-nav li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 8.325px;
  padding: 0.52031rem;
}
.r-tabs .r-tabs-panel {
  padding: 0;
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts ul {
  display: block;
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
}
@media (min-width: 34em) {
  .r-tabs .r-tabs-panel .related-posts-container .related-posts ul {
    display: flex;
    padding-top: 26.31111px;
    padding-top: 1.64444rem;
  }
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts ul li {
  border-bottom: 0;
  padding-bottom: 0;
  width: 100%;
  margin-right: 0;
}
@media (min-width: 34em) {
  .r-tabs .r-tabs-panel .related-posts-container .related-posts ul li {
    width: 32%;
    margin-right: 2%;
  }
  .r-tabs .r-tabs-panel .related-posts-container .related-posts ul li:nth-child(n + 3) {
    margin-right: 0;
  }
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts ul li .article a {
  display: block;
  max-width: 288px;
  max-width: 18rem;
  margin-left: auto;
  margin-right: auto;
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts ul li .article a:hover, .r-tabs .r-tabs-panel .related-posts-container .related-posts ul li .article a:focus {
  opacity: 1;
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts .all-posts {
  width: 100%;
  text-align: center;
  padding: 8.325px;
  padding: 0.52031rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 34em) {
  .r-tabs .r-tabs-panel .related-posts-container .related-posts .all-posts {
    max-width: 288px;
    max-width: 18rem;
  }
}
.r-tabs .r-tabs-panel .related-posts-container .related-posts .all-posts:first-of-type {
  margin-bottom: 35.08148px;
  margin-bottom: 2.19259rem;
}
@media (min-width: 34em) {
  .r-tabs .r-tabs-panel .related-posts-container .related-posts .all-posts:first-of-type {
    margin-bottom: 0;
  }
}

/* -------------------------------------------------------------------------------
 * flickity
 * -------------------------------------------------------------------------------*/
.flickity-slider > li {
  width: 100%;
  list-style: none;
  position: relative;
}

.flickity-button {
  color: rgba(245, 242, 237, 0.5);
  background-color: transparent;
}
.flickity-button:hover, .flickity-button:focus {
  color: #f5f2ed;
  background-color: transparent;
}

.article-body .flickity-enabled {
  padding-bottom: 25.325px;
  padding-bottom: 1.58281rem;
}
.article-body .flickity-page-dots {
  position: absolute;
  bottom: 0;
}
.article-body .figure-gallery .flickity-prev-next-button.previous {
  background-color: rgba(245, 242, 237, 0.2);
  color: rgba(0, 0, 0, 0.5);
}
.article-body .figure-gallery .flickity-prev-next-button.next {
  background-color: rgba(245, 242, 237, 0.2);
  color: rgba(0, 0, 0, 0.5);
}

.home .new-releases .all-posts {
  margin-top: 26.31111px;
  margin-top: 1.64444rem;
  width: 100%;
  text-align: center;
  padding: 8.325px;
  padding: 0.52031rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 34em) {
  .home .new-releases .all-posts {
    max-width: 288px;
    max-width: 18rem;
  }
}

.related-posts-container.new-releases .related-posts {
  border-top: 0;
  padding-top: 0;
}
@media (min-width: 34em) {
  .related-posts-container.new-releases ul {
    display: flex;
  }
}
.related-posts-container.new-releases ul li {
  border-bottom: 0;
  padding-bottom: 0;
  width: 100%;
  margin-right: 0;
}
@media (min-width: 34em) {
  .related-posts-container.new-releases ul li {
    width: 32%;
    margin-right: 2%;
  }
  .related-posts-container.new-releases ul li:nth-child(n + 3) {
    margin-right: 0;
  }
}
.related-posts-container.new-releases ul li .article a {
  display: block;
  max-width: 288px;
  max-width: 18rem;
  margin-left: auto;
  margin-right: auto;
}
.related-posts-container.new-releases ul li .article a:hover, .related-posts-container.new-releases ul li .article a:focus {
  opacity: 1;
}
.related-posts-container.new-releases .all-posts {
  width: 100%;
  text-align: center;
  padding: 8.325px;
  padding: 0.52031rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 34em) {
  .related-posts-container.new-releases .all-posts {
    max-width: 288px;
    max-width: 18rem;
  }
}
.related-posts-container.new-releases .all-posts:first-of-type {
  margin-bottom: 35.08148px;
  margin-bottom: 2.19259rem;
}
@media (min-width: 34em) {
  .related-posts-container.new-releases .all-posts:first-of-type {
    margin-bottom: 0;
  }
}

/* -------------------------------------------------------------------------------
 * corner ribbon
 * -------------------------------------------------------------------------------*/
.corner-ribbon {
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -40px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 14.8px;
  font-size: 0.925rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Exo 2", sans-serif;
}

/* Custom styles */
.corner-ribbon.sticky {
  position: fixed;
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* Different positions */
.corner-ribbon.top-left {
  top: 25px;
  left: -55px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right {
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */
.corner-ribbon.white {
  background: #f0f0f0;
  color: #555;
}

.corner-ribbon.black {
  background: #333;
}

.corner-ribbon.grey {
  background: #999;
}

.corner-ribbon.blue {
  background: #39d;
}

.corner-ribbon.green {
  background: #2c7;
}

.corner-ribbon.turquoise {
  background: #1b9;
}

.corner-ribbon.purple {
  background: #95b;
}

.corner-ribbon.red {
  background: #e43;
}

.corner-ribbon.orange {
  background: #e82;
}

.corner-ribbon.yellow {
  background: #ec0;
}

/* -------------------------------------------------------------------------------
 * ajax lazy loading
 * -------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 * home page new releases
 * -------------------------------------------------------------------------------*/
.home .new-releases {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
.home .new-releases h2 {
  text-align: center;
  font-family: "Alegreya", serif;
  font-size: 26.31111px;
  font-size: 1.64444rem;
  font-style: italic;
  font-weight: normal;
}
@media (min-width: 46em) {
  .home .new-releases h2 {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
}
.home .new-releases .flickity-button.previous {
  left: -30px;
  margin-top: 12px;
}
.home .new-releases .flickity-button.previous svg {
  color: #333;
}
.home .new-releases .flickity-button.next {
  right: -30px;
  margin-top: 12px;
}
.home .new-releases .flickity-button.next svg {
  color: #333;
}
.home .new-releases ul {
  width: 90%;
  margin: 0 5%;
  padding: 0;
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
.home .new-releases ul li {
  padding: 0;
  width: 33.333%;
  margin: 0;
  padding-left: 1.5%;
  padding-right: 1.5%;
  list-style-type: none;
  display: inline-block;
}

/* -------------------------------------------------------------------------------
 * share buttons
 * -------------------------------------------------------------------------------*/
.share-buttons {
  text-align: center;
}
.share-buttons > h4:first-child {
  margin-top: 26.31111px;
  margin-top: 1.64444rem;
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
  border-top: 1px solid #d5d0c6;
  text-align: center;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.article-social-sharing {
  margin-top: 0;
  padding: 0;
  margin-top: 14.8px;
  margin-top: 0.925rem;
  list-style-type: none;
  font-size: 12.75px;
  font-size: 0.79688rem;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
}
.article-social-sharing li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.article-social-sharing li a {
  padding-left: 26.31111px;
  padding-left: 1.64444rem;
  background-image: url("img/social/twitter-dark.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  opacity: 0.7;
}
.article-social-sharing li a.icon-only {
  padding-left: 0;
  width: 19.73333px;
  width: 1.23333rem;
  color: transparent;
  text-indent: -9999px;
  background-position: center center;
}
.article-social-sharing li a.icon-only.icon-twitter:hover::before, .article-social-sharing li a.icon-only.icon-twitter:focus::before {
  content: "Share on Twitter";
  display: inline-block;
  position: absolute;
  transform: translateX(-100%);
  font-size: 11.1px;
  font-size: 0.69375rem;
  text-transform: uppercase;
  color: black;
  text-indent: 0;
  font-family: "Exo 2", sans-serif;
  width: 150px;
  text-align: right;
  margin-top: 3px;
}
.article-social-sharing li a.icon-only.icon-facebook:hover::after, .article-social-sharing li a.icon-only.icon-facebook:focus::after {
  content: "Share on Facebook";
  display: inline-block;
  position: absolute;
  font-size: 11.1px;
  font-size: 0.69375rem;
  text-transform: uppercase;
  color: black;
  text-indent: 0;
  font-family: "Exo 2", sans-serif;
  width: 150px;
  text-align: left;
  margin-left: -10px;
  margin-top: 3px;
}
.article-social-sharing li + li a {
  margin-left: 19.73333px;
  margin-left: 1.23333rem;
  padding-left: 22.66667px;
  padding-left: 1.41667rem;
  background-image: url("img/social/facebook-dark.png");
}
.article-social-sharing li + li a.icon-only {
  margin-left: 0;
  padding-left: 0;
}
.article-social-sharing li a {
  font-weight: normal;
}

/* -------------------------------------------------------------------------------
 * home / fiction page slider
 * -------------------------------------------------------------------------------*/
.home .featured-article-container, .page.fiction .featured-article-container {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  position: relative;
}
@media (min-width: 46em) {
  .home .featured-article-container, .page.fiction .featured-article-container {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: -1px;
  }
}
.home .featured-article-container .slides,
.home .featured-article-container .slides-mobile,
.home .featured-article-container .slides > .flickity-viewport,
.home .featured-article-container .slides > .flickity-viewport > .flickity-slider,
.home .featured-article-container .slides > .flickity-viewport > .flickity-slider > li, .page.fiction .featured-article-container .slides,
.page.fiction .featured-article-container .slides-mobile,
.page.fiction .featured-article-container .slides > .flickity-viewport,
.page.fiction .featured-article-container .slides > .flickity-viewport > .flickity-slider,
.page.fiction .featured-article-container .slides > .flickity-viewport > .flickity-slider > li {
  background-color: black;
}
.home .featured-article-container .slides > .flickity-viewport,
.home .featured-article-container .slides > .flickity-viewport > .flickity-slider,
.home .featured-article-container .slides > .flickity-viewport > .flickity-slider > li, .page.fiction .featured-article-container .slides > .flickity-viewport,
.page.fiction .featured-article-container .slides > .flickity-viewport > .flickity-slider,
.page.fiction .featured-article-container .slides > .flickity-viewport > .flickity-slider > li {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.home .featured-article-container .slides > .flickity-viewport > .flickity-slider > li,
.home .featured-article-container .slides-mobile > .flickity-viewport > .flickity-slider > li, .page.fiction .featured-article-container .slides > .flickity-viewport > .flickity-slider > li,
.page.fiction .featured-article-container .slides-mobile > .flickity-viewport > .flickity-slider > li {
  opacity: 0 !important;
  transition: opacity 5s ease !important;
}
.home .featured-article-container .slides > .flickity-viewport > .flickity-slider > li.is-selected,
.home .featured-article-container .slides-mobile > .flickity-viewport > .flickity-slider > li.is-selected, .page.fiction .featured-article-container .slides > .flickity-viewport > .flickity-slider > li.is-selected,
.page.fiction .featured-article-container .slides-mobile > .flickity-viewport > .flickity-slider > li.is-selected {
  opacity: 1 !important;
}
.home .featured-article-container .slides .featured-illustrations li, .page.fiction .featured-article-container .slides .featured-illustrations li {
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}
.home .featured-article-container .slides .featured-illustrations li.is-selected, .page.fiction .featured-article-container .slides .featured-illustrations li.is-selected {
  opacity: 1 !important;
}
.home .featured-article-container .featured-illustration, .page.fiction .featured-article-container .featured-illustration {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.home .featured-article-container .featured-illustration img, .page.fiction .featured-article-container .featured-illustration img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home .slides .flickity-page-dots,
.home .slides-mobile .flickity-page-dots, .page.fiction .slides .flickity-page-dots,
.page.fiction .slides-mobile .flickity-page-dots {
  position: absolute;
  bottom: 8px;
  z-index: 9999;
}
@media (min-width: 46em) {
  .home .slides .flickity-page-dots,
  .home .slides-mobile .flickity-page-dots, .page.fiction .slides .flickity-page-dots,
  .page.fiction .slides-mobile .flickity-page-dots {
    width: 62%;
    right: 0;
  }
}
@media (min-width: 58em) {
  .home .slides .flickity-page-dots,
  .home .slides-mobile .flickity-page-dots, .page.fiction .slides .flickity-page-dots,
  .page.fiction .slides-mobile .flickity-page-dots {
    width: 52%;
  }
}
@media (min-width: 80em) {
  .home .slides .flickity-page-dots,
  .home .slides-mobile .flickity-page-dots, .page.fiction .slides .flickity-page-dots,
  .page.fiction .slides-mobile .flickity-page-dots {
    width: 42%;
  }
}
.home .slides .flickity-page-dots .dot,
.home .slides-mobile .flickity-page-dots .dot, .page.fiction .slides .flickity-page-dots .dot,
.page.fiction .slides-mobile .flickity-page-dots .dot {
  background-color: white !important;
  height: 7px !important;
  width: 7px !important;
  opacity: 0.5 !important;
  margin: 0 5px !important;
}
.home .slides .flickity-page-dots .dot.is-selected,
.home .slides-mobile .flickity-page-dots .dot.is-selected, .page.fiction .slides .flickity-page-dots .dot.is-selected,
.page.fiction .slides-mobile .flickity-page-dots .dot.is-selected {
  opacity: 1 !important;
}
.home .featured-article-detail, .page.fiction .featured-article-detail {
  display: flex;
  flex-flow: row nowrap;
  padding: 14.8px;
  padding: 0.925rem;
  padding-bottom: 35.08148px;
  padding-bottom: 2.19259rem;
  background-color: black;
  z-index: 1000;
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
  opacity: 0;
}
@media (min-width: 46em) {
  .home .featured-article-detail, .page.fiction .featured-article-detail {
    background-color: rgba(0, 0, 0, 0.4);
    right: 0;
    width: 62%;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 58em) {
  .home .featured-article-detail, .page.fiction .featured-article-detail {
    width: 52%;
  }
}
@media (min-width: 80em) {
  .home .featured-article-detail, .page.fiction .featured-article-detail {
    width: 42%;
  }
}
.home .featured-article-detail .button, .page.fiction .featured-article-detail .button {
  border: 1px solid rgba(245, 242, 237, 0.5);
}
.home .featured-article-detail .button:hover, .home .featured-article-detail .button:focus, .page.fiction .featured-article-detail .button:hover, .page.fiction .featured-article-detail .button:focus {
  border-color: #f5f2ed;
}
@media (min-width: 46em) {
  .home .featured-article-detail .button, .page.fiction .featured-article-detail .button {
    border: 0;
  }
}
.home .featured-article-detail .flickity-nav-button, .page.fiction .featured-article-detail .flickity-nav-button {
  opacity: 0.6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #f5f2ed;
  font-size: 26.31111px;
  font-size: 1.64444rem;
}
.home .featured-article-detail .flickity-nav-button.button--next, .page.fiction .featured-article-detail .flickity-nav-button.button--next {
  right: 8px;
}
.home .featured-article-detail .flickity-nav-button.button--previous, .page.fiction .featured-article-detail .flickity-nav-button.button--previous {
  left: 8px;
}
.home .featured-article-detail .flickity-nav-button:hover, .page.fiction .featured-article-detail .flickity-nav-button:hover {
  cursor: pointer;
}
.home .featured-article-detail .flickity-nav-button:hover, .home .featured-article-detail .flickity-nav-button:focus, .home .featured-article-detail .flickity-nav-button:active, .page.fiction .featured-article-detail .flickity-nav-button:hover, .page.fiction .featured-article-detail .flickity-nav-button:focus, .page.fiction .featured-article-detail .flickity-nav-button:active {
  opacity: 1;
}
.home .featured-article-detail .flickity-nav-button.button-disabled, .page.fiction .featured-article-detail .flickity-nav-button.button-disabled {
  opacity: 0.1 !important;
  cursor: default !important;
}
.home .featured-article-detail .featured-article-header > .author-container,
.home .featured-article-detail .featured-article-header > .author-container > .author, .page.fiction .featured-article-detail .featured-article-header > .author-container,
.page.fiction .featured-article-detail .featured-article-header > .author-container > .author {
  font-size: 14.8px;
  font-size: 0.925rem;
}
.home .featured-article-detail .featured-article-header > h2, .page.fiction .featured-article-detail .featured-article-header > h2 {
  font-size: 35.08148px;
  font-size: 2.19259rem;
}
.home .featured-article-detail .featured-article-header > .excerpt p, .page.fiction .featured-article-detail .featured-article-header > .excerpt p {
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
}
.home .featured-article-detail .featured-article-header > *, .page.fiction .featured-article-detail .featured-article-header > * {
  color: white;
}
.home .featured-article-detail .featured-image, .page.fiction .featured-article-detail .featured-image {
  width: 150px;
  margin-right: 14.8px;
  margin-right: 0.925rem;
}
.home .slides, .page.fiction .slides {
  display: none;
}
@media (min-width: 46em) {
  .home .slides, .page.fiction .slides {
    display: block;
  }
}
@media (min-width: 46em) {
  .home .slides-mobile, .page.fiction .slides-mobile {
    display: none;
  }
}
.home .slides-mobile .featured-article-detail, .page.fiction .slides-mobile .featured-article-detail {
  display: flex;
  flex-flow: row wrap;
  padding-bottom: 35.08148px;
  padding-bottom: 2.19259rem;
  background-color: black;
  z-index: 1000;
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  opacity: 0;
}
.home .slides-mobile .featured-article-detail .featured-image, .page.fiction .slides-mobile .featured-article-detail .featured-image {
  width: 100%;
  margin-right: 0;
}
.home .slides-mobile .featured-article-detail .featured-article-header, .page.fiction .slides-mobile .featured-article-detail .featured-article-header {
  padding-left: 4%;
  padding-right: 4%;
  Padding-top: 14.8px;
  Padding-top: 0.925rem;
}

/* -------------------------------------------------------------------------------
 * 'tagged with' for culture posts
 * -------------------------------------------------------------------------------*/
.tagged-with {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
}
.tagged-with > * {
  margin: 0;
  padding: 0;
  display: inline-block;
  color: #696767;
  font-size: 12.75px;
  font-size: 0.79688rem;
}
.tagged-with a {
  color: #696767;
  text-decoration: none;
  border-bottom: 1px solid #d5d0c6;
}
.tagged-with a:hover, .tagged-with a:focus {
  color: black;
  border-bottom-color: #696767;
}
.tagged-with a::after {
  content: ", ";
}
.tagged-with li:last-child a::after {
  content: "";
}

/* -------------------------------------------------------------------------------
 * ajax search
 * -------------------------------------------------------------------------------*/
.search_results_activity_indicator {
  background-image: url("img/spinner-dark.gif") !important;
  position: fixed !important;
  top: 69.59px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 32px;
  height: 32px;
}
.logged-in .search_results_activity_indicator {
  top: 115.59px !important;
}
@media (min-width: 783px) {
  .logged-in .search_results_activity_indicator {
    top: 101.59px !important;
  }
}
.search_results_activity_indicator canvas {
  display: none !important;
}

.logged-in .dwls_search_results {
  top: 49.59px !important;
}

.dwls_search_results {
  z-index: 10000;
  left: 0 !important;
  right: 0 !important;
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}
@media (min-width: 80em) {
  .dwls_search_results {
    max-width: 1106.4px;
    max-width: 69.15rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.dwls_search_results > li {
  background-color: black;
  margin: 0;
  padding: 0;
  border: 0;
  padding: 0px 14.8px;
  padding: 0rem 0.925rem;
}
@media (min-width: 80em) {
  .dwls_search_results > li {
    padding: 0;
  }
}
.dwls_search_results > li > a,
.dwls_search_results > .search_footer a {
  border-bottom: 1px solid rgba(105, 103, 103, 0.5);
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  background-color: black;
  color: #f5f2ed;
  display: block;
  line-height: 1.2;
  color: #d5d0c6;
  text-decoration: none;
  padding: 8.325px 14.8px;
  padding: 0.52031rem 0.925rem;
}
@media (min-width: 80em) {
  .dwls_search_results > li > a,
  .dwls_search_results > .search_footer a {
    padding: 8.325px;
    padding: 0.52031rem;
  }
}
.dwls_search_results > li > a:hover, .dwls_search_results > li > a:focus,
.dwls_search_results > .search_footer a:hover,
.dwls_search_results > .search_footer a:focus {
  background-color: #f5f2ed;
  color: #181818;
  text-decoration: none;
}
.dwls_search_results > .search_footer a {
  font-weight: bold;
}

.search-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.site-top-menu-container {
  position: relative;
  z-index: 10000;
}

.search-mask.show {
  opacity: 1;
  transition: opacity 0.5s ease;
  pointer-events: auto;
}

.figure-embed {
  text-align: center;
}

.banner.home-flipbook {
  margin-top: 46.77531px;
  margin-top: 2.92346rem;
  margin-bottom: 19.73333px;
  margin-bottom: 1.23333rem;
}
.banner.home-flipbook h2 {
  text-align: center;
  font-family: "Alegreya", serif;
  font-size: 26.31111px;
  font-size: 1.64444rem;
  font-style: italic;
  font-weight: normal;
}
@media (min-width: 46em) {
  .banner.home-flipbook h2 {
    font-size: 35.08148px;
    font-size: 2.19259rem;
  }
}
.banner.home-flipbook iframe {
  margin-top: 19.73333px;
  margin-top: 1.23333rem;
}
.banner.home-flipbook .home-flipbook-excerpt {
  text-align: center;
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
  margin: 0px 14.8px;
  margin: 0rem 0.925rem;
}
@media (min-width: 46em) {
  .banner.home-flipbook .home-flipbook-excerpt {
    font-size: 19.73333px;
    font-size: 1.23333rem;
  }
}
@media (min-width: 58em) {
  .banner.home-flipbook .home-flipbook-excerpt {
    font-size: 22.66667px;
    font-size: 1.41667rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
}
.banner.home-flipbook figcaption {
  font-size: 14.8px;
  font-size: 0.925rem;
  text-align: center;
  color: #888;
  margin-top: 8.325px;
  margin-top: 0.52031rem;
}

.recent-posts ul, .related-posts ul,
.related-posts .alm-reveal, .article-body .figure-gallery ul, .r-tabs .r-tabs-nav, #menu, .site-top-menu ul, .footer-menu ul, .sub-footer .footer-social {
  list-style-type: none;
}
.recent-posts ul li, .related-posts ul li,
.related-posts .alm-reveal li, .article-body .figure-gallery ul li, .r-tabs .r-tabs-nav li, #menu li, .site-top-menu ul li, .footer-menu ul li, .sub-footer .footer-social li {
  margin-left: 0;
}

ul,
ol,
dl {
  margin-top: 19.73333px;
  margin-top: 1.23333rem;
}
ul:first-child,
ol:first-child,
dl:first-child {
  margin-top: 0;
}

ul, ol {
  list-style-position: outside;
}
ul li, ol li {
  margin-left: 17px;
  margin-left: 1.0625rem;
}

ul {
  list-style-type: disc;
}

ul > li ul, ol > li ul {
  list-style-type: circle;
}
ul > li ul > li ul,
ul > li ol > li ul, ol > li ul > li ul,
ol > li ol > li ul {
  list-style-type: square;
}

ul li ul, ul li ol, ol li ul, ol li ol {
  margin-left: 17px;
  margin-left: 1.0625rem;
}

dt {
  display: inline;
  letter-spacing: 0.5px;
}
dt:after {
  margin-left: -4px;
  margin-left: -0.25rem;
  content: ": ";
}

dd {
  display: inline;
  letter-spacing: 0.5px;
}
dd:after {
  display: block;
  content: " ";
}

a {
  color: black;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  opacity: 0.5;
}

table {
  font-size: 14.8px;
  font-size: 0.925rem;
  margin: 19.73333px 0px 0px;
  margin: 1.23333rem 0rem 0rem;
  padding: 0;
  max-width: 100%;
  width: 100%;
  line-height: 1.2;
  text-align: left;
  border-top: 1px solid #d4d0c5;
}

thead, tr {
  border-bottom: 1px solid #d4d0c5;
}

thead th {
  vertical-align: top;
}

th {
  text-align: left;
}

th,
td {
  padding: 8.325px 0px;
  padding: 0.52031rem 0rem;
  margin: 0;
}

tbody th,
tbody td {
  vertical-align: top;
}

.msg {
  margin-top: 19.73333px;
  margin-top: 1.23333rem;
  padding: 14.8px;
  padding: 0.925rem;
  display: block;
  background-color: #f5f2ed;
}

button {
  outline: none;
}

.button {
  align-items: center;
  display: flex;
  justify-content: space-around;
  flex-flow: row nowrap;
  padding: 22px 16px;
  padding: 1.375rem 1rem;
  background-color: #d4d0c5;
  color: black;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  max-width: 180px;
}
.button:hover, .button:focus, .button:active {
  opacity: 0.75;
}
.button.amazon {
  color: #f5f2ed;
  background-color: #181818;
}

.button.sample,
.button.amazon {
  margin: 0;
}

.button.sample {
  width: 48%;
}

.button.amazon {
  width: 100%;
}

.amazon-link {
  width: 48%;
}

textarea, select, input, button {
  outline: none;
  border-radius: 0;
}

::placeholder {
  color: #bfb8a9;
  font-style: italic;
  letter-spacing: 1px;
  font-family: "Alegreya", serif;
}

label,
input,
textarea {
  display: block;
}

input,
textarea {
  padding: 3.02563px 5.37891px 5.37891px;
  padding: 0.1891rem 0.33618rem 0.33618rem;
  font-size: 19.73333px;
  font-size: 1.23333rem;
  margin: 0;
  width: 100%;
  border: 0;
  background-color: transparent;
  vertical-align: middle;
  font-family: "Alegreya", serif;
  -webkit-appearance: none;
  color: black;
  font-style: italic;
  letter-spacing: 1px;
}
@media (min-width: 34em) {
  input,
  textarea {
    width: auto;
  }
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 8.325px;
  margin-right: 0.52031rem;
  display: inline-block;
  vertical-align: none;
}

label {
  margin: 19.73333px 0px 0px;
  margin: 1.23333rem 0rem 0rem;
}
label:first-child {
  margin-top: 0;
}

legend {
  font-size: 14.8px;
  font-size: 0.925rem;
  font-family: "Exo 2", sans-serif;
}

select {
  display: block;
  padding: 9.6px 22.4px 8px 12.8px;
  padding: 0.6rem 1.4rem 0.5rem 0.8rem;
  border: 1px solid #aaa;
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #eaad77;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right .7em top 50%;
  background-size: .65em auto;
}

.contact-form {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}

.nf-form-title {
  display: none;
}

.nf-form-fields-required {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.nf-field-label {
  margin-bottom: 4px !important;
}

.nf-form-wrap label {
  margin-bottom: 5.37891px;
  margin-bottom: 0.33618rem;
  font-size: 12.75px;
  font-size: 0.79688rem;
  text-transform: uppercase;
  font-family: "Exo 2", sans-serif;
}

.nf-field .field-wrap.textbox-wrap input,
.nf-field .field-wrap.textbox-wrap textarea, .nf-field .field-wrap.email-wrap input,
.nf-field .field-wrap.email-wrap textarea, .nf-field .field-wrap.textarea-wrap input,
.nf-field .field-wrap.textarea-wrap textarea {
  width: 100%;
  border: 1px solid #d5d0c6;
  background-color: #fefefd;
  font-style: normal;
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  padding: 12.75px;
  padding: 0.79688rem;
}
.nf-field .field-wrap.submit-wrap input {
  border: 0;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-style: normal;
  color: #f5f2ed;
  background-color: black;
  text-transform: uppercase;
  padding: 12.75px;
  padding: 0.79688rem;
}
.nf-field .field-wrap.submit-wrap input:hover, .nf-field .field-wrap.submit-wrap input:focus {
  opacity: 0.7;
}

.nf-response-msg {
  border: 0;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-style: normal;
  color: black;
  background-color: #e0dcd5;
  text-transform: uppercase;
  padding: 8.325px 5.37891px;
  padding: 0.52031rem 0.33618rem;
  text-align: center;
}

/* -------------------------------------------------------------------------------
 * newsletter
 * -------------------------------------------------------------------------------*/
.home .article-body {
  padding-bottom: 46.77531px;
  padding-bottom: 2.92346rem;
  margin-bottom: 35.08148px;
  margin-bottom: 2.19259rem;
  background-color: #ebe8e3;
}

.newsletter-signup h2 {
  text-align: center;
}
.newsletter-signup form {
  padding-top: 14.8px;
  padding-top: 0.925rem;
}
.newsletter-signup ::placeholder {
  font-family: "Exo 2", sans-serif;
  font-style: normal;
}
.newsletter-signup .form {
  width: 100%;
}
.newsletter-signup .form div.input {
  min-width: 70%;
}
.newsletter-signup .form div.submit {
  min-width: 30%;
}
@media (min-width: 34em) {
  .newsletter-signup .form {
    display: flex;
    flex-flow: row nowrap;
  }
}
.newsletter-signup input {
  width: 100%;
  border: 1px solid #d5d0c6;
  background-color: #fefefd;
  font-style: normal;
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  padding: 12.75px;
  padding: 0.79688rem;
}
.newsletter-signup input[type="email"] {
  min-width: 100%;
}
@media (min-width: 34em) {
  .newsletter-signup input[type="email"] {
    border-right: 0;
  }
}
.newsletter-signup input[type="submit"].button {
  background-color: black;
  color: #f5f2ed;
  padding: 12.75px 35.08148px;
  padding: 0.79688rem 2.19259rem;
  border: 1px solid black;
  min-width: 100%;
}
.newsletter-signup .error-message {
  color: red;
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
}

.article-body.banner-content.newsletter-signup {
  margin-bottom: 0;
}

.mobile-nav,
.search-wrapper-form-container {
  z-index: 999;
}

/* -------------------------------------------------------------------------------
* menu
* -------------------------------------------------------------------------------*/
.hide-mobile {
  display: none;
}
@media (min-width: 34em) {
  .hide-mobile {
    display: block;
  }
}

.mobile-nav,
.main-nav {
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.mobile-nav {
  display: none;
}
.mobile-nav ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-content: top;
}
.mobile-nav ul li {
  margin-left: 0;
}
.mobile-nav ul li + li {
  margin-left: 26.31111px;
  margin-left: 1.64444rem;
}
@media (min-width: 58em) {
  .mobile-nav ul li + li {
    margin-left: 46.77531px;
    margin-left: 2.92346rem;
  }
}
.mobile-nav ul li a {
  text-decoration: none;
}

.main-nav {
  display: block;
}
.main-nav ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-content: top;
}
.main-nav ul li {
  margin-left: 0;
}
.main-nav ul li + li {
  margin-left: 26.31111px;
  margin-left: 1.64444rem;
}
@media (min-width: 58em) {
  .main-nav ul li + li {
    margin-left: 46.77531px;
    margin-left: 2.92346rem;
  }
}
.main-nav ul li a {
  color: #f5f2ed;
  line-height: 1.6;
  text-decoration: none;
}

#menuToggle {
  position: absolute;
  right: 0;
  top: 27.2px;
  top: 1.7rem;
  display: block;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input[type="checkbox"] {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  width: 30px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  background: #f5f2ed;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input[type="checkbox"]:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #f5f2ed;
}

#menuToggle input[type="checkbox"]:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input[type="checkbox"]:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  margin: 0;
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  right: -100%;
  background: black;
  list-style-type: none;
  transform-origin: 0% 0%;
  transition: right 0.5s ease;
}
#menu:after {
  content: "";
  display: table;
  clear: both;
}

#menu li:first-child {
  padding-top: 62.36708px;
  padding-top: 3.89794rem;
}
#menu li + li {
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
}
#menu li a {
  font-size: 19.73333px;
  font-size: 1.23333rem;
  font-weight: bold;
  line-height: 1.2;
  color: #f5f2ed;
  text-decoration: none;
}

#menuToggle input[type="checkbox"]:checked ~ ul {
  right: 0;
  z-index: 1000;
}

#menu .sub {
  margin-top: 14.8px;
  margin-top: 0.925rem;
}
#menu .sub + .sub {
  margin-top: 0;
}
#menu .sub a {
  font-size: 14.8px;
  font-size: 0.925rem;
  color: black;
}

/* -------------------------------------------------------------------------------
* search
* -------------------------------------------------------------------------------*/
.search-wrapper {
  background-color: black;
}
.search-wrapper input[type="text"] {
  color: #f5f2ed;
  width: 100%;
  max-width: 80px;
  transition: max-width 0.5s ease;
}
.search-wrapper input[type="text"]:focus {
  width: auto;
  max-width: 500px;
}
.search-wrapper input[type="text"]:focus ::placeholder {
  color: #bfb8a9;
}
.search-wrapper input[type="submit"] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.search-list-item .search-form {
  padding: 0;
  margin-left: -5.37891px;
  margin-left: -0.33618rem;
  margin-top: 46.77531px;
  margin-top: 2.92346rem;
}
.search-list-item input[type="text"] {
  max-width: 100%;
}

/* -------------------------------------------------------------------------------
 * site top menu
 * -------------------------------------------------------------------------------*/
.site-top-menu-container {
  background-color: black;
}

.site-top-menu ul {
  position: relative;
  display: flex;
  border-left: 1px solid #323232;
}
.site-top-menu ul li {
  height: 100%;
}
.site-top-menu ul li + li {
  border-left: 1px solid #323232;
}
.site-top-menu ul li:nth-last-child(2), .site-top-menu ul li:last-child {
  border-right: 1px solid #323232;
}
.site-top-menu ul li.full-search:hover {
  cursor: text;
}
.site-top-menu ul li.full-search * {
  height: 100%;
}
.site-top-menu ul li a {
  letter-spacing: 1px;
  display: inline-block;
  color: #d4d0c5;
  padding: 14.8px;
  padding: 0.925rem;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Exo 2", sans-serif;
  font-size: 12.75px;
  font-size: 0.79688rem;
}

textarea, select, input, button {
  outline: none;
  border-radius: 0;
}

::placeholder {
  color: #bfb8a9;
  font-style: italic;
  letter-spacing: 1px;
  font-family: "Alegreya", serif;
}

label,
input,
textarea {
  display: block;
}

input,
textarea {
  padding: 3.02563px 5.37891px 5.37891px;
  padding: 0.1891rem 0.33618rem 0.33618rem;
  font-size: 19.73333px;
  font-size: 1.23333rem;
  margin: 0;
  width: 100%;
  border: 0;
  background-color: transparent;
  vertical-align: middle;
  font-family: "Alegreya", serif;
  -webkit-appearance: none;
  color: black;
  font-style: italic;
  letter-spacing: 1px;
}
@media (min-width: 34em) {
  input,
  textarea {
    width: auto;
  }
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 8.325px;
  margin-right: 0.52031rem;
  display: inline-block;
  vertical-align: none;
}

label {
  margin: 19.73333px 0px 0px;
  margin: 1.23333rem 0rem 0rem;
}
label:first-child {
  margin-top: 0;
}

legend {
  font-size: 14.8px;
  font-size: 0.925rem;
  font-family: "Exo 2", sans-serif;
}

select {
  display: block;
  padding: 9.6px 22.4px 8px 12.8px;
  padding: 0.6rem 1.4rem 0.5rem 0.8rem;
  border: 1px solid #aaa;
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #eaad77;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right .7em top 50%;
  background-size: .65em auto;
}

.contact-form {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}

.nf-form-title {
  display: none;
}

.nf-form-fields-required {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.nf-field-label {
  margin-bottom: 4px !important;
}

.nf-form-wrap label {
  margin-bottom: 5.37891px;
  margin-bottom: 0.33618rem;
  font-size: 12.75px;
  font-size: 0.79688rem;
  text-transform: uppercase;
  font-family: "Exo 2", sans-serif;
}

.nf-field .field-wrap.textbox-wrap input,
.nf-field .field-wrap.textbox-wrap textarea, .nf-field .field-wrap.email-wrap input,
.nf-field .field-wrap.email-wrap textarea, .nf-field .field-wrap.textarea-wrap input,
.nf-field .field-wrap.textarea-wrap textarea {
  width: 100%;
  border: 1px solid #d5d0c6;
  background-color: #fefefd;
  font-style: normal;
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  padding: 12.75px;
  padding: 0.79688rem;
}
.nf-field .field-wrap.submit-wrap input {
  border: 0;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-style: normal;
  color: #f5f2ed;
  background-color: black;
  text-transform: uppercase;
  padding: 12.75px;
  padding: 0.79688rem;
}
.nf-field .field-wrap.submit-wrap input:hover, .nf-field .field-wrap.submit-wrap input:focus {
  opacity: 0.7;
}

.nf-response-msg {
  border: 0;
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-style: normal;
  color: black;
  background-color: #e0dcd5;
  text-transform: uppercase;
  padding: 8.325px 5.37891px;
  padding: 0.52031rem 0.33618rem;
  text-align: center;
}

/* -------------------------------------------------------------------------------
 * newsletter
 * -------------------------------------------------------------------------------*/
.home .article-body {
  padding-bottom: 46.77531px;
  padding-bottom: 2.92346rem;
  margin-bottom: 35.08148px;
  margin-bottom: 2.19259rem;
  background-color: #ebe8e3;
}

.newsletter-signup h2 {
  text-align: center;
}
.newsletter-signup form {
  padding-top: 14.8px;
  padding-top: 0.925rem;
}
.newsletter-signup ::placeholder {
  font-family: "Exo 2", sans-serif;
  font-style: normal;
}
.newsletter-signup .form {
  width: 100%;
}
.newsletter-signup .form div.input {
  min-width: 70%;
}
.newsletter-signup .form div.submit {
  min-width: 30%;
}
@media (min-width: 34em) {
  .newsletter-signup .form {
    display: flex;
    flex-flow: row nowrap;
  }
}
.newsletter-signup input {
  width: 100%;
  border: 1px solid #d5d0c6;
  background-color: #fefefd;
  font-style: normal;
  font-family: "Exo 2", sans-serif;
  font-size: 14.8px;
  font-size: 0.925rem;
  padding: 12.75px;
  padding: 0.79688rem;
}
.newsletter-signup input[type="email"] {
  min-width: 100%;
}
@media (min-width: 34em) {
  .newsletter-signup input[type="email"] {
    border-right: 0;
  }
}
.newsletter-signup input[type="submit"].button {
  background-color: black;
  color: #f5f2ed;
  padding: 12.75px 35.08148px;
  padding: 0.79688rem 2.19259rem;
  border: 1px solid black;
  min-width: 100%;
}
.newsletter-signup .error-message {
  color: red;
  margin-top: 5.37891px;
  margin-top: 0.33618rem;
}

.article-body.banner-content.newsletter-signup {
  margin-bottom: 0;
}

.logo {
  text-indent: -9999px;
  color: transparent;
  background-image: url(img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  border-bottom: 0;
  display: inline-block;
  height: 35px;
  width: 225px;
}
.logo:hover, .logo:focus, .logo:active {
  border-bottom: 0;
  opacity: 1;
}

.collapsible-header {
  cursor: pointer;
  color: #eaad77;
}

.collapsible-header::before {
  content: "- ";
  font-size: .4em;
  vertical-align: middle;
}

.collapsible-collapsed .collapsible-header::before {
  content: "+ ";
}

.collapsible-collapsed .collapsible-content {
  display: none;
}

.site-header {
  background-color: black;
  border-bottom: 16px solid #d5d0c6;
  width: 100%;
}
.site-header:after {
  content: "";
  display: table;
  clear: both;
}

.site-header.fixed {
  position: fixed;
  z-index: 1;
}
.site-header.fixed + [role="main"] {
  margin-top: 304px;
  margin-top: 19rem;
}

.header-menu-wrapper {
  position: relative;
  width: 100%;
}
.header-menu-wrapper a,
.header-menu-wrapper a:active,
.header-menu-wrapper a:hover,
.header-menu-wrapper a:focus,
.header-menu-wrapper a:visited {
  border-bottom-color: transparent;
  border-bottom-width: 2px;
}
.header-menu-wrapper a:hover,
.header-menu-wrapper a:focus {
  border-bottom-color: transparent;
  border-bottom-width: 2px;
}

.search-menu-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding-top: 46.77531px;
  padding-top: 2.92346rem;
  padding-bottom: 12.75px;
  padding-bottom: 0.79688rem;
}

.site-header {
  background-color: #f5f2ed;
  border-bottom: 0;
}
.site-header .search-menu-wrapper {
  display: block;
}
.site-header .search-menu-wrapper h1 {
  text-align: center;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 46em) {
  .site-header .search-menu-wrapper h1 {
    max-width: 300px;
  }
}
.site-header .search-menu-wrapper .logo {
  background-image: url(img/logo-large.png);
  background-position: center center;
  height: 0;
  padding-bottom: 71.5%;
  width: 100%;
  max-width: 100%;
}
.site-header .mobile-nav,
.site-header .main-nav {
  font-size: 22.66667px;
  font-size: 1.41667rem;
  font-family: "Alegreya", serif;
  font-weight: normal;
  text-transform: none;
  font-style: italic;
}
.site-header .main-nav {
  margin-top: 26.31111px;
  margin-top: 1.64444rem;
  border-top: 1px solid black;
  border-bottom: 3px solid black;
}
.site-header .main-nav ul {
  padding: 0px 26.31111px;
  padding: 0rem 1.64444rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 384px;
  max-width: 24rem;
}
.site-header .main-nav ul a {
  color: black;
}
.site-header .full-search {
  position: absolute;
  right: 0;
}
.site-header .search-list-item ::placeholder {
  color: #696767;
}
.site-header .search-list-item input[type="text"] {
  color: black;
}
.site-header .full-search {
  padding: 0;
  text-transform: uppercase;
  font-family: "Exo 2", sans-serif;
  font-style: normal;
  letter-spacing: 1px;
}
.site-header .full-search .search-wrapper {
  margin-right: 14.8px;
  margin-right: 0.925rem;
  padding-right: 14.8px;
  padding-right: 0.925rem;
  background-image: url("img/search.png");
  background-size: 16px auto;
  background-position: center right;
  background-repeat: no-repeat;
}
.site-header .full-search ::placeholder {
  color: #d5d0c6;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 1px;
}
.site-header .full-search input[type="text"] {
  color: #f5f2ed;
  font-family: "Exo 2", sans-serif;
  font-size: 12.75px;
  font-size: 0.79688rem;
  padding: 14.8px;
  padding: 0.925rem;
  min-width: 80px;
}
.site-header #menuToggle span {
  background: black;
}
.site-header #menuToggle input[type="checkbox"]:checked ~ span {
  background: black;
}
.site-header #menu {
  background: #f5f2ed;
  top: 48px;
  top: 3rem;
}
.logged-in .site-header #menu {
  top: 94px;
  top: 5.875rem;
}
.site-header #menu li a {
  font-size: 22.66667px;
  font-size: 1.41667rem;
  font-weight: normal;
  line-height: 1.2;
  text-decoration: none;
  font-style: italic;
  font-family: "Alegreya", serif;
  color: black;
}
.site-header #menu .sub a {
  color: black;
}

.site-footer {
  padding-top: 19.73333px;
  padding-top: 1.23333rem;
  background-color: #d5d0c6;
  position: relative;
}
.site-footer:after {
  content: "";
  display: table;
  clear: both;
}

.footer-menu ul {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
@media (min-width: 46em) {
  .footer-menu ul {
    justify-content: space-around;
  }
}
.footer-menu ul li {
  padding: 0px 19.73333px;
  padding: 0rem 1.23333rem;
}
.footer-menu ul a {
  font-family: "Exo 2", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.footer-menu p {
  padding: 11.1px 0px 19.73333px;
  padding: 0.69375rem 0rem 1.23333rem;
  font-size: 12.75px;
  font-size: 0.79688rem;
  text-align: center;
  color: #696767;
  font-family: "Exo 2", sans-serif;
}

.sub-footer-container {
  background-color: black;
}

.sub-footer {
  position: relative;
  padding-top: 5.37891px;
  padding-top: 0.33618rem;
  padding-bottom: 19.73333px;
  padding-bottom: 1.23333rem;
  min-height: 58px;
  min-height: 3.625rem;
  text-align: center;
}
.sub-footer:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 46em) {
  .sub-footer {
    padding-bottom: 8.325px;
    padding-bottom: 0.52031rem;
  }
}
.sub-footer .footer-logo {
  display: inline-block;
  margin-bottom: 14.8px;
  margin-bottom: 0.925rem;
  width: 225px;
  width: 14.0625rem;
  height: 42px;
  height: 2.625rem;
  background: url("img/footer-logo.png") no-repeat center center;
  background-size: contain;
  color: transparent;
  text-indent: -9999px;
}
@media (min-width: 46em) {
  .sub-footer .footer-logo {
    margin-bottom: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.sub-footer .footer-social {
  margin-top: 0;
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
}
@media (min-width: 46em) {
  .sub-footer .footer-social {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}
.sub-footer .footer-social li {
  padding: 0px 14.8px;
  padding: 0rem 0.925rem;
}
@media (min-width: 46em) {
  .sub-footer .footer-social li {
    padding: 0;
  }
}
.sub-footer .footer-social a {
  text-indent: -9999px;
  color: transparent;
  width: 29.2px;
  width: 1.825rem;
  height: 29.2px;
  height: 1.825rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sub-footer .footer-social a.facebook {
  background-image: url("img/social/facebook.png");
}
.sub-footer .footer-social a.twitter {
  background-image: url("img/social/twitter.png");
}
.sub-footer .footer-social a.instagram {
  background-image: url("img/social/instagram.png");
}
.sub-footer .footer-social a.youtube {
  background-image: url("img/social/youtube.png");
}

.featured-image,
.featured-image-container {
  position: relative;
  overflow: hidden;
}

figure,
.figure-text {
  padding-top: 26.31111px;
  padding-top: 1.64444rem;
}
figure:first-child,
.figure-text:first-child {
  padding-top: 0;
}
figure img,
.figure-text img {
  width: 100%;
}

img {
  max-width: 100%;
}
img:first-child {
  margin-top: 0;
}

.figure-quotation {
  padding-left: 19.73333px;
  padding-left: 1.23333rem;
}

.figure-divider + * {
  padding-top: 0;
}

.home .theme-.featured-article-container, .fact .theme-.featured-article-container, .fiction .theme-.featured-article-container, .home
.theme-yellow.featured-article-container, .fact
.theme-yellow.featured-article-container, .fiction
.theme-yellow.featured-article-container, .home
.theme-white.featured-article-container, .fact
.theme-white.featured-article-container, .fiction
.theme-white.featured-article-container, .home
.theme-black.featured-article-container, .fact
.theme-black.featured-article-container, .fiction
.theme-black.featured-article-container {
  background: linear-gradient(to right, #eaad77, #e3dacc);
}
.theme- .article-header,
.theme- .author-bio .author-bio-image,
.theme- .synopsis .buy-links .social-link,
.theme-yellow .article-header,
.theme-yellow .author-bio .author-bio-image,
.theme-yellow .synopsis .buy-links .social-link,
.theme-white .article-header,
.theme-white .author-bio .author-bio-image,
.theme-white .synopsis .buy-links .social-link,
.theme-black .article-header,
.theme-black .author-bio .author-bio-image,
.theme-black .synopsis .buy-links .social-link {
  background-color: #eaad77;
}
.recent-posts .theme-.article a, .recent-posts
.theme-yellow.article a, .recent-posts
.theme-white.article a, .recent-posts
.theme-black.article a {
  color: #eaad77;
}
.theme- .button.sample,
.theme-yellow .button.sample,
.theme-white .button.sample,
.theme-black .button.sample {
  background-color: #eaad77;
}

.home .theme-blue.featured-article-container, .fact .theme-blue.featured-article-container, .fiction .theme-blue.featured-article-container {
  background: linear-gradient(to right, #83acba, #e3dacc);
}
.theme-blue .article-header,
.theme-blue .author-bio .author-bio-image,
.theme-blue .synopsis .buy-links .social-link {
  background-color: #83acba;
}
.recent-posts .theme-blue.article a {
  color: #83acba;
}
.theme-blue .pdf-viewer {
  border-top: 16px solid #83acba;
}
.theme-blue .button.sample {
  background-color: #83acba;
}

.home .theme-green.featured-article-container, .fact .theme-green.featured-article-container, .fiction .theme-green.featured-article-container {
  background: linear-gradient(to right, #a6b27d, #e3dacc);
}
.theme-green .article-header,
.theme-green .author-bio .author-bio-image,
.theme-green .synopsis .buy-links .social-link {
  background-color: #a6b27d;
}
.recent-posts .theme-green.article a {
  color: #a6b27d;
}
.theme-green .pdf-viewer {
  border-top: 16px solid #a6b27d;
}
.theme-green .button.sample {
  background-color: #a6b27d;
}

.home .theme-orange.featured-article-container, .fact .theme-orange.featured-article-container, .fiction .theme-orange.featured-article-container {
  background: linear-gradient(to right, #f17056, #e3dacc);
}
.theme-orange .article-header,
.theme-orange .author-bio .author-bio-image,
.theme-orange .synopsis .buy-links .social-link {
  background-color: #f17056;
}
.recent-posts .theme-orange.article a {
  color: #f17056;
}
.theme-orange .pdf-viewer {
  border-top: 16px solid #f17056;
}
.theme-orange .button.sample {
  background-color: #f17056;
}

.home .theme-red.featured-article-container, .fact .theme-red.featured-article-container, .fiction .theme-red.featured-article-container {
  background: linear-gradient(to right, #e15033, #e3dacc);
}
.theme-red .article-header,
.theme-red .author-bio .author-bio-image,
.theme-red .synopsis .buy-links .social-link {
  background-color: #e15033;
}
.recent-posts .theme-red.article a {
  color: #e15033;
}
.theme-red .pdf-viewer {
  border-top: 16px solid #e15033;
}
.theme-red .button.sample {
  background-color: #e15033;
}

.home .theme-purple.featured-article-container, .fact .theme-purple.featured-article-container, .fiction .theme-purple.featured-article-container {
  background: linear-gradient(to right, #b95b90, #e3dacc);
}
.theme-purple .article-header,
.theme-purple .author-bio .author-bio-image,
.theme-purple .synopsis .buy-links .social-link {
  background-color: #b95b90;
}
.recent-posts .theme-purple.article a {
  color: #b95b90;
}
.theme-purple .pdf-viewer {
  border-top: 16px solid #b95b90;
}
.theme-purple .button.sample {
  background-color: #b95b90;
}

@media print {
  pre,
  blockquote,
  figure,
  li {
    page-break-inside: avoid;
  }

  @page {
    margin-top: 2cm;
    margin-right: 2cm;
    margin-bottom: 2.618cm;
    margin-left: 2cm;
  }
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  img {
    max-width: 100%;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
  h2 + *,
  h3 + *,
  h4 + *,
  h5 + *,
  h6 + * {
    page-break-before: avoid;
  }

  hr {
    page-break-after: always;
  }

  .site-header > *,
  .site-footer {
    display: none;
  }

  .site-header h1.logo {
    display: block;
  }

  .article * {
    font-size: 10pt !important;
  }
  .article h1 {
    font-size: 23.7037pt !important;
  }
  .article h2 {
    font-size: 13.33333pt !important;
  }
  .article h3, .article h4, .article h5, .article h6 {
    font-size: 10pt !important;
  }
  .article a:visited {
    color: #c36c1e !important;
  }
}

/* news section */
.home .article-body.featured-news-container {
    background-color: #f4f2ec;
}

.home .article-body.featured-news-container h2 {
    text-align: center;
}

.featured-news {
    list-style: none outside none;
}

.featured-news li {
    margin-left: 0;
}

.featured-news-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.featured-news-item:last-child {
    padding-bottom: 100px;
    border-bottom: 2px solid #000;
}

.featured-news-item .featured-news-item-text {
   width: calc(100% - 116px);
}

.featured-news-item .featured-news-item-image {
    max-width: 100px;
    padding-left: 16px;
}

.no-hover:hover,
.no-hover:focus,
.no-hover:active {
    opacity: 1;
}