/*
Theme Name: Books from Scotland
Author: Bookswarm
Author URI: http://www.bookswarm.co.uk
Description: Custom theme
Version: 1.0
Text Domain: booksfromscotland
*/

/* --- reset --- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea, input {
	outline: none;
}

/* --- general styles --- */

body {
  font-family: 'Lato', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #716659;
  background-color: #e3e0de;
}

#wrapper {
	overflow: hidden;
}

#content {
	margin-bottom: 20px;
}

#main {
	border-right: 1px solid #b8b2ac;
	padding-right: 30px;
	margin-top: 30px;
}

.container {
	background-color: #fff;
}

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 {
	margin-left: 0;
}
ol li {
	margin: 0 0 6px 23px;
	list-style: decimal;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.hyphenate {
	/*text-align:justify;*/
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
}

img.alignright, .wp-caption.alignright {float:right; margin:0 0 0.6em 1em} 
img.alignleft, .wp-caption.alignleft {float:left; margin:0 1em 0.6em 0} 
img.aligncenter {display: block; margin-left: auto; margin-right: 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;
}

.box-title {
	background-color: #8cb9ca;
	overflow: hidden;
}

.box-title p {
	color: #fff;
}

ul#explore li.issue a.box p {
	text-transform: uppercase;
}

.box-title div.welcome {
	color: #000;
	font-size: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.box-title div.welcome p {
	color: #000;
	font-size: 15px;
	text-transform: none;

}

.dotted {
	border-bottom: 1px dotted #6fa7bd;
}

.click-outer {
	position: relative;
	display: block;
}

.click-outer > img:first-of-type {
	display: block;
}

.click {
	position: absolute;
	bottom: 0;
	right: 0;
}

a.button:link,
a.button:visited {
	background: #c5dce5 url('images/click-arrow.png') no-repeat right 2px center;
	font-size: 11px;
	color: #716659;
	display: block;
	margin-bottom: 15px;
	padding: 2px 18px 3px 3px;
	max-width: 240px;
}

a.more:link,
a.more:visited {
	background: url('images/click-arrow.png') no-repeat right center;
	display: inline-block;
	color: #716659;
	font-size: 11px;
	padding-right: 20px;
}

a.title:link, a.title:visited {
	color: #716659;
}


/* ---- typography ---- */

h1 {
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 15px;
}

h2 {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 15px;
}

h3 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 13px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 12px;
}

h5 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 12px;
}

h6 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 12px;
}

p {
	margin-bottom: 20px;
}

blockquote {
	font-size: 14px;
	font-style: italic;
}

.box-title .title, .box-title h3{
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	line-height: 33px;
}

p.centre {
	text-align: center;
}

p.black {
	color: #333
}

p.centre span {
	display: block;
}

p.title {
	font-size: 18px;
	line-height: 22px;
}

p.name {
	font-size: 18px;
}

div.intro p {
	font-size: 18px;
	line-height: 24px;
}

p.intro {
	font-size: 18px;
	line-height: 24px;
}

p.intro.alt {
	margin-bottom: 3px;
}

.box-title h3 {
	padding: 15px 0 15px;
}

/* --- breadcrumbs --- */
.breadcrumbs {
	margin-bottom: 18px;
}

.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs span {
	color: #716659;
	font-size: 11px;
	text-transform: uppercase;
}


/* --- header --- */

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

.search-box.mobile {
	width: 258px;
	float: none; 
}

.search-box.mobile input[type="text"] {
	background-color: #FFFFFF;
	padding: 5px 0 5px 10px;
	width: 88%;
	margin-left: 4px;
}

.search-box.mobile input[type="submit"] {
	width: 0;
	height: 0;
}

.browse {
	width: 315px;
	float: right;
	padding-right: 20px;
	position: relative;
}


.red-arrow {
	position: absolute;
	right: 0;
	top: 3px;
}


.browse.mobile {
	width: 238px;
	margin-right: 1px;
	margin-bottom: 10px;
	background-color: transparent;
}

.browse.mobile .red-arrow {
	display: none;
}

#header-top {
	padding-top: 7px;
}

