/*!
Theme Name: Geoff Dyer
Theme URI: http://underscores.me/
Author: Jamie Archer
Author URI: http://jamiearcher.co.uk
Description: This theme is custom built for Geoff Dyer - an update of an earlier theme by Ben Martinaeux called the columnist
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: geoffdyer
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Geoff Dyer is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1em;
	line-height: 1.5;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

address {
	margin: 0 0 1.5em;
}

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

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-weight: lighter;
  line-height: 1.2em;
  color: #222222;
  clear: both;
}
h1 {
  font-size: 2.8em;
  letter-spacing: -1px;
  margin: 0;
}
h2 {
  font-size: 1.6em;
  margin: 10px 0;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
  font-size: 1.2em;
  font-weight: lighter;
	text-transform: uppercase;
}
h2,
h2 a,
h2 a:visited,
h3,
h3 a,
h3 a:visited {
  color: #222222;
}

p {
	font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  font-size: 1em;
	font-weight: 400;
  line-height: 1.6em;
  padding: 0;
  margin:0 0 0.8em;
  color: #333333;
}

b,
strong {
  font-weight: bold;
}
dfn,
i {
  font-style: italic;
}
address {
  margin: 0 0 10px;
}
pre,
code,
kbd,
tt,
var {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 0.75em;
  line-height: 1.2;
  overflow: auto;
}
abbr,
acronym {
  border-bottom: 1px dotted #666666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
big {
  font-size: 125%;
}
small {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 1.5em;
}
acronym,
abbr,
span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}
caption,
table {
  text-align: left;
}
acronym,
abbr,
span.caps {
  cursor: help;
}
acronym,
abbr {
  border-bottom: 1px dotted #999999;
}
blockquote {
  margin: 5px 0 10px 0;
  padding: 0;
	font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-style: italic;
}

blockquote q {
  margin: 5px 0 16px 0;
  padding: 0;
}

blockquote cite {
  color: #666666;
  margin: 10px 0 0;
  display: block;

  font-weight: normal;
}
cite:before,
blockquote cite:before {
  content: '— ';
}

cite{
	font-size: 0.8em;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	  color: #999999;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a
 {
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -ms-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  outline-style: none;
}
a:visited,
a:focus {
  opacity: 0.5;
}
a:focus,
a:active {
  color: #000000;
  text-decoration: none;
  outline: none;
}

a:hover,
h2 a:hover,
h3 a:hover{
	color: #2186c4;
}

a img,
p .button {
  border: 0;
}
a.button {
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  background: #222222;
  color: #eeeeee;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 10px;
}
a.button:focus,
a.button:hover {
  background: #000000;
  color: #ffffff;
}
.button.color-red {
  color: #ffffff;
  background: #E82020;
}
.button.color-red:hover {
  background: #222222;
}
.button.color-buy {
  color: #ffffff;
  background: #222222;
}
.button.color-buy:hover {
  background: #E82020;
}

.hentry a {
	font-weight: 400;
	color: #000;
}

.hentry a:hover,
.hentry a:visited {
	color: #2186c4;
}

.review-link {
	display:block
}

.interviewer p,
.interview-link p {margin:0;}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	position:fixed;
	clear: both;
	display: block;
	float: left;
	width:100%;
	min-width: 375px;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
	padding: 1em 1em 1em 1em;
	z-index: 9999;
	overflow: auto;
}

.menu-main-menu-container{
	margin-top:1em;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin:0 0;
	padding-left: 0;
}

.main-navigation .menu-item-has-children{
	margin-top: 1em;
}

.menu-item{

	padding:0.12em 0;
}

.main-navigation ul li,
.main-navigation ul ul li
{
	display:block;
	min-width: 100%;
	clear: both;
	height:auto;
}

.main-navigation ul ul {
	float: left;
	position: relative;
	top: 100%;
	left: 0;
	z-index: 99999;
	display:block;
	width:100%;
	padding: 10px 0;
	border-top: 1px solid white;

}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	font-weight: normal;
	width:100%;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	color:#666666;
	display: block;
	text-decoration: none;
}

.main-navigation a:focus{
	background-color:;
}

/* Small menu. */
.main-navigation.toggled{
	height:100%;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 95%);
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle {
	float:right;
}

