/* -- MAIN CSS FILE: compiled from main.scss -- */
/*
This WordPress theme is managed by Bookswarm using source control. Any changes made to the theme files directly on the server are likely to be overwritten.
If changes are required please contact Bookswarm - hello@bookswarm.co.uk / www.bookswarm.co.uk
*/
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

a img {
  border: none;
}

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

/* --- general styles --- */
html {
  font-size: 62.5%;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.42857143;
  color: #000;
}

#wrapper {
  overflow: hidden;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

ul, ol {
  margin-bottom: 17px;
  margin-left: 17px;
}

ul li {
  list-style: disc;
  margin: 0 0 2px 0;
}

ol li {
  margin: 0 0 6px 19px;
}

p {
  margin-bottom: 1.6rem;
}

hr {
  margin-top: 20px;
  clear: both;
  margin-bottom: 25px;
  border: 0;
  border-top: 1px solid #d48942;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.display-mobile {
  display: none;
}

img.alignright, .wp-caption.alignright, .alignright {
  float: right;
  margin: 0 0 0.6em 1em;
  max-width: 68%;
  height: auto;
  text-align: center;
}
img.alignright img, .wp-caption.alignright img, .alignright img {
  max-width: 100%;
  height: auto;
}

img.alignleft, .wp-caption.alignleft, .alignleft {
  float: left;
  margin: 0 1em 0.6em 0;
  max-width: 68%;
  height: auto;
  text-align: center;
}
img.alignleft img, .wp-caption.alignleft img, .alignleft img {
  max-width: 100%;
  height: auto;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

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

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

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

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

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

.wp-caption-text {
  font-weight: normal;
  text-align: center;
  margin-top: 3px;
  font-size: 1.1rem;
}

button:focus {
  outline: 0;
}

.goodreads {
  background-image: url("../images/goodreads-icon.png");
  background-size: 18px 18px;
  background-position: left center;
  padding: 3px 0 3px 26px;
  display: block;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.hidden {
  /*hide stuff in a screen-reader-friendly way*/
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

span.pipe {
  margin: 0 5px;
}

a {
  color: #d48942;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.more {
  text-indent: -9999px;
  background: url("../images/more-arrow-orange.png") no-repeat;
  background-size: 8px 19px;
  display: block;
  width: 8px;
  height: 19px;
}
a.more.text {
  width: auto;
  display: inline-block;
  color: #d48942;
  text-indent: 0;
  background-position: right center;
  padding: 7px 20px 7px 0;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.1rem;
  height: auto;
  margin-bottom: 15px;
}

.name {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 12px;
}

#try-buy {
  margin-bottom: 26px;
  position: relative;
  display: flex;
}
#try-buy .trybuy:first-of-type {
  margin-right: 2%;
}

.trybuy {
  display: inline-block;
  border: 1px solid #d48942;
  padding: 20px 4%;
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  width: 48%;
}
.trybuy:hover {
  text-decoration: none;
}
.trybuy:hover span.orange {
  text-decoration: underline;
}
.trybuy span.orange {
  color: #d48942;
  background: url("../images/more-arrow-orange.png") no-repeat;
  background-size: 8px 19px;
  background-position: right center;
  margin-top: 10px;
  padding: 1px 12px 0;
  display: inline-block;
}
.trybuy span.orange:hover {
  text-decoration: underline;
}
.trybuy.forthcoming {
  padding: 23px 20px 24px;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.6em;
}

/* ---- typography ---- */
h1, h2, h3, h4, h5, h6 {
  color: #d48942;
  margin-bottom: 0.6em;
  line-height: 1.2em;
}

h1 {
  font-size: 3.0rem;
  font-weight: bold;
}

#content #main .col-xs-12 > h1.big {
  font-size: 3.0rem;
  font-weight: bold;
  text-transform: none;
}

h2 {
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
}

h3 {
  font-size: 1.8rem;
  font-weight: 600;
}
h3.arrow {
  background: url("../images/more-arrow-orange.png") no-repeat;
  background-position: right center;
  background-size: 8px 18px;
  display: inline;
  padding-right: 25px;
}