#header-top .socialmedia {
	float: right;
	overflow: auto;
	height: auto;
}


#header-signup {
	width: 407px;
    position: absolute;
    right: 0;
    top: 34px;
	z-index: 9999;
	padding-top: 10px;
}

@media(max-width: 745px){
	#header-signup {
		display: none;
	}
}

@media(max-width: 868px){
	#header-signup {
			width: 260px;
		}
	}

#header-signup h3 {
	font-size: 15px;
	margin-bottom: 3px;
}

#header-signup .gform_description {
	margin-bottom: 5px;
}

#header-signup .gform_wrapper {
	margin: 0;
}

#header-signup .gform_wrapper .gform_body {
	margin-left: 0;
}

#header-signup .gform_legacy_markup_wrapper .gform_heading {
	margin-bottom: 10px;
}

#header-signup .gform_legacy_markup_wrapper ul li.gfield {
	margin-top: 0;
	padding-right: 9px;
}

#header-signup .gform_wrapper form {
	display: grid;
    grid-template-columns: 1fr 77px;
}

#header-signup .gform_legacy_markup_wrapper .top_label div.ginput_container {
	margin-top: 0;
}

#header-signup .gform_footer {
	margin: 0;
	padding: 0;
}


#header-signup .gform_footer input[type=submit] {
	background-color: #bf1e2b;
	background-image: url(images/click-arrow.png);
	background-position: right 3px center;
    color: white;
    border: 0;
    padding: 6px 22px 7px 10px;
    background-repeat: no-repeat;
	margin-right: 0;
}

/* search form */

.search-box form {
	background-color: #c5dce5;
	margin-right: 7px;
}

.search-box input[type="text"] {
	border: 0;
	background-color: #c5dce5;
	padding: 3px 0 1px 6px;
	width: 87%;
	font-size: 16px;
}

.search-box ::-webkit-input-placeholder {
   color: #716659;
   font-size: 14px;
   font-weight: bold;
}

.search-box :-moz-placeholder { /* Firefox 18- */
   color: #716659; 
   font-size: 14px;
   font-weight: bold; 
}

.search-box ::-moz-placeholder {  /* Firefox 19+ */
   color: #716659;
   font-size: 14px;
   font-weight: bold;
}

.search-box :-ms-input-placeholder {  
   color: #716659;
   font-size: 14px;
   font-weight: bold;
}

.search-box input[type="submit"] {
	background: url('images/click-arrow.png') no-repeat right top;
	text-indent: -9999px;
	border: 0;
	padding: 0;
	width: 14px;
	height: 18px;
	margin-top: 0;
}

.browse {
	padding-top: 2px;
}

.browse select {
	border: 0 !important;.  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none;  /*Removes default style Firefox*/
	text-indent: 0.01px;
	text-overflow: "";
	width: 245px;
}

.browse  select::-ms-expand {
    display: none;
}

.socialmedia .sh-sb-link {
	width: 21px;
	height: 21px;
	margin: 0 0px 10px 10px;
	display: inline-block;
}

#footer .socialmedia {
	display: none;
}

.widget_categories h3 {
	display: none;
}

.widget label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#masthead {
	padding-bottom: 16px;
}

#masthead #logo {
	display: block;
}

#masthead #logo img{
	width: 151px;
	height: 114px;
	float: left;
	margin-right: 15px;
}

#masthead a {
	color: #716659;
}

#masthead a.tagline {
	display: inline-block;
	position: relative;
	height: 75px;
	width: 301px;
}

#masthead a:hover {
	text-decoration: none;
}

#masthead h1 {
	font-size: 20px;
	position: absolute;
	bottom: 0;
	color: #716659;
}

/* --- featured content area (eg, top of homepage) ---*/
#top-content {
	/*margin-bottom: 32px;*/
}

#featured {
	padding-bottom: 32px;
}

#featured .inner {
	position: relative;
	min-height: 325px;
}

#featured .content {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	padding: 22px 24px;
	width: 100%;
	min-height: 325px;
}

#featured .inner img.bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
}

#featured h1 {
	color: #fff;
	/*font-size: 40px;*/
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

#featured h2 {
	color: #fff;
	font-size: 30px;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

