/* -- 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 --- */
body {
  font-family: "Cambay", sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000;
  background: #fff url("../images/stephen-king-background.jpg") center top;
}

#wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  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;
}

b, strong {
  font-family: "Khula", sans-serif;
  line-height: 1em;
}

td {
  border: 1px solid #000;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

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

img.alignleft, .wp-caption.alignleft {
  float: left;
  margin: 0 0.6em 0.6em 0;
  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;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

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

.wp-caption-text {
  font-weight: bold;
  text-align: center;
  margin-top: 3px;
}

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

a:link, a:visited {
  color: #045DB6;
}

.social-icons .sh-sb-link {
  width: 18px;
  height: 18px;
}

p.button, a.button, input[type=submit], button[type=submit] {
  display: inline-block;
  background: url("../images/button-bg.png") no-repeat top left;
  border: 0;
  color: #ffcc33;
  text-align: center;
  min-width: 180px;
  text-transform: uppercase;
  font-family: "Quattrocento", serif;
  font-size: 14px;
  padding: 4px 0 4px;
  margin-bottom: 10px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
p.button:hover, a.button:hover, input[type=submit]:hover, button[type=submit]:hover {
  opacity: 0.78;
  text-decoration: none;
}
p.button.arrow, a.button.arrow, input[type=submit].arrow, button[type=submit].arrow {
  width: 25px;
  min-width: 25px;
  height: 26px;
  background: url("../images/arrow-right.png") no-repeat top center;
}
p.button.center, a.button.center, input[type=submit].center, button[type=submit].center {
  display: block;
  width: 100%;
  background-position: top center;
}
p.button.center.wider, a.button.center.wider, input[type=submit].center.wider, button[type=submit].center.wider {
  background: url("../images/button-bg-wider.png") no-repeat top center;
}

.button.mobile {
  display: none;
  clear: both;
  position: absolute;
  bottom: 26px;
  left: 29px;
}

.hide-text {
  text-indent: -9999px;
}

.border {
  display: block;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: 15px;
  background: url("../images/border-texture.png") top left;
}
.border img {
  display: block;
  width: 100%;
  height: auto;
}
.border .inner {
  background: url("../images/stephen-king-background.jpg") center top;
  overflow: hidden;
  padding: 15px 17px;
}

.grey-box {
  background: rgba(219, 219, 219, 0.4);
  overflow: hidden;
  padding: 13px 18px 15px;
}

button:focus, input:focus, a:focus {
  outline: 0;
}

/* ---- typography ---- */
h1 {
  font-size: 27px;
  line-height: 1.1em;
  text-align: center;
  background: url("../images/heading-border.png"), url("../images/heading-border.png"), url("../images/heading-texture-bg.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top center, bottom center, top center;
  background-size: auto, auto, auto;
  margin-bottom: 20px;
  padding: 10px 0 7px;
}
h1 a:link, h1 a:visited {
  color: #000;
}
h1 a:hover {
  text-decoration: none;
}
h1 span {
  padding: 0 7px;
}

h2 {
  font-size: 25px;
  line-height: 1em;
  margin-bottom: 18px;
}
h2.special {
  font-size: 27px;
  line-height: 1.1em;
}
h2.special a:link, h2.special a:visited {
  color: #000;
}
h2.special a:hover {
  text-decoration: none;
}

h3 {
  font-size: 22px;
  line-height: 1.1em;
  margin-bottom: 16px;
}

h4 {
  font-size: 18px;
  line-height: 1.1em;
  margin-bottom: 14px;
}

h5 {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 12px;
}

h1, h2, h3, h4, h5, h6 {
  display: block;
  text-transform: uppercase;
  font-family: "Quattrocento", serif;
  color: #000;
}
h1.special, h2.special, h3.special, h4.special, h5.special, h6.special {
  text-align: center;
  background: url("../images/heading-border.png"), url("../images/heading-border.png"), url("../images/heading-texture-bg.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top center, bottom center, top center;
  background-size: auto, auto, auto;
  margin-bottom: 20px;
  padding: 10px 0 7px;
}
h1.special span, h2.special span, h3.special span, h4.special span, h5.special span, h6.special span {
  padding: 0 7px;
}

.page:not(.home) h1 {
  margin-bottom: 30px;
}

/*- smaller columns special headings -*/
.col-sm-4 .special, .col-sm-5 .special, .col-sm-6 .special {
  background-image: url("../images/heading-border-small.png"), url("../images/heading-border-small.png"), url("../images/heading-texture-bg-small.png");
}

p {
  margin-bottom: 16px;
}

p.big {
  font-family: "Quattrocento", serif;
  font-size: 34px;
}

p.quote, span.quote {
  font-size: 18px;
  line-height: 24px;
}

blockquote {
  font-family: "Quattrocento", serif;
  text-transform: uppercase;
  margin-left: 30px;
  margin-right: 30px;
  overflow: hidden;
}

.breadcrumbs {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: "Quattrocento", serif;
  color: #333333;
}
.breadcrumbs a {
  color: #333333;
}
.breadcrumbs span {
  padding: 0 8px;
}
.breadcrumbs span:first-of-type {
  padding-left: 0;
}

/* --- header --- */
#top-bar {
  background: url("../images/dark-texture-wide.png") center top;
  margin-bottom: 40px;
}
#top-bar p {
  color: #fff;
}
#top-bar .container {
  background: url("../images/black-bg-middle.png") repeat-y center top;
  padding-top: 4px;
  padding-bottom: 6px;
  min-height: 35px;
}
#top-bar a:link, #top-bar a:visited {
  color: #ffcc33;
  font-family: "Quattrocento", serif;
  font-size: 17px;
}
#top-bar #newsletter {
  padding-top: 2px;
  width: 440px;
  display: inline-block;
}
#top-bar #newsletter #signup {
  display: none;
  background-color: #000;
  position: absolute;
  z-index: 1000;
  left: 72px;
  color: #fff;
  padding: 10px;
  width: 263px;
}
#top-bar #newsletter #signup .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span,
#top-bar #newsletter #signup .gform_wrapper .top_label input.medium {
  width: 100%;
}
#top-bar #newsletter #signup .gform_footer input[type=submit] {
  margin-bottom: 0;
}
#top-bar #newsletter #signup input[type=text] {
  color: #000;
}
#top-bar #newsletter #signup select {
  color: #000;
}
#top-bar #newsletter #signup .has_first_name label, #top-bar #newsletter #signup .has_last_name label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#top-bar #newsletter #signup ::-webkit-input-placeholder {
  color: #000;
}
#top-bar #newsletter #signup :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
#top-bar #newsletter #signup ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
#top-bar #newsletter #signup :-ms-input-placeholder {
  color: #000;
}
#top-bar #newsletter #signup .gform_wrapper .gform_footer {
  text-align: center;
}
#top-bar #newsletter #signup a:link {
  font-size: 14px;
}
#top-bar #site-search {
  display: inline-block;
}
#top-bar #site-search form {
  background-color: #333333;
  margin-top: 1px;
}
#top-bar #site-search input[type="text"] {
  border: 0;
  background-color: #333333;
  padding: 0px 0 2px 3px;
  display: inline-block;
  color: #fff;
  width: auto;
}
#top-bar #site-search input[type="submit"] {
  border: 0;
  padding: 0;
  width: 14px;
  min-width: 14px;
  height: 18px;
  margin-top: 2px;
  background-color: #333333;
  color: #ffcc33;
  margin-bottom: 0;
  background-image: none;
}
#top-bar #site-search label {
  display: inline-block;
  width: 75px;
  color: #ffcc33;
  font-family: "Quattrocento", serif;
  font-size: 17px;
  background-color: #000;
  padding-right: 5px;
}
#top-bar #flags {
  display: inline-block;
}
#top-bar #flags a {
  display: inline-block;
  width: 43px;
  height: 21px;
  margin: 0 0 0 7px;
}
#top-bar #flags a img {
  width: 100%;
  height: auto;
}

