@charset "UTF-8";
/*!
Theme Name: Tule Publishing, 2014
Theme URI: http://TulePublishing.com/
Description: Custom WordPress theme for Tule Publishing, 2014
Author: Waxcreative Design, Inc.
Author URI: http://www.waxcreative.com/
Template: twentythirteen
*/
/* style.scss */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
}

/*------ Basic HTML Styles ---- */
cite, dfn, em, i {
  font-style: italic;
}

ol {
  list-style: decimal outside none;
}

ul {
  list-style: none outside none;
}

ol {
  margin: 0 0 24px 24px;
}

li > ul, li > ol {
  margin: 0 0 0 20px;
}

li {
  font-size: 16px;
  line-height: 12px;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin: 10px 0;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

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

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
  width: 100%;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
  padding: 8px;
}

td {
  border-width: 0 1px 1px 0;
  padding: 8px;
}

table, th, td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

pre {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 24px;
  max-width: 100%;
  overflow: auto;
  padding: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code, kbd, tt, var, samp, pre {
  -moz-hyphens: none;
  font-family: monospace,serif;
  font-size: 15px;
  line-height: 1.6;
}

code {
  color: #999999;
  font-size: 11px;
}

mark, ins {
  background-color: #EAF0F0;
  text-decoration: none;
}

blockquote {
  color: #767676;
  font-size: 18px;
  font-style: italic;
  line-height: 1.26316;
  margin-bottom: 24px;
  padding: 0 20px;
}

blockquote p {
  font-family: "Alegreya", serif;
  font-size: 24px;
}

blockquote, q {
  -moz-hyphens: none;
  quotes: none;
}

/*------ WP Image Styles ---- */
.alignleft {
  float: left;
  margin-right: 2em;
  margin-bottom: 1.3em;
}

.alignright {
  float: right;
  margin-left: 2em;
  margin-bottom: 1.3em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft {
  margin: 12px 24px 12px 0;
  margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright {
  margin: 12px 0 12px 24px;
  margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter {
  margin-top: 12px;
  margin-top: 0.857142857rem;
  margin-bottom: 12px;
  margin-bottom: 0.857142857rem;
}

.entry-content dl,
.comment-content dl {
  margin: 0 24px;
  margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
  font-weight: bold;
  line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}

.wp-caption {
  max-width: 100%;
  /* Keep wide captions from overflowing their container. */
}

.captioncenter {
  text-align: center;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-style: italic;
  font-size: 14px;
  line-height: 14px;
  font-size: 1.4rem;
  line-height: 1.4em;
  color: #7B7676;
  margin: 0.5em 0;
}

figure {
  margin-top: 10px;
}

.entry-description {
  font-size: 17px;
  line-height: 20px;
  font-size: 1.7rem;
  line-height: 2em;
  color: #7B7676;
}

dd.gallery-caption {
  font-family: "cronos-pro-display",sans-serif;
  font-size: 15px;
  line-height: 12px;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 14px;
}

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.entry-meta {
  clear: both;
}

.gallery-item a {
  display: block;
  width: 90%;
}

.gallery-caption {
  width: 90%;
}

.gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}

.gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
  padding: 3%;
}

.entry-content dl.gallery-item {
  margin: 0;
}

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

#lightbox, #imageContainer img {
  height: auto !important;
  max-width: 100% !important;
}

#outerImageContainer {
  max-width: 90% !important;
  height: auto !important;
}

#imageDataContainer {
  display: none;
}

iframe {
  max-width: 100%;
}

textarea, input {
  max-width: 100%;
}

.wpcf7 select {
  padding: 5px;
  font-size: 1.4rem;
}

.wpcf7 input {
  padding: 5px;
  font-size: 1.4rem;
}

.wpcf7 p {
  font-size: 1.2rem;
  line-height: 1.4em;
  margin: 1em 0 2em;
}

.wpcf7 option {
  padding: 5px;
}

.wpcf7 .wpcf7-submit {
  background-color: #D0DBD4;
  border: 0 none;
  border-radius: 4px;
  clear: both;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}

.wpcf7 .wpcf7-submit:hover {
  background-color: #5F7264;
}

