/* Font Imports */


/* Tag Defaults */
html{height:100%; overflow-x:hidden;}
body{background-color:#fff; font-family: 'Montserrat', sans-serif; color:#000; line-height:1.2; font-size:16px; margin:0;}
a{color:#ee0676; font-weight:bold; text-decoration:none; outline:0;}
a:hover, a:active, a:focus {outline:0}
img{border:none;}
header{background-color:#fff; padding:0; position:fixed; z-index:500; left:0; top:0; width:100%; height:57px;}
h1{text-transform:uppercase; text-align:center; padding:107px 0 0; font-family: 'Montserrat', sans-serif; font-size:80px; font-weight:normal;}
h1 span{display:block; text-align:center; width:100%; font-size:40px;}
h3{padding:0; margin:0; font-weight:bold; font-family: 'Montserrat', sans-serif; font-size:28px;}
p{font-size:21px; line-height:34px; font-family: 'Raleway', sans-serif; text-align:left; text-align:justify; text-justify:inter-word; -moz-text-align-last:center; text-align-last:center;}

/* SITEWIDE STYLES */
/* header */
header .dotted{background:#fff url('../img/bg-dotted.gif') repeat-x; height:3px;}
a.more{white-space:nowrap;}

h3 .available, h3 .preorder{white-space:nowrap;}
h3 .available:after{content: " - "}

/* navigation */
nav{height:54px;}
nav a{display:inline-block; font-weight:normal; padding:0; color:#000; text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-size:20px; text-decoration:none;}
nav a:hover{border-bottom:4px solid #ee0676;}
nav a.highlight{border-bottom:4px solid #ee0676;}
nav ul#menu{padding:0; margin:0;}
nav ul#menu li{display:inline-block; padding:15px 2em 0 0;}
.social{padding-top:10px; text-align:right;}
.social img{margin:0 0 0 20px;}
.social a{outline:0;}
.social a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.social a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

nav a{font-size:18px;}
nav ul#menu li{padding:17px 1.6em 0 0;}
.social{padding-top:15px;}
.social a img{max-height:24px;}

/* content */
.content{margin-top:-57px;}
.content .gray{background:#f6f6f6 none; border-top:2px solid #ededed; border-bottom:2px solid #ededed;}

/* footer */
.footer{width:100%; text-align:center; line-height:28px;}
.footer a.newsletter-button{border:1px solid #000; display:inline-block; width:auto; margin:50px auto 40px; padding:15px 30px; font-family: 'Montserrat', sans-serif; font-size:28px; color:#000; white-space:nowrap; text-decoration:none; text-transform:uppercase; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;	-o-transition: all 0.4s ease;	transition: all 0.4s ease;}
.footer a.newsletter-button:hover{background-color:#f6f6f6; -webkit-transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-o-transition: all 0.4s ease;	transition: all 0.4s ease;}
.footer .copyright{font-family: 'Montserrat', sans-serif; font-size:18px; color:#000; margin-bottom:15px;}
.footer .copyright a{color:#000; text-decoration:none; font-weight:normal;}

/* buttons */


/* PAGE-SPECIFIC STYLES */
/* home */
.home h1{margin-bottom:10px;}
.home .gray{min-height:353px;}
.home .content .gray .row{position:relative;}
.home .gray .book-3d{position:absolute; top:30px; left:0;}
.home .gray .book-3d img{max-height:300px;}
.home .gray .bookblurb{padding:35px 15px 35px 280px;}
.home .headshot{text-align:center; margin-bottom:54px; padding:0 15%;}
.home .headshot img{width:100%; max-width:950px; border:6px solid #ededed;}
.home #nav{margin-top:20px;}

.writing .workslist{padding-top:30px;}
.writing .workslist li{text-align:center;}
.writing .workslist li img{max-width:200px; border:none;}
.writing .workslist li span{display:block; padding:10px 0 30px;}

.work-details .gray, .work-details #praise{padding:30px 30px;}
.work-details h3 span{display:block;}
.work-details h3 .title{text-transform:uppercase;}
.work-details h3 .publisher{font-size:80%; color:#777;}
.work-details h3 .extra{font-size:90%;}
.work-details .cover{text-align:center; padding-bottom:30px;}
.work-details .cover iframe{padding-top:20px;}
.work-details .praise, .work-details .excerpt{text-align:center; margin-top:60px;}
.work-details .praise p{text-align:center;}
.work-details .praise p strong{display:block; color:#ee0676; font-size:90%; font-family:'Montserrat', sans-serif;}
.work-details .excerpt p{text-align:left; text-align:justify; text-justify:inter-word; -moz-text-align-last:center; text-align-last:center;}
.work-details .cover .anchor{display:block; text-transform:uppercase;	text-align:center; padding:0;	font-size:22px;	font-family:'Montserrat', sans-serif;	background:#fff none;color:#333; text-decoration:none; border:1px solid #999; padding:10px 0; margin:20px 0 0 0;}

.about .gray{padding:0 30px;}
.about .headshot{text-align:center;}
.about .headshot p{text-align:center;}
.about .headshot img{margin:0 auto;}

.links .content{text-align:center;}
.links h3{padding:22px 0 0;}
.links p{text-align:center;}
.links p a{white-space:nowrap;}

.events p{text-align:center;}

.contact .headshot{text-align:center;}
.contact .headshot p{text-align:center;}
.contact .headshot img{margin:0 auto;}
.contact p{text-align:center;}
.contact .minihead{font-family: 'Montserrat', sans-serif;}

.privacy .policy{margin:30px 0;}

/* mid-page navigation */
/* Navigation */
#nav{
	font-family:'Montserrat', sans-serif;
	font-size:17px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	padding:0;
}
#nav li{
	float:left;
	width:31%;
	margin:0;
	position:relative;
	text-transform:uppercase;
	text-align:center;
	padding:0;
	font-size:22px;
	font-family:'Montserrat', sans-serif;
	background:#fff none;
}
#nav li.single{width:100%;}
#nav li.padme{margin:0 3.5%;}
#nav a{
	display:block;
	padding:15px 0;
	color:#6cbe27;
	background:none;
	text-decoration:none;
	border:1px solid #999;
}
#nav a:hover{color:#6cbe27;}

/* Dropdown*/
#nav ul{
	background:#fff none;
	list-style:none;
	position:absolute;
	left:-9999px;
	padding:0;
	min-width:100%;
	margin:0;
	font-size:15px;
	text-shadow:none;
}
#nav ul.showme{left:0;}
#nav ul li{
	padding:0;
	float:none;
	border: 1px solid #999;
  border-top: 0;
	width:100%;
}
#nav ul a{
	display:block;	
	white-space:nowrap;
	padding:0;
	border:none;
	padding:10px 0;
	color:#ee0676;
	font-size:20px;
}

/*#nav li:hover ul{left:0;}*/
#nav li:hover a{background:none; text-decoration:none; color:#6cbe27;}
#nav li:hover ul a{text-decoration:none; color:#ee0676; font-size:20px;}
#nav li:hover ul li:hover{background:#ee0676 none;}
#nav li:hover ul li a:hover{background:none; text-decoration:none; color:#fff;}

.slicknav_menu {display:none; position:fixed; z-index:800; left:0; top:0; width:100%; background:#fff; height:57px; padding-top:8px;}
.slicknav_btn{margin-bottom:11px; margin-left:10px; float:left; background-color:#000;}
.slicknav_nav{text-transform:uppercase; font-family: 'Montserrat', sans-serif; background-color:#000; opacity:1.0}

/* OVERRIDES */
.mfp-bottom-bar{margin-top: 15px; text-align:center;}
.mfp-title{text-align:center;}


/* RESPONSIVE STYLES */

@media only screen and (max-width: 1280px) {
	h1{font-size:70px;}
	nav a{font-size:18px;}
	nav ul#menu li{padding:17px 1.6em 0 0;}
	.social{padding-top:15px;}
	.social a img{max-height:24px;}
	#nav li{font-size:19px;}
	#nav li ul a{font-size:16px;}
	#nav li:hover ul a{font-size:16px;}
	p{font-size:18px;}
	h3{font-size:26px;}
}
@media only screen and (max-width: 1160px) {
	nav a{font-size:16px;}
	nav ul#menu li{padding:17px 1em 0 0;}
	.social{padding-top:15px;}
	.social a img{max-height:24px; margin-left:13px;}
}
@media only screen and (max-width: 1025px) {
	.bio .headshot img{max-width:50%;} 
	.work-details .cover .anchor{display:none;}
	.work-details .cover iframe{width:100%; max-width:640px;}
	.contact p{text-align:center !important;}
	nav a{font-size:16px;}
	nav ul#menu li{padding:19px 1em 0 0;}
	p{font-size:18px;}
	.work-details .cover .video{height:350px;}
}
@media only screen and (max-width: 970px) {
	nav a{font-size:15px;}
	nav ul#menu li{padding:19px 0.8em 0 0;}
	#nav li{font-size:16px;}
	#nav li ul a{font-size:12px;}
	#nav li:hover ul a{font-size:12px;}
	h3{font-size:24px;}
	.work-details .cover img{max-width:200px;}
}
@media only screen and (max-width: 890px) {
	h1{padding-top:57px;}
	nav{display:none;}
	.slicknav_menu {display:block;}
	header{position:static; z-index:0;}
	header .dotted{position:fixed; top:57px; left:0; z-index:500; width:100%;}
	.social{position:fixed; z-index:1200 !important; top:2px; right:0; width:70%;}
	.social img {margin-left:15px;}
}
@media only screen and (max-width: 800px) {
	#nav li ul a{font-size:11px;}
	#nav li:hover ul a{font-size:11px;}
}
@media only screen and (max-width: 760px) { /*start mobile styles*/
	h1{font-size:66px;}
	h1 span{font-size:33px;}
	.home .gray .bookblurb{padding:15px; text-align:center; margin-bottom:0; line-height:22px;}
	.home .gray .bookblurb p{text-align: justify; text-justify: inter-word; -moz-text-align-last: center; text-align-last: center;}
	.home .gray .book-3d{position:static; text-align:center; margin:30px 0 0 12%;}
	.home .gray .book-3d img{width:80%; margin:0 auto;}
	.home .gray {min-height: 100px;}
	.footer a.newsletter-button{font-size:20px;}
	#nav{display:block;}
	#nav li{width:100%; margin:15px 0; background:none;}
	#nav li.padme{margin:0;}
	#nav a{cursor:default; background:#fff none;}
	#nav li.single a{cursor:pointer;}
	#nav a:hover{background:#fff none;}
	#nav ul{position:static; left:0;}
	#nav li:hover a{background:#fff none; text-decoration:none;}
	#nav li ul a{text-decoration:none; color:#ee0676;	font-size:16px;}
	#nav li:hover ul a{font-size:16px;}
	#nav li ul li{margin:0;}
	#nav li:hover ul li:hover{background:#ee0676 none;}
	#nav li:hover ul a{font-size:16px; color:#ee0676; cursor:pointer;}
	.work-details .cover .video{display:none;}
}
@media only screen and (max-width: 600px) {
	h1{font-size:42px;}
	h1 span{21px;}
	h3{font-size:20px;}
	.footer a.newsletter-button{font-size:16px; padding:15px;}
	.footer .copyright{font-size:12px;}
	.writing .workslist li img{max-width:80%;}
}
@media only screen and (max-width: 400px) {
	h1{font-size:40px;}
	h3 .available, h3 .preorder{display:block; font-size:19px;}
	h3 .available{padding-top:10px;}
	h3 .available:after{content: "";}
	.footer a.newsletter-button{font-size:15px; padding:13px;}
	.footer .copyright{font-size:12px;}
	.writing .workslist li img{max-width:100%;}
}