#social-links-top {
  display: inline-block;
  float: left;
  margin-right: 8px;
}

#title {
  text-align: center;
  margin-bottom: 19px;
}
#title #sk-logo {
  width: 100%;
  max-width: 807px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: block;
}
#title #sk-logo img {
  width: 100%;
  max-width: 807px;
  height: auto;
}
#title #tagline {
  font-family: "Quattrocento", serif;
  font-size: 18px;
  text-transform: uppercase;
}

/* nav */
#site-navigation {
  background: url("../images/dark-texture-wide.png") center top;
  text-align: center;
}
#site-navigation ul.nav-menu {
  display: inline-block;
  margin: 0 auto;
  padding: 0 70px;
  background: url("../images/black-bg-nav.png") repeat-y center top;
  background-size: 100%;
}

#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 ul.nav-menu > li {
  margin: 0 0;
}
#site-navigation ul.nav-menu > li:after, #site-navigation ul.nav-menu > li:before {
  content: '\2022';
  color: #cccccc;
  padding: 0 30px 0 0px;
  font-size: 7px;
  line-height: 33px;
}
#site-navigation ul.nav-menu > li:before {
  float: left;
  padding: 0 0px 0 30px;
}

#site-navigation ul li a:link, #site-navigation ul li a:visited {
  padding: 9px 7px 8px;
  margin: 0;
  display: block;
  text-decoration: none;
  float: left;
  text-transform: uppercase;
  font-family: "Quattrocento", serif;
  font-size: 17px;
  line-height: 17px;
  color: #cccccc;
}