/* Navgiation ---------------------- */
body {
  -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

.screen-reader-text {
  display: none;
}

nav input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

nav label {
  display: none;
  cursor: pointer;
  user-select: none;
}

@media all and (max-width: 759px) {
  .main-nav {
    float: none !important;
  }
  nav[role="custom-dropdown"] ul {
    display: none;
    width: 100%;
  }
  nav[role="custom-dropdown"] label {
    display: block;
    float: right;
    text-align: right;
    margin: -10px 5px 0 0;
    position: relative;
    z-index: 9999;
  }
}

@media all and (max-width: 759px) and (max-width: 479px) {
  nav[role="custom-dropdown"] label {
    margin-top: 2px;
  }
}

@media all and (max-width: 759px) {
  nav[role="custom-dropdown"] label p.menu {
    font-size: 35px;
    line-height: 10px;
    font-size: 3.5rem;
    line-height: 1em;
    font-family: "open-sans", sans-serif;
    font-weight: 400;
    margin: 0;
    color: #34563B;
    text-shadow: 0 1px 1px #B6C7BC;
  }
  nav[role="custom-dropdown"] input:checked ~ ul {
    display: block;
    position: absolute;
    z-index: 9998;
    background-color: rgba(255, 255, 255, 0.9);
    margin: -8px auto 0;
    border-top: 2px solid #5f7163;
    text-align: center;
  }
}

@media all and (max-width: 759px) and (max-width: 759px) {
  nav[role="custom-dropdown"] input:checked ~ ul {
    box-shadow: 0 2px 15px #999;
  }
}

@media all and (max-width: 759px) {
  nav[role="custom-dropdown"] input:checked ~ ul > li {
    text-align: center;
    padding: 0 !important;
    font-size: 24px;
    line-height: 14px;
    font-size: 2.4rem;
    line-height: 1.4em;
    margin: 8px auto !important;
  }
}

@media all and (max-width: 759px) and (max-width: 759px) {
  nav[role="custom-dropdown"] input:checked ~ ul > li {
    display: block !important;
    margin: 15px auto !important;
  }
}

/* Visibility Classes ----------------------
Taken from Foundation 3 framework: http://foundation.zurb.com/ */
.show-ml {
  display: none !important;
}

@media all and (max-width: 479px) {
  .show-ml {
    display: inline-block !important;
  }
}

.hide-ml {
  display: inline-block !important;
}

@media all and (max-width: 479px) {
  .hide-ml {
    display: none !important;
  }
}

.show-tsm {
  display: none !important;
}

@media all and (max-width: 598px) {
  .show-tsm {
    display: inline-block !important;
  }
}

.hide-tsm {
  display: inline-block !important;
}

@media all and (max-width: 598px) {
  .hide-tsm {
    display: none !important;
  }
}

.show-tl {
  display: none !important;
}

@media all and (max-width: 709px) {
  .show-tl {
    display: inline-block !important;
  }
}

.hide-tl {
  display: inline-block !important;
}

@media all and (max-width: 709px) {
  .hide-tl {
    display: none !important;
  }
}

.show-m {
  display: none !important;
}

@media all and (min-width: 711px) and (max-width: 1023px) {
  .show-m {
    display: inline-block !important;
  }
}

.hide-m {
  display: inline-block !important;
}

@media all and (min-width: 711px) and (max-width: 1023px) {
  .hide-m {
    display: none !important;
  }
}

.show-md {
  display: none !important;
}

@media all and (max-width: 1023px) {
  .show-md {
    display: inline-block !important;
  }
}

.hide-md {
  display: inline-block !important;
}

@media all and (max-width: 1023px) {
  .hide-md {
    display: none !important;
  }
}

.show-900 {
  display: none !important;
}

@media all and (max-width: 899px) {
  .show-900 {
    display: inline-block !important;
  }
}

.hide-900 {
  display: inline-block !important;
}

@media all and (max-width: 899px) {
  .hide-900 {
    display: none !important;
  }
}

/* FORMS */
.mailerlite-form label {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  text-align: left;
}

.mailerlite-form input[type=email], .mailerlite-form input[type=text] {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
}

.mailerlite-form input[type=submit] {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
}

.mailerlite-form input[type=submit]:hover {
  background-color: #777;
}

.mailerlite-form .mailerlite-subscribe-button-container {
  text-align: left;
}

.ui-widget {
  font-family: inherit !important;
}

.ui-widget-content a {
  color: #4350a9 !important;
}

.sharewax {
  padding: 0;
  margin: 4px;
  display: inline;
  position: relative;
}

.sharewax-social {
  display: inline-block;
  white-space: nowrap;
  margin: 15px 0 0;
}

@media all and (max-width: 598px) {
  .sharewax-social {
    margin: 15px 0 25px;
  }
}

.sharecount {
  margin: 0;
  position: absolute;
  bottom: -19px;
  transform: translateX(-50%);
  left: 50%;
  width: 30px;
  text-align: center;
}

.sharecount:before {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3B5997;
  position: absolute;
  top: -5px;
  transform: translateX(-50%);
  left: 50%;
}

.sharewax-facebook, .sharewax-twitter, .sharewax-tumblr, .sharewax-googleplus, .sharewax-buffer, .sharewax-pinterest {
  background: none;
}

.sharewax-link {
  padding: 0;
  margin: 4px;
  display: inline;
  position: relative;
}

.sharewax-link img {
  border-radius: 2px;
  display: inline-block;
  padding: 3px;
  max-width: 30px;
}

.sharewax-pinterest img {
  background: #bd081c;
}

.sharewax-pinterest .sharecount {
  color: #bd081c;
  border: 1px solid #bd081c;
}

.sharewax-pinterest img:hover, .sharewax-pinterest img:active {
  background: #9b0615;
}

.sharewax-facebook img {
  background: #3B5997;
}

.sharewax-facebook img .sharecount {
  color: #3B5997;
  border: 1px solid #3B5997;
}

.sharewax-facebook img:hover, .sharewax-facebook img:active {
  background: #2d4372;
}

.sharewax-tumblr img {
  background: #36465d;
}

.sharewax-tumblr .sharecount {
  color: #36465d;
  border: 1px solid #36465d;
}

.sharewax-tumblr img:hover, .sharewax-facebook img:active {
  background: #202b3a;
}

.sharewax-googleplus img {
  background: #D64937;
}

.sharewax-googleplus .sharecount {
  color: #D64937;
  border: 1px solid #D64937;
}

.sharewax-googleplus img:hover, .sharewax-googleplus img:active {
  background: #b53525;
}

.sharewax-buffer img {
  background: #444;
}

.sharewax-buffer .sharecount {
  color: #444;
  border: 1px solid #444;
}

.sharewax-buffer img:hover, .sharewax-buffer img:active {
  background: #222;
}

.sharewax-twitter img {
  background: #00aced;
}

.sharewax-twitter .sharecount {
  color: #00aced;
  border: 1px solid #00aced;
}

.sharewax-twitter img:hover, .sharewax-twitter img:active {
  background: #0084b4;
}

.sharewax li {
  vertical-align: top;
}

iframe.twitter-share-button {
  width: 75px !important;
  height: 25px !important;
}

.two-tier-header {
  width: 100%;
}

.main-nav-wrap {
  width: 100%;
  background: #d7e2e2;
  border-bottom: 2px solid #5f7163;
}

@media all and (max-width: 799px) {
  .main-nav-wrap {
    background: transparent;
    border-bottom: none;
  }
}

.main-subnav-wrap {
  width: 100%;
  background: #eaf0f0;
}

@media all and (max-width: 799px) {
  .main-subnav-wrap {
    background: transparent;
  }
}

.main-site-navigation {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
  height: 50px;
  padding: 0 0 0 10px;
}

.main-site-navigation li {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  display: inline-block;
  margin: 0;
  line-height: 48px;
}

.main-site-navigation li a {
  color: #34563B;
  padding: 12px 10px;
}

.main-site-navigation li a:hover {
  color: #3E53EC;
  text-decoration: none;
  border-bottom: 2px solid #B828EA;
  padding: 14px 10px 16px;
  background-color: #FFFFFF;
}

@media all and (max-width: 1023px) {
  .main-site-navigation li a {
    padding: 12px 5px;
  }
}

@media all and (max-width: 799px) {
  .main-site-navigation {
    padding: 50px 0 0 0px;
  }
  .main-site-navigation li {
    font-size: 1.4rem;
    line-height: 2em;
  }
  .main-site-navigation li a {
    padding: 5px 10px;
  }
}

.stack-logo {
  float: left;
  max-width: 95px;
  margin: 13px 22px 0 10px;
}

@media all and (max-width: 598px) {
  .stack-logo {
    max-width: 70px;
  }
}

.stack-logo-large {
  display: inline-block;
}

@media all and (max-width: 799px) {
  .stack-logo-large {
    display: none;
  }
}

.stack-logo-small {
  display: none;
}

@media all and (max-width: 799px) {
  .stack-logo-small {
    display: inline-block;
  }
}

.main-subnav {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
  height: 65px;
}

.main-subnav li {
  font-size: 2rem;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 48px;
}

.main-subnav li a {
  color: #34563B;
  padding: 12px 15px 12px 10px;
}

.main-subnav li a:hover {
  color: #3E53EC;
}

.main-subnav li:after {
  content: "|";
  padding: 0 8px;
  color: #fff;
}

.main-subnav li:last-child:after {
  content: '';
  padding: 0;
}

@media all and (max-width: 1023px) {
  .main-subnav li {
    font-size: 1.4rem;
  }
  .main-subnav li a {
    padding: 12px 5px 12px 5px;
  }
}

@media all and (max-width: 799px) {
  .main-subnav li {
    font-size: 1.4rem;
    line-height: 2em;
  }
  .main-subnav li a {
    padding: 5px 10px;
  }
  .main-subnav li:after {
    content: '';
    padding: 0;
  }
}

.romance-subnav li a {
  color: #892293;
}

.romance-subnav li a:hover {
  color: #3E53EC;
}

.mystery-subnav li a {
  color: #19118d;
}

.mystery-subnav li a:hover {
  color: #3E53EC;
}

.floating-search {
  float: right;
  width: 200px;
}

@media all and (max-width: 1199px) {
  .floating-search {
    display: none;
  }
}

.social-header-wrap {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
}

.social-header {
  margin-top: 8px;
}

.social-header li {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 0 0;
}

@media all and (max-width: 799px) {
  .social-header {
    padding: 37px 0 0;
  }
}

.hamburger {
  display: none;
}

.hamburger span {
  display: block;
  width: 40px;
  height: 6px;
  margin: 8px auto;
  background-color: #34563B;
  box-shadow: 0 1px 1px #B6C7BC;
}

@media all and (max-width: 799px) {
  .hamburger {
    display: inline-block;
    position: absolute;
    width: 20%;
    z-index: 999;
    padding: 3.8% 0 0;
    right: 0;
  }
}

.expand {
  display: block !important;
  width: 100%;
  z-index: 998;
  background-color: rgba(255, 255, 255, 0.9);
  padding-bottom: 15px;
  position: absolute;
  top: 0px;
  margin-top: 0;
  height: auto;
}

.expand li {
  text-align: center;
  display: block !important;
}

.expand .main-site-navigation {
  display: block;
  height: auto;
}

.expand .main-subnav {
  display: block;
  height: auto;
}

@media all and (max-width: 799px) {
  .navigation-wrap {
    display: none;
  }
}

.ui-tooltip, .arrow:after {
  background: black !important;
  border: 1px solid white;
}

.ui-tooltip {
  padding: 10px 20px;
  color: white !important;
  border-radius: 20px;
  font: bold 14px "Helvetica Neue", Sans-Serif;
  box-shadow: 0 0 7px black;
}

.arrow {
  display: none;
}

.tooltip {
  display: none;
}

.visible {
  display: block !important;
}

.tooltip.visible {
  position: absolute;
  right: -205px;
  top: 0;
  background: #dedede;
  padding: 10px;
  font-size: 12px;
  width: 200px;
  line-height: initial;
  box-shadow: 2px 2px 10px #999;
}

@media all and (max-width: 598px) {
  .tooltip.visible {
    right: 50%;
    transform: translateX(50%);
    bottom: -65px;
    top: initial;
    z-index: 1;
  }
}

.tooltip-handle {
  position: absolute;
  right: 3px;
  top: 4px;
  color: #666;
  border: 1px solid #666;
  border-radius: 50%;
  margin: 3px 4px 0px 0;
  padding: 1px 7px;
  line-height: 20px;
}

.ui-widget {
  font-family: inherit !important;
}

.ui-widget-content a {
  color: #4350a9 !important;
}

/*-----------------------------
Table of Contents
1. BASICS!
2. MASTHEAD
3. NAVIGATION
4. FOOTER
5. HOME
6. PAGES
7. FONTS
-----------------------------*/
/*---------- BASICS ----------*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  background: url("images/global/bg-top.jpg") repeat-x scroll transparent;
}

@media all and (max-width: 479px) {
  html {
    background: url("images/global/bg-top.jpg") repeat-x scroll 0 -2px/2px 46px transparent;
  }
}

body {
  font-size: 16px;
  font-family: "open-sans", sans-serif;
}

p {
  font-size: 16px;
  line-height: 14px;
  font-size: 1.6rem;
  line-height: 1.4em;
  margin: 12px 0;
}

@media all and (max-width: 479px) {
  p {
    font-size: 15px;
    line-height: 15px;
    font-size: 1.5rem;
    line-height: 1.5em;
    margin: 9px 0;
  }
}

a {
  -webkit-transition: color 0.15s linear 0s;
  -moz-transition: color 0.15s linear 0s;
  -o-transition: color 0.15s linear 0s;
  transition: color 0.15s linear 0s;
  text-decoration: none;
  outline: 0;
  color: #4350a9;
}

a:visited {
  color: #4350a9;
}

a:hover {
  color: #3E53EC;
}

a:active {
  color: #3E53EC;
}

a.black:visited {
  color: initial;
}

strong,
b {
  font-weight: bold;
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

hr {
  border: 1px solid #F4F8F9;
  height: 1px;
  margin: 40px auto;
  width: 75%;
  clear: both;
}

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

.space-20 {
  padding: 20px 0;
}

.space-5 {
  padding: 5px 0;
}

.space-10 {
  padding: 10px 0;
}

.space-40 {
  padding: 40px 0;
}

.divider {
  border-bottom: 4px double;
  margin: 40px;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-shadow {
  text-shadow: 0 0 1px #c18ace;
}

.black {
  color: #000000;
}

.float-right {
  float: right;
  padding-left: 40px;
}

.float-left {
  float: left;
  padding-right: 40px;
}

img.left {
  float: left;
  padding-right: 40px;
}

img.right {
  float: right;
  padding-left: 40px;
}

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

.clear:after {
  clear: both;
}

#main {
  min-height: 600px;
  margin-top: 20px;
}

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

#main:after {
  clear: both;
}

.row {
  width: 100%;
  margin: 0 auto;
  margin: 40px auto;
}

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

.row:after {
  clear: both;
}

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

.row:after {
  clear: both;
}

.contain {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
  padding: 0 35px;
}

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

.contain:after {
  clear: both;
}

@media all and (max-width: 759px) {
  .contain {
    padding: 0 10px;
  }
}

aside {
  float: left;
  width: 20%;
  margin: 60px 0 0;
  padding: 0 30px 10px 0;
}

@media all and (max-width: 598px) {
  aside {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 0;
  }
}

.primary-full {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
  padding: 0 10px 0 35px;
}

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

.primary-full:after {
  clear: both;
}

@media all and (max-width: 1199px) {
  .primary-full {
    padding: 0 10px;
  }
}

.primary {
  float: left;
  width: 70%;
  margin: 0;
}

@media all and (max-width: 709px) {
  .primary {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 auto;
  }
}

.secondary {
  float: right;
  width: 30%;
  margin: 5px 0px;
}

@media all and (max-width: 709px) {
  .secondary {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 auto;
  }
}

.four {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0 5px;
}

.four h1,
.four h2,
.four h3,
.four h4,
.four h5,
.four h6 {
  margin: 0;
}

@media all and (max-width: 1023px) {
  .four {
    width: 50%;
    min-height: 200px;
  }
}

@media all and (max-width: 479px) {
  .four {
    width: 100%;
    clear: both;
    float: none;
    margin: 20px auto 40px;
    min-height: 0;
  }
}

.half {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 60px 0 0;
}

@media all and (max-width: 709px) {
  .half {
    width: 100%;
    clear: both;
    float: none;
    margin: 20px auto 40px;
    padding: 0;
  }
}

.two-columns {
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
}

.two-columns li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media all and (max-width: 479px) {
  .two-columns {
    column-count: inherit;
    -moz-column-count: inherit;
    -webkit-column-count: inherit;
  }
}

.leadin {
  color: #471143;
  text-shadow: 0 0 1px #C18ACE;
  font-weight: 600;
}

/*---------- MASTHEAD ----------*/
#masthead {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
  position: relative;
  min-height: 43px;
}