.main-navigation.toggled ul ul{
	display:;
}

/*----
Footer Menu
-----*/


ul#menu-footer-links li {font-weight: 800}
ul#menu-footer-links ul.sub-menu li {font-weight: lighter; margin-left: 10px;}

/*----
Widget Menu
-----*/



@media screen and (min-width: 37.5em) {

}

@media screen and (min-width: 48em) {

}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em 1em;
	overflow: hidden;
	min-width: 100%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
}


.paged-2 .posts-navigation .nav-previous{
	display:;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;


}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

img.centered {
  margin: 5px auto;
  display: block;
}
img.alignright {
  margin: 5px 0;
  margin-left: 16px;
  display: inline;
}
img.alignleft {
  margin: 5px 0;
  margin-right: 16px;
  display: inline;
}
.hidden {
  display: none;
}
.screen-reader-text {
  position: absolute;
  left: -1000em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

/* HR Styles */
.sticky:before,
.sticky:after,
.site-main:after,
.site-footer:before{
	content: "";
	display:block;
	background-image: url(images/divider-lines.svg);
	background-repeat: no-repeat;
	background-color: ;
	width: 100%;
  height: 20px;
	margin: 1em 0;
}


.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
aside#secondary {
	background: #ffffff;
	padding:4px 0.6em;
}

@media screen and (min-width: 48em) {
	aside#secondary {
		padding:0 2em;
		margin: 0 0.8em;
		width:97%;
		display: flex;
		flex-direction: row;
		flex-wrap: no-wrap;
		justify-content:space-between;
	}

	aside#secondary section {
		flex-grow: 1;
		max-width:30%;

	}

	aside#secondary .widget_search form {
		width: 160px;
	}
}

.widget {
	margin: 2em 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}



aside#secondary h2{
	font-size: 0.8em;
}

aside#secondary a{
	font-weight: lighter;
	font-size: 0.8em;

}


/*--------------------------------------------------------------
# Structure - JCustom
--------------------------------------------------------------*/

.mobile-title {
	display: inline-block;
	float:left;
}

a.mobile-title  {
	font-weight: lighter ;
}

.site-header{
	max-width: 100%;
	padding: 58px 0 1em 0;
	}

.site-branding{
	width:90%;
	margin: 0 auto;
}

.site-branding .logo img,
.site-branding .post-thumbnail img{
	-webkit-box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
}

.logo{
	text-align: center;
	margin: 0 auto;
}
.custom-logo-link{
	text-align: center;
}

.site-title {
	display:none;
	margin-top:18px;
}

.bio,
.blurb{
	margin: 1em 0;
	font-size: 1em;
	padding:0;
}

.ghost-button-large{
	display:inline-block;
	text-align: center;
	margin:1em 0;
	border:2px solid #ff9a9e;
	border-radius: 4px;
	padding:4px 8px;
	transition: background-color 0.5s ease;
	transition: color 0.5s ease;
}

.ghost-button-large:hover{
	background: #ff9a9e;
	color: white;
}

.g-interview-link a, .g-interviewer a{
	font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-weight: normal;
}

.book-item img{
	padding: 0 0em;
	-webkit-box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
}

p.entry-title{
	font-size: 1.4em;
	padding:0.4em;
}

.full-divider{
	margin:5px 0;
}

.sticky-meta,
.sticky-excerpt{
	font-size: 1em;
	margin:1em 0;
	clear: both;
	text-align: center;
}

.sticky-meta{
	display: block;
	font-size: 0.8em;
}

article.sticky .post-thumbnail,
article.sticky .sticky-landscape{
	margin-bottom: 1em;
	-webkit-box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 31px -10px rgba(0,0,0,0.75);

}

.grid-listing .cover{
	margin: 0.8em 0 1.2em;
}

.grid-listing .book-item{
 display: flex;
 flex-direction: column-reverse;
 padding: 0 0;
}

.page .hentry,
.single .hentry {
	margin: 1em 0 1.5em;
	width: 100%;
}



.home .posts-navigation,
.single .post-navigation{
	display: block;
	width: 100%;
	clear:both;
	padding:1em 0;
	margin:1em 0;
}

footer.entry-footer{
}

footer#colophon{
	width: 100%;
	padding: 1em;
}