#site-navigation li.current_page_item > a:link, #site-navigation li.current_page_item > a:visited,
#site-navigation ul li a:hover, #mobile ul li a:hover,
#site-navigation li.current-menu-parent > a:link, #site-navigation li.current-menu-parent > a:visited,
#site-navigation li.current-page-ancestor > a:link, #site-navigation li.current-page-ancestor > a:visited,
.page-template-template-all-books-listing #site-navigation li.menu-highlight > a:link,
.page-template-template-all-books-listing #site-navigation li.menu-highlight > a:visited,
.single-king-category #site-navigation li.menu-highlight > a:link,
.single-king-category #site-navigation li.menu-highlight > a:visited,
.single-book #site-navigation li.menu-highlight > a:link,
.single-book #site-navigation li.menu-highlight > a:visited,
.category #site-navigation li.menu-highlight-news > a:link,
.category #site-navigation li.menu-highlight-news > a:visited {
  color: #ffcc33;
}

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

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

#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 {
  color: #ffcc33;
}

#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: 14px 15px 6px 12px;
  white-space: nowrap;
  width: 100%;
  color: #cccccc;
  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 {
  display: none;
}

.page #mobile, .single #mobile {
  margin-bottom: 5px;
}

#mobile-toggle {
  padding: 7px 5px 6px;
  text-align: left;
  color: #cccccc;
  cursor: pointer;
  font-family: "Quattrocento", serif;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 0;
  background-color: #000;
  text-align: center;
}

#mobile {
  clear: both;
  background: #000;
}

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

#mobile ul {
  margin: 0;
}

#mobile ul li {
  list-style: none;
}

#mobile ul li a {
  display: block;
  padding: 7px 5px;
  text-transform: uppercase;
  text-align: left;
  font-family: "Quattrocento", serif;
  font-size: 14px;
}

#mobile ul li a:hover {
  text-decoration: none;
  border: 0;
}

#mobile ul li ul.sub-menu {
  margin-bottom: 0;
  margin: 0 0 0 22px;
}

/* General styles for all menus */
.cbp-spmenu {
  background: #333;
  position: fixed;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  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-color: #000;
  color: #cccccc;
  border: 0;
}

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

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

.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;
  position: relative;
  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;
}

/* --- general layout --- */
#content {
  padding-top: 35px;
  padding-bottom: 50px;
}

#the-content {
  margin-bottom: 30px;
}

/* ---- slider --- */
#slider {
  background: url("../images/border-texture.png") left top;
  padding: 10px;
}

.slide > a {
  position: relative;
  display: block;
}
.slide a:not(.button) {
  color: #000;
}
.slide .book {
  width: 100%;
  max-width: 245px;
  float: right;
}
.slide .info {
  position: absolute;
  left: 13%;
  bottom: 8%;
  width: 54%;
}
.slide .info p:not(.button) {
  margin-left: 2%;
}
.slide .info p.big {
  margin-bottom: 1%;
}
.slide .info.light p:not(.button) {
  color: #fff;
  text-shadow: #999 1px 1px;
}
.slide p.big {
  line-height: 36px;
}
.slide .right {
  width: 20%;
  position: absolute;
  right: 10%;
  bottom: 10%;
  z-index: 2;
  max-width: 245px;
}

