/*
Theme Name: William Haseltine 2
Author: Danny Moore
Author URI: http://www.mascotbooks.com
Description: This theme is a basic blog based book website.
Version: 2.0
License: ©2022 Danny Moore
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: williamhaseltine2
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/******************** body *******************/

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#fff;
	border:0px;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: adobe-garamond-pro, serif;
	text-align:justify;
	font-weight:300;
	font-size:18px;
	line-height:1.45;
	color:#000000;
}

img{ border:0px; }

hr{
	height:1px;
	border:0px;
	background:rgba(0,0,0,0.1);
	margin:1em 0;
	clear:both;
}

h1, .h1, h2, .h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .subhead{
	font-size:2.5em;
	line-height:.8;
	margin:.15em 0 1em 0;
	clear:both;
	color:#b43232;
    text-align:center;
    font-family:proxima-nova-extra-condensed, sans-serif;
    text-transform:uppercase;
}

h2, .h2{
    font-size:2.5em;
    font-family:proxima-nova-extra-condensed, sans-serif;
    color:#b43232;
    line-height:0;
    margin:1em 0 1.5em 0;
}

.h4, h4{
    color:#b43232;
    font-family:proxima-nova-extra-condensed, sans-serif;
    text-transform:uppercase;
    margin:0 0 0.3em 0;
    line-height:1;
    font-size:1.8em;
}

h5, .h5{
    font-size:2.1em;
    font-family: adobe-garamond-pro, serif;
    text-transform:none;
    color:#000;
    font-style:italic;
    margin:0 0 .85em 0;
    text-align:left;
    line-height:1.15;
}

.h6, h6{
    font-size:1.25em;
    line-height:1.05;
    margin:.5em 0 .35em 0;
}

.h7, h7{
    margin:-.3em 0 .4em 0;
    font-size:1.2em;
    font-style:italic;
}

.h8, h8{
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 .5em 0;
    line-height:1.1;
    font-style:italic;
}

.main .h1{
    font-size:4em;
    margin:.6em 0 0 0;
    color:#fff;
    font-variant:small-caps;
    font-family: adobe-garamond-pro, serif;
    text-transform:none;
}

.main .h2{
    font-size:2.4em;
    color:#DA3434;
    margin:.65em 0 0 0;
    font-variant:small-caps;
    text-transform:none;
}

h3 a{
	color:#b43232;
	transition:.4s color;
}

.subhead{
	font-size:2.22em;
	margin:.75em 0 0 0;
	display:inline-block;
}

.sub{
	margin:0 .55em 0 0;
	padding:0 .55em 0 0;
	border-right:2px solid #b43232;
	display:inline-block;
}

.sub:last-child{ 
	border-right:0;
	margin-right:0;
	padding-right:0;
}

p{ margin:0 0 1em 0; }
em, i{ font-style:italic; }
strong, b{ font-weight:bold; }

a{
	text-decoration:none;
	color:#b43232;
	transition:.4s color;
}

a:hover{ color:#999; }

.topoff{
    display: block;
    position: relative;
    top:-6em;
    visibility: hidden;
}

#outside{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#inside{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}

#navMenu, #navMenuSm{
	width:100%;
	position:fixed;
	z-index:1000;
	text-align:right;
	background:#fff;
    font-size:1.4em;
    border-bottom:1px solid rgba(0,0,0,0.07);
}

#navMenuSm{
	display:none;
	height:auto;
	padding:0 0 0 0;
}

#loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#3e446a;
    opacity:.5;
	background-image:url(images/loader.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:2em auto;
	z-index:900;
}

#content{
	width:100%;
	height:auto;
	padding:3.8em 0 0 0;
	margin:0 auto;
	clear:both;
	float:left;
	position:relative;
	z-index:150;
	opacity:0;
}

/******************** insides ********************/

#navMenuinside{
	margin:0 auto;
    padding:.8em 1.2em .6em 1em;
    transition:.3s padding;
    transition-timing-function:ease-out;
}

.shorter{ padding:.5em .8em .4em .8em !important; }

.pageinside{
	width:100%;
	max-width:1000px;
	margin:0 auto;
    padding:3.3em 0;
	position:relative;
    display:block;
}

/********************* Top ************************/