#featured .content p {
	color: #fff;
	font-size: 18px;
}

#featured .content .top {
	position: relative;
	height: 131px;
}

#featured .content .top h1,
#featured .content .top h2 {
	position: absolute;
	bottom: 0;
}

#featured .content .main-heading {
	/*background-color: rgba(111,167,189,0.9);*/
	background-color: rgba(30,30,28,0.9);
	width:45%;
	/*max-width: 235px;*/
	padding: 18px;
	position: relative;
	z-index: 5;
	float: left;
	margin-right: 13px;
}

#featured .content .main-heading-post {
	background-color: rgba(111,167,189,0.9);
	width:65%;
	max-width: 335px;
	padding: 18px;
	position: relative;
	z-index: 5;
	float: left;
	margin-right: 13px;
}

#featured .content .lead-story {
	float: left;
	position: relative;
	z-index: 5;
	background-color: rgba(81,80,73,0.8);
	width: 45%;
	max-width: 235px;
	padding: 18px;
}

#featured .content .lead-story a:hover,
#featured .content .main-heading a:hover
 {
	text-decoration: none;
}

#featured > img {
	width: 100%;
	height: auto;
}

#featured .box-title {
	position: relative;
}

#featured .box-title > .left {
	width: 31%;
	padding: 20px 13px 10px 25px;
}

#featured .title {
	text-align: left;
	margin-bottom: 7px;
}

#featured-slider {
	width: 69%;
	float: right;
	padding: 19px 47px 38px 46px;
}

#featured-slider .slide .left {
	width: 50%;
/*	max-width: 240px;*/
}

#featured-slider .slide .left a > img:first-of-type {
	width: 100%;
	height: auto;
	display: block;
}

#featured-slider .slide .left a:link {
	display: block;
	position: relative;
}

#featured-slider .slide .left a:link img.click {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

#featured-slider .slide .right {
	width:50%;
	padding-left: 15px;
}

#featured-slider .slide .right p {
	color: #333;
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 5px;
}

#featured-slider .slide .right p.subhead {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 7px;
	padding-top: 6px;
}

#featured-slider .slide .right p.subhead a {
	color: #333333;
}

/* --- homepage --- */
/* books */

#main.new h3 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

#main.new h4 {
	font-size: 21px;
	line-height: 23px;
	font-weight: 700;
	margin-bottom: 17px;
}

.books {
	margin: 0;
}

.books .book {
	list-style: none;
	padding-bottom: 18px;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #6fa7bd;
	max-width: 240px;
}

.books .book a:link,.books .book a:visited {
	position: relative;
	display: block;
	color: #716659;
	max-width: 240px;
}

.books .book a:hover {
	text-decoration: none;
}

.books .book a img:first-of-type {
	display: block;
	margin-bottom: 12px;
	max-width: 240px;
	width: 100%;
	height: auto;
}

.books .book a img.click {
	margin-bottom: 0;
}

.books .book p {
	margin-bottom: 0;
	padding-right: 15px;
}

.books .book p.title {
	font-size: 18px;
}

.books .book p.name {
	font-size: 11px;
}

#also-homepage ul {
	display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    grid-column-gap: 26px;
}

#also-homepage ul li .left, #also-homepage ul li .right {
	width: 100%;
	max-width: 100%;
	float: none;
}

#also-homepage ul li .left img:first-of-type {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/* books carousel */

#featured-carousel {
	margin-bottom: 40px;
}

#featured-carousel .book-panel .book {
	display: grid;
	height: 190px;
	align-items: end;
	justify-content: center;
	margin-bottom: 20px;
}


#featured-carousel .book-panel .book img {
	max-width: 196px;
    height: auto;
}



#featured-carousel .book-panel .info {
	text-align: center;
}

#featured-carousel .book-panel .info p.title {
	margin-bottom: 10px;
}

#featured-carousel .book-panel .info p.title a {
	font-size: 16px;
	color: #716659;
	text-decoration: none;
}

#featured-carousel .book-panel .info p.name {
	font-size: 14px;
}

#featured-carousel .flex-control-paging li a {
	background: #cebca6;
}