h4 {
  font-size: 1.6rem;
  font-weight: 600;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  color: #000;
  font-size: 1.5rem;
}

.lowercase {
  text-transform: lowercase;
}

.breadcrumbs {
  color: #666;
  font-size: 1.1rem;
  margin-bottom: 25px;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
  color: #666;
  font-size: 1.1rem;
}
.breadcrumbs a:hover {
  text-decoration: none;
  color: #d48942;
}
.breadcrumbs span {
  padding: 0 2px;
}
.breadcrumbs span:first-of-type {
  padding-left: 0;
}

/* ------ header ------- */
#masthead {
  padding: 28px 0;
}
#masthead .row {
  display: flex;
}
#masthead.featured {
  position: relative;
  z-index: 100;
  padding: 20px 0 80px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+63,000000+100,000000+100&0.65+63,0+99 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 63%, transparent 99%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 63%, transparent 99%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
  transition: 0.5s;
}
#masthead.featured .site-search button.search {
  background: url("../images/search-white.png") no-repeat right 3px top 3px;
  background-size: 13px 13px;
  border: 0;
  text-indent: -9999px;
  width: 20px;
  float: right;
}
#masthead.featured.expand {
  margin-top: 30px;
}
#masthead.mobile {
  padding-top: 58px;
}
#masthead .strapline {
  color: #d48942;
  font-style: italic;
  position: absolute;
  bottom: 16px;
  display: inline-block;
}
#masthead #logo.fullwidth-col {
  width: 100%;
  padding-bottom: 0;
}

#header-right {
  text-align: right;
  position: relative;
}
#header-right .site-search {
  display: block;
  float: right;
  margin-right: 15px;
}
#header-right .social-links {
  display: block;
  float: right;
}

#search-bar {
  max-height: 0;
  transition: 0.5s;
  background-color: #ededed;
}
#search-bar input[type=text] {
  margin: 0;
  border: 0;
  background-color: #ededed;
  text-align: center;
  width: 99%;
}
#search-bar ::-webkit-input-placeholder {
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
#search-bar :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
#search-bar ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
#search-bar :-ms-input-placeholder {
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
#search-bar input[type=submit] {
  border: 0;
  width: 0;
  height: 0;
  padding: 0;
}
#search-bar.expand {
  max-height: 40px;
}
#search-bar.featured {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  overflow: hidden;
}

.mobile #header-right {
  display: none;
}

.site-search {
  background-color: #999;
}
.site-search input[type=text] {
  height: 16px;
  background-color: #999;
  border: 0;
  padding: 1px 0 0 4px;
  width: 220px;
  margin: 0;
}
.site-search ::-webkit-input-placeholder {
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
.site-search :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
.site-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
.site-search :-ms-input-placeholder {
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
.site-search input[type=submit] {
  height: 16px;
  background: url("../images/search.png") no-repeat right 3px top 3px;
  background-size: 13px 13px;
  border: 0;
  text-indent: -9999px;
  width: 20px;
  float: right;
}
.site-search button.search {
  height: 16px;
  background: url("../images/search.png") no-repeat right 3px top 3px;
  background-size: 13px 13px;
  border: 0;
  text-indent: -9999px;
  width: 20px;
  float: right;
}
.site-search.menu {
  width: 95%;
  margin-left: 10px;
  padding: 2px;
}
.site-search.top {
  background-color: transparent;
}

.social-links .sh-sb-link {
  margin: 0 7px 10px;
  width: 17px;
  height: 17px;
}

/* nav */
#site-navigation {
  clear: both;
  position: absolute;
  top: 75px;
  right: 0;
  padding-bottom: 9px;
}

#site-navigation ul {
  text-align: center;
  margin: 0;
}

#site-navigation li {
  position: relative;
  margin: 0;
}

#site-navigation ul li {
  display: inline-block;
  position: relative;
}

#site-navigation > div > ul > li {
  margin: 0 0;
}

#site-navigation ul li a:link, #site-navigation ul li a:visited {
  padding: 8px 17px;
  margin: 0;
  display: block;
  text-decoration: none;
  float: left;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 9px;
  color: #000;
}