#masthead hgroup {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

#masthead hgroup a.home-link {
  height: 209px;
  display: block;
}

#masthead h1 {
  margin: 0;
}

.searchbar {
  position: absolute;
  right: 10px;
  top: 40px;
}

@media all and (max-width: 759px) {
  .searchbar {
    top: 45px;
    right: 5px;
  }
}

.searchbar .label {
  width: 23px;
  height: 25px;
  position: relative;
  z-index: 20;
}

.searchbar .label label {
  display: block;
  width: 23px;
  height: 25px;
  background: url("images/global/finder.png") no-repeat scroll 0 0/100% auto transparent;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
}

.searchbar .label label:hover {
  background: url("images/global/finder.png") no-repeat scroll 0 0/100% auto transparent;
}

.searchbar .label.active label {
  background: url("images/global/finder_on.png") no-repeat scroll 0 0/100% auto transparent;
  width: 23px;
  height: 25px;
}

.searchbar .input {
  position: absolute;
  top: -4px;
  right: 29px;
  width: 170px;
  height: 40px;
  z-index: 5;
  overflow: hidden;
}

@media all and (max-width: 479px) {
  .searchbar .input {
    width: 115px;
  }
}

.searchbar .input input {
  display: block;
  position: absolute;
  top: 0;
  left: -450px;
  width: 450px;
  height: 100%;
  margin: 0;
  padding: 0 10px;
  background-color: #ffffff;
  border: 3px solid #F4F8F9 !important;
  color: #333333;
  font-size: 12px;
  -webkit-backface-visibility: none;
  -moz-backface-visibility: none;
  -ms-backface-visibility: none;
  backface-visibility: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: left 0;
  -moz-transition: left 0;
  -ms-transition: left 0;
  -o-transition: left 0;
  transition: left 0;
}

.searchbar .input input:focus {
  outline: none;
}

.searchbar .input.focus {
  z-index: 20;
}

.searchbar .input.focus input {
  left: 0;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -ms-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
}

.search-field {
  padding: 10px;
  border: 3px solid #F4F8F9 !important;
  width: 300px;
  max-width: 100%;
  font-size: 1.4rem;
  color: #7B7676;
}

.button,
#submit {
  background-color: #d0dbd4;
  border: 0 none;
  border-radius: 4px;
  clear: both;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 15px 5px 10px 0;
  padding: 0 22px !important;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto !important;
  background-color: #5f7264;
}

.button:hover,
#submit:hover {
  background-color: #28412f;
}

#commentform input {
  padding: 10px 5px;
  width: 300px;
}

/*---------- NAVIGATION ----------*/
#site-navigation {
  float: right;
  margin-top: 1.5px;
}

#site-navigation li {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
  display: inline-block;
  margin: 0;
}

@media all and (max-width: 1199px) {
  #site-navigation li span {
    display: none;
  }
}

@media all and (max-width: 759px) {
  #site-navigation li span {
    display: inline-block !important;
  }
}

#site-navigation li span.hide {
  display: none;
}

@media all and (max-width: 759px) {
  #site-navigation li span.hide {
    display: inline-block !important;
  }
}

#site-navigation li a {
  color: #34563B;
  padding: 12px 8px;
}

@media all and (max-width: 1023px) {
  #site-navigation li a {
    padding: 12px 4px;
  }
}

@media all and (max-width: 799px) {
  #site-navigation li a {
    padding: 12px 2px;
  }
}

#site-navigation li a:hover {
  color: #3E53EC;
  text-decoration: none;
  border-top: 2px solid #B828EA;
  padding: 8px 8px 20px;
  background-color: #FFFFFF;
}

@media all and (max-width: 1023px) {
  #site-navigation li a:hover {
    padding: 8px 4px 20px;
  }
}

@media all and (max-width: 799px) {
  #site-navigation li a:hover {
    padding: 8px 2px 20px;
  }
}

@media all and (max-width: 759px) {
  #site-navigation li a:hover {
    background-color: transparent;
    padding: 8px 10px 20px;
  }
}

@media all and (max-width: 598px) {
  #site-navigation li a:hover {
    border: none;
  }
}

@media all and (max-width: 759px) {
  #site-navigation {
    float: none;
    margin: 0 auto;
  }
}

.tule-nav {
  margin-top: 8px;
}

.tule-nav li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}

.tule-nav li a {
  color: #d0dbd4;
}

.tule-nav li a:hover {
  color: #4F7455;
}

.tule-nav .logo {
  margin: -7px -105px 0 0 !important;
}

.tule-nav .home {
  margin: 0 3px 0 5px !important;
}

.tule-nav .home a {
  webkit-transition: opacity 0.15s linear 0s;
  -moz-transition: opacity 0.15s linear 0s;
  -o-transition: opacity 0.15s linear 0s;
  transition: opacity 0.15s linear 0s;
  opacity: 0.5;
}

.tule-nav .home a:hover {
  opacity: 1;
}

@media all and (max-width: 759px) {
  .tule-nav .home {
    display: none;
  }
}

@media all and (max-width: 479px) {
  .tule-nav {
    display: none;
  }
}

/*---------- social icons, formerly sprites ----------*/
.social-icon-header {
  display: inline-block;
  height: 20px;
  width: 20px;
  z-index: 6;
  position: relative;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-size: 20px 20px !important;
  padding: 0 !important;
  opacity: 0.5;
}

.social-icon-header:hover {
  background-size: 20px 20px !important;
  opacity: 0.9;
}

.social-large {
  display: inline-block;
  height: 50px;
  width: 50px;
  z-index: 6;
  position: relative;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-size: 50px 50px !important;
  padding: 0 !important;
  opacity: 0.3;
}