#logo{
	float:left;
    letter-spacing:.1em;
    font-size:1.6em;
    line-height:1;
}

#logo a{
    color:#b43232;
    transition:.5s color;
}
#logo a:hover{ color:#000; }

/* nav */

#smNavShow{ display:none; }

#navMenuinside div:nth-child(3){ display:inline-block; }

#navMenu .menu, #navMenu ul, #navMenuSm .menu, #navMenuSm ul{
	list-style:none;
	padding:0;
	position:relative;
	z-index:900;
	margin:0;
	display:inline-block;
}

#navMenuSm .menu, #navMenuSm ul{
	width:auto;
	margin:.25em 0 0 0;
	padding:0;
	display:block;
    line-height:0;
}

#navMenu ul li, #navMenuSm ul li{
	display:inline-block;
	padding:0;
	margin:0;
}

#navMenuSm ul li{
	display:block;
	clear:both;
	float:left;
	width:100%;
	height:auto;
}

#navMenu ul li a, #navMenuSm ul li a{
	text-decoration:none;
	color:#000;
	display:inline-block;
	padding:0 0 0 2.3vw;
	width:auto;
	height:auto;
	position:relative;
	line-height:1;
	transition:.5s color;
	cursor:pointer;
}

#navMenu ul li a:hover, #navMenuSm ul li a:hover{ color:#b43232; }

/****** sub menu ******/

#navMenu ul ul{
	opacity:0;
	display:none;
	position:absolute;
	z-index:999;
	margin-top:.5em;
	border-radius:0 0 3px 3px;
	width:200px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, #fff 50%, #efefef 100%);
	background: -webkit-linear-gradient(top, #fff 50%,#efefef 100%);
	background: linear-gradient(to bottom, #fff 50%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
	box-shadow:0 6px 16px rgba(0,0,0,0.2);
}

#navMenu ul ul ul{
	left:200px;
	width:230px;
	margin-top:-2.4em;
}

#navMenu ul ul li{
	clear:both;
	float:left;
	margin:0;
	text-align:left;
	width:100%;
	transition:.5s background;
}

#navMenu ul li ul a{
	font-size:1.25em;
	display:block;
	line-height:1.15;
	font-style:italic;
	padding:.6em .65em .3em .65em;
	width:100%;
}

#navMenu ul li ul a:hover{ color:#000 !important; }	

#navMenu ul ul li:hover{
	background:#fff200;
}

#navMenuSm ul ul{
	opacity:1;
	position:relative;
	display:block;
	margin:0;
	border-radius:0;
	box-shadow:none;
	padding:0;
	backfgound:#ddd;
}

/* social */

#social{
	position:relative;
	display:inline-block;
	top:.1em;
}

#social a{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
}

.iconDiv{
	width:.75em;
	height:.75em;
	margin:0 0 0 1.15vw;
	position:relative;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

.iconDiv svg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100% !important;
}


.iconDiv svg{
	fill:#b43232;
	transition:.5s fill;
}

.iconDiv:hover svg, #searcharea:hover svg{ fill:#000; }

#searcharea{
    position:relative;
	display:inline-block;
	margin-left:2.3vw;
}

.searchT{
    width:.75em;
    height:.75em;
	position:relative;
}

.searchT svg{
	position:absolute;
	top:2px;
	left:0;
	fill:#b43232;
	transition:.5s fill;
    width:auto;
	height:100%;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

.searchContent{
	display:none;
    opacity:0;
    padding:0;
	margin:0;
    position:absolute;
	top:.48em;
	right:6.1em;
	width:0;
    z-index:10000;
	transition:.5s width, .25s opacity, .3s top, .3s right;
}

.shorter .searchContent{
    top:.23em;
    right:5.7em;
}

.searchContent input, .searchSm input, .searchContent input[type="text"]{
	-webkit-appearance:none; 
	appearance:none;
	background:#b43232;
	position:absolute !important;
	right:-.45em !important;
	top:0 !important;
	width:100% !important;
	border:0 !important;
	padding:.34em 1em !important;
	margin:0 !important;
	color:#fff !important;
	font-style:italic !important;
	text-align:left !important;
	border-radius:3rem !important;
	transition:.4s;
}

.searchSm input{
	position:relative;
	border-radius:0;
	width:calc(100% - 2em);
	padding-top:.6em;
	padding-bottom:.6em;
	border-top:1px solid rgba(255,255,255,.15);
	transition:.5s;
}

#closeSearch{
	position:absolute;
	z-index:100;
	width:2em;
	height:2em;
	display:block;
	top:0;
	right:0;
}