nav#mobile ul li a:link, nav#mobile ul li a:visited {
  color: #000;
}

#site-navigation li.current_page_item > a:link, #site-navigation li.current_page_item > a:visited,
#site-navigation ul li a:hover,
#site-navigation li.current-menu-parent > a:link, #site-navigation li.current-menu-parent > a:visited {
  color: #d48942;
}

#site-navigation ul.sub-menu {
  display: none;
  position: absolute;
  z-index: 999;
  min-width: 102%;
  height: auto;
  padding: 0 0 10px 0;
  top: 22px;
  left: 12px;
  margin: 0;
  background-color: #fff;
}

#site-navigation ul.sub-menu li {
  float: none;
  position: relative;
  display: block;
  margin: 0;
}

#site-navigation ul li.current-menu-parent > a:link,
#site-navigation ul.sub-menu li.current_page_item > a:link,
#site-navigation ul.sub-menu li.current_page_item > a:visited,
#site-navigation ul.sub-menu li a:hover,
.single-event #site-navigation ul li.news-events-menu a:link,
.single-event #site-navigation ul li.news-events-menu a:visited,
.single-post #site-navigation ul li.news-events-menu a:link,
.single-post #site-navigation ul li.news-events-menu a:visited {
  color: #d18740;
}

#site-navigation ul.sub-menu li:before, #site-navigation ul.sub-menu li:after {
  content: '';
}

#site-navigation ul.sub-menu li a {
  border: 0;
  display: block;
  padding: 16px 15px 4px 12px;
  white-space: nowrap;
  text-align: left;
  width: 100%;
  color: #000;
  margin-bottom: 0;
  margin-left: 0;
}

#site-navigation ul.sub-menu li a:hover {
  border-bottom: 0;
}

#site-navigation ul li:hover > ul.sub-menu {
  display: block;
}

#site-navigation ul.sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

#mobile-toggle {
  padding: 10px 0 6px;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 0;
  width: 100%;
  margin-left: 0;
  display: none;
  background-color: #d48942;
  position: absolute;
  top: 0;
  z-index: 200;
}
#mobile-toggle .site-search, #mobile-toggle .social-links {
  float: left;
}
#mobile-toggle .social-links {
  margin-right: 10px;
}
#mobile-toggle .social-links .sh-sb-link {
  width: 20px;
  height: 20px;
}
#mobile-toggle .social-links .sh-sb-link:first-of-type {
  margin-left: 0;
}

/* ----- featured page ---- */
#masthead.featured #site-navigation ul li a:link, #masthead.featured #site-navigation ul li a:visited {
  color: #fff;
}

.single-book #masthead.featured #site-navigation ul li.books > a:link,
.single-book #masthead.featured #site-navigation ul li.books > a:visited {
  color: #d18740;
}

/* General styles for all menus */
.cbp-spmenu {
  background: #fff;
  border-right: 1px solid #ccc;
  position: fixed;
  overflow: auto;
  padding-top: 20px;
  padding-right: 10px;
}
.cbp-spmenu ul.sub-menu {
  margin-bottom: 0;
}
.cbp-spmenu li {
  list-style: none;
}

#menuClose {
  width: 39px;
  height: 39px;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0;
}
#menuClose img {
  width: 100%;
  height: auto;
}

#showLeft {
  background: transparent;
  padding: 3px 0 0;
  color: #fff;
  border: 0;
  margin-bottom: 0;
  width: 58px;
  float: right;
  text-align: right;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 100%;
  max-width: 300px;
  height: 100%;
  top: 0;
  z-index: 1000;
}
.cbp-spmenu-vertical a {
  color: #000;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  padding: 4px 0;
  display: block;
}
.cbp-spmenu-vertical a:hover {
  text-decoration: none;
  color: #d48942;
}
.cbp-spmenu-vertical .current_page_item > a {
  color: #d48942;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
  left: -300px;
}

.cbp-spmenu-right {
  right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
  top: -150px;
}