#featured-carousel .flex-control-paging li a.flex-active {
	background: #716659;
}

#featured-carousel .flex-control-nav {
	bottom: 27px;
}

/* feature panels on homepage */

.feature-panel .left {
	width: 60%;
}

.feature-panel h4 a:link, .feature-panel h4 a:visited {
    color: #716659;
	font-size: 21px;
    line-height: 23px;
    margin-bottom: 15px;
    font-weight: 700;
	text-decoration: none;
}

.feature-panel .left .name {
	font-size: 14px;
}

.feature-panel .right {
	width: 38%;
	padding-left: 20px;
}

.feature-panel .right img {
	max-width: 100%;
	height: auto;
}

.feature-panel .buttons {
	clear: both;
	display: grid;
    grid-template-columns: 48% 1fr;
    grid-column-gap: 20px;
}

/* --- article template --- */

#article #main .inner {
	padding-left: 100px;
	padding-right: 140px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

#article #main {
	margin-top: 4px;
}

#article .sidebar {
	margin-top: 4px;
	padding-top: 25px;
}

.featured-box {
	float: right;
	width: 100%;
	margin: 0 0 22px;
}

.featured-box img:first-of-type:not(.red-arrow) {
	display: block;
	width: 100%;
	max-width: 262px;
}

.featured-box a:link, .featured-box a:visited, .featured-box p {
	color: #fff;
	display: inline-block;
	position: relative;
}

.featured-box a:hover {
	text-decoration: none;
}

.featured-box .name {
	font-size: 28px;
	line-height: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

.featured-box .box {
	background: rgba(113,102,89,0.8) url('images/click-arrow.png') no-repeat right top;;
	padding: 40px 20px 10px;
	margin-top: -14px;
	position: relative;
}

.featured-box .click {
	position: absolute;
	top: 173px;
	right: 0;
	z-index: 10;
}

.featured-box.full {
	width: 100%;
	max-width: 368px;
	margin-left: 0;
	float: none;
}

.featured-box.full img:first-of-type:not(.red-arrow) {
	display: block;
	width: 100%;
	max-width: 368px;
}

.featured-box p.date {
	text-transform: uppercase;
}

.featured-box.fullwidth {
	float: none;
	width: 100%;
	margin: 28px 0 22px 0;
	background-color: rgba(113,102,89,0.8);
	padding: 15px 15px 0 15px;
	overflow: hidden;
}

.featured-box.fullwidth a.author-link, .featured-box.fullwidth .photo-wrap {
	position: relative;
	z-index: 10;
	margin-top: -15px;
	margin-right: -15px;
	margin-left: 15px;
	margin-bottom: 10px;
	display: block;
	float: right;
}

.featured-box.fullwidth .red-arrow {
	position: absolute;
	right: 0;
	top: 0;
}

.featured-box.fullwidth img.photo {
	display: block;
	  width: 100%;
	  max-width: 262px;
}

.featured-box.fullwidth .box {
	background-color: transparent;
	position: relative;
	z-index: 20;
}

.featured-box.fullwidth p {
	display: block;
}

p.datemeta {
	text-transform: uppercase;
}

/* --- search reults ---*/

h2.title > a {
	font-size: 17px;
	  margin: 5px 0;
	  display: block;
}

/* --- widgets/sidebar --- */
.sidebar .widget {
	margin-bottom: 25px;
}

.sidebar .widget .gform_heading {
	width: 80%;
	float: left;
	margin-left: 10%;
	text-align: center;
}

#sidebar .box-title {
	background-color: transparent;
}

.container #sidebar .gform_body, .container .sidebar .gform_body {
	margin-left: 10px;
}

#sidebar .widget p a,
#sidebar .widget h4 a,
.sidebar .widget p a,
.sidebar .widget h4 a  {
	color: #716659;
}

.box-title .inner {
	background-color: #8cb9ca;
	overflow: hidden;
	padding-bottom: 15px;
}

.sidebar .box-title h3,
.sidebar .box-title h4{
	padding: 14px 16px;
	display: block;
	color: #fff;
}

.sidebar .box-title h4 {
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 0px;
}

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

