/* -- 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;
}

/* default colours */
/* dark grey */
/* --- general styles --- */
body {
  font-family: "freight-text-pro";
  font-size: 14.5px;
  line-height: 1.22857143;
  color: #333333;
  background-color: #ffffff;
}

#wrapper {
  overflow: hidden;
}

p {
  margin-bottom: 14px;
  line-height: 175%;
}

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

.plain-list ul {
  margin-left: 0;
}
.plain-list ul li {
  list-style: none;
  font-family: "Futura W01 Book", sans-serif;
}

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

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

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

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

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

button:focus {
  outline: 0;
}

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

a.more {
  display: inline-block;
  background-color: #999;
  background-image: url("../images/arrow-right-small-white.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right 18px center;
  font-family: "Futura W01 Bold";
  color: #fff;
  float: left;
  clear: both;
  font-size: 12px;
  margin-bottom: 10px;
  margin-bottom: 7px;
  padding: 7px 44px 5px 7px;
}
a.more:hover {
  text-decoration: none;
  color: #fff;
}

/* --- flex sidebar --- */
#content .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.col-sm-4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.col-xs-12 .col-sm-4 {
  display: block;
}

/* --- lightbox --- */
.lightbox {
  display: none;
}

.featherlight .featherlight-content {
  max-width: 600px;
}

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

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

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

.buy-links li a:link, .buy-links li a:visited {
  color: #000;
}

/* ---- typography ---- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Futura W01 Book", sans-serif;
  font-weight: bold;
  margin-bottom: 0.8em;
  line-height: 1.25em;
}

h1.block {
  /* default colour */
  display: block;
  padding: 6px 5px 5px 30px;
  text-transform: uppercase;
  font-family: "Futura W01 Bold";
  background-color: #999;
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
}
h1.block.margin {
  margin-bottom: 30px;
}

h1 {
  font-size: 24px;
  text-transform: uppercase;
}

h2 {
  font-size: 22px;
  text-transform: uppercase;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 15px;
}

h6 {
  font-size: 14px;
  font-family: "Futura W01 Bold";
}

.futura-font {
  font-family: "Futura W01 Book", sans-serif;
  text-transform: uppercase;
}

blockquote {
  padding-top: 18px;
  position: relative;
}
blockquote .open-quote {
  font-size: 50px;
  color: #999;
  font-family: "NewBaskervilleW01-Itali";
  position: absolute;
  top: 8px;
  left: -7px;
}
blockquote .close-quote {
  font-size: 50px;
  height: 20px;
  display: block;
  color: #999;
  font-family: "NewBaskervilleW01-Itali";
  position: absolute;
  bottom: 8px;
  right: 0;
}
blockquote p {
  font-family: "Futura W01 Bold";
  font-size: 16px;
  line-height: 18px;
  margin-left: 34px;
}
blockquote p.name {
  font-family: "freight-text-pro";
  font-size: 14px;
}

p.post-date {
  font-family: "Futura W01 Book", sans-serif;
}

/* nav */
#site-navigation {
  background-color: #000;
}

#site-navigation ul {
  text-align: left;
  margin: 0;
  font-size: 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: 13px 0 14px;
  margin: 0 20px -2px 20px;
  display: block;
  text-decoration: none;
  float: left;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Futura W01 Bold";
  line-height: 9px;
  color: #fff;
}

#site-navigation ul li:first-of-type a:link,
#site-navigation ul li:first-of-type a:visited {
  margin-left: 0;
}

#site-navigation ul li:last-of-type a:link,
#site-navigation ul li:last-of-type a:visited {
  margin-right: 0;
}

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 li.current-menu-parent > a:link, #site-navigation li.current-menu-parent > a:visited,
.single-book .parent-menu > a:link,
.single-post .blog > a:link {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #999;
  padding: 13px 0 10px;
  height: 36px;
}

#mobile-menu li.current_page_item > a:link, #mobile-menu li.current_page_item > a:visited,
#mobile-menu li.current-menu-parent > a:link, #mobile-menu li.current-menu-parent > a:visited,
.single-book #mobile-menu .parent-menu > a:link,
.single-post #mobile-menu .blog > a:link {
  border-bottom-width: 0;
}

#site-navigation ul li a:hover, nav#mobile ul li a:hover {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  height: 36px;
}

#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;
  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: #999;
}

#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: 13px 15px 10px 19px;
  white-space: nowrap;
  width: 100%;
  color: #fff;
  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;
}

nav#mobile {
  display: none;
  clear: both;
}

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