.cbp-spmenu-bottom {
  bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
  top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
  bottom: 0px;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
  overflow-x: hidden;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 240px;
}

.cbp-spmenu-push-toleft {
  left: -240px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* ------ homepage ------ */
#slider {
  background-color: #FFF;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#slider .slider-controls {
  position: absolute;
  bottom: 47%;
  width: 100%;
}
#slider .wpv-filter-next-link, #slider .wpv-filter-previous-link {
  height: 73px;
  width: 21px;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-image: url("../images/bg_direction_nav.png");
  background-size: auto 100%;
}
#slider .wpv-filter-next-link {
  background-position: right center;
  float: right;
  margin-right: 92px;
}
#slider .wpv-filter-previous-link {
  float: left;
  background-position: left center;
  margin-left: 92px;
}
#slider .slider-dots, #slider .slick-dots {
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0;
  margin: 0;
}
#slider .slider-dots .wpv_pagination_dots, #slider .slick-dots .wpv_pagination_dots {
  text-align: center;
}
#slider .slider-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item, #slider .slider-dots li, #slider .slick-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item, #slider .slick-dots li {
  display: inline-block;
  float: none;
  margin-right: 10px;
}
#slider .slider-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item a, #slider .slider-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item button, #slider .slider-dots li a, #slider .slider-dots li button, #slider .slick-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item a, #slider .slick-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item button, #slider .slick-dots li a, #slider .slick-dots li button {
  background-image: none;
  background-color: #808080;
  width: 10px;
  height: 10px;
  padding-top: 10px;
  border: 0;
  text-indent: -9999px;
}
#slider .slider-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item.wpv_page_current a, #slider .slider-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item.slick-active button, #slider .slider-dots li.wpv_page_current a, #slider .slider-dots li.slick-active button, #slider .slick-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item.wpv_page_current a, #slider .slick-dots ul.wpv_pagination_dots li.wpv_pagination_dots_item.slick-active button, #slider .slick-dots li.wpv_page_current a, #slider .slick-dots li.slick-active button {
  background-color: #fff;
}
#slider .slick-dots {
  text-align: center;
}
#slider .slick-next, #slider .slick-prev {
  position: absolute;
  z-index: 100;
  bottom: 47%;
  height: 73px;
  width: 21px;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-image: url("../images/bg_direction_nav.png");
  background-size: auto 100%;
  border: 0;
  background-color: transparent;
  background-position: right center;
}
#slider .slick-next {
  right: 10%;
}
#slider .slick-prev {
  left: 10%;
  background-position: left center;
}
#slider .slide-image {
  max-width: 100%;
  height: auto;
  display: block;
}
#slider .slide {
  opacity: 0.5;
  transition: 1.5s;
  width: 100%;
  max-width: 1200px;
  position: relative;
}
#slider .slide span {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+66&0+1,0.65+66 */
  background: -moz-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.65) 66%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.65) 66%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 66%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */
  padding: 120px 92px 4vw 92px;
}
#slider .slide span p {
  color: #fff;
}
#slider .slide span .category {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 5px;
}
#slider .slide span .title {
  font-size: 3.0rem;
  font-weight: 700;
  margin-bottom: 15px;
}
#slider .slide span .intro {
  font-style: italic;
  font-size: 1.6rem;
  margin-bottom: 0;
}
#slider .slide.slick-current {
  opacity: 1;
  transition: 1.5s;
}

#content {
  background-color: #ededed;
  padding: 36px 0;
  position: relative;
  z-index: 102;
}
#content .contributors {
  margin-bottom: 26px;
}
#content .contributors p {
  font-size: 1.8rem;
}
#content .section {
  margin-bottom: 35px;
}
#content .format p {
  font-size: 1.6rem;
}

.box {
  margin-bottom: 35px;
}
.box:last-of-type {
  margin-bottom: 0;
}

#main {
  background-color: #fff;
  overflow: hidden;
  padding: 28px 140px;
}
#main.narrow-gutter {
  padding: 28px 30px;
}
#main.no-gutter {
  padding: 28px 0;
}
#main .col-xs-12 > h1:first-of-type, #main h1.title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2rem;
  margin-bottom: 27px;
  text-align: center;
}
#main .col-sm-6 > h1:first-of-type, #main .col-sm-8 > h1:first-of-type {
  text-align: left;
}

