/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; }
html, body	{ height:100%; vertical-align: baseline; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a { outline: none; text-decoration:none; border: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/* PALETTE & FONTS
------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');

body { 
	background: #0d142b; 
	color: #ddd; 
	background-image: url('/wp-content/themes/plotnick/images/starryBG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: center center;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover; 
	font-family: "Source Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.42857143;
}

h1.siteName, a { 
	color: #9f8a64; /*ks-gold*/
	color:#f2a453;
	color: #ea9539;
	color: #e08e4c;
	color: #9f8a64;
	color: #c48f4f;
} 

a:hover	{ 
	color: #fff; 
}

h2 	{
	font-size: 2em;
}

h2.featurette-heading	{
	font-size: 1.5em;
}

h2, h2.featurette-heading	{
	font-family: "Source Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-variant: small-caps;
	color: #c48f4f;
}

h3	{
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 12px;
}


/* BANNER & NAV 
------------------------------------------------------------------------------------*/
.navbar-wrapper {
	min-height: 280px;
}

.banner-header{
	background-image: url('/wp-content/themes/plotnick/images/trilogy-banner-400h.jpg');
	position:relative; 
	background-repeat: no-repeat; 
	background-position:center;
	height: 400px;
	max-height: 400px;
}

@media only screen and (max-device-width: 1024px){
	.banner-header {height: 300px;max-height: 300px;}
}

@media only screen and (max-width: 850px)	{
	.banner-header {height: 300px;max-height: 300px;
	background-image: url('/wp-content/themes/plotnick/images/trilogy-banner-300h.jpg');}
}

@media only screen and (max-width: 767px) { 
	.banner-header { top: 50px; margin-bottom: 20px; }
	
	/*.banner-header p { position: fixed; color: white; top: 9px; font-size: x-large; left: 0px;  z-index: 99999999; } */
}

@media only screen and (max-width: 600px)	{
	.banner-header {height: 200px;max-height: 200px;
	background-image: url('/wp-content/themes/plotnick/images/trilogy-banner-200h.jpg');}
}

/*.banner-header p {
	position: absolute;
	top: 2px;
	left: 271px;
	font-size: xx-large;
} */

.banner_title p {
	position: fixed;
	top: 10px;
	left: 10px;
	font-size: x-large;
	color:#fff;
	z-index: 10000000;
}

@media screen and (min-width: 768px) and (max-width: 3000px) { 
	.banner_title p	{ position: absolute; }
}

.navbar{
	border: none;
}

.navbar.navbar-default{
	width: 100%;
	background-color: black;
	border-color:black;
}

.navbar-default .navbar-nav>li>a {
	color: white;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #c48f4f;
}
	
.navbar-nav {
	margin-top: 5px;
}

.navbar.navbar-default {
	margin-bottom: 0px;
}

.nav>li>a {
	padding: 10px 30px;
}

@media only screen and (max-width: 767px) { 
	.navbar-default .navbar-nav>li>a { text-align: center;}
	.navbar.navbar-default { position: fixed; top: 0px;}
}

@media only screen and (min-width:768px) and (max-width: 1110px){
	.navmenu_align { float:right; }
	.navbar-nav { float: right; margin-right:20px; margin-top: 5px !important; }
	.nav>li>a { padding:10px 20px; } 
}

.custom {}
.nav_exile {}

.navmenu_align{ /* slight problem with this */
	/*width: 900px;*/ 
	float:right; 
	margin: 0 auto; 
	display: block;
} 

@media only screen and (max-width: 767px) { 
	.navmenu_align{ width: 100%; }
}

/*@media only screen and (min-width:768px) and (max-width: 1110px){
	.navmenu_align{float:right;}
}*/

.navbar-header {}
button.navbar-toggle {}
.sr-only {}
.navbar-collapse {}
.menu-main-navigation-container {}
#menu-main-navigation {}

@media only screen and (max-width: 767px) { /* not in use? */
	.war_soundy_audio_control { top: 63px!important;}
	.nav_title_fixed { position: fixed; }
}


/* CONTENT 
------------------------------------------------------------------------------------*/
.container-fluid.marketing{
	margin-top: 30px;
}

@media only screen and (min-width:768px){
	.marketing_cont{ margin-top: 50px;}
}

.novel_story{
	width: 700px;
	text-align: center; 
	margin: 0 auto 50px; 
	padding-top: 50px; 
	display: block;
}

@media only screen and (max-width: 767px) { 
	.novel_story{ width: 100%; }
}

@media only screen and (max-width: 600px)	{
	.novel_story{padding-top: 10px;}
}

.novel_story p	{
	background: url('/wp-content/themes/plotnick/images/transp/black40pc.png');
}

#books1 {
	background: url('/wp-content/themes/plotnick/images/transp/black20pc.png');
}

.featurette{}

/*.gallerycontainer{width: 75%; margin: 0 auto;}*/
.gallery_outer:before, 
.gallery_outer:after {
	content: '';
	clear:both;
	display:block;
}

@media only screen and (min-width:768px){
	.gallery_outer{ width:700px; margin: 0 auto; }
}

.gallery_thumb_spliter{
	float: left;
	width: 33.33333%;
	padding: 0 15px;
}

.gallerycontainer .bestthumbnail span img {
	width:100%; 
	max-width: 363px; 
	height:100%;
	height:auto!important;
}

@media screen and (max-width: 991px) { 
	.gallerycontainer{margin-top:30px;}
}

.plot_img img{
	width:100%;
	margin-top:50px;
}