.sidebar .box-title.block h3 {
	padding: 10px 0 5px;
}

.sidebar .centre.black {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 14px;
}

#explore {
	margin: 0;
}

#explore .issue {
	position: relative;
	display: block;
	margin-bottom: 0;
	font-size: 0; /* prevents gaps after list items */
}

#explore .issue img.bg {
	width: 100%;
	max-width: 387px;
}

#explore .issue .box:link,
#explore .issue .box:visited {
	position: absolute;
	left: 10%;
	top: 12%;
	display: block;
	width: 80%;
	height: 76%;
	background-color: rgba(113,102,89,0.8);
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 3%;
}

#explore .issue .box:hover {
	text-decoration: none;
}

#explore .issue .box .date {
	font-size: 11px;
	display: block;
}

/* --- issue --- */

.issue .col-sm-6 {
	border-right: 1px dotted #6fa7bd;
}

.issue .col-sm-6:last-of-type {
	padding-right: 20px;
	padding-left: 20px;
	border-left: 1px dotted #6fa7bd;
	border-right: 0;
	margin-left: -1px;
}

.col-sm-6 .img {
	position: relative;
	display: block;
	width: 100%;
	max-width: 368px;
	margin-bottom: 11px;
}

.col-sm-6  .img img:first-of-type {
	display: block;
	width: 100%;
	height: auto;
	max-width: 368px;
}

/*main sidebar*/

#sidebar {
	border-left: 1px solid #b8b2ac;
	margin-left: -1px;
	margin-top: 30px;
	padding-left: 30px;
}

.sidebar h4 {
	font-size: 21px;
	line-height: 23px;
	margin-bottom: 15px;
	font-weight: 700;
}

.sidebar .widget {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #6fa7bd;
}

.sidebar .widget h4 {
	text-align: center;
}

.box-title.widget {
	padding-bottom: 0;
}

#sidebar-top.sidebar .widget {
	padding-bottom: 0;
	border-bottom: 0;
}

.sidebar .widget.no-border {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 25px;
} 

.links {
	margin: 0;
}

.links li {
	list-style: none;
	margin: 0 0 15px;
	overflow: hidden;
	border-bottom: 1px dotted #6fa7bd;
	padding-bottom: 15px;
}

.links li .left {
	float: left;
	max-width: 109px;
	width: 30%;
}

.links li .left img:first-of-type {
	display: block;
	width: 100%;
	max-width: 109px;
}

.links li .right {
	float: right;
	width: 65%;
}

.links li .right p.title {
	font-size: 18px;
}

.links li .right p {
	font-size: 11px;
	margin-bottom: 2px;
}

.links li .left a {
	position: relative;
	display: block;
}

/* --- forms --- */
input, select {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

.gform_wrapper ul li.gfield.centre {
	text-align: center;
}

.hide-label label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.container .gform_body {
	width: 80%;
	float: left;
	margin-left: 10%;
}

.container .gform_footer.top_label {
	clear: both;
	  float: right;
	  /* width: 26px; */
	  padding-right: 39px;
	  /* margin: 5px 0 0 -21px*/
}

.container .gform_wrapper .top_label input.large {
	width: 98.5%;
}

.sidebar .gform_wrapper .gform_footer input[type=submit] {
	background: url('images/click-arrow.png') no-repeat right center;
	border: 0;
	padding: 0 20px;
	/* width: 14px; */
	/* text-indent: -9999px; */
	clear: both;
}

.sidebar .gform_wrapper .top_label input {
	font-size: 12px;
	color: #716659;
	line-height: 14px;
	padding: 1px 0 0;
}

/* --- related books --- */
/* --- also in this issue --- */

#featured.article .content .top {
	position: relative;
	height: 243px;
}

#featured.article .content .top h1 {
	position: relative;
	bottom: auto;
}


#related-books .books .book {
	float: left;
	display: block;
	width: 22%;
	margin-right: 3%;
	margin-bottom: 0;
	border-bottom: 0;
}

#related-books .dotted {
	overflow: hidden;
	margin-bottom: 30px;
}

#share-this {
	margin-top: 20px;
}

#related-books h4,
#also h4 {
	font-size: 21px;
	line-height: 23px;
	margin-bottom: 20px;
}