#fullwidth, .fullwidth {
  background-color: #fff;
  padding: 20px 0 30px;
}
#fullwidth h2, .fullwidth h2 {
  text-align: center;
}

#new-releases, #author-spotlight, #home-widgets, #author-list, #news-events-list {
  padding: 25px 0 0;
  background-color: #fff;
}
#new-releases .flex, #author-spotlight .flex, #home-widgets .flex, #author-list .flex, #news-events-list .flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
#new-releases h2, #author-spotlight h2, #home-widgets h2, #author-list h2, #news-events-list h2 {
  text-align: center;
  margin-bottom: 25px;
}
#new-releases article, #author-spotlight article, #home-widgets article, #author-list article, #news-events-list article {
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
}
#new-releases article .image, #author-spotlight article .image, #home-widgets article .image, #author-list article .image, #news-events-list article .image {
  text-align: center;
  display: block;
  background-color: #ededed;
  margin-bottom: 22px;
}
#new-releases article .image img, #author-spotlight article .image img, #home-widgets article .image img, #author-list article .image img, #news-events-list article .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
#new-releases article .inner, #author-spotlight article .inner, #home-widgets article .inner, #author-list article .inner, #news-events-list article .inner {
  padding: 28px 38px;
}
#new-releases article .author, #author-spotlight article .author, #home-widgets article .author, #author-list article .author, #news-events-list article .author {
  font-size: 1.4rem;
  font-weight: 600;
}
#new-releases article .date, #author-spotlight article .date, #home-widgets article .date, #author-list article .date, #news-events-list article .date {
  font-weight: bold;
}
#new-releases.carousel article, #author-spotlight.carousel article, #home-widgets.carousel article, #author-list.carousel article, #news-events-list.carousel article {
  max-width: 33.33%;
}

/* --- book detail ---- */
#hero {
  position: relative;
  margin-top: -210px;
  overflow: hidden;
}
#hero span.text {
  position: relative;
  z-index: 100;
  padding: 120px 0 30px 0;
  display: block;
  width: 60%;
}
#hero span.text p, #hero span.text h1 {
  color: #fff;
}
#hero span.text h1 {
  font-size: 3.0rem;
  font-weight: 700;
  margin-bottom: 5px;
}
#hero span.text .author {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 7px;
}
#hero span.text .contributor {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 0;
}
#hero span.text .intro {
  font-style: italic;
  font-size: 1.6rem;
  margin-bottom: 0;
  margin-top: 20px;
}
#hero .gradient {
  max-height: 900px;
}
#hero .gradient img {
  display: block;
  width: 100%;
  height: auto;
}
#hero .gradient .inner {
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 100px 0 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+43&0+1,0.65+43 */
  background: -moz-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.65) 43%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, transparent 1%, rgba(0, 0, 0, 0.65) 43%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 43%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */
}

#reviews {
  clear: both;
}
#reviews h2 {
  text-align: center;
}

#add-review {
  padding-top: 30px;
}

.big-cover {
  margin-bottom: 13px;
}
.big-cover img {
  width: 100%;
  height: auto;
  max-width: 392px;
}

.page-spreads {
  margin-bottom: 18px;
  overflow: hidden;
}
.page-spreads .image {
  display: block;
  width: 46%;
  float: left;
  margin-right: 13px;
  max-width: 192px;
}
.page-spreads .image img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}

/* -- buy lightbox -- */
.buy-lightbox {
  background-color: #fff;
  overflow: hidden;
  max-width: 479px;
}
.buy-lightbox h4 {
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin: 5px 0;
  margin-bottom: 20px;
}
.buy-lightbox h5 {
  color: #d48942;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0.2em;
}
.buy-lightbox .buy-links {
  overflow: hidden;
  margin-left: 0;
  padding-left: 3%;
}
.buy-lightbox .buy-links li {
  display: block;
  float: left;
  margin: 10px;
  border-radius: 5px;
  background: #fff;
  padding: 10px;
  max-width: 200px;
  height: 75px;
  width: 84%;
  text-align: center;
}
.buy-lightbox .buy-links li span {
  display: inline-block;
  margin-bottom: 4px;
}
.buy-lightbox .buy-links li a:link, .buy-lightbox .buy-links li a:visited {
  color: #000;
  font-size: 13px;
}