.site-info{
	margin:1em 0;
	font-size: 0.8em;
}



#content{
	/*background:linear-gradient(44deg, #a8edea, #fed6e3);
	background-color: #DCD9D4;
 	background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
 	background-blend-mode: soft-light,screen;*/
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}

aside#secondary{
	margin-bottom:1em
}


@media (min-width: 20em){ /* 320px and above - Large Phone to Phablet  */

	#primary-menu {
		display:none;
	}


}

@media (min-width: 37.5em){ /* 600px and above - Large Phone to Phablet  */

	.column-left{

	}

	.site-header{
		max-width: 100%;
		/*padding: 58px 0 1em 1.4em;*/
		}

	.site-branding{
		display: flex;
		flex-direction: row;
	}

	.site-branding .post-thumbnail,
	.site-branding .logo{
		min-width:280px;
		max-width:280px;
	}

	.blurb,
	.bio{
		margin: 1em 1em;
		text-align: left;
	}

	.site-description{

	}

	.archive-description{
		margin-top:1.8em;
	}

	.blurb {

	}

	.column-right{

	}

	.home #main{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.grid-listing{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 0;
		justify-content:space-between;
	}

	.grid-listing article {
		min-width:33%;
		max-width:48%;
		min-height: 300px;
		max-height: ;

	}
	/*
	 * Cover behaviour on the mobile and tablet
	 */


	 .book-item {
		 position:relative;
		 margin:1em 0;
	 }

	 .book-item .cover{
		 position: relative;
		 opacity:1;
		 padding:0 0.8em;
		 margin-top: 0;
	 }
	.book-item .cover img{
		margin: 1em 0;
	}

	 .cover h2 a,
	 .cover p{
		 color: ;
		 font-size: 0.8em;
		 font-weight: lighter;
	 }

	 a.cover-link{
		 position: absolute;
		 display: block;
		 top: 0;
		 bottom: 0;
		 left: 0;
		 right: 0;
		 text-indent: -9999px;
		 z-index: 1000;
	 }

}

@media (min-width: 48em){ /*768px and above i.e. above tablet size*/

	.column-left{
	-webkit-flex: 0 0 25%;
	-moz-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	-webkit-box-flex: 0;
	flex: 0 0 25%;
	}

	.column-right{
	-webkit-flex: 0 0 75%;
	-moz-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	-webkit-box-flex: 0;
	flex: 0 0 75%;
	}

}