@media (min-width: 1367px) {   
	.plot_img{ width:1000px; float: none; margin: 0 auto; clear: both; } 
}

.cover_text {}
#books {}

.hed_text_sec {
	text-align:justify;
}

.hed_text_sec p {
	background: url('/wp-content/themes/plotnick/images/transp/black20pc.png');
	}

@media only screen and (max-width: 767px) { 
	.hed_text_sec{ padding-left:0px; padding-right:0px;}
	.hed_img_sec{ padding-left:0px; padding-right:0px; }
	}
	
@media screen and (min-width: 768px) and (max-width: 991px) { 
	.hed_text_sec{ padding-left:0px; padding-right:0px; }
	.hed_img_sec{ padding-left:0px; padding-right:0px; }
}

@media screen and (min-width: 992px) and (max-width: 1700px) { 
	.hed_text_sec{padding-left:0px;}
	.hed_img_sec{padding-right:0px;}
}

.hed_sec{
	padding-left:0px;
	padding-right:0px;
	padding-top: 50px;
	margin-bottom: 50px;
}

.hed_img_sec img {
	height:auto;
	margin-top:0px!important;
}

/* TRANSITIONS 
------------------------------------------------------------------------------------*/

.grid-hide-header{
	position: fixed;
	top: 0;
}

.header_top{
	margin-top: 150px !important;
}

/* BackToTop button css */
#scroll {   
	position:fixed;
	right:10px;
	bottom:10px;
	cursor:pointer;
	width:50px;
	height:50px;
	background-color:#3498db;
	background-color: #584750;
	text-indent:-9999px;
	display:none;
	border-radius:60px;
}

#scroll span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff;
}

#scroll:hover {
	background-color:#e08e4c;
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
}

img.lazy {
     width: 100%; 
     display: block;
     text-align: left;
}

label	{
	font-weight: 300;
	font-size: .9em;
	color: #9f8a64;
	background: url('/wp-content/themes/plotnick/images/transp/black40pc.png');
}

label:hover	{
	color: #c48f4f;
	color: #fff;
}

.view_more{
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	cursor:pointer;
	font-style: italic;
}

.close_view_more{
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	cursor:pointer;
}

.ann_cus_img_ld {
	width: auto;
	text-align:left;
}

.pageSpreadCount	{
	text-align: center;
	font-style: italic;
	font-size: .9em;
	padding-bottom: 20px;
	}
   
.viewclose_label:before, 
.viewclose_label:after {
	clear: both;
	content: '';
	display: block;
}

.viewclose_label	{
	display: none;  /* hide this functionality unless Susanna wants it restored later */
}

section#about	{
	margin-top: 20px;
}

section#about,
section#purchase,section#contact{
	padding: 20px;
	border-top: 2px solid #000;
	border-bottom: 3px solid #000;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(102,88,64,0.50);
	-moz-box-shadow: 0px 0px 8px 1px rgba(102,88,64,0.50);
	box-shadow: 0px 0px 8px 1px rgba(102,88,64,0.50);
	margin-bottom: 20px;
	background: url('/wp-content/themes/plotnick/images/transp/black40pc.png');
}

.booksForPurchase	{
	margin-top: 20px;
	max-width: 100%;
}

.booksForPurchase .image	{
	display: table-cell;
	width: 520px;
	max-width: 100%;
}

.booksForPurchase .text	{
	display: table-cell;
}

section#purchase div.bookRow	{
	padding-bottom: 20px;
}

section#purchase div	{
	padding: 0px 10px 20px;
	vertical-align: top; 
	max-width: 100%;
}

section#purchase div.image img	{
	float: right;
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px)	{
	.booksForPurchase .image {width: 360px; max-width: 50%;}
}

@media only screen and (max-width: 735px)	{
	.booksForPurchase .image, .booksForPurchase .text	{display: block; width: 100%; text-align: center;}
	section#purchase div.image img	{float: none; text-align: center;}
}


p.pageSpreads,
p.dimensions,
p.shippingNote	{
	font-style: italic;
	font-size: .9em;
}

p.shippingNote	{
	margin: 20px 0 40px;
}

.booksForPurchase form	{
	margin-top: -30px;
}



/* BREAKPOINTS 
------------------------------------------------------------------------------------
max-device-width: 1024px
max-width: 767px
(min-width:768px)
(max-width: 991px)
(min-width:768px) and (max-width: 1110px)
(min-width:954px) and (max-width: 1110px)
(min-width: 1367px)
(min-width: 992px) and (max-width: 1700px)
(min-width: 768px) and (max-width: 3000px)
*/
.custom_img_popup{cursor:pointer;}
.anncustom_overlay{ display: none;position: fixed;height: 100%;width: 100%; top: 0;left: 0;background: #000000; z-index: 1;}
.anncustom_large ,.anncustom_large_pos{display: none;position: absolute;background: #FFFFFF;padding: 5px;z-index: 10;min-height: 200px;min-width: 200px;color: #336699;border-radius: 10px;}

@media screen and (min-width:1368px) and (max-width:1689px){
	.plot_img {width:1117px;padding-left:0px;padding-right:0px;}
}
@media screen and (min-width:1680px) and (max-width:1919px){
	.plot_img {width:1117px;padding-left:0px;padding-right:0px;}
}
@media screen and (min-width:1920px){
	.container {width: 1605px;}
	.plot_img {width:1575px;padding-left:0px;padding-right:0px;}
}
@media screen and (max-width:255px){
	.hed_text_sec h2{font-size: 17px;}
	.contact a{font-size: 12px;}
}