.social-large:hover {
  background-size: 50px 50px !important;
  opacity: 1;
}

.social-medium {
  display: inline-block;
  height: 35px;
  width: 35px;
  z-index: 6;
  position: relative;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-size: 35px 35px !important;
  padding: 0 !important;
  opacity: 0.3;
  margin: 0 6px;
}

.social-medium:hover {
  background-size: 35px 35px !important;
  opacity: 1;
}

a.social-facebook {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/facebook.png") center top no-repeat;
}

a.social-twitter {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/twitter.png") center top no-repeat;
}

a.social-tumblr {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/tumblr.png") center top no-repeat;
}

a.social-pinterest {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/pinterest.png") center top no-repeat;
}

a.social-rss {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/rss.png") center top no-repeat;
}

a.social-link {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/link.png") center top no-repeat;
}

a.social-linkedin {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/linkedin.png") center top no-repeat;
}

a.social-youtube {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/youtube.png") center top no-repeat;
}

a.social-instagram {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/instagram.png") center top no-repeat;
}

a.social-tiktok {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/tiktok.png") center top no-repeat;
}

.logo-sm {
  max-width: 50%;
  display: none;
}

@media all and (max-width: 479px) {
  .logo-sm {
    display: block;
  }
}

/*---------- FOOTER ----------*/
.site-footer {
  background-color: #EDF1F2;
  border-top: 15px solid #F4F8F9;
  border-bottom: 15px solid #F4F8F9;
  padding: 20px 0;
}

.footer-centered {
  max-width: 720px;
  margin: 0px auto;
}

.quick-pipenav {
  text-align: center;
  font-size: 2rem;
}

.quick-pipenav a {
  display: inline-block;
}

@media all and (max-width: 709px) {
  .quick-pipenav {
    font-size: 1.6rem;
    line-height: 1.8em;
  }
}

.site-info {
  max-width: 1140px;
  min-width: 240px;
  margin: 0 auto;
  position: relative;
}

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

.site-info:after {
  clear: both;
}

.site-info ul {
  list-style: none;
  margin: 0;
  font-family: "Alegreya", serif;
}

.site-info h3 {
  color: #471143;
  font-weight: 300;
  text-shadow: 0 0 3px #C18ACE;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
}

.site-info h4 {
  color: #471143;
  font-weight: 800;
  text-shadow: 0 0 3px #C18ACE;
  text-transform: uppercase;
}

.site-info .footer-right {
  float: right;
  width: 70%;
  margin: 0;
}

@media all and (max-width: 1023px) {
  .site-info .footer-right {
    float: right;
    width: 70%;
    margin: 0 0 0;
  }
}

@media all and (max-width: 709px) {
  .site-info .footer-right {
    width: 100%;
    text-align: center;
  }
}

.site-info .top {
  text-align: right;
  position: absolute;
  right: 5px;
  top: -33px;
  clear: both;
  font-size: 10px;
  line-height: 10px;
  font-size: 1rem;
  line-height: 1em;
  margin: 0;
  letter-spacing: 1px;
}

.site-info .left {
  float: left;
  width: 30%;
  margin: 0;
}

@media all and (max-width: 1023px) {
  .site-info .left {
    float: left;
    width: 30%;
    margin: 0;
  }
}

@media all and (max-width: 709px) {
  .site-info .left {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 3%;
    float: none;
    text-align: center;
  }
}

.site-info .middle {
  width: 53%;
  margin: 0;
  text-align: center;
  padding: 0 1% 0 7%;
  float: left;
}

.site-info .middle h4 {
  margin: 0;
}

.site-info .middle p {
  font-size: 13px;
  line-height: 11px;
  font-size: 1.3rem;
  line-height: 1.1em;
}

@media all and (max-width: 1023px) {
  .site-info .middle {
    float: left;
    width: 55%;
    margin: 0;
  }
}

@media all and (max-width: 709px) {
  .site-info .middle {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 20px;
    float: none;
    text-align: left;
  }
}

.site-info .right {
  float: right;
  width: 40%;
  margin: 0;
  text-align: right;
}

.site-info .right:last:after:before, .site-info .right:last:after:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.site-info .right:last:after:after {
  clear: both;
}

@media all and (max-width: 709px) {
  .site-info .right {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 3%;
    float: none;
    text-align: center;
  }
}

.site-info .facebook-box {
  border: none;
  overflow: hidden;
  width: 292px;
  max-width: 100%;
  background: #ffffff;
}

@media all and (max-width: 709px) {
  .site-info .facebook-box {
    width: 70%;
  }
}

@media all and (max-width: 479px) {
  .site-info .facebook-box {
    height: 250px !important;
  }
}

@media all and (max-width: 1199px) {
  .site-info {
    padding: 0 10px;
  }
}

.author-links {
  font-size: 3rem;
}

#mc_embed_signup {
  font-size: 1.3rem !important;
}

@media all and (max-width: 479px) {
  .twitter-timeline {
    height: 250px !important;
  }
}

/*---------- MAIN IMPRINTS PAGE --------------*/
.logo-boxes {
  display: inline-block;
  width: 30%;
  padding: 0 2% 7% 0;
  text-align: center;
}

@media all and (max-width: 598px) {
  .logo-boxes {
    width: 48%;
  }
}

.logo-boxes img {
  max-height: 150px;
  vertical-align: middle;
}

.imprints .green-dot li {
  margin: 20px 0;
}

/*---------- HOME PAGE ----------*/
.front-page .contain {
  padding: 0 10px;
}

.front-page .covers {
  text-align: center;
}

.front-page .covers li {
  margin: 0 10px 10px 0;
  width: 30%;
}

@media all and (max-width: 709px) {
  .front-page .covers li:last-child {
    display: none;
  }
}

@media all and (max-width: 709px) {
  .front-page .covers li {
    width: 45%;
    margin: 0 10px 20px 0;
  }
}

@media all and (max-width: 799px) {
  .front-page #headlines li:last-child {
    display: none;
  }
}

@media all and (max-width: 709px) {
  .front-page #headlines li:last-child {
    display: block;
  }
}

.front-page .bg-purple {
  margin: 10px auto 60px;
}

#headlines h5 {
  font-family: "open-sans", sans-serif;
  margin: 0.5em 0 0;
}

#headlines li {
  margin-bottom: 40px;
}

#headlines li:last-child {
  margin-bottom: 15px;
}

.imprint-contain {
  max-width: 990px;
  min-width: 240px;
  margin: 0 auto;
  padding: 0 35px;
  text-align: center;
}

.imprint-contain .logo-boxes {
  width: 13%;
  padding: 0px 0 12px;
}

.imprint-contain .logo-boxes img {
  max-height: 100px;
}

@media all and (max-width: 709px) {
  .imprint-contain .logo-boxes {
    width: 32%;
    padding: 0 2% 7% 0;
  }
}

#blog h3 {
  font-family: "open-sans", sans-serif;
  margin: 0.5em 0 0;
  font-size: 2.4rem;
}

#blog li {
  margin-bottom: 10px;
}

#blog .stay-in-touch {
  width: auto;
  text-align: center;
}

/*---------- BOOK PAGES ----------*/
.booktop {
  padding-top: 20px;
}

.booktop .right {
  float: right;
  margin: 0 0 0 60px;
  width: 45%;
}

@media all and (max-width: 709px) {
  .booktop .right {
    margin: 0 0 20px 20px;
    padding: 15px;
    background-color: #f1f5f6;
  }
}

@media all and (max-width: 479px) {
  .booktop {
    padding-top: 0;
  }
}

.bookinfo {
  width: 65%;
  padding: 0 10px;
  float: left;
}

.bookinfo h5 {
  text-align: center;
  font-style: italic;
  margin: 0 0 3px;
  font-family: "Alegreya", serif;
}

.bookinfo h5 span {
  text-shadow: 0 1px 1px #C5D7CD;
}

@media all and (max-width: 709px) {
  .bookinfo h5 {
    display: none;
  }
}

.bookinfo h6 {
  font-size: 1.4rem;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  color: #999999;
  text-align: center;
}

@media all and (max-width: 709px) {
  .bookinfo h6 span {
    display: none;
  }
}

@media all and (max-width: 709px) {
  .bookinfo {
    padding: 0;
    display: block;
    float: none;
    width: 100%;
  }
}

.bookmeta {
  float: right;
  width: 32%;
  margin: 80px 0 0;
}

.bookmeta h5 {
  text-align: center;
  font-style: italic;
  margin: 0 0 0.5em;
  display: none;
  font-family: "Alegreya", serif;
}

.bookmeta h5 span {
  text-shadow: 0 1px 1px #C5D7CD;
}

@media all and (max-width: 709px) {
  .bookmeta h5 {
    display: block;
  }
}

.bookmeta h6 {
  color: #7B7676;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-top: 1em;
}

.bookmeta h6:first-child {
  font-size: 1.4rem;
  color: #cccccc;
}

@media all and (max-width: 709px) {
  .bookmeta h6 {
    text-align: center;
  }
}