#mobile-toggle {
  display: none;
  padding: 0 15px 0 14px;
  text-align: left;
  color: #000;
  cursor: pointer;
  background-color: #000;
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 0;
}

nav#mobile ul {
  margin: 0;
}

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

nav#mobile ul li a {
  display: block;
  padding: 7px 15px;
  text-transform: uppercase;
  text-align: left;
  /*font-family: 'Metamorphous', cursive;*/
  font-size: 14px;
}

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

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

/* General styles for all menus */
.cbp-spmenu {
  background: #000;
  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-color: #000;
  padding: 9px 10px 5px 2px;
  color: #fff;
  border: 0;
  margin-bottom: 5px;
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-family: "Futura W01 Book", sans-serif;
}

/* 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: #fff;
  font-size: 17px;
  font-family: "Futura W01 Book", sans-serif;
  text-transform: uppercase;
  padding: 4px 0;
  display: block;
}
.cbp-spmenu-vertical a:hover {
  text-decoration: none;
  color: #999;
}
.cbp-spmenu-vertical .current_page_item > a {
  color: #999;
}

/* 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;
  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;
}

/* --- header --- */
#masthead {
  background-repeat: no-repeat;
  background-position: center top;
}
#masthead > .container > .row {
  position: relative;
}
#masthead .site-search.desktop {
  position: absolute;
  right: 0;
  top: 10px;
}
#masthead .site-search {
  background: url("../images/search-icon.png") no-repeat left center;
  padding-left: 31px;
  background-size: auto 100%;
}
#masthead .site-search input[type=text] {
  background-color: #ccc;
  font-family: "Futura W01 Book", sans-serif;
  border: 0;
  padding: 4px 3px 2px 3px;
  height: 22px;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
}
#masthead .site-search ::-webkit-input-placeholder {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
#masthead .site-search :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
#masthead .site-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
#masthead .site-search :-ms-input-placeholder {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}

.site-search.mobile {
  margin-top: 18px;
  margin-left: 10px;
}
.site-search.mobile input[type="search"] {
  width: 95%;
}

.social-icons {
  padding-top: 4px;
  text-align: right;
}
.social-icons .sh-sb-link {
  width: 23px;
  height: 23px;
  margin-bottom: 0;
  display: inline-block;
}

.cbp-spmenu .social-icons {
  text-align: left;
}

/* --- main content --- */
#content {
  margin-bottom: 35px;
  padding-top: 30px;
}

.solid-bg {
  background-color: #e5e5e5;
  overflow: hidden;
  padding: 30px;
  width: 100%;
}

.grey_bg {
  background-color: #e5e5e5;
}

.less-padding {
  padding: 15px 5px 15px;
}

/* --- homepage --- */
#featured {
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: hidden;
  padding: 33px 31px 0px;
  margin-bottom: 30px;
  min-height: 204px;
}
#featured .intro {
  width: 67%;
  float: left;
  font-size: 18px;
}
#featured .intro p {
  margin-bottom: 0;
  color: #fff;
  font-family: "Futura W01 Book", sans-serif;
  font-size: 25px;
  line-height: 1.9em;
}
#featured .intro p span:first-of-type {
  font-family: "Futura W01 Bold";
}
#featured .intro .big {
  font-size: 24px;
}

#blog-posts {
  margin: 0 0 30px 0;
  /* every other one has black title */
}
#blog-posts li {
  list-style: none;
  border-top: 1px solid #d0d0d0;
  overflow: hidden;
  margin: 0;
}
#blog-posts li .image {
  width: 36%;
  float: left;
  margin-right: 4%;
}
#blog-posts li .image img {
  width: 100%;
  max-width: 273px;
}
#blog-posts li .image.right {
  float: right;
  margin-left: 4%;
  margin-right: 0;
}
#blog-posts li .info {
  width: 60%;
  float: right;
  padding: 18px 0 10px;
}
#blog-posts li .info h3 {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 5px;
  font-family: "Futura W01 Bold";
  text-transform: uppercase;
}
#blog-posts li .info h3 a {
  color: #999;
}
#blog-posts li .info .date {
  font-size: 12px;
  margin-bottom: 8px;
  font-family: "Futura W01 Book", sans-serif;
}
#blog-posts li .info em {
  color: #666;
}
#blog-posts li .text {
  width: 80%;
  float: left;
}
#blog-posts li .more-arrow {
  display: block;
  float: right;
  width: 34px;
  text-align: right;
  margin-left: 20px;
  -o-transition: .6s;
  -ms-transition: .6s;
  -moz-transition: .6s;
  -webkit-transition: .6s;
  transition: .6s;
}
#blog-posts li .more-arrow img {
  width: 100%;
  height: auto;
}
#blog-posts li .more-arrow:hover {
  opacity: 0.7;
}
#blog-posts li:last-of-type {
  border-bottom: 1px solid #d0d0d0;
}
#blog-posts li.black-text .info h3 a {
  color: #000 !important;
}
#blog-posts li:nth-child(even) .info h3 a {
  color: #000;
}

