/*
Theme Name:	Near Nothing
Theme URI: http://fabapps.com/wordpress/nearnothing 
Description: Near Nothing is a bare bones theme with minimal markup and no images. It's made from scratch and consists of fewer than 500 lines of commented code. 
Version: 1.0
Author: Christian MacAuley
Author URI: http://fabapps.com
Tags: white, black, light, two-columns, left-sidebar, fixed-width, custom-menu, threaded-comments, sticky-post 
*/

/* basic reset */
	* { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, cite, table { margin-bottom: 0.8em; }
	ul, ol, li { margin-left: 0.5em; }

/* page wrappers */
  * {
    margin-left:auto;
    margin-right:auto;
  }    
	body {
		text-align: left;
		/*font-family: "Minion Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
    	font-size: 18px;
    	line-height: 24px;
		color: #333;
    	background-color: #fefefe;
	}



/* common tags */

/* links */

  a { text-decoration: none }
	a:link {
		color: #690;	
	}
	a:visited {
		color: #690;	
	}
	a:hover {
    color: #7AB801;
    border: none;
	}

/* prettier images */
	img { 
    border: none; 
  }

/* blockquote */
	blockquote, cite {
		font-size: 0.9em;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* posts */
	.postmeta, .postnavigation {
		font-size: 0.9em;
	}
	body.blog .post .postmeta, body.archive .post .postmeta, body.search .post {
		border-bottom: 1px solid #eee;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
		border-bottom: none;
	}

/* sidebar */
	#sidebar {
		width: 20%;
		float: left;
		padding: 20px 5px 20px 5px;
		margin-bottom: 20px;
		font-size: 0.9em;
	}
	#sidebar ul { 
		list-style-type: none;
		margin: 0;
	}
	#sidebar li {
		list-style-type: none;
		margin-left: 0;
	}
	#sidebar li li {
		list-style-type: disc;
		margin-left: 18px;
	}
	#sidebar ul {
	}
	#sidebar li ul ul {
		margin-left: 0;
	}
	#sidebar h2 {
		padding-bottom: 0.1em;
		margin: 0;
	}
	#sidebar .widget {
		margin-bottom: 20px;	
	}

/* footer */
	#footer {
		display: block;
		clear: both;
		border-top: 1px solid #eee;
		padding: 20px 0 10px 0;
	}
	#footer p {
		text-align: center;	
		font-size: 0.9em;
	}

/* topnav and footer nav */
	#topnav ul{
		list-style-type: none; 
		text-align: right;
		margin: 0;
	}
	#footer ul {
		list-style-type: none; 
		margin: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.95em;
	}
	#topnav li, #footer li {
		list-style-type: none; 
		display: inline; 
		padding-left: 0.5em;
    text-transform:lowercase;
	}
	#topnav li ul, #footer li ul {
		display: inline;
		padding: 0;
	}
  #footer ul { text-align: center; }
	#bottomnav {
		padding-bottom: 20px;
	}

  .home #bottomnav {
		display: none;
	}
  .home #footer p {
		display: none;
	}

  .home #footer {
		border-top: none;
	}

/* comments */
	#comments {
		font-size: 0.9em;	
	}
	#comments ol {
		margin: 0;
	}
	#comments li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#comments li ul {
		padding-left: 10px;
		margin-bottom: 0;
	}
	#comments .comment-body {
		padding: 10px 10px 0 10px;
		border-bottom: 1px solid #ccc;
	}
	#comments .comment-meta {
		font-size: 0.8em;
		padding-bottom: 0.5em;
	}
	#comments .reply {
		padding-bottom: 10px;
		font-size: 0.8em;
	}
	#comments .thread-even {
		background: #eee;	
	}
	#comments .thread-odd {
		background: #ddd;	
	}
	#respond {
		margin-top: 30px;
		padding: 10px;
	}
	#respond label {
		display: block;
	}
	#respond input, #respond textarea {
		font-family: Helvetica, sans-serif; 
		font-size: 10pt;
}

/* wordpress classes */
	.alignleft {
		float: left; 
		padding: 2px 8px 8px 2px;
	}
	.alignright {
		float: right;
		padding: 2px 2px 8px 8px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.wp-caption-text, .gallery-caption { 
		color: #666; 
		font-size: 0.8em; 
		padding: 3px 0; 
	}
	.gallery {
		padding: 10px 10px 25px 10px;
	}

/* customize search widget here */
	.widget_search #searchform {
	}
	.widget_search #searchform label {
		display: block;
	}
	.widget_search #searchform #s {
		width: 100px;
	}
	.widget_search #searchsubmit {	
	}

#book-wrapper {
}
#book-meta, #book-main {
  padding: 22px;
}

#book-main p {
  text-align: justify;  /* For Edge */
  word-wrap: break-word;
  overflow-wrap: break-word;
	
-webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}

#book-meta {
  display: none;
}
#book-main {
  margin-right: 40px;
  float: left;
  padding: 40px 0 0 60px;
  text-align: justify;
}