#also .col-xs-6 {
	padding-left: 0;
	padding-right: 25px;
}

#also .img {
	position: relative;
	display: block;
	width: 100%;
	max-width: 368px;
	margin-bottom: 11px;
}

#also .img img:first-of-type {
	display: block;
	width: 100%;
	height: auto;
	max-width: 368px;
}

#also .title {
	font-size: 18px;
	line-height: 21px;
}

/* --- book page --- */

#related-books {
	overflow: hidden;
}

#book-page #main, #book-page #sidebar {
	margin-top: 0;
}

#book-page #main .inner {
	width: 76%;
	float: right;
	padding-left: 30px;
	border-top: 1px dotted #6fa7bd;
	padding-top: 30px;
}

#book-page .dotted {
	margin-bottom: 25px;
	width: 49%;
	float: left;
}

#book-page .dotted.fullwidth {
	width: 100%;
}

#book-page #also {
	border-top: 1px dotted #6fa7bd;
	padding-top: 30px;
}

#book-panel {
	width: 24%;
	float: left;
	border-top: 1px dotted #6fa7bd;
	background-color: #d4e4eb;
}

#book-panel img {
	width: 100%;
	height: auto;
}

#book-panel .book {
	max-width: 188px;
	width: 100%;
	height: auto;
	display: block;
}

#book-panel .info {
	padding: 27px 15px;
	color: #333;
}

#book-panel .info a:link, #book-panel .info a:visited {
	color: #333;
	text-decoration: underline;
}

#book-panel .info h2 {
	font-size: 18px;
	margin-bottom: 13px;
}

#book-panel .info p.details, ul.retailers li {
	font-size: 11px;
}

#book-panel .details p {
	margin-bottom: 10px;
}

ul.retailers {
	margin: 0;
}

ul.retailers li {
	list-style: none;
	margin-bottom: 14px;
}


/* --- search results --- */

.col-sm-6.border {
	border-bottom: 1px dotted #6fa7bd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/* --- footer --- */
@media(max-width: 768px){
	#footer-signup {
		display: block;
	}
}

#footer-signup {
	display: none;
	padding: 16px;
    background-color: #6da7bc;
}

#footer-signup .gform_footer input[type=submit] {
	background-color: #bf1e2b;
	background-image: url(images/click-arrow.png);
	background-position: right 3px center;
    color: white;
    border: 0;
    padding: 6px 22px 7px 10px;
    background-repeat: no-repeat;
	margin-right: 0;
}

#footer-signup .gform_widget h3 {
	color: #fff;
}

#footer-signup .gform_widget .gform_description {
	color: #fff;
}

@media(max-width:745px){
	#footer-signup {
		display: block;
	}
}

footer#footer {
	background-color: #ba1f30;
	padding: 25px 30px 20px;
}

footer#footer .bottom {
	padding-top: 18px;
}

footer#footer a:link, footer#footer a:visited, footer#footer p {
	color: #fff;
	font-size: 11px;
	margin-bottom: 0;
}

#copyright {
	float: left;
}

#copyright p {
	padding-top: 2px;
	padding-right: 20px;
}

#footer-menu ul {
	margin: 0;
}

#footer-menu li {
	list-style: none;
	display: inline-block;
	margin: 0;
	line-height: 1em;
}

#footer-menu li:after {
	content: '|';
	color: #FCB8B8;
}

#footer-menu li:last-of-type:after {
	content: '';
}

#footer-menu li a:link, #footer-menu li a:visited {
	text-transform: uppercase;
	padding: 0 7px;
}

/* General styles for all menus */

#mobile-toggle {
	display: none;
}

#mobile-menu .socialmedia .sh-sb-link {
	width: 28px;
	height: 28px;
}

.cbp-spmenu {
  background: #C5DCE5;
  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: #C5DCE5 url('images/menu-icon.png') no-repeat right 4px center;
  color: #000;
  border: 0;
  background-size: 21px;
  padding: 5px 34px 4px 8px;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 250px;
  height: 100%;
  top: 0;
  z-index: 1000;
}