#closeSearch svg{
	width:.9em;
	height:100% !important;	
}

.searchP{
	width:22%;
	margin:0 1.5% 1em 1.5%;
	float:left;
	text-align: center;
}

.searchP p{
	margin:0 10%;
	width:80%;
}

/******************** First Page *********************/

.main{ 
    text-align:center;
    position:relative;
}

.william{
    width:auto;
    height:36em;
    margin:4em auto 0 auto;
    position:relative;
    z-index:1;
}

.william img{
    height:100%;
    width:auto;
}

.bookcover{
    box-shadow:.05em .3em 1.5em .35em rgba(0,0,0,0.8);
    overflow:hidden;
    position:relative;
}

.over{
    position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	pointer-events:none;
	box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 2%, rgba(0,0,0,0) 98%, rgba(0,0,0,0.15) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.15) 2%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.15) 2%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ffffff', endColorstr='#17000000',GradientType=1 );
}

#bigcovers, #littlecovers{
    width:59em;
    height:auto;
    position:absolute;
    top:8em;
    left:49.5%;
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:5;
}

#littlecovers{
    z-index:4;
    left:59%;
}

.bigcover, .littlecover{
    width:auto;
    position:absolute;
    z-index:5;
    top:0;
}

.bigcover img, .littlecover img{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
}

.cali, .harvard{
    width:4em;
    height:4em;
    background-size:auto 100%;
    background-repeat:none;
    background-position:center;
    position:absolute;
    bottom:-7em;
}

.cali{
    background-image:url(images/Cali.png);
    left:-5em;
}

.harvard{
    right:1em;
    background-image:url(images/Harvard.png);
}

/********************* Top Press Bar *******************/

#whpressbar{
    width:100%;
    float:left;
    margin:0 0 0 0;
    background:#ecedf0;
    background-image:url("images/back.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    padding:2em 0;
    text-align:center;
}

#whpressbarinside{
    width:100%;
    padding:0;
    max-width:1300px;
    position:relative;
    margin:0 auto;
    display:table;
    line-height:1;
}

.whpressbarleft, .whpressbarright{
    display:table-cell;
    vertical-align:middle;
}

.whpressbarleft{ 
    width:40%;
    padding-right:8%;
    line-height:1;
    font-size:2em;
}
.logopb{ 
    width:70%;
    margin:.2em auto 0 auto;
    line-height:0;
}
.logopb img{ 
    width:100%; 
    height:auto;
}
.whpressbarright{
    text-align:left;
}

.whpressvid div:first-child, .whpressvid img:first-child, .whpressvid iframe:first-child, .whpressvid video:first-child{
    display:inline-block;
    width:700px;
    height:393px;
    box-shadow:0 3px 10px 2px rgba(0,0,0,0.2);
    background:#000;
    
}

.forbes{
    width:100%;
    margin:1.25em 0 0 0;
    padding:.75em 0 0 0;
    font-size:1.1rem;
    text-align:left;
}

.newslink{
    width:100%;
    float:left;
    margin:0;
    padding:0;
    border-top:1px solid rgba(0,0,0,0.2);
}

.newslink h2{
    font-size:1.3em;
    line-height:1.2;
    margin:1em 0 0 0;
    font-family: adobe-garamond-pro, serif;
    text-transform:none;
    font-weight:bold;
}

/******************** page Content *******************/

#mainContent{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}

.pages{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	float:left;
	position:relative;
    background-color:#fff;
	background-position:center top!important;
	background-size:cover;
    box-shadow:0 -1px 10px rgba(0,0,0,0.05);
}


/******************* Bottom **********************/

#bottom{
	width:100%;
	height:auto;
	clear:both;
	float:left;
	position:relative;
	font-size:.75em;
	color:#888;
	text-align:center;
	z-index:500;
    font-style:italic;
    border-top:1px solid rgba(0,0,0,0.05);
}