/* --- homepage --- */
#featured {
  background: url("../images/brushstrokes-bg.png") center top;
}

.news {
  margin: 0;
}
.news li {
  list-style: none;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.news li p {
  margin-bottom: 0;
  padding-right: 32px;
}
.news .button.arrow {
  position: absolute;
  right: 0;
  bottom: 7px;
}
.news .summary {
  padding-right: 34px;
}
.news .book.news {
  margin-bottom: 25px;
}
.news .book.news .left {
  width: 70%;
}
.news .book.news .right {
  width: 30%;
  padding-left: 20px;
}

#latest-book {
  margin-bottom: 35px;
}
#latest-book .left {
  width: 72%;
  padding-right: 20px;
  padding-top: 15px;
}
#latest-book .right {
  width: 28%;
}
#latest-book .right img {
  max-width: 166px;
  height: auto;
  float: right;
  margin-right: 15px;
}

/* --- books carousel --- */
#book-carousel {
  background-color: rgba(0, 0, 0, 0.37);
  padding: 17px 10px 30px;
}
#book-carousel .inner {
  width: 100%;
  max-width: 1750px;
  margin: 0 auto 23px;
}
#book-carousel .slick {
  visibility: hidden;
  /* prevent FOUC */
}
#book-carousel .slick.slick-initialized {
  visibility: visible;
}
#book-carousel .slick.slick-initialized .slick-slide a {
  padding: 0 6px;
}
#book-carousel .slick.slick-initialized .slick-slide img {
  margin: 0 20px;
}
#book-carousel .button {
  background-image: url("../images/button-bg-darker.png");
}

.slick-next, .slick-prev {
  border: 0;
  z-index: 100;
  width: 25px;
  height: 26px;
  margin: 0;
  display: block;
  background-size: 200% auto;
  position: absolute;
  bottom: 38%;
  cursor: pointer;
  text-indent: -9999px;
}

.slick-next {
  background: url(../images/arrow-right.png) no-repeat 0 0;
  right: 0%;
}

.slick-prev {
  background: url(../images/arrow-left.png) no-repeat 0 0;
  left: 0%;
}