#sharing {
  clear: both;
  margin-bottom: 50px;
}
#sharing p {
  margin-bottom: 0;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
#sharing a {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
#sharing a.twitter {
  width: 19px;
  height: 18px;
}
#sharing a img {
  width: 100%;
  height: auto;
}

#book-info ul {
  margin: 0;
}
#book-info li {
  list-style: none;
  font-size: 1.1rem;
}

/* --- comments--- */
.commentlist {
  margin-left: 0;
  margin-bottom: 0;
}

.comment-notes {
  padding-right: 60px;
}

#comments label {
  display: inline-block;
  width: 100px;
  text-transform: uppercase;
}

#comments input {
  background-color: #ededed;
  border: 0;
  width: 220px;
}

#comments input[type=submit] {
  background-color: transparent;
  background-image: url("../images/more-arrow-orange.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 18px;
  padding: 4px 15px 3px 0;
  color: #d48942;
  margin-top: 20px;
  width: 120px;
  text-align: left;
}

#comments textarea {
  height: 120px;
  margin-left: 0px;
  padding: 5px;
  margin-top: 5px;
  background-color: #ededed;
  border: 0;
  width: 100%;
}

.comments-title {
  font-size: 20px;
}

#comments #reply-title {
  font-size: 16px;
}

#respond {
  padding-top: 0;
}

.commentlist li {
  list-style: none;
  margin-left: 0;
}

#comments #submit {
  text-transform: uppercase;
}

.comment-author {
  margin-bottom: 4px;
}

.comment .children {
  margin-top: 20px;
}

#respond small {
  font-size: smaller;
  margin-left: 20px;
}

.author-info {
  margin-bottom: 25px;
}
.author-info .image {
  margin-bottom: 18px;
}
.author-info .image img {
  width: 100%;
  height: auto;
  max-width: 400px;
}

/* ----- books listing ---- */
.books-listing .book {
  width: 29%;
  float: left;
  margin: 0 2%;
  margin-bottom: 30px;
}
.books-listing .book .cover {
  margin-bottom: 25px;
}
.books-listing .book .cover img {
  width: 100%;
  height: auto;
  max-width: 447px;
  display: block;
}

/* ----- authors list ---- */
#author-list, #news-events-list {
  overflow: hidden;
  background-color: #fff;
}
#author-list .flex, #news-events-list .flex {
  display: block;
}
#author-list article, #news-events-list article {
  flex: 0;
  -webkit-flex: 0;
  width: 33.33%;
  float: left;
}
#author-list article .image, #news-events-list article .image {
  margin-bottom: 0;
  background-color: #fff;
}
#author-list article h3, #news-events-list article h3 {
  margin-bottom: 12px;
  display: block;
  background: none;
}

#author-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 38px;
}
#author-links a {
  display: inline-block;
  text-align: center;
  width: 60px;
}
#author-links a span {
  display: block;
  color: #000;
  font-size: 1.1rem;
  font-weight: 600;
}
#author-links a:hover {
  text-decoration: none;
}
#author-links h2 {
  margin-bottom: 27px;
}

#author-photo {
  margin-bottom: 10px;
}
#author-photo img {
  max-width: 100%;
  height: auto;
}
#author-photo.mobile {
  display: none;
}

#author-twitter h2 {
  text-align: center;
}
#author-twitter a.more.text {
  text-align: right;
  width: 100%;
}
#author-twitter .mobile {
  display: none;
}