.bookmeta li,
.bookmeta p {
  font-size: 14px;
  line-height: 11px;
  font-size: 1.4rem;
  line-height: 1.1em;
}

.bookmeta p {
  margin: 0;
}

@media all and (max-width: 709px) {
  .bookmeta p {
    text-align: center;
  }
}

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

@media all and (max-width: 709px) {
  .bookmeta {
    margin: 0 auto;
    display: block;
    float: none;
    width: 100%;
  }
}

.cover {
  box-shadow: 0 0 5px #7B7676;
}

.bookheader {
  color: #4350a9;
  font-family: "Alegreya", serif;
}

.bookheader h1,
.bookheader h3,
.bookheader h5 {
  margin: 0;
}

@media all and (max-width: 479px) {
  .bookheader h1 {
    font-size: 3rem;
  }
}

@media all and (max-width: 479px) {
  .bookheader h3 {
    font-size: 2.4rem;
  }
}

.title {
  font-style: italic;
}

.release-date {
  font-weight: 700;
}

.blue {
  color: #4350a9;
}

.order-icons {
  padding: 0 0 20px;
  text-align: center;
}

.order-icons ul {
  margin: 5px auto 5px;
  list-style: none;
}

.order-icons ul li {
  display: inline-block;
  margin: 0;
  text-shadow: 0 0 2px #3E53EC;
  font-weight: 100;
  font-size: 2rem;
  line-height: 1em;
  padding: 5px 10px 0;
}

@media all and (max-width: 479px) {
  .order-icons ul li {
    display: block;
    padding: 10px 0 0;
  }
}

.order-icons p {
  margin: 0;
  font-weight: 100;
}

.blurb h2 {
  font-weight: 300;
  text-transform: uppercase;
}

.reading {
  background: url("images/global/logo.png") no-repeat scroll left top/80px auto rgba(0, 0, 0, 0);
  height: 100px;
  padding: 0 0 0 100px;
}

.reading a {
  white-space: nowrap;
}

.reading a:first-child {
  margin-right: 30px;
}

@media all and (max-width: 479px) {
  .reading p {
    font-size: 1.4rem;
    line-height: 1.8em;
    margin: 5px 0;
  }
}

@media all and (max-width: 479px) {
  .reading {
    background-size: 70px auto;
    padding: 0 0 0 80px;
  }
}

#excerpt h2 {
  font-family: "Alegreya", serif;
  color: #4350a9;
}

@media all and (max-width: 479px) {
  #excerpt h2 {
    font-size: 2rem;
  }
}

.share {
  float: right;
  margin: 0 0 20px 40px;
  max-width: 40%;
  text-align: center;
  width: 200px;
}

@media all and (max-width: 709px) {
  .share {
    margin-top: 30px;
  }
}

.share h5 {
  color: #471143;
  font-weight: 300;
  text-shadow: 0 0 3px #C18ACE;
  text-transform: uppercase;
  margin-top: 0.5em;
}

@media all and (max-width: 479px) {
  .share {
    margin: 0 0 20px 20px;
  }
}

#order {
  margin-bottom: 40px;
  padding: 0;
}

#order h4 {
  margin: 0 0 1em;
}

#order h2 {
  font-family: "Alegreya", serif;
  text-align: center;
  color: #5C6E60;
  line-height: 1em;
  margin: 0;
}

@media all and (max-width: 709px) {
  #order h2 .available {
    font-size: 75%;
    display: block;
  }
}

#order h5 {
  color: #471143;
  font-weight: 300;
  text-shadow: 0 0 3px #C18ACE;
  text-transform: uppercase;
}

#order ul {
  margin-bottom: 40px;
}

#order ul + .promo {
  margin-top: -20px;
  text-shadow: 0 0 3px #C18ACE;
}

@media all and (max-width: 598px) {
  #order ul + .promo {
    margin-bottom: 40px;
    font-size: 1.3rem;
  }
}

#order li {
  font-family: "Alegreya", serif;
  font-size: 24px;
  line-height: 12px;
  font-size: 2.4rem;
  line-height: 1.2em;
  margin: 10px 0;
}

#order .cover-column {
  float: left;
  margin: 20px 60px 0 0;
  width: 20%;
  text-align: center;
}

#order .cover-column img {
  box-shadow: 0 0 5px #7B7676;
}

#order .cover-column p {
  font-size: 14px;
  line-height: 10px;
  font-size: 1.4rem;
  line-height: 1em;
  color: #7B7676;
  margin: 5px 0;
}

@media all and (max-width: 598px) {
  #order .cover-column {
    float: right;
    margin: 15px 0 5px 10px;
    padding: 0;
    width: 40%;
  }
}

#order .left {
  float: left;
  width: 30%;
  margin: 0 10px;
}

@media all and (max-width: 598px) {
  #order .left {
    width: 51%;
    float: left;
    margin: 0 auto 0px;
  }
}

#order .right {
  float: right;
  width: 30%;
  margin: 0 10px;
}

#order .right img {
  float: right;
  max-width: 50%;
}

@media all and (max-width: 598px) {
  #order .right img {
    display: none;
  }
}

@media all and (max-width: 598px) {
  #order .right {
    width: 100%;
    float: none;
    margin: 0 auto 0;
    clear: both;
  }
}

#order .linking-disclaimer {
  letter-spacing: 0;
  font-size: 1.1rem !important;
}

.book-navigation {
  margin: 0 auto;
  width: 600px;
  max-width: 100%;
}

.book-navigation h4 {
  text-align: center;
  margin-bottom: 10px;
}

.book-navigation .nav-links {
  background: url("images/global/logo.png") no-repeat scroll center bottom/auto 100% rgba(0, 0, 0, 0);
}

.covers li {
  display: inline-block;
  margin: 10px 15px 10px 0;
  vertical-align: top;
}

.covers li img {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
}

@media all and (max-width: 479px) {
  .covers li {
    width: 44%;
  }
}

.covers-large li {
  display: inline-block;
  width: 29%;
  margin: 0 3% 10px 0;
  vertical-align: top;
}

.covers-large li img {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
}

@media all and (max-width: 598px) {
  .covers-large li {
    width: 44%;
  }
}

.covers-5 li {
  display: inline-block;
  width: 16%;
  margin: 0 1.5% 10px;
  vertical-align: top;
}

.covers-5 li .author {
  color: #4350a9;
  font-family: "Alegreya", serif;
  margin: 0 0 0.2em;
}

.covers-5 li .title {
  font-family: "Alegreya", serif;
  margin: 0;
}

.covers-5 li img {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
}

.covers-5 li h6 {
  font-size: 1.6rem;
}

.covers-5 li p {
  margin: 0 0 1em;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  text-shadow: 0 0 3px #ad71bc;
  text-transform: uppercase;
}

.covers-5 li p a {
  color: #471143;
}

.covers-5 li p a:hover {
  text-shadow: none;
  color: #C18ACE;
}

@media all and (max-width: 479px) {
  .covers-5 li p span {
    display: none;
  }
}

@media all and (max-width: 709px) {
  .covers-5 li {
    width: 21%;
  }
}

@media all and (max-width: 598px) {
  .covers-5 li {
    width: 29%;
  }
  .covers-5 li h6 {
    font-size: 1.2rem;
  }
  .covers-5 li .title {
    font-size: 1.2rem;
  }
  .covers-5 li .author {
    font-size: 1.2rem;
  }
}

.coming-covers {
  margin-top: 20px;
}

.coming-covers li {
  display: inline-block;
  margin: 10px 25px 20px 0;
  vertical-align: top;
  width: 29%;
  max-width: 300px;
}

.coming-covers li img {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
}

@media all and (max-width: 709px) {
  .coming-covers li {
    margin: 10px 15px 10px 0;
  }
}

@media all and (max-width: 479px) {
  .coming-covers li {
    width: 44%;
  }
}

.coming-covers .title {
  font-family: "Alegreya", serif;
  margin: 0;
}

.coming-covers .feature {
  margin-top: 0;
}

.coming-covers .author {
  color: #4350a9;
  font-family: "Alegreya", serif;
  margin: 0 0 0.2em;
}

.coming-date {
  float: left;
  line-height: 2em;
  margin: 0;
}

@media all and (max-width: 759px) {
  .coming-date {
    float: none;
    line-height: 1em;
  }
}

.coming-order {
  float: right;
  line-height: 2.2em;
  margin: 0;
  font-weight: 300;
  text-shadow: 0 0 3px #ad71bc;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
  letter-spacing: 1px;
}

.coming-order a {
  color: #471143;
}

.coming-order a:hover {
  text-shadow: none;
  color: #C18ACE;
}

@media all and (max-width: 759px) {
  .coming-order {
    float: none;
    line-height: 1.6em;
  }
}

/*---------- BOOK PAGES ----------*/
.bookshelf .covers li {
  width: 20%;
}

@media all and (max-width: 479px) {
  .bookshelf .covers li {
    width: 44%;
  }
}