/* --- sidebar --- */
ul.books, .category-list ul {
  font-family: "Quattrocento", serif;
  font-size: 17px;
  text-align: center;
  margin: 0;
}
ul.books li, .category-list ul li {
  list-style: none;
  margin: 0;
  text-transform: uppercase;
}
ul.books li a:link, ul.books li a:visited, .category-list ul li a:link, .category-list ul li a:visited {
  color: #000;
}
ul.books li.active, ul.books li.current-cat, .category-list ul li.active, .category-list ul li.current-cat {
  background-image: url("../images/black-highlight-top.png"), url("../images/black-highlight-bottom.png"), url("../images/black-highlight-middle.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top center, bottom center, top center;
}
ul.books li.active a:link, ul.books li.active a:visited, ul.books li.current-cat a:link, ul.books li.current-cat a:visited, .category-list ul li.active a:link, .category-list ul li.active a:visited, .category-list ul li.current-cat a:link, .category-list ul li.current-cat a:visited {
  color: #ffcc33;
}
ul.books a, .category-list ul a {
  display: block;
  padding: 1px 54px;
  margin: 15px 0;
}

/* --- book listing page ---*/
.col-xs-12.book {
  padding-left: 8px;
  padding-right: 8px;
}
.col-xs-12.book .border .inner {
  display: flex;
}
.col-xs-12.book .border .left {
  width: 55%;
  position: relative;
}
.col-xs-12.book .border .left p {
  margin-bottom: 30px;
}
.col-xs-12.book .border .left a.button {
  position: absolute;
  bottom: 0;
  margin-bottom: -5px;
}
.col-xs-12.book .border .right {
  width: 45%;
}
.col-xs-12.book .border .right img {
  width: 100%;
  max-width: 132px;
  float: right;
}

/* -- book pagination -- */
.paging {
  text-align: center;
}
.paging .slick-next, .paging .slick-prev {
  bottom: 0;
}

/* --- book detail -- */
.book-detail .book-info {
  width: 60%;
  float: left;
  padding-top: 15px;
  margin-bottom: 20px;
}
.book-detail .book-img {
  width: 40%;
  float: right;
  padding-left: 30px;
  max-width: 288px;
  margin-bottom: 20px;
}
.book-detail .video {
  clear: both;
  position: relative;
  padding-bottom: 43.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.book-detail .video iframe,
.book-detail .video object,
.book-detail .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.book-detail .grey-box {
  padding: 19px 27px 22px;
}

/* -- buy now popup -- */
.popup-block {
  background: #fff url("../images/stephen-king-background.jpg") center top;
  padding: 20px 30px;
  text-align: left;
  max-width: 510px;
  margin: 40px auto;
  position: relative;
  border: 1px solid #cccccc;
  overflow: hidden;
}

.buy-links {
  margin: 0;
}

.buy-links li {
  display: block;
  float: left;
  margin: 10px;
  border-radius: 5px;
  background: #fff;
  padding: 10px;
  width: 200px;
  height: 53px;
}

.buy-links li span {
  display: inline-block;
  margin-right: 7px;
}

.buy-links li span:hover {
  text-decoration: underline;
}

/* --- forms --- */
input[type=submit], .gform_button {
  cursor: pointer;
}

input[type=submit]:hover, .gform_button:hover {
  /*background-color: #bb397d;*/
}

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

label {
  display: inline-block;
  width: 100px;
}

textarea {
  height: 120px;
  margin-left: 5px;
}

textarea.medium {
  margin-left: 0;
}

.gform_wrapper .top_label .gfield_label {
  width: 100%;
}

.gform_wrapper .top_label textarea.textarea, .gform_wrapper .top_label input.medium {
  font-size: 14px;
  padding: 5px;
}

/* --- forms in content --- */
#content .gform_wrapper input[type=text] {
  background-color: #cccccc;
  border: 1px solid #EDE9E9;
  margin-bottom: 10px;
}
#content .gform_wrapper .gform_footer {
  text-align: center;
}
#content .gform_wrapper ::-webkit-input-placeholder {
  color: #000;
}
#content .gform_wrapper :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
#content .gform_wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
#content .gform_wrapper :-ms-input-placeholder {
  color: #000;
}
#content .gform_wrapper .has_first_name label, #content .gform_wrapper .has_last_name label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

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

#comments {
  padding-top: 20px;
}

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

#comments textarea {
  height: 120px;
  margin-left: 5px;
  padding: 5px;
}

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

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

#respond {
  padding-top: 15px;
}

.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;
}

/* --- footer --- */
#footer {
  padding-top: 55px;
  flex: 1;
  background-color: #000;
  color: #fff;
  text-align: center;
}
#footer p, #footer a:link, #footer a:visited {
  color: #fff;
  font-size: 11px;
}
#footer ul {
  margin: 0 0 20px 0;
}
#footer ul li {
  list-style: none;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Quattrocento", serif;
}
#footer ul li:after {
  content: '|';
  font-size: 10px;
  line-height: 10px;
  padding-left: 7px;
  padding-right: 3px;
}
#footer ul li:last-of-type:after {
  content: ' ';
  padding: 0;
}
#footer ul.sub-menu {
  display: none;
}
#footer #hodder-logo {
  display: block;
  width: 70px;
  height: 57px;
  margin: 0 auto 25px;
}
#footer #hodder-logo img {
  width: 100%;
  height: auto;
}
#footer #social-links-footer {
  margin-bottom: 14px;
}

/* ------- extra CSS for tables  ----- */
#wrapper thead tr td {
  font-weight: bold;
}

#wrapper td {
  padding: 10px 26px 10px 0;
  border: 0;
}

tr {
  border-bottom: 1px solid #ccc;
}