#book-carousel, #book-carousel-wide {
  padding: 0px 70px;
  overflow: hidden;
}
#book-carousel.slick-slider, #book-carousel-wide.slick-slider {
  margin-bottom: 0;
  background-color: #e5e5e5;
}

#book-carousel-wide {
  padding-bottom: 15px;
}

.slick .slick-slide {
  margin: 16px 5px 13px;
}
.slick .slick-slide img {
  width: 100%;
  height: auto;
}

.slick-next, .slick-prev {
  border: 0;
  z-index: 100;
  width: 61px;
  height: 100%;
  margin: -20px 0 0;
  display: block;
  background: url(../images/bg_direction_nav.png) no-repeat 0 0;
  background-size: 200% auto;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all .3s ease;
}

.slick-next {
  background-position: 100% center;
  right: 5px;
}

.slick-prev {
  left: 5px;
  background-position: 0% center;
}

/* --- blog ---*/
.featured-img {
  float: right;
  margin: 0 0 1.1em 1.5em;
  overflow: hidden;
  width: 30%;
  max-width: 270px;
}
.featured-img img {
  width: 100%;
  height: auto;
  max-width: 270px;
}

/* --- books --- */
.book-info, .share {
  margin-bottom: 15px;
}
.book-info p, .share p {
  font-size: 12px;
  font-family: "Futura W01 Book", sans-serif;
}

.book-cover img {
  width: 100%;
  height: auto;
  max-width: 342px;
}

.book-info {
  padding-top: 15px;
}
.book-info p {
  margin-bottom: 10px;
}

.book-video {
  text-align: center;
  margin-bottom: 30px;
}
.book-video h4 {
  padding: 0 20px;
}

.reviews {
  padding-top: 15px;
}

/* --- media page --- */
#videos {
  margin: 0;
}
#videos li.video {
  list-style: none;
  width: 32%;
  margin-left: 0.9%;
  margin-bottom: 0;
  display: block;
  float: left;
  padding: 20px 0 10px 0;
}
#videos li.video p.title {
  text-transform: uppercase;
  text-align: center;
  padding: 0 15%;
  font-size: 15px;
  font-family: "Futura W01 Book", sans-serif;
}
#videos li.video img {
  width: 100%;
  max-width: 370px;
}
#videos li.video .video-embed iframe {
  width: 100%;
}

/* --- main sidebar --- */
#sidebar {
  min-width: 1px;
  background-color: #e5e5e5;
  flex: 1;
  -webkit-flex: 1;
}
#sidebar h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}
#sidebar .widget {
  padding: 35px 30px;
}
#sidebar .widget.no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
}
#sidebar .widget.margin-bottom {
  margin-bottom: 30px;
}
#sidebar .widget img.video {
  width: 100%;
  max-width: 390px;
}
#sidebar .widget.tweets {
  padding-top: 0;
}
#sidebar .events-list {
  margin: 0;
}
#sidebar .events-list li {
  list-style: none;
  font-family: "Futura W01 Book", sans-serif;
  margin: 0 0 5px 0;
}