.book-title, .book-author, .book-author-translator {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height:25px;
  letter-spacing:1px;
  text-align: left;
  text-transform:uppercase;
}
.book-author {
  font-size:20px;
  line-height:20px;
}
.book-author-translator {
  font-size:12px;
  line-height:12px;
  margin-top: -12px;
}
.book-blurb {
  padding: 1.25em;
  background-color: #f3ede0;
  margin: 1.2em 0 1.7em 0;
}
#book-meta,
.field-label,
#book-author-bio,
.book-cover-art-credit,
.book-artist-bio {
  font-size:16px;
}
.book-art {
  padding: 17px 0 30px 0;
  margin:0;
  width:50%;
}
.pub-meta,
.book-cover-art-credit,
.book-artist-bio {
  line-height: 22px;
}
.book-offer-link  { 
  font-size: 11px;
  font-variant: small-caps;  
  text-transform: uppercase; 
}	
#book-offers p  { margin-bottom: 0 }
.book-cover-art-credit,
#book-author-bio {
  margin-bottom: 16px;
}
.gallery-label, .field-label { 
 /* font-variant: small-caps; 
  font-size: 105%;
  */
  text-transform: uppercase;
  font-size: 90%;
}
#book-author-bio { text-align: justify }
.book-cover-art-credit { margin-bottom: 1em; }
.pub-meta, .book-title { margin-bottom: 0px !important; }


ul.owlnav {
  list-style-type: none;
  text-align: center;
  margin-left: -19px;
  font-size: 0.95em;
  display:none;
}

.owlnav li {
  display: inline-block;
  padding: 0 0.08em; 
  vertical-align: middle;
}

.badges {
  display: inline;
  text-align: center;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #690; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button, #mc_embed_signup .acf-button {clear:both; background-color: #690; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 10px; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}


.buy-button {clear:both; background-color: #690; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0px; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}

a.buy-button:link {
		color: #fff;	
	}
a.buy-button:visited {
		color: #fff;
}
#mc_embed_signup .acf-button {margin:0 5px 10px 5px;}
#mc_embed_signup .acf-field {border-top-style: none;
border-top-width:0px;}

#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; margin-left: 0;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #8d8985; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}


/* mobile */

	#wrapper {
		display: block; 
		width: 100%;
	}

	#header {
		max-width: 100%;
		margin-top: 30px;
	}

	#content {
		width: 100%;
		padding: 2em 0em;
	}

	#main {
   		padding-top: 40px;
  	}
	ul.book-gallery li {
		margin-right:inherit;
		margin-left:inherit;
	}

	.hover-text {display: none;}

	ul.book-gallery {
  	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
    grid-gap: 32px 0px;
	margin-left: 20px;
    margin-right: 20px;
	align-items:center;
	justify-content: center;
}

.book-art img,
#book-preview img {
  -webkit-box-shadow: 4px 5px 15px 0px rgba(122,135,108,0.58);
  -moz-box-shadow: 4px 5px 15px 0px rgba(122,135,108,0.58);
  box-shadow: 4px 5px 15px 0px rgba(122,135,108,0.58);
}

.mobileswitch {
	display: inline;
}
.mobileswitch img{
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.desktopswitch {
	display: none;
}

.owllogo,
.owllogo img {
 display: block;
 clear: both;
 padding: 10px 0 10px 0; border-top: none;
 text-align: center;
	width: 70%;
}

.pagecontent {
  width: 80%;
}

#logotop {
  float: right;
  font-size: 16px;
  font-weight: normal;
  margin-right: 20px;
	margin-top: 16px;
  font-variant: small-caps;
  display:none;
}

.super-chimp {padding:0px;}

.padded-bottom {
  padding-bottom: 24px;
}

@media only screen and (min-width: 768px) {
	.owllogo img {max-width: 50%}
	#tabletpane {
		display: flex;
		flex-wrap: wrap;
	}
	.tabletoffers {width:40%;
	padding-top: 20px}
	
}




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

	.owllogo img {max-width: 50%}
	
	#wrapper {
		display: block;  	
		width:960px; 
	}
	#tabletpane {display: inline;}
.mobileswitch {
	display: none;
}
	
.desktopswitch {
	display: inline;
}	
	
	
	
	.hover-text {display: visible;}

/* main contents */
	#main {
    padding-top: 40px;
  }
	#content {
		width: 690px;
		padding: 2em;
	/*	min-height: 500px; */
	}
  
	.postmeta {
		clear: both;	
	}

/* header */
	#header {
		margin: 30px 0 20px 0;
    font-variant: small-caps;
    max-width: 850px;
	}
	


#logotop {
  float: right;
  font-size: 16px;
  font-weight: normal;
  margin-right:7px;
  display:none;
}
	
/*Single Book*/
	#book-meta, #book-main {
  padding: 22px;
}

#book-main p {
}
#book-meta {
  display: inline;
  width: 234px;
  float: left;
  margin-left: 7%;
  margin-right: 22px;
}
#book-main {
  width: 70%;
  float: left;
  padding: 0 0 0 2px;
  max-width: 28em;
  text-align: justify;
  margin-right: 0px;
}

/* not using book previewr? */
#book-preview {
  float: left;
  display: inline;
}

#books-gallery-wrapper {
  width: 750px;
}
ul.book-gallery {
  	list-style-type: none;
	display: inline-block;
	margin-left: 0px;
    margin-right: 0px;
}
	
ul.book-gallery li {
   display: inline-block;
height: 195px;
margin: 0 16px 32px 16px;
position: relative;
width: auto;
}
.gallery-label {
  line-height: 1.2em;
  max-width: 145px;
}

.attachment-thumbnail img{
  padding: 0;
}
.hover-text {
display: inline-block;
margin: 0 1em 1em 0;
position: relative;
}
span.hover-text {
height: 195px;
width: 154px;
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
left: 0;
position: absolute;
top: 0;
opacity: 0;
}
 
span.hover-text span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
ul.book-gallery li:hover span.hover-text { opacity: 1; }
.pagecontent {
  max-width: 32em;
}

	
}