/* ------------ RESPONSIVE MEDIA QUERIES ------- */
@media (max-width: 1200px) {
  .col-xs-12.book .border .right {
    padding-bottom: 20px;
  }

  .col-xs-12.book .border .left p {
    margin-bottom: 50px;
  }
}
@media (max-width: 1024px) {
  .slide .info p.big {
    font-size: 28px;
  }

  .col-xs-12.book .border .left h3 {
    font-size: 18px;
  }

  ul.books h3, .category-list ul h3 {
    font-size: 20px;
  }
  ul.books li.active, .category-list ul li.active {
    background-size: 100%;
  }

  .slide .info {
    left: 7%;
    bottom: 3%;
    width: 61%;
  }
}
@media (max-width: 860px) {
  .slide .info p.big {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 769px) and (max-width: 860px) {
  .book .border .inner {
    display: block;
  }
  .book .border .left, .book .border .right {
    width: 100%;
    float: none;
  }
  .book .border .left a.button {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    display: block;
    background-position: top center;
  }
  .book .border .right img {
    float: none;
    margin: 0 auto;
  }
}
/* iPad portrait */
@media (max-width: 769px) {
  #top-bar #site-search {
    margin-bottom: 5px;
  }

  .slide .info {
    bottom: 6%;
  }
  .slide .info p.text {
    display: none;
  }

  p.big {
    font-size: 24px;
    line-height: 28px;
  }

  #book-carousel .slick .slick-slide {
    width: 100px;
    margin: 0 5px;
  }
  #book-carousel .slick .slick-slide img {
    width: 100%;
    height: auto;
  }

  .col-xs-12.book:not(.news) {
    width: 50%;
  }
  .col-xs-12.book:not(.news) .border .left h3 {
    font-size: 22px;
  }

  .hide-mobile {
    display: none;
  }
}
/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {
  .slide .info {
    bottom: 0%;
  }
}
/* iphone 5 landscape */
@media (max-width: 568px) {
  #top-bar {
    margin-bottom: 24px;
  }

  #title {
    margin-bottom: 5px;
  }

  .slide .info p.big {
    font-size: 16px;
    line-height: 20px;
  }

  .col-xs-12.book:not(.news) {
    width: 50%;
  }
  .col-xs-12.book:not(.news) .border .left h3 {
    font-size: 18px;
  }

  .news .book.news {
    margin-bottom: 25px;
  }
  .news .book.news .left {
    width: 100%;
    float: none;
  }
  .news .book.news .right {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
/* iPhone 3+4 landscape */
@media (max-width: 480px) {
  #title #tagline {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .slide .info {
    bottom: 8%;
  }
  .slide .info p.big {
    font-size: 15px;
    line-height: 17px;
  }
  .slide .button {
    display: none;
  }

  .flex-direction-nav {
    display: none;
  }

  .col-xs-12.book, .col-xs-12.book:not(.news) {
    width: 100%;
  }
  .col-xs-12.book .border .right, .col-xs-12.book:not(.news) .border .right {
    padding-bottom: 10px;
  }
  .col-xs-12.book .border .left p, .col-xs-12.book:not(.news) .border .left p {
    margin-bottom: 20px;
  }
  .col-xs-12.book .button.mobile, .col-xs-12.book:not(.news) .button.mobile {
    position: relative;
    bottom: auto;
  }

  #latest-book .right, #latest-book .left {
    width: 100%;
    float: none;
  }
  #latest-book .right img {
    float: none;
    margin: 0 auto;
  }

  .book-detail .book-info {
    width: 100%;
    float: none;
    padding-top: 15px;
    margin-bottom: 20px;
  }
  .book-detail .book-img {
    width: 100%;
    float: none;
    padding-left: 0;
    max-width: 288px;
    margin-bottom: 20px;
  }
}
/* eg: Android Samsung galaxy portrait */
@media (max-width: 380px) {
  .col-xs-12 .book .border .inner {
    display: block;
  }
  .col-xs-12 .book .border .left, .col-xs-12 .book .border .right {
    width: 100%;
    float: none;
  }
  .col-xs-12 .book .border .left a.button {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    display: block;
    background-position: top center;
  }
  .col-xs-12 .book .border .right img {
    float: none;
    margin: 0 auto;
  }
}
/* iPhone 3+4 portrait */
/* small android portrait */