.admin-bar .cbp-spmenu-vertical {
	top: 32px;
}

.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: -250px;
}

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


/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

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

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 254px;
	}

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

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

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


/* ------------ RESPONSIVE MEDIA QUERIES ------- */

@media (max-width: 1024px) {
	#explore .issue .box:link, #explore .issue .box:visited {
		font-size: 16px;
		padding: 2%;
	}
	.box-title .title, .box-title h3 {
		font-size: 23px;
		line-height: 27px;
	}
	#related-books .books .book {
		width: 30%;
	}
	#article #main .inner {
		padding-left: 50px;
		padding-right: 50px;
	}
	#book-page .dotted {
	  margin-bottom: 25px;
	  width: 100%;
	  float: none;
	}
	.featured-box:not(.fullwidth){
		width: 100%;
		max-width: 263px;
		float: none;
	}
}

@media (max-width: 900px) {
	#explore .issue .box:link, #explore .issue .box:visited {
		font-size: 15px;
		padding: 1%;
	}
	#explore .issue .box .date {
		font-size: 10px;
	}
	.books .book p.title {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 6px;
	}
	#book-page #main .inner {
		width: 73%;
	}
	#book-panel {
		width: 27%;
	}
	#article #main .inner {
		padding-left: 0;
		padding-right: 0;
	}
	#featured .box-title > .left {
		width: 100%;
		padding: 10px 5px 5px;
	}
	#featured .title {
		text-align: center;
	}
	#featured-slider {
		width: 100%;
		padding-top: 5px;
	}
	#wrapper .flex-direction-nav a {
		top: 25px;
	}
}

/* iPad portrait */
@media (max-width: 769px) {
	.admin-bar .cbp-spmenu-vertical {
		top: 46px;
	}
	#featured-slider .slide .left {
	  width: 40%;
	  max-width: 240px;
	  margin-bottom: 10px;
	}
	#featured-slider .slide .right {
	  width: 60%;
	  padding-left: 15px;
	}
	#featured .box-title {
		padding-left: 0;
		padding-right: 0;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main {
		padding-right: 15px;
	}
	.sidebar {
		margin-top: 15px;
	}
	.sidebar .widget {
		margin-bottom: 15px;
	}
	#explore {
		max-width: 380px;
		margin: 0 auto;
	}
	.links li .right {
		float: left;
		width: 65%;
		margin-left: 10px;
	}
	#related-books .books .book {
		margin-right: 1.5%;
		margin-left: 1.5%;
	}
	#sidebar {
		padding-left: 15px;
	}
	#related-books .books .book {
		width: 22%;
	}
}

/* eg: Android Samsung galaxy landscape */
@media (max-width: 685px) {
	.hide-mobile {
		display: none;
	}
	#mobile-toggle {
		display: block;
		text-align: right;
		margin-bottom: 5px;
		text-align: center;
	}
	#main.new .col-xs-4 {
		width: 50%;
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 25px;
	}
	#main.new .col-xs-4.full-width {
		clear: both;
		width: 100%;
	}
	#main.new h4 {
		font-size: 15px;
		line-height: 18px;
	}
	#main.new .col-xs-4.full-width h4{
		text-align: center;
	}
	#main.new .col-xs-4.full-width .books {
		margin-bottom: 20px;
	}
	#main.new .col-xs-4.full-width .books .book,
	#main.new .col-xs-4.full-width .button {
		margin: 0 auto;
	}
	#featured .content {
		position: relative;
		min-height: auto;
	}
	#featured .box-title > .left {
		float: none;
		width: 100%;
	}
	#featured .title {
		text-align: center;
		margin-bottom: 0;
	}
	#featured-slider {
		width: 100%;
		float: none;
		padding: 9px 46px 15px;
	}
	#featured-slider .flex-control-nav {
		position: relative;
		bottom: -10px;
		text-align: center;
		left: 0;
	}
	#book-panel {
	  width: 100%;
	}
	#book-panel img {
	  float: left;
	  margin-right: 15px;
	}
	#book-panel .info {
	  padding: 16px 15px;
	}
	#book-panel .book-details,
	#book-panel .buy {
		width: 32%;
		float: left;
	}
	#book-panel .book-details {
		padding-right: 3%;
	}
	#book-page #main .inner {
	  width: 100%;
	  padding-left: 0;
	}
}
@media (max-width: 600px) {
	html #wpadminbar{top:-46px} /* wp admin bar fix, due to slide-push menu putting a relative position on the body element */
}

