/*
	Theme Name: Wednesday Books
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:100%;
	background-color: #fff;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
}
body {
	font:300 14px/1.4 'Nunito', sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
html {
	background-image: url(img/wedbook-tilebg.svg);
	background-repeat: repeat;
	background-size: 12%;

}



/* wrapper */
.wrapper {
	max-width:1280px;
	width:100%;
	margin:0 auto;
	position:relative;
	-webkit-box-shadow: 0 0 16px #333;
	        box-shadow: 0 0 16px #333;
}
/* header */
.header {
	background-color: #e6e6e6;
	width: 100%;
	max-width: 1280px;
	padding: 24px 0 0 0;
}
/* logo */
.logo {
	margin: 0 auto;
	text-align: center;
	padding: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}
.logo-img {

}
.logo > div {
	margin: 0;
}
.bigW {
	max-width: 70%;
	margin: 0 0 24px 0;
}
/*SVG*/
#bigW {
	margin: 0 0 24px 0;
}
.bigw-red {
  fill: #f23300;
}

.bigw-white {
  fill: #fff;
}
header h3 {
	color: #595959;
	text-align: center;
	padding: 16px 0;
	font-size: 1.4em;
	font-weight: 400;
	margin: 0 0 0 0;
	font-style: italic;
}
/* nav */
.nav {
	background-color: #f23300;
	color: #fff;
	padding: 0 0;
	font-size: 1.44em;
	margin: 0;
}
.nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0;
	padding: 0;
	/*height: 0;*/



}
.nav ul li {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 8px 12px;
    text-align: center;
	
}
.nav ul li a {
	color: #fff;
	font-weight: 700;
	/*padding: 4px 12px;*/
	-webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.nav ul li a:hover {
	color: #ccc;
}
.menu-btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    right: 0%;
    left: 0%;
    top: 0px;
    width: 100%;
    cursor: pointer; 
    text-align: center;
    /*border: 1px solid #333;*/
    padding: 8px 0px;
    /*border-radius: 3px;*/
    z-index: 999;
    color: #fff;
    font-weight: 400;
    font-size: 1.75em;
    background-color: #6e6e6e;
}

.undernav {
		display:none;
	}

/*.active {
	font-size: 4.0em;
	background-color: #f23300;
	padding: 4px 12px;
}*/
.current-menu-item {
	/*font-size: 4.0em;*/
	background-color: #878787;
	color: #333;
	/*padding: 4px 12px;*/
}
main {
	background-color: #fff;
	padding: 12px 0 0 0;
}
/* sidebar */
.sidebar {
	background-color: #fff;

}
/* footer */
.footer {

}
.container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.copyright a {
	color: #f23300;
}
.copyright a:hover {
	color: #FF9100;
}
.copyright a:visited {
	color: #FF7B5F;
}

.gallery {
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 24px 0 0 0;
}
.gallery img {
	border: 1px solid #666;
	height: auto;
	width: auto;
	max-width: 100%;
}
.gallery h4 {
	text-align: center;
	font-size: 1.4em;
}
.social {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #d4d4d4;
}

.instagram {
	width: 100%;
	padding:12px 0;
	margin: 0;
	float: left;
	background-color: #ccc;
	text-align: center;
}
.owl-carousel .owl-nav [class*=owl-] {
	background-color: #666;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*Hero Section*/

.hero {
	padding: 12px 6px;
	overflow: hidden;


}
.hero-cover, .book-cover {
	width: 40%;
	float: left;
	position: relative;
}
.hero-cover img {
	border: 1px solid #666;
	height: auto;
	width: auto;
	max-width: 100%;
}
.hero h1, .book h1 {
	margin:0 0 12px 0;
	font-size: 1.82em;
}
.hero h2, .book h2 {
	margin:0 0 12px 0;
	font-size: 1.6em;
}
.hero h3, .book h3 {
	margin:0 0 24px 0;
}
.hero p, .book p {
	font-size: 1.25em;
	margin: 12px 0 24px 0;
}
.hero h4, .book h4 {
	text-align: center;
	width: 100%;
	margin: 0 0 8px 0;
	float: left;
	font-size: 1.5em;
}

.hero-info, .book-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0 12px;
	width: 55%;
}
.hero h3, .book h3 {
	margin: 4px 0 12px 0;
	color: #f23300;
	font-size: 1.75em;
}
.hero-copy {
	width: 100%;
	float: left;
}
.hero-links {
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	        -webkit-box-pack: center;
	        -webkit-justify-content: center;
	            -ms-flex-pack: center;
	                justify-content: center;
}