#bottomInside{
	width:100%;
	padding:1em 0 1.15em 0;
	margin:0 auto;
	position:relative;
	text-align:center;
}

.sepv{ margin:0 .6em; }

/******************* Blog Posts *************************/

.postInfo, .postInfo2{
	display:block;
	margin:0 0 .8em 0 !important;
	color:rgba(0,0,0,.45);
	font-size:.85em;
}

.postInfo2{
	margin:0 0 1em 0;
}

#pagination{
	width:80%;
	text-align:center;
	font-size:1.25em;
}

/***************** Form Styles ****************/

#cscf{ 
    float:left;
    padding-bottom:3em;
}

label{
	font-family:proxima-nova-extra-condensed, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
	vertical-align:top;
	margin:0;
	width:100%;
	clear:both;
	float:left;
    color:#000;
    text-transform:uppercase;
}

input[type="text"], input[type="email"], textarea, input[type="password"]{
	-webkit-appearance:none;
	appearance:none;
	clear:both;
	float:left;
	padding:.3em .6em !important;
	width:calc(100% - 1.3em) !important;
	border:1px solid #ccc;
	border-radius:3px;
	font-size:inherit !important;
    font-family: adobe-garamond-pro, serif;
	margin-bottom:.5em;
}

input[type="password"]{
    width:auto !important;
    float:none;
}

input[type="submit"], .backToBlog a, .button, input[type="button"]{
	-webkit-appearance:none;
	appearance:none;
	cursor:pointer;
	background:#b43232;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.02em;
	font-size:1.25em;
	border:0;
    border-radius:.2em;
	padding:.4em 1em .2em 1em;
	font-family:proxima-nova-extra-condensed, sans-serif;
	transition:.5s background, .5s color;
	clear:both;
	float:right;
	margin:1em 0 0 0;
}

.indicates-required{
	display:none;
	position: absolute;
	bottom:0;
	padding:.5em 1em;
	background:rgba(251,194,7,.8);
}

.indicates-required .asterisk{ color:#fff; }

.backToBlog a{
	margin:3em 0 35px 0;
	font-size:1.4em;
	background:#b43232;
	transition:.5s background;
    border-radius:.2em;
}

#pagination .next, #pagination .prev, .read-more{
	padding:.2em .4em .2em .4em;
	margin:0 .3em;
	font-size:.9em;
	display:inline-block;
	color:#fff !important;
	background:#b43232;
	transition:.5s color, .5s background;
    border-radius:.2em;
}

.read-more{
	font-size:.85em;
	padding:.25em .8em .25em .8em;
	color:#fff !important;
	background:#b43232;
}

#pagination .next:hover, #pagination .prev:hover, .read-more:hover{
	color:#fff;
	background:#000;
}

input[type="submit"]:hover, .backToBlog a:hover, .button:hover, input[type="button"]:hover{
	color:#fff;
	background:#000;
}

.button{ display:inline-block; }

.buttons{
    width:100%;
    text-align:center;
    margin: 0 0 .5em 0;
}

.buttons .button{ 
	float:none;
	margin:0 .1em .2em;
}

.buyt{
    margin:0 .1em;
    display:inline-block;
    float:none;
}

.buy{
    margin:0 .2em;
    display:inline-block;
}

.buy img{
    height:3em;
    width:auto;
}

.fullw{ 
    width:calc(100% - 6em);
    padding-top:.6em;
    padding-bottom:.4em;
    margin:0 2em .3em 2em;
    line-height:1;
}

.showmore{
    width:100%;
    margin:2em 0 4em 0;
    text-align:center;
    position:relative;
    clear:both;
    float:left;
}

.more{
	margin:0 auto;
	display:inline-block;
	cursor:pointer;
	color:#b43232;
	text-transform:uppercase;
	font-size:1.85em;
	font-family:proxima-nova-extra-condensed, sans-serif;
	transition:.5s color, .5s background, .5s border;
	position:relative;
    border-radius:.2em;
    padding:.45em 1em .3em 1em;
    border:1px solid #b43232;
    line-height:1;
}

.more:hover{ 
    color:#fff; 
    background:#b43232;
    border:1px solid rgba(0,0,0,0);
}

.books{
    width:100%;
    text-align:center;
}

.books .bookcoverin{
    width:26%;
    margin:0 3.5% 4em 3.5%;
    display:inline-block;
}