/* iphone 5 landscape */
@media (max-width: 568px) {
	#header-top {
		margin-bottom: 15px;
	}
	#masthead a.tagline {
		width: 240px;
	}
	#masthead h1 {
		font-size: 16px;
	}
	#related-books .books .book {
		width: 30%;
	}
	#footer .socialmedia {
		display: block;
	}
	#footer .socialmedia .sh-sb-link {
		display: block;
		float: right;
		margin-bottom: 10px;
	}
	#featured .content .main-heading,
	#featured .content .lead-story {
		width: 48%;
	}
	#featured .content .main-heading-post {
		width: 68%;
	}
	#featured .content .main-heading {
		margin-right: 4%;
	}
	#featured h1 {
		font-size: 34px;
	}
	#featured h2 {
		font-size: 25px;
		line-height: 28px;
	}
	#featured .content p {
		font-size: 16px;
		line-height: 18px;
	}
}

/* iPhone 3+4 landscape */
@media (max-width: 480px){
	.browse, .search-box {
		float: none;
		margin: 0 auto;
	}
	.browse {
		margin-bottom: 4px;
	}
	.search-box form {
		margin-right: 0;
	}
	.featured-box.fullwidth p {
		clear: both;
	}
}

@media (max-width: 465px) {
	#masthead {
		text-align: center;
	}
	#masthead a.tagline {
		height: 43px;
	}
	#masthead #logo img {
		float: none;
		margin-left: 15px;
	}
	#main.new .col-xs-4 {
		padding-left: 10px;
		padding-right: 10px;
	}
	#featured .content .main-heading {
		margin-bottom: 20px;
	}
	#featured .content .main-heading,
	#featured .content .lead-story {
		width: 100%;
		max-width: 100%;
		float: none;
	}
	#featured .content .top {
		height: auto;
	}
	#featured .content .top h1, #featured .content .top h2 {
		position: relative;
	}
	#featured-slider .slide .left {
		margin: 0 auto;
	}
	#featured-slider .slide .left,
	#featured-slider .slide .right {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	#related-books .books .book {
		width: 46%;
	}
	#featured .content .main-heading-post {
		width: 100%;
	}
}

/* eg: Android Samsung galaxy portrait */
@media (max-width: 380px) {
	#main.new .col-xs-4 {
		clear: both;
		width: 100%;
	}
	#main.new .col-xs-4 h4{
		text-align: center;
		font-size: 18px;
		line-height: 20px;
	}
	#main.new .col-xs-4 .books {
		margin-bottom: 20px;
	}
	#main.new .col-xs-4 .books .book,
	#main.new .col-xs-4 .button {
		margin: 0 auto;
	}
}

/* iPhone 3+4 portrait */
@media (max-width: 320px) {
	#related-books .books .book {
		width: 95%;
	}
}

/* small android portrait */
@media (max-width: 240px) {

}

/* --- print CSS --- */
@media print {
	.hide-mobile, #mobile-toggle, #sidebar, #sidebar-top, #footer, #share-this {
		display: none;
	}
	body {
		font-size: 14px;
		color: #000000;
		background-color: #FFFFFF;
	}
	#main {
		width: 100%;
		border-right: none;
	}
	p a:after {
		content: " (" attr(href) ")";
		font-size: 80%;
	}
	p a {
		word-wrap: break-word;
	}
	a {
		color: #000;
	}
}

div.navigation {
	margin: 30px auto 0;
	text-align: center;
}

div.navigation ul {
	margin-left: 0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #8CB9CA;
	border-radius: 0px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #BA1F30;
}

#header-top .relevanssi-live-search-results-showing {
    top: 28px!important;
    width: 226px!important;
}

#header-top .search-box {
	position: relative;
}

.relevanssi-live-search-results-showing {
	/* left: 0!important; */
	top: 35px!important;
}