.hero-links a{
	background-color: #f23300;
	color:#fff;
	padding: 12px;
	text-decoration: none;
	margin: 0 12px 12px 0;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	font-size: 1.05em;
	border-radius: 4px;
	font-weight: 700;
}
.hero-links a:hover {
	background-color: #444;
}

.widget_search {
	margin: 0;
}
#search-3 {
	margin: 0;
	padding: 0 15px 15px 15px;
}
.book {
	margin: 24px 0 0 0;
	padding: 12px;
}

.book-cover img {
	height: auto;
	width: auto;
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	            -ms-grid-row-align: center;
	        align-self: center;
	border: 1px solid #666;
}
.book-copy {
	width:100%;
	float: left;
}
.book-links {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	/*border:1px solid #c00453;*/
}
.buylinks {
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.buylinks a{
	background-color: #f23300;
	color:#fff;
	padding: 12px 24px;
	text-decoration: none;
	margin: 0 12px 12px 0;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	font-size: 1.05em;
	border-radius: 4px;
	font-weight: 700;
}
.buylinks a:hover {
	background-color: #444;
}
.gr-button a{
	background-color: #444;
	color:#fff;
	padding: 8px 14px;
	text-decoration: none;
	margin: 0 12px 12px 0;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	font-size: 1.0em;
	border-radius: 4px;
	font-weight: 700;
}
.gr-button a:hover {
	background-color: #f23300;
}

.facebook-stream {
	margin: 0 auto;
	max-width: 300px;
	border-radius: 8px;
	border: 4px solid #fff;
	background-color: #fff;
}
.search {
	max-width: 300px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

input[type="search"] {
	padding: 9px;
	border: 1px solid #ccc;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.search button {
	font-size: 1.14em;
	padding: 8px 24px;
	background-color: #ccc;
	border: 0;
	margin: 0 0 0 12px;
	border-radius: 4px;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.search button:hover {
	background-color: #f23300;
}
.search {
	margin: 8px auto;
}
.sidebar {
	/*background-color: #444;*/
	padding: 24px 0;
}
.sidebar-widget h3 {
	text-align: center;
	color: #fff;
}

/*Archive Section*/

.archive-title {
	width: 100%;
	text-align: center;
	font-size: 2.75em;
}

.book-archive {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 24px 0;
	-webkit-flex-basis: 50%;
	    -ms-flex-preferred-size: 50%;
	        flex-basis: 50%;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 12px;
}
.book-archive h1 {
	font-size: 1.74em;
	margin: 0 0 12px 0;
}
.book-archive h2 {
	font-size: 1.34em;
	margin: 0 0 12px 0;
}

.archive-info {
	margin: 0 0 0 12px;
	-webkit-flex-basis: 65%;
	    -ms-flex-preferred-size: 65%;
	        flex-basis: 65%;
}

.the-archive {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}



.archive-cover {
	-webkit-flex-basis: 35%;
	    -ms-flex-preferred-size: 35%;
	        flex-basis: 35%;
}
.archive-info h1 {
	margin: 0 0 6px 0;
	font-size: 1.65em;
}
.archive-info h2 {
	margin: 0 0 6px 0;
	font-size: 1.45em;
}
.archive-info h3 {
	margin: 0 0 6px 0;
	font-size: 1.45em;
	color: #f23300;
}

.archive-cover img {
	border: 1px solid #444;
	height: auto;
	width: auto;
	max-width: 100%;
}
.excerpt {

	margin: 18px auto;

	
}
#excerpt {
	position: absolute;
	bottom: -26px;
	left: 0;
	right: 0;
	margin: auto;
}
#excerpt:hover #yellowCircle circle {
	fill: #ccc;
}
#excerpt:hover #arrow path {
	fill: #666;
}

.excerpt a{
/*	color:#fff;
	display: block;*/
	position: absolute;
	bottom: -48px;
	left: 0;
	right: 0;
	margin: auto;
	/*text-decoration: none;
	border-radius: 4px;
	text-align: center;*/
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	font-size: 1.15em;
}
.excerpt a:hover {
	background-color: #ccc;
	color: #333;
}
.excerpt-circle {
  fill: #ffdc00;
}

.excerpt-book {
  fill: #030303;
}

.excerpt-arrow {
  fill: #e72522;
}