.twitter-follow {
  display: block;
  width: 88px;
  background-image: url("../images/twitter-bird-black.png"), url("../images/arrow-right-small-black.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: auto 50%, auto 74%;
  padding: 5px 30px 5px 27px;
  font-size: 16px;
  margin-top: 13px;
  font-family: "Futura W01 Book", sans-serif;
}

/* general widget, with forms too */
.widget .gform_wrapper {
  margin: 0;
}
.widget .gform_wrapper .gform_body label {
  display: none;
}
.widget .gform_wrapper .gform_body input[type=text] {
  background-color: #ccc;
  border: 0;
  height: 23px;
  padding-top: 6px;
  padding-left: 5px;
}
.widget .gform_wrapper .gform_body ::-webkit-input-placeholder {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
.widget .gform_wrapper .gform_body :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
.widget .gform_wrapper .gform_body ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
.widget .gform_wrapper .gform_body :-ms-input-placeholder {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  font-family: "Futura W01 Book", sans-serif;
}
.widget .gform_wrapper .gform_footer {
  margin-top: 0;
}

.feedburner-email-subscription .form-group {
  width: 90%;
  float: left;
  margin-top: 8px;
}
.feedburner-email-subscription input[type=text] {
  background-color: #ccc;
}
.feedburner-email-subscription button[type=submit] {
  width: 10%;
  height: 50px;
  text-indent: -9999px;
  float: right;
  background: url("../images/arrow-right-small-black.png") no-repeat right center;
  border: 0;
}

.signup-box {
  padding: 30px;
}

.feedburner-email-subscription .form-group {
  width: 85%;
}

/*  --- footer --- */
#footer-widgets {
  margin-bottom: 30px;
}

footer {
  background-color: #000;
  padding: 15px 0;
}
footer .right {
  text-align: right;
}
footer p, footer a {
  font-size: 9px;
  color: #e5e5e5;
  margin-bottom: 0;
  font-family: "Futura W01 Book", sans-serif;
}
footer .left, footer .right {
  width: 50%;
  padding: 0 15px;
}

/* ------------ RESPONSIVE MEDIA QUERIES ------- */
@media (max-width: 1024px) {
  #masthead {
    background-image: none !important;
  }

  #featured {
    padding: 30px;
  }
  #featured .intro {
    font-size: 16px;
  }

  #blog-posts li .info {
    padding-top: 18px;
  }

  #videos li.video p.title {
    padding: 0 10%;
  }
}
@media (max-width: 1000px) {
  #featured {
    background-image: none !important;
    padding: 30px;
    background-size: auto 100%;
  }
  #featured .intro {
    width: 100%;
  }
}
/* iPad portrait */
@media (max-width: 767px) {
  #content {
    margin-bottom: 10px;
  }

  #blog-posts li .info {
    padding-top: 25px;
  }

  #book-carousel, #book-carousel-wide {
    padding: 15px 50px;
  }
  #book-carousel.slick-slider, #book-carousel-wide.slick-slider {
    margin-bottom: 30px;
  }

  .book-cover {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }

  .book-right {
    width: 50%;
    float: right;
    padding-left: 20px;
  }
  .book-right .book-info {
    padding-top: 0;
  }

  .tweets {
    text-align: center;
  }

  #sidebar .widget {
    padding: 20px 30px;
  }

  .col-sm-4, #content .row {
    display: block;
  }

  .col-xs-12 {
    margin-bottom: 20px;
  }

  #masthead .col-xs-12 {
    margin-bottom: 0;
  }

  #videos li.video p.title {
    padding: 0 8%;
    font-size: 13px;
    display: block;
    height: 40px;
  }

  .slick-prev {
    left: 2px;
    width: 50px;
  }

  .slick-next {
    right: 2px;
    width: 50px;
  }
}
/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {
  #logo > a {
    display: block;
    width: 39%;
  }
  #logo > a img {
    width: 100%;
    height: auto;
  }

  #videos li.video {
    width: 47%;
  }
}
/* iphone 5 landscape */
@media (max-width: 568px) {
  .slick-next, .slick-prev {
    width: 46px;
  }

  #masthead > .container {
    background: none !important;
  }

  #featured {
    display: none;
  }
}
/* iPhone 3+4 landscape */
@media (max-width: 480px) {
  #logo {
    text-align: center;
  }

  #featured {
    background-size: 100%;
  }
  #featured .intro {
    width: 100%;
    float: none;
    padding-bottom: 250px;
  }

  .book-cover, .book-right {
    width: 100%;
    float: none;
  }

  .book-right {
    padding-left: 0;
    margin-bottom: 15px;
    overflow: hidden;
  }

  #videos li.video {
    width: 98%;
    padding: 0;
  }

  footer .left, footer .right {
    width: 100%;
    float: none;
    text-align: center;
    padding: 5px 15px;
  }

  .feedburner-email-subscription .form-group {
    width: 85% !important;
  }

  .feedburner-email-subscription input[type="text"] {
    width: 85% !important;
  }

  .signup-box {
    padding: 30px 20px;
  }

  #blog-posts li .info {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  #blog-posts li .image {
    width: 100%;
    float: none;
  }
}
/* eg: Android Samsung galaxy portrait */
@media (max-width: 380px) {
  #logo > a {
    width: 66%;
    margin: 0 auto;
  }

  #book-carousel, #book-carousel-wide {
    padding: 15px 20px;
  }

  .site-search.desktop {
    display: none;
  }
}
/* iPhone 3+4 portrait */
/* small android portrait */