@media (min-width: 64em){ /* 1024px and above i.e. All larger screen sizes*/

	#canvas {
		/*display:grid;
		grid-template-columns: 1fr 4fr;
		grid-column-gap: 1px;*/
		display: flex;
		flex-direction: row;
	}

	.column-left {
		background: #ffffff;
		max-width: 360px;
	}

	.site-header{
		padding: 0px;
		}
	.page-title,
	.site-title{
		font-size: 2.3em;
		padding:10px 0px;
		display: block;
	}

	.site-title a {
		font-weight: lighter;
	}


	.site-branding{
			flex-direction: column;
	}

	.site-branding .post-thumbnail,
	.site-branding .logo{
		min-width:280px;
		max-width:100%;
	}

	.blurb,
	.bio{
		margin: 1em 0;
		text-align: left;
	}

	.column-right {
		width: 100%;
		max-width: 1600px;
		position: relative;
		background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
		padding:0;
	}

	.sticky-excerpt{
		display: inline-block;
		margin:1em 10px 1em 0;
	}

	/* Primary menu large screens */

	.main-navigation,
	.menu-toggle,
	.main-navigation.toggled ul {
		display:none; /* HIDE MOBILE MENU */
	}

	#primary-menu {
	    z-index: 2000;
			top: 1em;
			margin-left: 1.4em;
			position:absolute;
			width:100%;
			display:flex;
			flex-direction: row;
			justify-content: flex-start;
	}

	#primary-menu h2.widget-title {
		margin: 0 0 0 0;
		padding: 0.5em 0;
		font-size: 0.8em;
		border-top: 1px solid #222222;
		transition: 0.15s padding ease-out;
		font-weight: bold;
	}

	#nav_menu-3:hover h2.widget-title{
		background: #ffffff;
		padding: 0.5em 0.8em;
		background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.4) );
	}

	#nav_menu-4:hover h2.widget-title{
		background: #ffffff;
		padding: 0.5em 0.8em;
		background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.4) );
	}

	#nav_menu-5:hover h2.widget-title{
		background: #ffffff;
		padding: 0.5em 0.8em;
		background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.4) );
	}

	#search-3:hover h2.widget-title{
		background: #ffffff;
		padding: 0.5em 0.8em;
		background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.4) );
	}

	.widget_nav_menu ul ,
	.header-menu .widget_search form  {
		margin: 0 0;
		padding: 0 0;
		list-style: none;
	}

	.widget_nav_menu a,
	.header-menu .widget_search form{
		width:200px;
		padding:0px 0;
		font-size: 0.8em;
		font-weight: 400;
	}

	nav.widget_nav_menu,
	nav.widget_search{
		flex-grow: 1;
		max-width:200px;
		position:relative;
		margin:0 1em;
	}

	.menu-work-container,
	.menu-about-container,
	.menu-contact-container,
	.header-menu .widget_search form  {
		display: none;
		margin: 0px 0px 0px 0px;
		padding-left: 0;
		position:absolute;
		z-index: 1;
		padding:0.8em;
	}


		nav.widget_nav_menu:hover div,
		nav.widget_search:hover form{
		display: block;
		background: rgba(245,247,250,0.8);
		background: linear-gradient(135deg, rgba(245,247,250,1), rgba(195,207,226,0.9) );
		-webkit-box-shadow: 0px 15px 48px -21px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 15px 48px -21px rgba(0,0,0,0.75);
		box-shadow: 0px 15px 48px -21px rgba(0,0,0,0.75);
		width:100%;
	}

		#primary-menu input[type="search"].search-field,
		#primary-menu input[type="submit"].search-submit {
			width:100%
	 }

	 #primary-menu input[type="submit"].search-submit{
		 	margin: 1em 0;
	 }

	/* Sticky forthcoming books for large screens */
		article.sticky {
		margin: 1em 0;
		padding: 1em oem;
		/* background: -webkit-linear-gradient(37deg, rgb(255, 92, 142), rgb(235, 221, 134));
		 background: linear-gradient(37deg, rgb(255, 92, 142), rgb(235, 221, 134)); */
	}

		article.sticky .post-thumbnail,
		article.sticky .title-blurb {
		float: left;
		display:inline-block;
		width:33%;
		margin-right: 1em
	}

	article.sticky .title-blurb {width:62%;}
	article.sticky .entry-header {
		font-size: 2em;
	}

	article.sticky .preview-title{
		font-size: 1.8em;
		text-transform: ;
	}

	.sticky-excerpt,
	.sticky-meta {
		text-align: left;
		max-width: 735px;
	}

	.sticky-meta {
		margin:0em 0.8em 0 0;
		font-size: 1em;
	}

	/* Main content grid large screens */

	#content{
		-webkit-box-shadow: inset 10px 0px 13px -6px rgba(204,204,204,1);
		-moz-box-shadow: inset 10px 0px 13px -6px rgba(204,204,204,1);
		box-shadow: inset 10px 0px 8px -6px rgba(204,204,204,1);
		border-right: 2px dotted white;
	}

	#primary{
		padding: 4em 1em 0;
		width:100%;
	}

	#main{

	}

	.grid-listing article {
		min-width:30%;
		max-width:32%;
		min-height: 300px;
		max-height: ;

	}

	.book-item {
		position:relative;
	}

	.book-item .cover{
		position: absolute;
		opacity:0;
		padding:0.8em;
	}
	.cover h2 a,
	.cover p{
		color: #fefefe;
		font-size: 0.8em;
		font-weight: lighter;
	}

	a.cover-link{
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-indent: -9999px;
		z-index: 1000;
	}
	.cover-link:hover + div {
		display:block;
		z-index: 2;
		min-height:100%;
		min-width: 100%;
		-webkit-transition-duration: 0.6s;
		transition-duration: 0.6s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		opacity: 1;
		background: linear-gradient(44deg, #09203f, #537895);
		background-size: 200% 200%;

		-webkit-animation: AnimationName 25s ease infinite;
		-moz-animation: AnimationName 25s ease infinite;
		animation: AnimationName 25s ease infinite;
	}

		@-webkit-keyframes AnimationName {
				0%{background-position:92% 0%}
				50%{background-position:9% 100%}
				100%{background-position:92% 0%}
		}
		@-moz-keyframes AnimationName {
				0%{background-position:92% 0%}
				50%{background-position:9% 100%}
				100%{background-position:92% 0%}
		}
		@keyframes AnimationName {
				0%{background-position:92% 0%}
				50%{background-position:9% 100%}
				100%{background-position:92% 0%}
		}

		.page .hentry,
		.single .hentry,
		.page .press-page-template:first-child {
			margin: 8em 0 1.5em;
			width: 80%;
		}

		.page .press-page-template {
			margin: 2em 0 1.5em;
		}


		footer#colophon{
			-webkit-box-shadow: inset 10px 0px 13px -6px rgba(204,204,204,1);
			-moz-box-shadow: inset 10px 0px 13px -6px rgba(204,204,204,1);
			box-shadow: inset 10px 0px 8px -6px rgba(204,204,204,1);
			border-right: 2px dotted white;
		}

}