.gr-button {
	width: 100%;
	float: left;
}

/*------------------------------------*\
STEALS AND DEALS
\*------------------------------------*/
.steals-deals {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.deal-cover {
	/*border: 1px solid #2CC330;*/
	padding: 0 24px;

	-webkit-flex-basis: 50%;

	    -ms-flex-preferred-size: 50%;

	        flex-basis: 50%;

}
.deal-cover img {
	height: auto;
	width: auto;
	max-width: 100%;
}
.deals-headline {
	font-size: 2.0em;
	text-align: center;
	margin: 0 0 24px 0;
}
.deals-archive {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* BUZZFEED */
.buzzfeedheader {
	margin: 0 0 2em 0;
}
.buzzfeed-book {
	display: flex;
	flex-wrap: wrap;
	flex-basis: 50%;
	margin: 0 0 2em 0;
	padding: 12px;

}
.buzzfeed-book .archive-info {
	flex-basis: 60%;
}
.buzzfeed-links {
	flex-basis: 100%;
}
.buzzfeed-links .buylinks a {
	padding: 8px 8px;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/
footer {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 30px 0;
}

/*==================================Sign Up Form===============================*/
#signup {
    width: 100%;
    max-width: 300px;
    margin: 36px auto;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #ccc;
    background-color: #2f2f2f;
    /*padding: 0 0 24px 0;*/
}
#signup h1 {
    font-size: 1.35em;
    margin: 12px 0 6px 0;
	color: #f23300;

}
#signup h2 {
    font-size: 1.0em;
    margin: 0 0 12px 0;
}
#signup label {
    /*display: block;*/
}
#signup p {
	margin: 0;
}
#signup sub {
    display: block;
    width: 100%;
}
input[type="text"] {
    padding: 9px;
    width: 96%;
    font-size: 1.24em;
}
/*input[type="submit"] {
    display: block;
    padding: 10px 24px;
    background-color: #C3C3C3;
    font-size: 1.24em;
    border: 0;
    margin: 24px auto 24px;
    border-radius: 4px;
    -webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}*/
input[type="submit"]:hover {
	background-color: #f23300;
}
 .txtEmail {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
 } 
 
div.dob {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    text-align: center;
    margin: 14px 0 4px 8px !important;
    /*font-size: 1.24em;*/
    font-style: italic;
    color: #ccc;
 } 

.form-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.form-items > div {
	/*margin: 0 0 8px 0;*/
}

.thanks {
	width: 100%;
	text-align: center;
	font-size: 2.5em;
	color: #f23300;
	padding: 1em 0;
	background-color: #fff;
	font-weight: 800;
}

/*===============================End Sign Up Form===============================*/
/*GDPR*/
#myForm{
    width:100%;
    max-width:320px;
    margin:12px auto;
    background-color:#2f2f2f;
    color: #fff;
    padding:12px;
    font-size:1.0em;
    border: 1px solid #f23300;
    font-family: 'Nunito', sans-serif;
    overflow:hidden;
    display:flex;
    flex-direction:column
}
#myForm h1{
    font-size:1.24em;
    margin:0 0 12px 0;
    text-align:center;
    color: #f23300;
}
#myForm label{
    font-size:.78em;
    width:96px;
    display:block;
    padding:7px 0 4px 0;
    width: 100%;
}
#myForm sub{
    display:block;
    font-size:.78em;
    color:#f23300;
    margin:6px 0
}
#macsite select {
	height: 33px;
	font-size: .85em;
	margin: 0 24px 0 0;
	font:300 14px/1.4 'Nunito', sans-serif;
	border: 1px solid #a3a3a3;
	-webkit-appearance: menulist;
}

#macsite input[type="email"]{
    background-color:#efefef;
    color:#333;
    border:1px solid #b9b9b9;
    margin:0 0 8px 0;
    padding:9px 6px;
    font-size:1.0em;
    display:inline-block;
    border-radius:0px;
    width: 95%;
}
#macsite input[type="text"]{
    background-color:#efefef;
    color:#333;
    border:1px solid #b9b9b9;
    margin:0 0 8px 0;
    padding:9px 6px;
    font-size:1.0em;
    display:inline-block;
    border-radius:0px;
    width: 85%;
}
#macsite input[type="text"][name="txtEmail"]{
    margin:0 0 16px 0
}
#macsite input[type="submit"]{
    background-color:#f23300;
    color:#fff;
    font-size:1.5em;
    margin:12px 0 0 0;
    padding:8px 24px;
    border:0;
    border-radius: 6px;
    display:block;
    width:98%;
    cursor:pointer;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}