#footer {
  background-color: #ededed;
  padding-bottom: 28px;
}
#footer .row {
  margin-left: 0;
  margin-right: 0;
}
#footer h3 {
  color: #000;
}
#footer #footer-widgets {
  background-color: #d48942;
  overflow: hidden;
}
#footer #footer-widgets .links {
  margin: 0;
}
#footer #footer-widgets .links li {
  list-style: none;
  margin-bottom: 4px;
}
#footer #footer-widgets .links a:link, #footer #footer-widgets .links a:visited {
  color: #fff;
  text-transform: uppercase;
}
#footer .col-xs-12 .inner {
  padding: 27px;
}
#footer a:link, #footer p {
  color: #fff;
}

#credits {
  background-color: #ededed;
}
#credits a:link, #credits a:visited, #credits p {
  font-size: 10px;
  color: #000;
}
#credits a:link {
  text-decoration: underline;
}

/* ------- news and event detail page ------ */
#content #main .news-event h1.big {
  margin-bottom: 12px;
  width: 66%;
}
#content #main .news-event p.date {
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 22px;
}
#content #main .news-event #reviews {
  padding-top: 30px;
}
#content #main .news-event .images img {
  width: 100%;
  max-width: 768px;
  height: auto;
  margin-bottom: 12px;
}
#content #main .news-event #related-books article .cover {
  display: block;
  margin-bottom: 17px;
}
#content #main .news-event #related-books article .cover img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ------- search results ------- */
.search-result {
  margin-bottom: 20px;
}
.search-result h2 {
  margin-bottom: 0.4em;
}
.search-result p {
  margin-bottom: 5px;
}

/* --------- Toolset pagination ----- */
.custom-pagination {
  text-align: center;
}
.custom-pagination .wpv-filter-previous-link,
.custom-pagination .wpv-filter-next-link,
.custom-pagination ul {
  display: inline-block;
}
.custom-pagination ul {
  margin: 0;
}
.custom-pagination ul li {
  list-style-type: none;
  display: inline-block;
}
.custom-pagination ul li a {
  padding: 0 4px;
}
.custom-pagination .wpv-filter-previous-link {
  text-indent: -9999px;
  background: url("../images/more-arrow-orange.png") no-repeat;
  background-size: 8px 19px;
  width: 8px;
  height: 19px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.custom-pagination .wpv-filter-next-link {
  text-indent: -9999px;
  background: url("../images/more-arrow-orange.png") no-repeat;
  background-size: 8px 19px;
  width: 8px;
  height: 19px;
}

form input[type="text"], form input[type="email"] {
  width: 90%;
  padding: 5px;
  margin: 0.5em 0;
}
form .gform_fields {
  margin: 0;
}
form li {
  list-style: none;
}
form span.name_first label, form span.name_last label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
form .gfield_required {
  display: none;
}

.gform_heading {
  margin-bottom: 20px;
}

#wrapper .gform_button, #footer-widgets .gform_button {
  background-color: transparent;
  background-image: url("../images/more-arrow-orange.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 18px;
  padding: 4px 15px 3px 0;
  color: #d48942;
  margin-top: 20px;
  display: inline-block;
  text-align: left;
  border: 0;
  text-transform: uppercase;
}

#footer-widgets .gform_button {
  background-image: url("../images/more-arrow-black.png");
  color: #000;
}