.behinddesc{
    width:10000%;
    height:10000%;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:-100%;
    left:-100%;
    display:none;
    z-index:890;
}

.bookdesc{ cursor:pointer; }

.bookdescription{
    display:none;
    width:85%;
    max-width:900px;
    height:auto;
    position:absolute;
    left:50%;
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:900;
    padding:2em 2.5em;
    border-radius:3px;
    box-shadow:0 3px 16px 2px rgba(0,0,0,0.2);
    background:#fff;
}

.decclose{
    position:absolute;
    top:.75em;
    right:.75em;
    fill:#b43232;
    transition:.5s fill;
    width:1em;
    height:1em;
    cursor:pointer;
}

.decclose svg{
    width:100%;
    height:100%;
}

.decclose:hover{ fill:#000; }

.bookdescription .button{
    margin:0 0 0.2em 0;
}

/********************** Extra *********************************/

.intext, .intextr{
	width:26%;
	height:auto;
	margin:0 1.6em .15em 0;
	float:left;
    line-height:1;
}

.intextr{ 
    float:right; 
    margin:0 0 .15em 1.6em;
}

.pressb{
	width:calc(100% - 1em);
	clear:both;
	float:left;
	padding:0 1em 0 0;
	background:#ecedf0;
	transition:.5s background;
	display:table;
	margin:0 0 .1em 0;
	min-height:70px;
	text-align:left;
}

.pressb:hover{
	background:#BEC1C8;
}

.pressl{
	width:20%;
	padding:.5em 0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	border-right:.1em solid #fff;
}

.pressl img{
	width:85%;
	height:auto;
	position:relative;
	top:.1em;
}

.presst{
	padding-left:1em;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	color:#000;
}

/********************** Buy Now Button ***********************/

.buyNowArea{
	width:100%;
	height:auto;
	text-align:center;
	position:relative;
}

.buyNowArea img{
	width:126%;
	height:auto;
	position:relative;
	z-index:400;
	margin:0 0 -5.6em -13%;
	pointer-events: none;
}

.buyNowButton{
	margin:0;
	width:100%;
	padding:2.8em 0 .5em 0;
	clear:both;
	position:relative;
	font-size:2em;
	font-family:proxima-nova-extra-condensed, sans-serif;
	letter-spacing:.02em;
	color:#fff;
	text-transform:uppercase;
	transition:.5s background;
    background:#b43232;
}

.buyNowIcons{ margin:1.2em 0 .5em 0; }

.storebutton{
	width:46%;
	margin:0 2% .5em 2%;
	display:inline-block;
	height:1.4em;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.amazon{
	background-image:url(images/amazon.svg);
}
.bandn{
	background-image:url(images/barnes-noble.svg);
}
.bookshop{
	background-image:url(images/bookshop.svg);
}

.buyNowDate{
	background:url(images/fade.png) no-repeat;
	background-size:100% auto;
	background-position:center top;
	width:100%;
	text-align:center;
	font-size:1.3em;
	font-style:italic;
	padding:.5em 0;
	margin:0;
	color:rgba(0,0,0,0.6);
}

/********************************** Testimonials **********************/

.testimonials{
	clear: both;
	float:left;
	width:100%;
	height:auto;
	background:#ecedf0;
	padding:2em 100%;
	margin:-3.3em -100% 0 -100%;
	position:relative;
}

.testimonials .h1{
	text-transform:uppercase;
}

.testimonialsinside{
	padding:0 5em;
	height:auto;
	position:relative;
}

.testimonial{
	position:absolute;
	font-size:1.05em;
	line-height:1.6;
	display:none;
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}

.testimonial:first-child{ display:block; }

.testimonial p{ margin-bottom:.35em; }

.quote{
    text-align:center;
    font-size:1.2em;
    margin:1em 0 .8em 0;
    font-style:italic;
    line-height:1.4;
    padding:2em 2em 0 2em;
    border-top:1px solid #eee;
    color:#777;
}

.quote em, .quote i{ font-style: normal; }

.quoted{
	margin:0 0 2em 0;
    text-align:center;
	font-family:proxima-nova-extra-condensed, sans-serif;
	font-size:1.1em;
	line-height:1.1;
    color:#444;
}

.quoter{
	color:#b43232;
    text-transform:uppercase;
    font-size:1.5em;
}

.testimonialbuttons{
	width:100%;
	margin:1.5em auto 0 auto;
	display:inline-block;
	text-align:center;
}

.testimonialbutton{
	display:inline-block;
	border:2px solid #A4A6AC;
	width:1em;
	height:1em;
	margin:0 .3em;
	opacity:.15;
	text-align:center;
	line-height:1;
	cursor:pointer;
}

.testimonialbutton:first-child{ opacity:1; }

.tbl{ 
	opacity:0;
}
.testimonialbutton:first-child .tbl{ opacity:1; }

.square{
	width:1em;
	height:1em;
	display:inline-block;
	background:rgba(164,166,172,.25);
}

/********************************** 404 *********************************/

.lost{
	margin:0;
	padding:0;
}

.lostH{
	font-size:6em;
	margin:0 0 0 0;
	line-height:1;
}

.lostP{
	margin:0;
}

/********************************* Events Calendar **********************/

.mbecout{ 
	border-width:3px;
	margin:2em 0 2.75em 0;
}
.mbecout, .edate{ border-color:#eee; }
.mbectop, .calendar-day-np, .elocation{ background:#eee; }
.npbut, .mbecbutton, .mbecout .h3, a.mbeca{ color:black; }
.mbeccloseButton svg{ fill:black; }
table.mbeccalendar, .mbeccalendar td{ border-color:#ddd; }
.calendar-day-head th{
	border-bottom-color:#ddd;
	background:#123;
	color:#fff;
}
.calendar-day-head th:last-child{ border-right-color:#ddd; }
.mbcalevent{ background:white; }
.mbeccloseButton{ top:-30px; }

/***************************** Extra *********************************/

.shadowframe{
	background:#fff;
	margin-bottom:20px;
	box-shadow:0px 3px 9px rgba(0,0,0,0.2);
    border:.6em solid #fff;
}

.video{
	width:100%;
	text-align:center;
}

.video .wp-video{
	width:100% !important;
	height:calc(100%*.5624) !important;
	display:inline-block;
}

.caption{
	text-align:center;
	font-size:.9em;
	font-style:italic;
	margin:.3em 0 0 0;
}
.caption em, .caption i{ font-style:normal; } 

.cent{ text-align:center; }

.wide{
	width:100%;
	margin:0;
	padding:2.5em 0;
	clear:both;
	float:left;
}

.allmedia{
	clear:both;
	float:left;
	padding-bottom:3em;
}

.blue{ background:#eff8fa; }

.clear{ clear:both; }
.table, .tablewide{
	display:table;
	width:100%;
}

.lf, .rt{
    display:table-cell;
    vertical-align:top;
}

.lf{ 
    width:38%;
    padding-right:9%;
}

.lf .bookcoverin{ width:100%; }

.left, .right, .left2, .right2, .l, .r{
	display:table-cell;
	vertical-align:top;
}

.l{
    padding-right:2.5%;
    padding-left:15%;
}

.r{
    padding-left:2.5%;
    padding-right:15%;
}

.right{ 
	width:35%;
	padding-left:8%;
}

.left2{ 
	width:35%;
	padding-right:5%;
}

.left2 img{
	width:100%;
	height:auto;
}

.lefth, .righth{
    marign-top:1em;
    display:table-cell;
    vertical-align:top;
    text-align:left;
}
.lefth{ width:48%; padding-right:2%; }
.righth{ width:48%; padding-left:2%; }
.lefth .right, .righth .right{ width:60%; }

.lefth .left img, .rightth .left img{ width:100%; }
.lefth .left, .righth .left{ width:45%; }

.tablewide{
	margin-top:-6em;
	margin-bottom:-4em;
}

.tablewide .left, .tablewide .right{ vertical-align:middle; }

.tablewide .right{
	width:50%;
	padding-left:4%;
	padding-right:4%;
}

.tablewide .left{
	height:400px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.asterisk{ color:#b43232; }

.inlineicon{
	display:inline-block;
	position:relative;
	top:.1em;
	width:1em;
	height:1em;
	margin:0 .1em;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.facebook{ background-image:url(images/facebook.svg); }
.instagram{ background-image:url(images/instagram.svg); }
.twitter{ background-image:url(images/twitter.svg); }
.linkedin{ background-image:url(images/linkedin.svg); }
.pinterest{ background-image:url(images/pinterest.svg); }
.youtube{ background-image:url(images/youtube.svg); }

.top{ margin-top:1.8em; }
.sep{
	margin:2.6em auto;
	width:14em;
	height:1px;
	text-align:center;
	background:#ddd;
}

.center{ text-align:center; }

.bookcoverin{
	width:100%;
	height:auto;
	margin:0 auto 1.2em auto;
	position:relative;
	box-shadow:.36em .6em 1em .1em rgba(0,0,0,0.45);
    line-height:0;
    overflow:hidden;
    border-radius:2px;
}

.bookcoverin p{ display:none; }

.cover{
	position:relative;
	z-index:1;
	width:100%;
	top:0;
	left:0;
	height:auto;
}

.overcover{
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	width:100%;
	height:100%;
	pointer-events:none;
	box-shadow:inset 0 0 2px rgba(0,0,0,0.1);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.35) 2%, rgba(0,0,0,0) 98%, rgba(0,0,0,0.25) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.35) 2%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.25) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.35) 0%,rgba(0,0,0,0.35) 2%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ffffff', endColorstr='#17000000',GradientType=1 );
}

.coverhover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(1,2,3,0);
	z-index:10000;
	transition:.5s background;
}

.coverhover:hover{ background:rgba(1,2,3,0.4); }

.singlebox{
    margin:1em 0 3em 0;
    width:100%;
    float:left;
    min-height:300px;
    text-align: center;
}

.singlebox input[type="submit"]{
    float:none !important;
    display:inline-block;
}

.ebookbox{
    width:100%;
    height:700px;
    margin:0 auto;
}

.bloglink{
    text-align:left;
    padding:1em 0 0 0;
    border-top:1px solid #eee;
    margin:1em 0 0 0;
}

.bloglink, .bloglinkfull{
    color:#000;
    padding:.5em 1em 1em 1em;
    border:1px solid #eee;
    margin:0 0 .8em 0;
    border-radius:3px;
    background:#fff;
    position:relative;
}

.bloglink .h6, .bloglinkfull .h6{
    text-align:left;
    margin-bottom:.3em;
}
.bloglink p, .bloglinkfull p{ margin-bottom:.3em; }

.bloglink .read-more{ font-style:normal !important; }

.bloglinkfull .read-more{
    position:absolute;
    right:0;
    bottom:0;
    margin:0;
    font-style:normal !important;
}

.img{
    width:30%;
    margin:0 0 .5em 1.8em;
    float:right;
}

.img img{ width:100%; height:auto; }

.topcovers{
    width:100%;
    text-align:center;
    margin:0 0 2em 0;
}

.topcovers a{
    display:inline-block;
    width:17%;
    margin:0 1%;
}

/********************************** Resized CSS *************************/

@media all and (max-width:1440px){
    #whpressbarinside{
        width:90%;
        padding-left:5%;
        padding-right:5%;
    }
    .whpressbarleft{
        font-size:2.7vw;
    }
}

@media all and (max-width: 1200px){
    .main .h1{ font-size:5.9vw; }
    .main .h2{ font-size:3.5vw; }
    .william{
        margin-top:6vw;
        height:auto;
        width:57%;
    }
    .william img{ width:100%; height:auto; }
	#bigcovers, #littlecovers{
        top:12vw;
        width:87vw;
    }
    .harvard{ right:-1vw; }
    .cali{ left:-9vw; }
}

@media all and (max-width:1150px){
    .whpressvid div:first-child, .whpressvid img:first-child, .whpressvid iframe:first-child, .whpressvid video:first-child{
        width:53vw;
        height:29.7vw;
    }
}

@media all and (max-width: 1000px){
	#navMenu ul li a{
		font-size:2.4vw;
		padding-left:2.2vw;
	}
    
	#content{ padding-top:4em; }
	.pageinside{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	.buyNowButton{ 
		font-size:2.9vw;
		padding-top:90px;
	}
	.storebutton{
		width:100%;
		margin:0 0 1.4vw 0;
	}
	.testimonialsinside{ padding:0; }
    .books .bookcoverin{
        width:42%;
        margin:0 3.5% 4em 3.5%;
    }
    .ebookbox{ height:55vw; }
}

@media all and (max-width:900px){
	.testimonialsinside{ text-align:center; }
	.quoted{ 
		margin-left:0; 
		text-indent:0;
	}
    .bookdescription{
        width:auto;
        max-width:none;
        left:auto;
        -ms-transform:none;
        transform:none;
        margin-left:5%;
        margin-right:5%;
    }
    .img{
        width:90%;
        margin:0 5% 1.5em 5%;
        float:left;
        clear:both;
    }
}

@media all and (max-width:850px){
	#navMenuinside .menu{ display:none; }
	#smNavShow{ 
		display:inline-block;
		width:1em;
		height:1em;
		margin:0;
		background:url(images/hamburger.svg) no-repeat;
		background-size:96% auto;
		background-position:center;
		cursor:pointer;
		position:relative;
		top:.2em;
		z-index:1100;
	}
	#navMenuSm ul li a{
		width:100%;
		padding:0 0 .75em 0;
		font-size:.7em;
		height:auto;
		top:0;
		text-align:center;
	}
	.sep{ width:8em; }
    .ebookbox{ height:75vw; }
    .topcovers a{
        width:45%;
        margin:0 2%;
    }
}

@media all and (max-width:800px){
	.left, .right, .left2, .right2, .tablewide .right, .whpressbarleft, .whpressbarright, .lefth .left, .lefth .right, .righth .left, .righth .right{
		display:block;
		clear:both;
		float:left;
		width:100%;
		padding:0;
		margin-bottom:.5em;
	}
    .whpressbarleft{ font-size:2em; }
    .whpressvid div:first-child, .whpressvid img:first-child, .whpressvid iframe:first-child, .whpressvid video:first-child{
        width:88vw;
        height:49.5vw;
        margin-top:4vw;
    }
	.left2{ margin-bottom:1.5em; }
	.tablewide .right{ padding-top:1em; padding-bottom:1em;}
	.buyNowArea{
		margin-top:1em;
		max-width:400px;
		left:50%;
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.buyNowButton{
		font-size:1.75em;
		padding-top:3em;
		margin-bottom:1em;
	}
	.storebutton{ 
		height:2em; 
		margin-bottom:1em;
	}
	.presst{
		padding-top:.5em;
		padding-bottom:.5em;
	}
    .lf, .rt{
        display:block;
        clear:both;
        float:left;
        width:100%;
        padding:0;
    }
    .lf{ padding-bottom:4vw; }
    .lf .bookcoverin{ width:60%; }
    .l, .r{
        float:left;
        clear:both;
        padding-right:10%;
        padding-left:10%;
        margin-bottom:1em;
    }
}

@media all and (max-width:650px){
    .main .h1{ font-size:7.5vw; }
    .main .h2{ font-size:5vw; }
    .william{ margin-top:9vw; }
    #bigcovers, #littlecovers{ top:15vw; }
    #littlecovers{ left:40%; }
    .harvard, .cali{
        width:9vw;
        height:9vw;
        bottom:-14vw;
    }
    .cali{ left:-10vw; }
    .harvard{ right:-2vw; }
	.pageinside{
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}
	.pressb{
        width:98%;
        padding:0 2% 0 0;
    }
	.pressl{ 
		padding:0;
		width:30%;
	}
	.pressl img{ 
		width:90%;
	}
	.presst{
		padding-left:2%;
	}
	.sep{ width:5em; }
    .ebookbox{ height:95vw; }
}

@media all and (max-width:600px){
	.h6, h6{ text-align:center; }
	input[type="submit"]{
		float:left;
		position:relative;
		left:50%;
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
    .h1, h1{ font-size:2.5em; }
    .lefth, .righth{
        display:block;
		clear:both;
		float:left;
		width:100%;
		padding:0;
		margin-bottom:.5em;
    }
    .books .bookcoverin{
        width:92%;
        margin:0 3.5% 4em 3.5%;
    }
}

@media all and (max-width:520px){
    .h1, h1{ font-size:1.9em; }
    .whpressbarleft{ font-size:1.5em; }
    .topcovers a{
        width:90%;
        margin:0 5%;
    }
}