.booklists .sorting {
  margin: 3px 0 4px;
  font-size: 2.2rem;
}

.booklists .display {
  margin: 0;
  font-style: italic;
}

.booklists .lighten {
  color: rgba(0, 0, 0, 0.65);
}

.booklists .title {
  font-family: "Alegreya", serif;
  margin: 0;
}

.booklists .feature {
  margin-top: 0;
}

.booklists .author {
  color: #4350a9;
  font-family: "Alegreya", serif;
  margin: 0 0 0.2em;
}

.booklists ul li {
  width: 200px;
}

@media all and (max-width: 479px) {
  .booklists ul li {
    width: 44%;
  }
}

.booklists li {
  margin-bottom: 40px;
}

.booklists li img {
  border: 1px solid #cccccc;
}

.booklists li h6 {
  margin-bottom: 0.3em;
}

.booklists li p {
  margin: 0 0 1em;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  text-shadow: 0 0 3px #ad71bc;
  text-transform: uppercase;
}

.booklists li p a {
  color: #471143;
}

.booklists li p a:hover {
  text-shadow: none;
  color: #C18ACE;
}

@media all and (max-width: 479px) {
  .booklists li p span {
    display: none;
  }
}

@media all and (max-width: 479px) {
  .booklists li {
    width: 44%;
  }
}

.series-page ul.covers li {
  width: 44%;
  max-width: 195px;
}

.series-page ul.covers li .coming-date {
  line-height: 1em;
}

.readorder {
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  text-shadow: 0 0 3px #ad71bc;
}

.readorder a {
  color: #471143;
}

.readorder a:hover {
  text-shadow: none;
  color: #C18ACE;
}

.subnav-side {
  background-color: #fdfaf1;
  border: 15px solid #fffcf7;
  float: right;
  padding: 0 40px 10px;
  margin-left: 20px;
  max-width: 50%;
}

.subnav-side li {
  margin: 10px 0;
  width: auto !important;
}

.subnav-side li:before {
  content: "• ";
  margin: 0 5px 0 -15px;
  color: #d0dbd4;
  text-shadow: 0 1px 2px #EDF1F2;
}

@media all and (max-width: 598px) {
  .subnav-side {
    float: none;
    margin: 0 auto;
    max-width: none;
  }
}

.subnav-wide {
  padding: 0 40px 10px;
}

.subnav-wide li {
  margin: 10px 0;
  width: auto !important;
  display: inline-block;
}

.subnav-wide li:last-child:after {
  content: "";
}

.subnav-wide li:after {
  content: "|";
  margin: 0 1px 0 5px;
  color: #d0dbd4;
  text-shadow: 0 1px 2px #EDF1F2;
}

@media all and (max-width: 598px) {
  .subnav-wide li {
    display: block;
  }
  .subnav-wide li:before {
    content: "• ";
    margin: 0 5px 0 -15px;
    color: #d0dbd4;
    text-shadow: 0 1px 2px #EDF1F2;
  }
  .subnav-wide li:after {
    content: "";
    margin: 0;
  }
}

/*---------- BOOK PAGES ----------*/
.imprints .sorting {
  margin: 3px 0 4px;
  font-size: 2.2rem;
}

.imprints .display {
  margin: 0;
  font-style: italic;
}

.imprints .lighten {
  color: rgba(0, 0, 0, 0.65);
}

.imprints ul.covers li {
  max-width: 29%;
  margin-right: 3%;
}

.imprints ul.covers li .cover-left {
  margin: 0;
}

@media all and (max-width: 709px) {
  .imprints ul.covers {
    text-align: center;
  }
  .imprints ul.covers li {
    margin: 10px 1.5%;
    text-align: left;
  }
}

@media all and (max-width: 479px) {
  .imprints ul.covers li {
    max-width: 49%;
  }
}

.imprints ol li {
  margin: 0;
  padding-bottom: 40px;
}

.imprints ol li h6 {
  margin: 0;
}

.imprints hr {
  margin: 10px auto 20px;
}

.imprints h1 {
  line-height: 1.5em;
}

@media all and (max-width: 479px) {
  .imprints h1 {
    font-size: 2.4rem;
  }
}

.imprints .site-content ul li {
  margin-bottom: 40px;
}

.imprints .site-content ul li .cover-left {
  float: left;
  margin: 0 20px 0 0;
}

@media all and (max-width: 598px) {
  .imprints .site-content ul li .cover-left {
    float: none;
    margin: 0 auto;
    clear: both;
  }
}

.imprints .primary {
  width: 65%;
  padding-right: 10px;
}

@media all and (max-width: 709px) {
  .imprints .primary {
    width: 100%;
    padding: 0;
  }
}

.imprints .secondary {
  width: 35%;
  padding-left: 20px;
}

@media all and (max-width: 709px) {
  .imprints .secondary {
    width: 100%;
    padding: 0;
  }
}

@media all and (max-width: 709px) {
  .imprints .nowrap {
    white-space: normal;
  }
}

.imprint-bg {
  box-shadow: 0 0 10px #efefef inset;
  height: 200px;
  position: relative;
}

.southern-born.imprint-bg,
.alabama-born.imprint-bg,
.carolina-born.imprint-bg,
.louisiana-born.imprint-bg {
  background: url("images/imprints/bg/southern-born.jpg") no-repeat center top/100% auto transparent;
}

@media all and (max-width: 799px) {
  .southern-born.imprint-bg,
  .alabama-born.imprint-bg,
  .carolina-born.imprint-bg,
  .louisiana-born.imprint-bg {
    background-size: 1000px auto;
  }
}

.montana-born.imprint-bg {
  background: url("images/imprints/bg/montana-born.jpg") no-repeat center bottom/100% auto transparent;
}

@media all and (max-width: 1023px) {
  .montana-born.imprint-bg {
    background-size: 1024px auto;
  }
}

.american-heart.imprint-bg {
  background: url("images/imprints/bg/american-heart.jpg") no-repeat center top/100% auto transparent;
}

@media all and (max-width: 1899px) {
  .american-heart.imprint-bg {
    background-size: 1900px auto;
  }
}

.holiday.imprint-bg {
  background: url("images/imprints/bg/holiday.jpg") no-repeat center center/100% auto transparent;
}

@media all and (max-width: 799px) {
  .holiday.imprint-bg {
    background-size: 1000px auto;
  }
}

.spirit.imprint-bg {
  background: url("images/imprints/bg/spirit.jpg") no-repeat center center/100% auto transparent;
}

@media all and (max-width: 799px) {
  .spirit.imprint-bg {
    background-size: 1000px auto;
  }
}

.eros.imprint-bg {
  background: url("images/imprints/bg/eros.jpg") no-repeat center center/100% auto transparent;
}

@media all and (max-width: 799px) {
  .eros.imprint-bg {
    background-size: 1000px auto;
  }
}

.muse.imprint-bg {
  background: url("images/imprints/bg/muse.jpg") no-repeat center center/100% auto transparent;
}

@media all and (max-width: 799px) {
  .muse.imprint-bg {
    background-size: 1000px auto;
  }
}

.texas-born.imprint-bg {
  background: url("images/imprints/bg/texas-born.jpg") no-repeat center center/100% auto transparent;
}

@media all and (max-width: 799px) {
  .texas-born.imprint-bg {
    background-size: 1000px auto;
  }
}

.tule-non-fiction.imprint-bg {
  background: url("images/imprints/bg/tule-non-fiction.jpg") no-repeat center center/100% auto transparent;
}

@media all and (max-width: 799px) {
  .tule-non-fiction.imprint-bg {
    background-size: 1000px auto;
  }
}

.imprint-logo {
  position: absolute;
  text-align: center;
  top: 25px;
  width: 100%;
}

.imprint-logo img {
  max-width: 300px;
}

.texas-born-logo {
  max-width: 180px !important;
}

.tule-non-fiction .imprint-logo {
  top: 46px;
}

/*---------- BLURB ACCORDION --------------*/
.accordion {
  width: 100%;
  text-align: left;
}

.accordion label {
  position: relative;
  z-index: 20;
  display: block;
  height: auto;
  cursor: pointer;
  color: #4350a9;
}

.accordion label:hover {
  background-color: transparent;
  color: #3E53EC;
}

.accordion input:checked + label,
.accordion input:checked + label:hover {
  color: #3E53EC;
}

.accordion label:hover:after,
.accordion input:checked + label:hover:after {
  content: "...";
}

.accordion input {
  display: none;
}

.accordion article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.accordion input:checked ~ article {
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.accordion input:checked ~ article.accordion-full {
  height: auto;
}

/*---------- AUTHORS ----------*/
.authors article {
  clear: both;
  display: block;
  margin-bottom: 40px;
  min-height: 350px;
}

.authors .author-thumb {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
  float: left;
  margin: 10px 20px 20px 0;
  width: 250px;
  max-width: 40%;
}

@media all and (max-width: 598px) {
  .authors .author-thumb {
    float: right;
    margin: 20px 0 20px 20px;
  }
}

.authors .booktitle {
  font-size: 28px;
  line-height: 12px;
  font-size: 2.8rem;
  line-height: 1.2em;
  font-family: "Alegreya", serif;
  font-style: italic;
}

.featured-authors ul {
  text-align: center;
}

.featured-authors li {
  width: 24%;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}

.featured-authors li img {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
}

@media all and (max-width: 598px) {
  .featured-authors li {
    width: 49%;
  }
}

#authors li {
  width: 20%;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}