/* ------------ RESPONSIVE MEDIA QUERIES ------- */
@media (max-width: 1350px) {
  #slider .slide {
    max-width: 800px;
  }
}
@media (max-width: 1024px) {
  #new-releases article .inner {
    padding: 25px 20px;
  }

  #main {
    padding: 28px 50px;
  }

  img.alignright, .wp-caption.alignright, .alignright,
  img.alignleft, .wp-caption.alignleft, .alignleft {
    max-width: 60%;
  }

  #slider .slide {
    max-width: 700px;
  }
  #slider .slick-prev, #slider .slick-next {
    bottom: 39%;
  }
}
/* iPad portrait */
@media (max-width: 768px) {
  #hero span.text {
    width: 100%;
    padding: 56px 0 0 0;
  }
  #hero span.text h1 {
    font-size: 2.2rem;
  }
  #hero span.text .author, #hero span.text .contributor, #hero span.text .intro {
    font-size: 1.4rem;
  }

  .display-mobile {
    display: block;
  }

  .display-desktop {
    display: none;
  }

  #slider .slide {
    max-width: 600px;
  }
  #slider .slide span {
    padding: 47px 92px 4vw 92px;
  }
  #slider .slide span .title {
    font-size: 2.2rem;
  }
  #slider .slick-prev {
    left: 20px;
  }
  #slider .slick-next {
    right: 20px;
  }
  #slider .slick-dots {
    bottom: 0;
  }
  #slider .wpv-filter-previous-link {
    margin-left: 33px;
  }
  #slider .wpv-filter-next-link {
    margin-right: 33px;
  }
  #slider .slider-controls {
    bottom: 40%;
  }
  #slider .slider-dots {
    bottom: 8px;
  }

  #author-list article, #news-events-list article {
    width: 50%;
  }

  #author-photo {
    margin-bottom: 10px;
  }
  #author-photo.desktop {
    display: none;
  }
  #author-photo.mobile {
    display: block;
  }

  #author-twitter .desktop {
    display: none;
  }
  #author-twitter .mobile {
    display: block;
  }

  #content #main .news-event h1.big {
    width: 100%;
  }
}
/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {
  #new-releases .flex, #author-spotlight .flex, #home-widgets .flex {
    display: block;
  }
  #new-releases .flex article, #author-spotlight .flex article, #home-widgets .flex article {
    width: 100%;
    max-width: 365px;
    margin: 0 auto;
  }

  .books-listing .book {
    width: 44%;
    margin: 0 3%;
  }

  #hero .gradient .inner {
    padding: 37px 0 20px;
  }
  #hero span.text .author, #hero span.text .contributor, #hero span.text .intro {
    font-size: 1.2rem;
    line-height: 1.4em;
  }

  img.alignright, .wp-caption.alignright, .alignright,
  img.alignleft, .wp-caption.alignleft, .alignleft {
    max-width: 65%;
  }
}
/* iphone 5 landscape */
@media (max-width: 568px) {
  img.alignright, .wp-caption.alignright, .alignright,
  img.alignleft, .wp-caption.alignleft, .alignleft {
    max-width: 100%;
  }

  .wp-caption.alignright, .alignright,
  .wp-caption.alignleft, .alignleft {
    width: 100% !important;
    text-align: center;
  }

  #slider .slide {
    width: 100%;
  }
  #slider .slick-next {
    right: 10px;
  }
  #slider .slick-prev {
    left: 10px;
  }

  #masthead #logo.fullwidth-col {
    width: 100%;
    padding-bottom: 10px;
  }
}
/* iPhone 3+4 landscape */
@media (max-width: 480px) {
  .books-listing .book {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
  }

  .site-search.top {
    display: none;
  }

  .site-search.menu {
    display: block;
  }

  #slider .slider-dots, #slider .slider-controls {
    display: none;
  }
  #slider .slide span {
    padding: 47px 22px 4vw 22px;
  }

  #author-list article, #news-events-list article {
    width: 100%;
  }
  #author-list article .inner, #news-events-list article .inner {
    padding: 28px 21px;
  }

  #try-buy {
    display: block;
  }

  .trybuy {
    width: 100%;
    position: relative;
  }
  .trybuy.forthcoming {
    position: relative;
  }
  .trybuy:first-of-type {
    margin-bottom: 12px;
  }

  #logo a img {
    width: 169px;
    margin-bottom: 10px;
  }

  #hero span.text .author {
    margin-bottom: 0;
  }
  #hero span.text .contributor {
    margin-bottom: 0;
  }
  #hero span.text .intro {
    margin-top: 2px;
  }
}
/* eg: Android Samsung galaxy portrait */
@media (max-width: 380px) {
  #masthead .strapline {
    position: relative;
    bottom: 0;
  }

  #masthead.featured .strapline {
    display: none;
  }

  #hero .strapline {
    display: none;
  }
  #hero span.text h1 {
    font-size: 1.8rem;
  }
}
/* iPhone 3+4 portrait */
/* small android portrait */