@media (min-width: 75em){ /* 1200px and above i.e. Stupid shit happens at large screen sizes*/

	.site-title{
		font-size: 2.6em;
	}
}

@media (min-width: 80em){ /* 1280px and above i.e. Stupid shit happens at large screen sizes*/

	.site-title{
		font-size: 2.8em;
	}


	.column-right{
		padding:0 6em 0 0;
	}

}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content{
	padding:0 1em;
}

.site-main{
	padding:16px 16px 0 16x;
	display:;
}



.sticky


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0.8em 0 0;
}

.single .entry-content p {
	 margin: 1.6em 0;
	 width:auto;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/**
Post footer
**/

.entry-footer{
	font-size: 0.8em;
}

.cat-links {
	margin-right:1em;
}

.edit-link {

}

.single .post-navigation{

}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width:100%;
}

.gallery-item {

	text-align: center;
	vertical-align: top;
	width: 100%;
	flex-grow:1;
	justify-content: space-around;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 100%;
	margin:1em 0;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

@media (min-width: 37.5em){ /* 600px and above i.e. */
	.gallery {
		flex-direction: row;
		justify-content: flex-start;
	}

	.gallery-columns-3 .gallery-item {
		width: 50%;
		margin:1em 0;
	}
}

@media (min-width: 64em){ /* 1200px and above i.e. Stupid shit happens at large screen sizes*/

	.gallery {
		flex-direction: row;
	}

	.gallery-columns-3 .gallery-item {
		min-width: 31%;
		max-width: 31%;
		margin:1em 0.4em;
	}

}

/**
* Events Plugin Style Edits
**/

h2.tribe-events-page-title{text-align: left;}
#tribe-events-header {display:none;}
.single-tribe_events #tribe-events-header {display:none;}
.single-tribe_events .hentry{margin-top:2em}
.single-tribe_events .tribe-events-single-event-title{
		font-size: 2.8em;
    letter-spacing: -1px;
    margin: 0;
		ont-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight: lighter;
    line-height: 1.2em;
    color: #222222;
    clear: both;
	}



/** Events Widget **/

aside#secondary h2 {font-weight: bold;}

ol.tribe-list-widget{
	margin: 0;
	padding: 0;

}

.tribe-events-list-widget .tribe-events-list-widget-events{
	padding:0 0.8em 0.8em 0 ;
	background: none;

}

.tribe-events-list-widget .tribe-event-featured .tribe-event-duration,
.tribe-events-list-widget .tribe-event-featured .tribe-event-title a  {
		color:#000;
}
.tribe-events-list-widget .tribe-event-featured .tribe-event-title {margin-top:0;}
.tribe-events-list-widget .tribe-event-featured .tribe-event-duration {font-weight: bold; font-size: 0.8em; font-style: italic;}

h2.tribe-events-page-title{font-weight: lighter;}

.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
    max-width: 735px;
    margin: 0 0;

.tribe-events-widget-link {display: none;}
.tribe-events-list-widget .tribe-event-featured .tribe-event-image{max-width: 96%; margin:0.4em auto;}