#macsite input[type="submit"]:hover{
    background-color:#666;
    color:#fff
}
.age{
    display:flex
}
.two-fields {
	display: flex;
	flex-wrap: nowrap;
}
#macsite .priv-pol a {
	color: #f23300;
	text-align: center;
}

/*GDPR*/
#Newsletter{
    width:100%;
    margin:12px auto;
    background-color:#fff;
    color: #333;
    padding:12px;
    font-size:1.0em;
    border: 1px solid #f23300;
    font-family: 'Nunito', sans-serif;
    overflow:hidden;
    display:flex;
    flex-direction:row;
    justify-content: center;
	flex-wrap: wrap;
}
#Newsletter form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
#Newsletter h1{
    font-size:2.24em;
    margin:0 0 12px 0;
    text-align:center;
    color: #f23300;
}
#Newsletter h2{
    font-size: 1.6em;
    margin:24px auto;
    text-align:center;
	max-width: 900px;
}
#Newsletter label{
    font-size:.78em;
    width:96px;
    display:block;
    padding:7px 0 4px 0;
    width: 100%;
}
#Newsletter sub{
    display:block;
    font-size:.78em;
    color:#f23300;
    margin:6px 0
}
#macsite select {
	height: 33px;
	font-size: .85em;
	margin: 0 24px 0 0;
	font:300 14px/1.4 'Nunito', sans-serif;
	border: 1px solid #a3a3a3;
	-webkit-appearance: menulist;
}

#macsite input[type="email"]{
    background-color:#efefef;
    color:#333;
    border:1px solid #b9b9b9;
    margin:0 0 8px 0;
    padding:9px 6px;
    font-size:1.0em;
    display:inline-block;
    border-radius:0px;
    width: 95%;
}
#macsite input[type="text"]{
    background-color:#efefef;
    color:#333;
    border:1px solid #b9b9b9;
    margin:0 0 8px 0;
    padding:9px 6px;
    font-size:1.0em;
    display:inline-block;
    border-radius:0px;
    width: 85%;
}
#macsite input[type="text"][name="txtEmail"]{
    margin:0 0 16px 0
}
#Newsletter #macsite input[type="submit"]{
    background-color:#f23300;
    color:#fff;
    font-size:1.5em;
    margin:12px auto;
    padding:8px 24px;
    border:0;
    border-radius: 6px;
    display:block;
    width:45%;
    cursor:pointer;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}
