/*
Theme Name: Litwin Books & Library Juice Press
Theme URI: http://kunstudios.com
Description: Custom theme by Kunstudios for Litwin Books. Built on Responsive Starter theme with Sass created by Bluelime Media. 
Version: 2.0

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
More information: http://codex.wordpress.org/Theme_Review#Licensing

Author: Krisztina Kun
Author URI: http://kunstudios.com
*
*
*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  overflow-x: hidden; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

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

article {
  display: inline-block; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  font-weight: 400;
  text-align: left; }

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

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */ }

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 16px;
  line-height: 1.5; }

p {
  margin-bottom: 10px; }
  p.site__title {
    margin: 0 0 20px; }

.text--small {
  font-size: 14px; }

@font-face {
  font-family: 'Optima LT Std';
  src: url("fonts/OptimaLTStd.woff2") format("woff2"), url("fonts/OptimaLTStd.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Optima LT Std';
  src: url("fonts/OptimaLTStd-Italic.woff2") format("woff2"), url("fonts/OptimaLTStd-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Optima LT Std';
  src: url("fonts/OptimaLTStd-Bold.woff2") format("woff2"), url("fonts/OptimaLTStd-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

b, strong {
  font-weight: 700; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 75%;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-size: 75%;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

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

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

a {
  color: #404040;
  -webkit-transition: 0.2s, ease-in-out;
  transition: 0.2s, ease-in-out; }
  a:visited {
    color: #404040; }
  a:hover, a:focus, a:active {
    color: #F5821F; }
  a.link__more, a.comment-reply-link {
    text-decoration: none; }
    a.link__more:after, a.comment-reply-link:after {
      content: "\00bb";
      padding-left: 5px; }

article p a,
.content__area p a {
  text-decoration: none;
  border-bottom: 1px #F5821F solid; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #404040;
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }

h1 {
  font-size: 36px;
  margin: 0 0 20px; }

h1.books {
  margin: 0; }

h1.books_profile_each {
  font-size: 24px;
  margin: 0;
  line-height: 1.25; }
  h1.books_profile_each a {
    text-decoration: none; }

h2 {
  font-size: 28px;
  margin: 15px 0; }
  h2 a {
    text-decoration: none; }
    h2 a:hover {
      text-decoration: underline; }

h2.books {
  margin: 0; }

h2.books_profile_each {
  font-size: 18px;
  margin: 0;
  line-height: 1.25; }

h2.title__post {
  line-height: 1.2; }
  h2.title__post a:hover {
    text-decoration: none; }

h3 {
  font-size: 24px;
  margin: 15px 0; }

h3.books {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 400;
  margin: 3px 0; }

h3.books_profile_each {
  font-size: 16px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 400;
  margin: 1px 0; }

h4 {
  font-size: 24px;
  margin: 15px 0; }
  h4.title__sidebar {
    border-bottom: 1px solid #eee;
    text-transform: uppercase; }

h5, h6 {
  font-size: 16px;
  margin: 10px 0; }

blockquote {
  color: #404040;
  font-style: italic;
  margin: 0.5em 0;
  padding: 0.5em 1em 0; }
  blockquote p {
    font-size: 28px;
    margin-bottom: 0.75em; }
    @media screen and (max-width: 30em) {
      blockquote p {
        font-size: 24px; } }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

.no-padding-list, .main__nav ul, .site__footer--widgets {
  list-style-type: none;
  margin: 0;
  padding: 0; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: 700; }

td, th {
  padding: 3px 5px; }

/* Main Layout
---------------------------*/
.row {
  width: 100%; }

.container, .footer--container, .content--narrow--left, .content--narrow, .bookflex .article .page, .site__header--wrapper {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1200px;
  background-color: #fff; }
  .container:before, .footer--container:before, .content--narrow--left:before, .content--narrow:before, .bookflex .article .page:before, .site__header--wrapper:before, .container:after, .footer--container:after, .content--narrow--left:after, .content--narrow:after, .bookflex .article .page:after, .site__header--wrapper:after {
    content: "";
    display: table; }
  .container:after, .footer--container:after, .content--narrow--left:after, .content--narrow:after, .bookflex .article .page:after, .site__header--wrapper:after {
    clear: both; }

.footer--container {
  background-color: #333; }

.content--narrow--left {
  max-width: 800px;
  width: 90%;
  margin: auto; }
  @media screen and (min-width: 37.5em) {
    .content--narrow--left {
      margin-left: 2%;
      width: 100%; } }

.content--narrow, .bookflex .article .page {
  max-width: 800px;
  width: 95%;
  margin: auto;
  margin-top: 25px; }
  @media screen and (min-width: 37.5em) {
    .content--narrow, .bookflex .article .page {
      width: 65%; } }

.content--wide {
  width: 96%;
  margin: 0 auto;
  margin-bottom: 30px; }

.background {
  background-color: rgba(105, 105, 105, 0.8); }

.block__left {
  float: left; }

.block__right {
  float: left; }
  @media screen and (min-width: 37.5em) {
    .block__right {
      float: right; } }

.content {
  width: 100%;
  margin: 0 2%; }
  @media screen and (min-width: 37.5em) {
    .content {
      width: 65%; } }

.sidebar {
  width: 100%;
  margin: 0 2%; }
  @media screen and (min-width: 37.5em) {
    .sidebar {
      width: 25%; } }

.content__fourofour {
  display: block;
  margin: 0 auto;
  max-width: 500px;
  padding-top: 50px;
  padding-bottom: 200px;
  width: 100%; }

@media screen and (min-width: 60em) {
  .site__header {
    padding: 0; } }

.site__header--wrapper {
  padding: 20px 0; }

.header_search {
  display: inline-block;
  margin: auto;
  margin-bottom: 25px;
  -webkit-box-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
  max-width: 500px; }
  @media screen and (min-width: 60em) {
    .header_search {
      -webkit-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      max-width: 300px;
      margin: 10px 25px; } }

.site__title {
  display: inline-block; }
  .site__title a {
    background: url("images/logosmall.png") no-repeat;
    display: block;
    height: 89px;
    margin: 10px auto;
    text-indent: -9999px;
    width: 274px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .site__title a {
        /* on retina, use image that's scaled by 2 */
        background-image: url("images/logosmall@2x.png");
        background-size: 274px 89px; } }
    @media screen and (min-width: 60em) {
      .site__title a {
        padding: 0;
        margin: 10px 0 10px 25px;
        background: url("images/logo.png") no-repeat;
        display: block;
        height: 51px;
        text-indent: -9999px;
        width: 605px; } }
  @media screen and (min-width: 60em) and (min--moz-device-pixel-ratio: 1.3), screen and (min-width: 60em) and (-webkit-min-device-pixel-ratio: 1.3), screen and (min-width: 60em) and (min-device-pixel-ratio: 1.3), screen and (min-width: 60em) and (min-resolution: 1.3dppx) {
    .site__title a {
      /* on retina, use image that's scaled by 2 */
      background-image: url("images/logo@2x.png");
      background-size: 605px 51px; } }

.site__branding {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 60em) {
    .site__branding {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }

.site__description {
  display: none;
  margin: 0; }

.main__nav {
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 9px; }
  .main__nav ul {
    text-align: center; }
    @media screen and (min-width: 48em) {
      .main__nav ul {
        text-align: left; } }
    .main__nav ul li {
      display: inline-block;
      position: relative;
      color: #404040; }
      .main__nav ul li:hover {
        color: #404040;
        background: #F5821F; }
      .main__nav ul li:hover ul {
        display: block; }
      .main__nav ul li a {
        color: #404040;
        display: block;
        padding: 5px 20px;
        text-decoration: none; }
        .main__nav ul li a:hover {
          background: #F5821F;
          color: #404040; }
  .main__nav ul ul {
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    z-index: 99999; }
    .main__nav ul ul ul {
      top: 0;
      left: 100%; }
    .main__nav ul ul a {
      color: #404040;
      width: 200px; }
      .main__nav ul ul a:hover, .main__nav ul ul a:focus {
        background: #F5821F;
        color: #404040; }
  .main__nav .current_page_item > a,
  .main__nav .current_page_ancestor > a,
  .main__nav .current_page_item > a:hover,
  .main__nav .current-menu-item > a:hover,
  .main__nav .current_page_item > a:focus,
  .main__nav .current-menu-item > a:focus {
    background: #F5821F;
    color: #404040; }
  .main__nav ul ul .current_page_parent,
  .main__nav .current_page_parent .current_page_item > a {
    background: #404040;
    color: #404040; }
    .main__nav ul ul .current_page_parent:hover,
    .main__nav .current_page_parent .current_page_item > a:hover {
      background: #F5821F;
      color: #404040; }

li.menu-white a.sf-with-ul {
  background: #fff; }

.current-menu-item > a,
.current-menu-item .active {
  background: #F5821F;
  color: #404040; }

.main__nav--toggle {
  cursor: pointer;
  display: none;
  padding: 10px; }

@media screen and (max-width: 48em) {
  .main__nav--toggle {
    background: #404040;
    border: none;
    display: inline-block;
    border-top: 1px solid #eee;
    font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    width: 98%; }
    .main__nav--toggle a {
      color: #fff;
      text-decoration: none;
      background: #F5821F; }
    .main__nav--toggle:before {
      content: '\2261  Menu';
      margin-right: 10px;
      color: #fff;
      font-size: 20px; } }

@media screen and (max-width: 48em) {
  .main__nav.toggled .nav-menu {
    display: block; }
  .main__nav ul {
    display: none;
    padding-left: 0;
    text-align: left; }
    .main__nav ul li {
      display: block;
      border-top: 1px solid #eee; }
      .main__nav ul li a {
        background: #404040;
        color: #fff;
        padding: 10px 20px; }
        .main__nav ul li a:hover {
          background: #F5821F; }
    .main__nav ul ul,
    .main__nav ul ul ul {
      -webkit-box-shadow: none;
              box-shadow: none;
      position: relative;
      top: inherit;
      left: 0;
      display: block;
      float: none;
      width: 100%; }
      .main__nav ul ul li,
      .main__nav ul ul ul li {
        border: none; }
    .main__nav ul ul a {
      padding-left: 40px;
      width: 100%; }
    .main__nav ul ul ul a {
      padding-left: 60px; }
  .main__nav .current_page_item > a,
  .main__nav .current-menu-item > a,
  .main__nav .current_page_ancestor > a,
  .main__nav .current_page_item > a:hover,
  .main__nav .current-menu-item > a:hover,
  .main__nav .current_page_item > a:focus,
  .main__nav .current-menu-item > a:focus {
    background: #404040;
    color: #F5821F; }
  .main__nav ul ul .current_page_parent,
  .main__nav .current_page_parent .current_page_item > a {
    background: #404040;
    color: #404040; }
    .main__nav ul ul .current_page_parent:hover,
    .main__nav .current_page_parent .current_page_item > a:hover {
      background: rgba(64, 64, 64, 0.8);
      color: #404040; } }

.post {
  border-top: 1px solid #eee;
  padding-top: 1em;
  margin-bottom: 2em; }
  .post:first-of-type {
    border: none;
    padding-top: 0; }

.blogpost {
  display: inline-block;
  max-width: 80%;
  margin-left: 20px; }
  @media screen and (min-width: 48em) {
    .blogpost {
      min-width: 630px; } }

.featured-image-blog {
  vertical-align: top;
  margin-top: 20px; }
  .featured-image-blog img {
    width: 70vw;
    margin: auto;
    display: block; }
  @media screen and (min-width: 48em) {
    .featured-image-blog {
      display: inline-block; }
      .featured-image-blog img {
        width: 125px;
        display: inline-block; } }

.entry__meta,
.entry__meta--footer {
  color: rgba(105, 105, 105, 0.8);
  font-size: 14px;
  margin-bottom: 15px; }

.links__cat, .links__tag, .link__comment {
  margin-right: 1em;
  list-style: none; }

ul.post-categories {
  list-style: none;
  display: inline-block;
  margin: 0; }
  ul.post-categories li {
    display: inline-block; }

/* Post pagination
----------------------------------------------- */
.paging-nav {
  padding: 15px 0;
  text-align: center; }
  .paging-nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .paging-nav ul li {
      display: inline; }
  .paging-nav a.page-numbers,
  .paging-nav span.page-numbers {
    padding: 3px 8px;
    text-decoration: none; }
    .paging-nav a.page-numbers.current,
    .paging-nav span.page-numbers.current {
      font-weight: 700; }

.post__nav {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  padding: 20px 0; }
  .post__nav a {
    display: block;
    padding: 10px 0;
    text-decoration: none; }

.post__nav--previous {
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 37.5em) {
    .post__nav--previous {
      text-align: left;
      width: 50%; } }
  .post__nav--previous a:before {
    content: "\00ab";
    padding-right: 5px; }

.post__nav--next {
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 37.5em) {
    .post__nav--next {
      text-align: right;
      width: 50%; } }
  .post__nav--next a:after {
    content: "\00bb";
    padding-left: 5px; }

/* Comments
----------------------------------------------- */
.avatar {
  display: block;
  float: left;
  padding: 0 1.25em 0.625em 0; }

.comment-meta a {
  text-decoration: none; }

.comment__list {
  border-top: 1px solid #eee;
  list-style: none;
  margin: 0;
  padding: 1.25em 0; }
  .comment__list ul, .comment__list ol {
    padding: 0; }
  .comment__list > li {
    border-bottom: 1px solid #eee; }
  .comment__list li {
    font-size: 14px;
    padding: 0.625em;
    margin: 0; }
    .comment__list li p {
      margin: 0;
      padding: 0.625em 0; }
    .comment__list li li > li {
      border: none; }

.comment__list ul li {
  list-style: disc; }

.comment__list ol li {
  list-style: decimal; }

.comment__list .children {
  list-style: none;
  margin: 0.625em 0.625em 0 1.25em;
  padding: 0; }
  .comment__list .children li {
    border-top: 1px solid #eee;
    list-style: none;
    padding-top: 5px; }

.comment-respond {
  margin-top: 30px; }

.comment-form {
  padding: 20px 0; }
  .comment-form p {
    margin-bottom: 10px; }
  .comment-form label {
    display: inline-block;
    width: 90px; }

/* Hides the content explaining what html tags are allowed */
.form-allowed-tags {
  display: none; }

.bookflex {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 48em) {
    .bookflex {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.bookgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 10px; }
  @media screen and (min-width: 48em) {
    .bookgrid {
      grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); } }

.books {
  margin: auto; }
  .books img {
    display: inline-block; }
  @media screen and (min-width: 60em) {
    .books {
      margin: 40px 10px 0 25px; } }

.featured-image,
.publisher,
.entry-meta {
  text-align: center; }
  @media screen and (min-width: 48em) {
    .featured-image,
    .publisher,
    .entry-meta {
      text-align: left; } }

.bookinfo {
  display: inline-block;
  clear: both; }

.publisher {
  display: inline-block;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start; }
  @media screen and (min-width: 30em) {
    .publisher {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      justify-content: flex-start; } }
  .publisher .rev {
    background: #404040;
    border: 1px solid #fff;
    border-radius: 2px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    margin: 12px 0 0 5px;
    color: #fff;
    padding: 6px 20px;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    text-transform: uppercase;
    font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    white-space: nowrap; }
    .publisher .rev:visited {
      color: #fff; }
    .publisher .rev:hover {
      background: #fff;
      border-color: #404040;
      color: #404040;
      -webkit-transition: 0.07s, ease-in;
      transition: 0.07s, ease-in; }
    .publisher .rev:focus, .publisher .rev:active {
      border-color: #ccc; }
    .publisher .rev a {
      text-decoration: none;
      color: #fff; }

.litwin {
  display: inline-block; }
  .litwin a {
    background: url("images/publishers/litwin.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 56px;
    margin: 10px auto; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .litwin a {
        /* on retina, use image that's scaled by 2 */
        background-image: url("images/publishers/litwin@2.png");
        background-size: 50px 56px; } }

.ljp {
  display: inline-block; }
  .ljp a {
    background: url("images/publishers/ljp.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 53px;
    margin: 10px auto; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .ljp a {
        /* on retina, use image that's scaled by 2 */
        background-image: url("images/publishers/ljp@2.png");
        background-size: 50px 53px; } }

.fox {
  display: inline-block; }
  .fox a {
    background: url("images/publishers/fox.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 43px;
    margin: 10px auto; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      .fox a {
        /* on retina, use image that's scaled by 2 */
        background-image: url("images/publishers/fox@2.png");
        background-size: 50px 43px; } }

.amazon {
  display: inline-block; }

.links__cat a,
.links__tag a,
.links__published a,
.single-book .links__series a {
  background: #fff;
  border: 1px solid #404040;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #404040;
  padding: 7px 20px;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 5px;
  margin-bottom: 8px;
  display: inline-block; }
  .links__cat a:visited,
  .links__tag a:visited,
  .links__published a:visited,
  .single-book .links__series a:visited {
    color: #404040; }
  .links__cat a:hover,
  .links__tag a:hover,
  .links__published a:hover,
  .single-book .links__series a:hover {
    background: #404040;
    border-color: #404040;
    color: #fff;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }
  .links__cat a:focus, .links__cat a:active,
  .links__tag a:focus,
  .links__tag a:active,
  .links__published a:focus,
  .links__published a:active,
  .single-book .links__series a:focus,
  .single-book .links__series a:active {
    border-color: #ccc; }
  @media screen and (min-width: 30em) {
    .links__cat a,
    .links__tag a,
    .links__published a,
    .single-book .links__series a {
      padding: 6px 10px 4px; } }

.links__tag a {
  border: 1px solid rgba(105, 105, 105, 0.8);
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: rgba(105, 105, 105, 0.8);
  padding: 7px 20px;
  overflow: wrap; }
  .links__tag a:visited {
    color: rgba(105, 105, 105, 0.8); }
  .links__tag a:hover {
    background: rgba(105, 105, 105, 0.8);
    border-color: rgba(105, 105, 105, 0.8);
    color: #fff;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }
  .links__tag a:focus, .links__tag a:active {
    border-color: #ccc; }
  @media screen and (min-width: 30em) {
    .links__tag a {
      padding: 6px 10px 4px; } }

.links__published a {
  border: 1px solid #F5821F;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #F5821F;
  padding: 7px 20px;
  overflow: wrap; }
  .links__published a:visited {
    color: #F5821F; }
  .links__published a:hover {
    background: #F5821F;
    border-color: #F5821F;
    color: #fff;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }
  .links__published a:focus, .links__published a:active {
    border-color: #ccc; }
  @media screen and (min-width: 30em) {
    .links__published a {
      padding: 6px 10px 4px; } }

.single-book .links__series a {
  border: 1px solid #84c0db;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #84c0db;
  padding: 6px 10px 4px;
  overflow: wrap;
  white-space: nowrap;
  line-height: 2.5; }
  .single-book .links__series a:visited {
    color: #84c0db; }
  .single-book .links__series a:hover {
    background: #84c0db;
    border-color: #84c0db;
    color: #fff;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }
  .single-book .links__series a:focus, .single-book .links__series a:active {
    border-color: #ccc; }

.books_profile .links__series a {
  border: none;
  padding: none;
  color: #84c0db;
  font-size: 12px;
  font-weight: normal;
  line-height: .75;
  text-transform: uppercase;
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none; }

@media screen and (min-width: 30em) {
  .books_profile .links__series {
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin-bottom: 5px; }
    .books_profile .links__series a {
      border: 1px solid #84c0db;
      border-radius: 2px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      background: #eee;
      color: #84c0db;
      padding: 6px 10px 4px;
      overflow: wrap;
      white-space: nowrap;
      line-height: 2.5; }
      .books_profile .links__series a:visited {
        color: #84c0db; }
      .books_profile .links__series a:hover {
        background: #84c0db;
        border-color: #84c0db;
        color: #fff;
        -webkit-transition: 0.07s, ease-in;
        transition: 0.07s, ease-in; }
      .books_profile .links__series a:focus, .books_profile .links__series a:active {
        border-color: #ccc; } }

@media screen and (min-width: 30em) {
  .entry-meta {
    max-width: 200px; } }

h3.freecontent {
  border-top: dotted rgba(105, 105, 105, 0.8) 2px;
  width: 35%;
  padding-top: 15px; }

.bookflex article {
  margin: auto; }

.books_profile {
  background: #f0f1f1;
  margin: 5px;
  padding: 15px;
  padding-bottom: 0;
  width: 97%;
  min-height: 290px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }
  @media screen and (min-width: 48em) {
    .books_profile {
      width: 550px;
      min-height: 250px; } }

.book_image {
  display: inline-block;
  margin-right: 10px; }
  .book_image .featured-image {
    width: 125px; }

.books_profile {
  position: relative; }

.publisher_profile {
  position: absolute;
  left: 10px;
  bottom: 0; }
  .publisher_profile p a {
    border-bottom: none; }
  @media screen and (min-width: 30em) {
    .publisher_profile {
      position: absolute;
      left: 480px;
      bottom: 30px; } }

.slick-container {
  position: relative; }

.slide_content {
  background: #f0f1f1; }
  .slide_content h2 {
    color: #F5821F;
    width: 95%;
    margin: 0 auto;
    padding-top: 5px; }
  .slide_content p, .slide_content p:hover {
    color: #404040;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 5px; }
  @media screen and (min-width: 48em) {
    .slide_content {
      position: absolute;
      right: 50px;
      top: 150px;
      max-width: 425px;
      background: none; } }

.slide a {
  text-decoration: none; }

.bookflexhome {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (min-width: 48em) {
    .bookflexhome {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .bookflexhome a {
    text-decoration: none; }

.topic_square {
  margin: auto;
  width: 265px;
  height: 150px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.color-orange {
  background: rgba(211, 141, 42, 0.4); }
  .color-orange:hover {
    background: #F5821F; }

.color-green {
  background: rgba(144, 212, 169, 0.4); }
  .color-green:hover {
    background: #90d4a9; }

.color-blue {
  background: rgba(132, 192, 219, 0.4); }
  .color-blue:hover {
    background: #84c0db; }

.color-grey {
  background: #eee; }
  .color-grey:hover {
    background: rgba(105, 105, 105, 0.8); }

h3.topic {
  font-size: 22px;
  margin: 15px 0;
  text-align: center;
  padding-top: 45px;
  z-index: 10; }

.search {
  border-bottom: 1px rgba(105, 105, 105, 0.8) solid; }

/* Sidebar Area 
-------------------------------------------*/
.widget {
  padding: 0 0 30px 0; }

.sidebar ul {
  list-style: none;
  margin-left: 0.5em; }
  .sidebar ul li {
    padding: 0.5em 0;
    font-size: 14px; }

.sidebar a {
  text-decoration: none; }

/* Footer area 
---------------------*/
.site__footer {
  padding: 0;
  text-align: center;
  color: #fff; }
  .site__footer a {
    color: #fff;
    text-decoration: none;
    font-weight: bold; }
    .site__footer a:hover {
      color: #F5821F; }

.site__footer--widgets {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  color: #fff;
  text-align: center; }
  .site__footer--widgets .footer-widget-1 {
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .site__footer--widgets .footer-widget-2 {
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  @media screen and (min-width: 48em) {
    .site__footer--widgets {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      justify-content: space-between;
      text-align: left;
      margin: 25px; }
      .site__footer--widgets .footer-widget-1 {
        -webkit-box-ordinal-group: 2;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1; }
      .site__footer--widgets .footer-widget-2 {
        -webkit-box-ordinal-group: 3;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2; } }
  .site__footer--widgets .footer-widget {
    width: 100%; }
    @media screen and (min-width: 48em) {
      .site__footer--widgets .footer-widget {
        width: 350px; } }

.svg-inline--fa {
  font-size: 20px;
  margin-right: 4px;
  line-height: 1.5; }

.menu-footer-container {
  margin-top: 25px; }
  .menu-footer-container ul {
    list-style: none;
    margin: 0; }
    .menu-footer-container ul a {
      text-decoration: none;
      font-weight: bold; }
      .menu-footer-container ul a:hover {
        color: #F5821F; }

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }

select {
  max-width: 100%; }

.button {
  background: #fff;
  border: 2px solid #404040;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #404040;
  padding: 7px 30px;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  font-size: 16px;
  font-weight: normal;
  line-height: 2;
  text-transform: uppercase;
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap; }
  .button:visited {
    color: #404040; }
  .button:hover {
    background: #404040;
    border-color: #404040;
    color: #fff;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }
  .button:focus, .button:active {
    border-color: #ccc; }
  @media screen and (min-width: 30em) {
    .button {
      padding: 16px 70px; } }

.rev {
  background: #404040;
  border: 2px solid #fff;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #fff;
  padding: 15px 70px;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  font-size: 16px;
  font-weight: normal;
  line-height: 2;
  text-transform: uppercase;
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  margin: 0; }
  .rev:visited {
    color: #fff; }
  .rev:hover {
    background: #fff;
    border-color: #404040;
    color: #404040;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }
  .rev:focus, .rev:active {
    border-color: #ccc; }
  @media screen and (min-width: 30em) {
    .rev {
      padding: 10px 30px; } }
  .rev a {
    text-decoration: none;
    color: #fff; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #fff;
  border: 2px solid #404040;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  color: #404040;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  font-size: 14px;
  line-height: 2;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */ }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    background: #404040;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */ }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: rgba(105, 105, 105, 0.8);
  border: 1px solid #ccc;
  font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1;
  padding: 10px 5px;
  -webkit-appearance: none; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #404040;
    -webkit-transition: 0.07s, ease-in;
    transition: 0.07s, ease-in; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

/* Search Form
-------------------------------------------*/
.search__form {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 400px; }
  .search__form label {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.search__form--input {
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%; }

.search__form--submit {
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin-left: 5px; }
  .search__form--submit:hover {
    color: #fff; }

.site__footer {
  /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
		   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ }
  .site__footer #mc_embed_signup {
    background: none;
    font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 auto; }
  .site__footer #mc_embed_signup_scroll h2 {
    font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff; }
  .site__footer .email {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media screen and (min-width: 60em) {
      .site__footer .email {
        width: 250px; } }
  .site__footer #mc-embedded-subscribe {
    width: 100%;
    background: #F5821F;
    padding: 7px 70px;
    border: 2px solid #F5821F;
    border-radius: 2px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    color: #404040;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    font-size: 16px;
    line-height: 2;
    text-transform: uppercase;
    font-family: "Optima LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .site__footer #mc-embedded-subscribe:hover {
      background: #404040;
      border: 2px solid #F5821F;
      color: #F5821F; }
    .site__footer #mc-embedded-subscribe:focus, .site__footer #mc-embedded-subscribe:active {
      border-color: #fff; }
    @media screen and (min-width: 60em) {
      .site__footer #mc-embedded-subscribe {
        width: 250px; } }
  .site__footer h4.title__footer {
    color: white;
    text-align: center;
    font-weight: normal; }

input[type="email"], input[type="text"] {
  width: 75%; }

#mc_embed_signup ul {
  list-style: none; }

#mc_embed_signup input[type="radio"] {
  margin-right: 7px; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/* images within main page */
.site__main img {
  height: auto;
  max-width: 100%; }

.aligncenter,
.alignleft,
.alignright {
  display: block;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em; }

@media screen and (min-width: 37.5em) {
  .alignleft {
    float: left;
    margin: 0 1.5em 0 0; }
  .alignright {
    float: right;
    margin: 0 0 0 1.5em; } }

.wp-caption {
  background: #fff;
  border: solid 1px #eee;
  padding: 3px;
  margin-bottom: 20px;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 8px 0; }

.wp-caption-text {
  font-size: 14px;
  text-align: center; }

/* Galleries 
------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }
  .gallery img {
    border: 1px solid #eee; }

.gallery-item {
  display: inline-block;
  margin-top: 10px;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block;
  font-size: 14px; }
  .gallery-columns-6 .gallery-caption,
  .gallery-columns-7 .gallery-caption,
  .gallery-columns-8 .gallery-caption,
  .gallery-columns-9 .gallery-caption {
    display: none; }