#authors li img {
  border: 1px solid #cccccc;
  box-shadow: 0 2px 7px #ccc;
  width: 150px;
}

@media all and (max-width: 598px) {
  #authors {
    margin: 0;
  }
}

.author-cover-list li, .author-single-cover-list li {
  display: inline-block;
  width: 25%;
  max-width: 180px;
  vertical-align: top;
  margin-right: 4%;
}

.author-cover-list li img, .author-single-cover-list li img {
  max-width: 146px;
  width: 100%;
  display: block;
  box-shadow: 0 0 5px #7b7676;
  margin-bottom: 5px;
}

.author-cover-list li:before, .author-single-cover-list li:before {
  content: none;
  margin: 0;
}

@media all and (max-width: 598px) {
  .author-cover-list li:nth-child(3), .author-single-cover-list li:nth-child(3) {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  .author-cover-list li:nth-child(4), .author-single-cover-list li:nth-child(4) {
    display: none;
  }
}

@media all and (max-width: 598px) {
  .author-cover-list li, .author-single-cover-list li {
    width: 49%;
    margin-right: 0;
    padding: 0 5%;
  }
}

.author-cover-list .booktitle, .author-single-cover-list .booktitle {
  line-height: 18px;
  font-size: 1.8rem;
  display: block;
}

.author-cover-list p, .author-single-cover-list p {
  font-size: 1.3rem;
  letter-spacing: 1px;
  font-weight: 300;
  text-shadow: 0 0 1px #ad71bc;
  text-transform: uppercase;
  margin: 3px 0px;
}

.author-cover-list p a, .author-single-cover-list p a {
  color: #471143;
}

.author-cover-list p a:hover, .author-single-cover-list p a:hover {
  color: #3e53ec;
}

.author-cover-list .series-display, .author-single-cover-list .series-display {
  font-size: 1.4rem;
  letter-spacing: 0px;
  font-weight: 400;
  text-shadow: none;
  text-transform: none;
  margin: 2px 0px -1px;
  line-height: 19px;
}

.grey-link {
  color: #7b7676 !important;
}

.grey-link:hover {
  color: #3e53ec !important;
}

.author-single-cover-list li {
  margin-bottom: 2em;
  max-width: 167px;
  vertical-align: top;
  margin-right: 4%;
}

.author-single-cover-list li img {
  max-width: 130px;
}

@media all and (max-width: 598px) {
  .author-single-cover-list li:nth-child(3) {
    display: inline-block;
  }
}

@media all and (max-width: 1023px) {
  .author-single-cover-list li:nth-child(4) {
    display: inline-block;
  }
}

@media all and (max-width: 799px) {
  .author-single-cover-list li {
    width: 20%;
    max-width: 175px;
  }
}

@media all and (max-width: 598px) {
  .author-single-cover-list li {
    width: 49%;
    max-width: 255px;
    margin-right: 0;
  }
  .author-single-cover-list li img {
    max-width: 180px;
  }
}

/*---------- LAYOUT ELEMENTS ----------*/
.green-dot,
.bullet {
  margin-left: 20px;
}

.green-dot li:before,
.bullet li:before {
  content: "• ";
  margin: 0 5px 0 -15px;
  color: #d0dbd4;
  text-shadow: 0 1px 2px #EDF1F2;
}

.bg-purple,
.featured-authors {
  background-color: #F2EDF3;
  border-top: 15px solid #F6F4F9;
  border-bottom: 15px solid #F6F4F9;
  padding: 20px 0;
}

.bg-purple aside,
.featured-authors aside {
  margin: 30px 0 0;
}

.bg-purple h3,
.featured-authors h3 {
  margin: 0;
}

.bg-cream,
#order,
#authors,
.subnav {
  background-color: #FDFAF1;
  border-top: 15px solid #FFFCF7;
  border-bottom: 15px solid #FFFCF7;
  padding: 20px 0;
}

.bg-cream aside,
#order aside,
#authors aside,
.subnav aside {
  margin: 30px 0 0;
}

.bg-cream h3,
#order h3,
#authors h3,
.subnav h3 {
  margin: 0;
}

.mystery-authors {
  background-color: #f6f6f6 !important;
  border-top: 15px solid #f8f8f8 !important;
  border-bottom: 15px solid #f8f8f8 !important;
}

.bg-green,
.connect {
  background-color: #EDF1F2;
  border-top: 15px solid #F4F8F9;
  border-bottom: 15px solid #F4F8F9;
  padding: 20px 0;
}

.bg-green aside,
.connect aside {
  margin: 30px 0 0;
}

.bg-green h3,
.connect h3 {
  margin: 0;
}

.subnav {
  text-align: center;
}

.subnav h5 {
  font-family: "Alegreya", serif;
  font-style: italic;
  color: #34563B;
  letter-spacing: 1px;
  line-height: 1em;
  margin: 0.5em 0 0;
}

.subnav a {
  white-space: nowrap;
  padding: 0 5px;
}

.stay-in-touch {
  list-style: none outside none;
  margin: 10px 0 0;
  width: 165px;
  max-width: 100%;
}

.stay-in-touch a {
  color: #cfd5d1;
}

.stay-in-touch a:hover {
  color: #5f7163;
}

.stay-in-touch li {
  display: inline-block;
  margin: 5px;
  text-align: center;
  vertical-align: top;
}

@media all and (max-width: 598px) {
  .stay-in-touch {
    width: auto;
  }
}

.nl-icon {
  font-size: 3rem;
  line-height: 0.8em;
  font-weight: 300;
  text-transform: uppercase;
  display: inline-block;
}

.nav-links .booktitle {
  font-family: "Alegreya", serif;
  font-size: 2rem;
}

.nav-left,
.nav-previous {
  width: 300px;
  max-width: 40%;
}

.nav-right,
.nav-next {
  text-align: right;
  width: 300px;
  float: right;
  max-width: 40%;
}

.meta-nav {
  font-size: 80%;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.search-title {
  font-weight: 400;
}

.search-title span {
  font-weight: 300;
  text-transform: uppercase;
  color: #34563B;
  font-size: 70%;
  line-height: 1em;
  display: block;
  margin: 3px 0 0;
}

/*---------- BLOG ----------*/
article {
  margin: 0 auto 60px;
}

.post .entry-content img {
  max-width: 40%;
}

.post .entry-content ul {
  margin: 0 0 24px 24px;
}

.post .entry-content ul li:before {
  content: "• ";
  margin: 0 5px 0 -15px;
  color: #d0dbd4;
  text-shadow: 0 1px 2px #EDF1F2;
}

.entry-meta {
  color: #B6C7BC;
  margin: 0.6em 0 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.entry-meta p {
  font-size: 1.2rem;
}

.entry-meta a {
  color: #B6C7BC;
}

.entry-meta a:hover {
  color: #4F7455;
}

footer.entry-meta {
  margin: 40px auto;
}

.comments-title {
  color: #34563B;
  font-weight: 300;
  text-shadow: 0 0 3px #a5b7ab;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
}

.incidental {
  display: none;
  border-bottom: 1px solid #f4f8f9;
  border-top: 1px solid #f4f8f9;
  margin: 40px auto;
  text-transform: uppercase;
  text-align: center;
  color: #B6C7BC;
}

.incidental p {
  font-size: 1.2rem;
}

.incidental a {
  white-space: nowrap;
  padding: 0 10px;
  color: #B6C7BC;
}

.incidental a:hover {
  color: #4F7455;
}

@media all and (max-width: 598px) {
  .incidental a {
    padding: 0 3px;
  }
}

@media all and (max-width: 479px) {
  .incidental {
    display: block;
  }
}

.widget-area {
  padding: 20px 10px 0 50px;
}

.widget-area aside {
  float: none;
  margin: 0 auto;
  width: auto;
  padding: 0;
}

@media all and (max-width: 598px) {
  .widget-area aside {
    width: auto;
    clear: none;
    float: none;
    margin: 0 auto;
    padding: 0;
  }
}

.widget-area ul {
  margin: 0 0 24px 24px;
}

.widget-area ul li:before {
  content: "• ";
  margin: 0 5px 0 -15px;
  color: #d0dbd4;
  text-shadow: 0 1px 2px #EDF1F2;
}

@media all and (max-width: 709px) {
  .widget-area {
    padding: 0;
  }
}

h3.widget-title,
.sub-title {
  font-size: 1.7rem;
  color: #4F7455;
  font-weight: 300;
  text-shadow: 0 0 3px #f4f8f9;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
}

h3.widget-title a,
.sub-title a {
  color: #4F7455;
}

h3.widget-title a:hover,
.sub-title a:hover {
  color: #3E53EC;
}

h3.widget-title {
  margin-top: 3em;
}

.post-intro {
  float: right;
  margin: 10px 0 20px 30px;
  text-align: center;
  width: 300px;
  max-width: 50%;
}

.post-intro p,
.post-intro h4 {
  margin: 0.2em 0;
  line-height: 1.2em;
}

.post-intro p {
  font-size: 1.4rem;
}

.post-intro img {
  max-width: 60% !important;
  margin-top: 5px;
}

@media all and (max-width: 598px) {
  .post-intro img {
    max-width: 100%;
  }
}

@media all and (max-width: 479px) {
  .post-intro {
    margin: 0 0 20px 20px;
  }
}

.archive-title {
  color: #4F7455;
  font-weight: 300;
  text-shadow: 0 0 3px #f4f8f9;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
  margin: 2px 0 0;
}

.archive-title span {
  font-size: 60%;
  line-height: 1em;
  display: block;
  margin: 3px 0 0;
  color: #B6C7BC;
}

.timeline-header h2.byline {
  display: none !important;
}

/*--  Mystery  --*/
.mystery-logo-list {
  float: right;
  padding-left: 15px;
}

@media all and (max-width: 598px) {
  .mystery-logo-list {
    max-width: 140px;
  }
}

.mystery-covers li:last-child {
  display: none;
}

@media all and (max-width: 598px) {
  .mystery-covers li:last-child {
    display: inline-block;
  }
}

.featured-subgenre {
  display: inline-block;
  width: 28%;
  margin: 0 2% 10px;
  vertical-align: top;
}

.featured-subgenre img {
  border: 1px solid #ccc;
  box-shadow: 0 2px 7px #ccc;
}

.featured-subgenre .title {
  font-family: "Alegreya", serif;
  margin: 0;
}

.featured-subgenre .feature {
  margin-top: 0;
}

.featured-subgenre .author {
  color: #4350a9;
  font-family: "Alegreya", serif;
  margin: 0 0 0.2em;
}

@media all and (max-width: 598px) {
  .featured-subgenre {
    width: 31%;
    margin: 0 0.75% 10px;
  }
  .featured-subgenre h6 {
    font-size: 1.2rem;
  }
  .featured-subgenre .title {
    font-size: 1.2rem;
  }
  .featured-subgenre .author {
    font-size: 1.2rem;
  }
}

.sorting {
  margin-top: 4px;
}

.subgrenre-featured-books {
  max-width: 896px;
}

a.social-facebook-black {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/facebook-black.png") center top no-repeat;
}

a.social-twitter-black {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/twitter-black.png") center top no-repeat;
}

a.social-pinterest-black {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/pinterest-black.png") center top no-repeat;
}

a.social-instagram-black {
  background: url("/WP/wp-content/themes/tulepublishing2014/images/social/instagram-black.png") center top no-repeat;
}

.stay-in-touch-mystery {
  margin: 0px auto 0;
}

.stay-in-touch-mystery .social-large {
  opacity: 1;
}

.stay-in-touch-mystery .social-large:hover {
  opacity: 0.5;
}

.blue-glow {
  color: #111d47 !important;
  text-shadow: 0 0 4px #4884df !important;
}

.mystery-subscribe {
  border: 2px solid #869ec5;
  padding: 0px 16px 5px 20px;
}

.non-italic {
  font-style: normal !important;
}

/*---------- FONTS ----------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0;
}

h1 {
  font-size: 36px;
  line-height: 12px;
  font-size: 3.6rem;
  line-height: 1.2em;
}

@media all and (max-width: 598px) {
  h1 {
    font-size: 30px;
    line-height: 12px;
    font-size: 3rem;
    line-height: 1.2em;
  }
}

h2 {
  font-size: 32px;
  line-height: 12px;
  font-size: 3.2rem;
  line-height: 1.2em;
}

@media all and (max-width: 598px) {
  h2 {
    font-size: 28px;
    line-height: 12px;
    font-size: 2.8rem;
    line-height: 1.2em;
  }
}

h3 {
  font-size: 28px;
  line-height: 12px;
  font-size: 2.8rem;
  line-height: 1.2em;
  font-family: "Alegreya", serif;
}

@media all and (max-width: 598px) {
  h3 {
    font-size: 24px;
    line-height: 12px;
    font-size: 2.4rem;
    line-height: 1.2em;
  }
}

h4 {
  font-size: 24px;
  line-height: 12px;
  font-size: 2.4rem;
  line-height: 1.2em;
}

@media all and (max-width: 598px) {
  h4 {
    font-size: 20px;
    line-height: 12px;
    font-size: 2rem;
    line-height: 1.2em;
  }
}

h5 {
  font-size: 20px;
  line-height: 12px;
  font-size: 2rem;
  line-height: 1.2em;
}

@media all and (max-width: 598px) {
  h5 {
    font-size: 18px;
    line-height: 12px;
    font-size: 1.8rem;
    line-height: 1.2em;
  }
}

h6 {
  color: #34563B;
  font-size: 18px;
  line-height: 12px;
  font-size: 1.8rem;
  line-height: 1.2em;
  font-weight: 600;
}

@media all and (max-width: 598px) {
  h6 {
    font-size: 16px;
    line-height: 12px;
    font-size: 1.6rem;
    line-height: 1.2em;
  }
}

small {
  font-size: 12px;
  line-height: 10px;
  font-size: 1.2rem;
  line-height: 1em;
}

.small,
.meta {
  font-size: 1.3rem !important;
  line-height: 1.3em !important;
  margin: 0;
  letter-spacing: 1px;
}

.small a,
.meta a {
  color: #7B7676;
}

.small a:hover,
.meta a:hover {
  color: #7B7676;
}

.font-size-100 {
  font-size: 100% !important;
}

.date {
  color: #B6C7BC;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 10px;
  font-size: 1.2rem;
  line-height: 1em;
}

.entry-title {
  font-family: "Alegreya", serif;
  text-shadow: 0 1px 2px #b1bfb6;
}

h1.entry-title {
  font-size: 3rem;
}

@media all and (max-width: 479px) {
  h1.entry-title {
    font-size: 2.6rem;
  }
}

.caps {
  text-transform: uppercase;
}

.booktitle {
  font-style: italic;
}

.nowrap {
  white-space: nowrap;
}

.feature,
a.feature {
  color: #471143;
  font-weight: 300;
  text-shadow: 0 0 3px #ad71bc;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
}

.feature span,
a.feature span {
  font-size: 70%;
  line-height: 1em;
  display: block;
  margin: 3px 0 0;
}

a.feature {
  -webkit-transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s;
  -moz-transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s;
  -o-transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s;
  transition: color 0.15s linear 0s, text-decoration 0.15s linear 0s;
  text-decoration: none;
  text-shadow: 0 0 3px #ad71bc;
}

a.feature:hover {
  text-shadow: none;
  color: #C18ACE;
}

a.facebook:hover {
  color: #2b4173 !important;
}

a.twitter:hover {
  color: #0db2f2 !important;
}

a.rss:hover {
  color: #e66d02 !important;
}

a.pinterest:hover {
  color: #b72629 !important;
}

a.linkedin:hover {
  color: #0061a8 !important;
}

.nomargin {
  margin: 0;
}

.nomargin-top {
  margin-top: 0;
}

.nomargin-bottom {
  margin-bottom: 0;
}

.greeting {
  text-align: center;
  color: #34563B;
  text-shadow: 0 0 3px #d0dbd4;
  font-style: italic;
  margin: 0;
  font-family: "Alegreya", serif;
  letter-spacing: 1px;
}

@media all and (max-width: 598px) {
  .greeting {
    font-size: 2.3rem;
  }
}

.header-grey {
  background-color: #f3f5f4;
  color: #5b5652;
  width: 100%;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
}

.header-sm {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}

.directional {
  font-size: 1.4rem;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
  color: #999999;
}

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

.lead,
.lead p {
  color: #7B7676;
  font-family: "Alegreya", serif;
  font-style: italic;
  font-size: 1.6rem !important;
}

.leadlg,
.leadlg p {
  color: #7B7676;
  font-family: "Alegreya", serif;
  font-style: italic;
  font-size: 2.1rem !important;
}

.leadlg a,
.leadlg p a {
  color: #7B7676;
}

.desc,
.desc p {
  color: #7B7676;
  font-family: "Alegreya", serif;
  font-style: italic;
  font-size: 2.1rem !important;
  line-height: 3rem;
}

.header-green {
  color: #B6C7BC;
  font-weight: 300;
  text-shadow: 0 0 3px #f4f8f9;
  text-transform: uppercase;
  font-family: "open-sans", sans-serif;
  margin: 0;
  font-size: 70%;
}

.centered {
  margin: 0px auto;
}

.block {
  display: block;
}

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

.content-area {
  overflow-x: initial !important;
}

img[src$=".png"] {
  box-shadow: none !important;
  border: none !important;
}