#macsite input[type="submit"]:hover{
    background-color:#666;
    color:#fff
}
.age{
    display:flex
}
#Newsletter .two-fields {
	display: flex;
	flex-wrap: nowrap;
    margin: 0 24px;
}
#macsite .priv-pol a {
	color: #f23300;
	text-align: center;
}
#Newsletter #US {
    flex-basis: 100%;
    text-align: center;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
	header h3 {
		font-size: 1.24em;
	}

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	header h3 {
		font-size: 1.44em;
	}
	.logo {
		margin: 0 auto;
	}
	.logo > div {
		margin: 42px 0 0 0;
	}
	.nav {
		margin: 0 0 0 0;
	}
	.nav ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.logo {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;

	}
	.bigW {
		margin:0;
		max-width:75%;
	}
	main {
		-webkit-flex-basis: 65%;
		    -ms-flex-preferred-size: 65%;
		        flex-basis: 65%;
		/*float: left;*/
		padding: 24px;
	}
	.hero {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.hero img {
		margin: 0 0 0 0;

	}
	.hero h1 {
		font-size: 2.0em;
	}
	.hero h2 {
		font-size: 1.74em;
	}
	.hero-cover {
		margin: 0 24px 0 0;
	}
	.hero-info, .book-info, .hero-copy, .hero-links, .book-copy {
		width: 56%;
		float: left;
		padding: 0;
	}
	.hero p, .book p {
		font-size: 1.35em;
		margin: 12px 0 24px 0;
	}
	.hero h4, .book h4 {
		margin: 24px 0 12px 0;
	}

	.book {
		margin: 0 0 0 0;
	}
	.book-links {
		margin: 8px 0 0 0;
	}

	.book-cover {
		margin: 0 24px 0 0;
	}
	.hero-links {
		width: 100%;
	}
	.excerpt {
		width: 58%;
	}
	.sidebar {
		-webkit-flex-basis: 35%;
		    -ms-flex-preferred-size: 35%;
		        flex-basis: 35%;
		/*float: left;*/
	}

	/*Archive*/
	.the-archive {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.instagram {
		margin: 24px 0 0 0;
	}

	.thanks {
		width: 100%;
		text-align: center;
		font-size: 4.5em;
		color: #f23300;
		padding: 2em 0;
		background-color: #fff;
		font-weight: 800;
	}

	/*DEALS*/

	.deal-cover {
		-webkit-flex-basis: 25%;
		    -ms-flex-preferred-size: 25%;
		        flex-basis: 25%;
	}

}
@media only screen and (min-width:1024px) {
	header h3 {
		font-size: 1.54em;
	}
	.logo {
		margin: 0 auto 24px;
	}
	.container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.menu-btn {
		display: none;
	}
	.nav ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
	}
	.nav ul li {
		padding: 8px 2.0%;
	}
	.nav ul li a {
		font-size: .90em;
	}
	#bigW {
		margin: 0 24px 0 0;
	}
	main {
		/*flex-basis: 75%;*/
		overflow: hidden;
	}
	.hero-cover, .book-cover {
		width: 33%;
		float: left;
	}
	.hero {
		padding: 12px 6px;
		display: block;
	}
	.hero h1, .book h1 {
		font-size: 2.0em;
		margin-bottom: 4px;
	}
	.hero h2, .book h2 {
		font-size: 1.75em;
		margin-bottom: 4px;
	}
	.hero h3, .book h3 {
		font-size: 1.65em;
		margin-bottom: 4px;
	}
	.hero h4, .book h4 {
		font-size: 1.25em;
		float:left;
		width: 100%;
		margin: 8px 0 8px 0;
		text-align: left;
	}
	.hero-cover img, .book-cover img {
		height: auto;
		width: auto;
		max-width: 100%;
		float: left;
		margin: 0 24px 0 0;
		/*align-self: center;*/
	}
	.hero-info, .book-info, .hero-copy {
		width: 62%;
		float: left;
		padding: 0;
	}
	.hero-links {
		width: 100%;
		-webkit-box-pack: left;
		-webkit-justify-content: left;
		-ms-flex-pack: left;
		justify-content: left;
	}
	.hero-links a {
		min-width: 128px;
		text-align: center;
		font-size: 1.15em;
	}
	.hero p, .book p {
		font-size: 1.25em;
	}
	.gallery {
		/*max-width: 580px;*/
		position: relative;
	}
	.undernav {
		display:block;
	}
	.sidebar {
		/*flex-basis: 25%;*/
	}
	
}
@media only screen and (min-width:1140px) {
	.nav ul li {
		padding: 8px 2.6%;
	}
	.nav ul li a {
		font-size: .85em;
	}
	.hero h1, .book h1 {
		font-size: 2.5em;
		margin: 0;
	}
	.hero h2, .book h2 {
		font-size: 2.0em;
	}
	.hero h3, .book h3 {
		font-size: 2.0em;
		margin: 0;
	}
	
	.hero-links, .hero h4 {
		width: 63%;
	}
	.book h4 {
		width: 100%;
	}
	.hero p, .book p {
		font-size: 1.24em;
	}
	.excerpt {
		width: 50%;	
		margin: 12px auto;
	}
	.gr-button{
		clear: left;
		float: left;
		margin: 24px 0 0 0;
	}
	

	main {
		-webkit-flex-basis: 72%;
		    -ms-flex-preferred-size: 72%;
		        flex-basis: 72%;
		overflow: hidden;
	}
	.sidebar {
		-webkit-flex-basis: 28%;
		    -ms-flex-preferred-size: 28%;
		        flex-basis: 28%;
	}
}
@media only screen and (min-width:1280px) {
	.book-links {
		width: 64%;
	}

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (-o-min-device-pixel-ratio:3/2),
	   only screen and (min-resolution:144dpi) {

}


@media screen and (min-width:0\0) {
    /* IE9 and IE10 rule sets go here */

   .bigW {
   		max-width: auto;
   }
   .the-archive {
	   /*	display:block;
	   	float: left;*/
   }
   .book-archive {
   	-webkit-flex-basis: 46%;
   	    -ms-flex-preferred-size: 46%;
   	        flex-basis: 46%;
   	width:45%;
   }
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		-webkit-box-shadow:none !important;
		        box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}