/* 

Gere Donovan Press eBook Stylesheet v2.4
Please add to and iterate version as needed.
Canonical stylesheet is stored in /Volumes/File Server/Clients/GDP - Gere Donovan Press/_GDP_Resource/E-Book Assets 

*/

/*----------------stylesheet definition-------------------*/

body {	
	margin:2%;
}

body.chapter {
	margin-top:4em;
}

svg {
	height:95%;
	width:98%;
}
@page {
	margin-top:0.5em;
}

/*----------------toc-------------------*/


p.booktitles {
	text-align:center;
	font-style:italic;
	text-indent:0;
}
.center {
	text-align:center;
}

/*----------------content-------------------*/

/* 
The reader, in the end, will control their font size. 
But, for our purposes, we have assumed a default font-size of 12pt. 
All font-sizes, margins, line-heights, etc. that deviate from the 
default type size are proportionally designated in terms of "ems" 
(think of 1em = 100%). Some of the numbers look a little hairy with 
so many decimal places, but this ensures that all numbers are 
interpreted as whole point sizes when based on 12pt. 
*/

h1, h2, h3, h4, h5 {
	text-align:center;
	display:block;
	-webkit-hyphens:none;
}
h1 {
	margin-top:1em; 						/* 36pt based on 12pt */
	margin-bottom:3em; 						/* 36pt based on 12pt */
	font-size:1.7em; 							/* 24pt based on 12pt - Quite large. Used mostly for chapter headings which are usually simple numerals, so the size gives them oomph. */
	 		/* 28pt based on 24pt */
}
h1.cover {
	margin:0;
}
body.matter h1, 
h1.matter {
	font-size:1.75em; 						/* 21pt based on 12pt - For front and back matter. Matter <h1>s tend to be longer and wordier than chapter heading <h1>s, so we take the size down a pinch to equalize their visual weight.  */
	margin-top:1.714285714285714em; 		/* 36pt based on 21pt */
	line-height:1.333333333333333em; 		/* 28pt based on 21pt */
}
body.part h1, 
h1.part {
	margin-top:6em; 						/* 72px based on 12pt */
	font-size:1em; 							/* 12pt based on 12pt */
	text-transform: uppercase;
}
h2 {
	font-size:1.25em; 						/* 15pt based on 12pt */
	margin-top:1em; 						/* 15pt based on 15pt */
}
body.part h2, 
h2.part {
	font-size:1.5em; 						/* 18pt based on 12pt */
	line-height:1em; 						/* 18pt based on 18pt */
}
h3 {
	font-size:1.083333333333333em; 			/* 13pt based on 12pt */
	margin-top:0.923076923076923em; 		/* 12pt based on 13pt */
}
p {
	text-align:justify;
	text-indent:1em;
	margin-top:0em;
	margin-right:0em;
	margin-bottom:0em;
	margin-left:0em;
	line-height:1.5em;						/* 18pt based on 12pt */
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
p.figure + p,
p.noindent,
p.first {
	/* The gist of this rule is to prevent indents on paragraphs 
	directly following headers (h1-h5) or paragraphs following 
	paragraphs which containing large images (p.figure). 
	Unfortunately, not all devices recognize the "+" selector. 
	Sometimes a class is required to apply this rule. 
	We've created p.first for first paragraphs (just for added 
	semantic sass) and p.noindent for other exceptions where 
	no indent is desired. */
	text-indent:0;
}
p.figure {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.181818181818182em;		/* 24pt based on 11pt */
	margin-bottom:2.181818181818182em;	/* 24pt based on 11pt */
	text-indent:0;
	font-size:0.916666666666667em;		/* 11pt based on 12pt */
}
p.mattervoice {
	font-style:italic;
}
p.dedication {
	text-align:center;
	font-style:italic;
	text-indent:0;
	margin-top:1em;
}
p.blockquote { 
	/* p.blockquote is only included for backward compatibility. 
	Please use <blockquote> to contain <p>s when quoting text. */
	margin: 2em 1em 2em 2em;				/* 24pt 12pt 0 0 based on 12pt */
	text-indent: 0;
}
blockquote { 
	/* Please use <blockquote> to contain <p>s when quoting text. Apply
	the "first" class to the first paragaph within your blockquote to
	remove the indent. */
	margin: 2em 1em 2em 2em;				/* 24pt 12pt 0 0 based on 12pt */

}

blockquote.telegram {

	border: 0px solid black;
	margin: 1em 2em 1em 1em;
	padding: 1em 1em 2em 1em;
	outline-color:black; 
	outline-style:outset; 
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888; /* Safari and Chrome */
	box-shadow: 5px 5px 5px #888;
}

p.attribution, cite {
	/* p.attribution is only included for backward compatibility. 
	Please use <cite> within a <p> styling attributions. */
	display:block;
	margin: 2em 1em 2em 2em;				/* 24pt 12pt 0 0 based on 12pt */
	text-align:right;
	font-style:normal;
}
p.signage {
	/* Special case used in Kate 5 - Play with Fire */
	text-transform:uppercase;
	text-indent:0;
	text-align:center;
	margin: 1em 2em;
}
p.stanza {
	/* Special case used in Kate 5 - Play with Fire, and others. */
	margin: 1em 0em 1em 2em;
	text-indent:0;
}
p.excerptintro {
	font-style:italic;
	text-indent:0;
}
p.fineprint {
	font-size:0.916666666666667em;			/* 11pt based on 12pt */
}
p.pause { 
	/* Use for instances where you want greater visual separation 
	between paragraphs, but not something as dramatic as a scenebreak. */
	margin-top:1em;
	text-indent:0;
}
p.scenebreak {
	/* Wrap <p class="scenebreak"> around three middots to create 
	a scenebreak, like so: <p class="scenebreak">&middot; &middot; &middot;</p> */
	margin-top:0.857142857142857em;			/* 12pt based on 14pt */
	margin-bottom:0.857142857142857em;		/* 12pt based on 14pt */
	text-align: center;
	text-indent: 0;
	font-weight:bold;
	font-size:1.166666666666667em; 			/* 14pt based on 12pt */
}
p.scenebreak + p {
	margin-top:1em;
	text-indent:0;
}
.smallcaps { 
	/* It's here if you need it, but it's use is discouraged. 
	Generally speaking, the small-caps version of fonts installed 
	on most ereaders are awkward looking. */
	font-variant: small-caps;
}
.caps { 
	/* Surround all caps text with this class to take its 
	size down a notch, this will help all caps text blend in with 
	the normal text in the surrounding paragraph and keep it from 
	"shouting" like so: <span class="caps">SHOUT-NO-MORE</span> */
	font-size: 0.833333333333333em;			/* 10pt based on 12pt */
	text-transform: uppercase;
}
a {	
	text-decoration:underline;
	color:#636363;
}
div.keep {
	display: inline-block;
}
p.prelude, p.interlude, p.postlude {
	margin-top:8em;
	text-indent:0;
}
/* ---SC-- */
.toc{
	text-align:left;
	list-style:none;
	text-indent:0em;
}
p.copyright-1-space-above
{
	text-align: center;
	font-size: 0.8em;
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
p.copyright-2-no-space
{
	text-align: center;
	font-size: 0.8em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
p.copyright-3-space-below
{
	text-align: center;
	font-size: 0.8em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
}
p.full-out
{
	text-indent: 0;
	margin-top: 1em;

}
.left
{
	text-align: left;
}
a, a:visited, a:active, a:link{ 
	text-decoration:underline;
	color: #000;              
}

a span
{
	text-decoration: underline; 
	color: #000; 
}
h1.book-title	/* Use h1 for title page only */
{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.7em;
	margin-top:  1em;
	margin-bottom: 1em
}

h2.book-subtitle
{
	text-align: center;
	font-weight: bold;
	margin-bottom: 1.5em;
	font-size: 	1.6em
}

h2.book-author
{
	text-align: center;
	font-weight: bold;
	margin-top: 0em;  			
	margin-bottom: 2em;
	font-size: 	1.6em
}


  
/*
=================================================================================
BODY TEXTS
=================================================================================
*/

p.full-out
{
	text-indent: 0;
	margin-top: 1em;

}

p.indent
{
	text-indent: 1em;
}

p.indent-space-above
{
	text-indent: 1em;
	margin-top: 1em;
}

p.extract
{
	margin-left: 2em;
	margin-right: 2em;
}

	
.center-text{
	text-indent:0;
	margin-left:0;
	margin-right:0;
	text-align:center;
	margin-top:2em;
	margin-bottom:1em;
	}

.page-break{
	page-break-before:always;
	}


								/* Extra spacing classes*/
								
.space-before-single
{
	margin-top: 1em;
}
.space-after-single
{
	margin-bottom: 1em;
}
.space-before-double
{
	margin-top: 2em;
}
.space-after-double
{
	margin-bottom: 2em;
}

/* prelim and endmatter-only header with no space above */
h3.endmatter-header
{
	text-align: center;
	font-weight: bold;
	page-break-after: avoid;
	margin-top:  1em;
	margin-bottom: 2em;
	font-size: 	1.5em
}



/*
=================================================================================
BREAKS
=================================================================================
	Apply to * to show a narrative break / section break
*/

p.section-break
{
	text-align:center;
	text-indent: 0px;
	margin-top: 2em;
	margin-bottom: 1em;
}
  
/*
=================================================================================
IMAGES, CAPTIONS & LISTS
=================================================================================
*/

/* Full page images */

div.full-page-image
{
	page-break-after: always;
	page-break-before: always;
	page-break-inside: avoid;
	max-height: 100%;
	max-width: 100%;
}

/* Integrated images */

div.mid-image
{
	text-align: center;
	page-break-inside: avoid;
	margin-top: 1em;
  	margin-bottom: 1em;
	max-height: 100%;
	max-width: 100%;
}

/*
=================================================================================
HOZ ENDMATTER
=================================================================================
*/


/*<![END BUTTONS]!>*/

  div.one-em-spacer{ 
  margin-top: 1em;
  margin-bottom: 1em;
  }

  div.two-em-spacer{ 
  margin-top: 2em;
  margin-bottom: 2em;
  }

  div.three-em-spacer{ 
  margin-top: 3em;
  margin-bottom: 3em;
  }
  
  div.four-em-spacer{
  margin-top: 4em;
  margin-bottom: 4em;
  }

  div.centered{
  text-align: center;
  }    


		/*<![logos]!>*/
		  
  .hoz-logo{
  page-break-inside: avoid;
  height: 100px;
  width: 100px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 10px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/hoz-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  }
    
 /*  .apollo-logo{
  page-break-inside: avoid;
  height: 100px;
  width: 100px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 6px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/apollo-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  } */
  
 /*  .aria-logo{
  page-break-inside: avoid;
  height: 100px;
  width: 100px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 10px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/aria-logo-black.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  }
  
  .anima-logo{
  page-break-inside: avoid;
  height: 100px;
  width: 100px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 6px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/Anima_A_1000.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  }  
  
  .zephyr-logo{
  page-break-inside: avoid;
  height: 100px;
  width: 100px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 6px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/zephyr-logo-1000.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  }   */



  
		/*<![buttons]!>*/
		
  a.btn{
  border-radius: 0.25em;
  padding-top: 1em;
  padding-right: 1.25em;
  padding-bottom: 1em;
  padding-left: 1.25em;
  text-decoration: none;
  border-style: solid;
  border-width: 0.15em;
  border-color: #ffffff;
  page-break-inside: avoid;
  }
  
  
		/* hoz buttons */  

  a.hoz-btn{
  background-color: #f26788;
  color: #ffffff;
  }
  
  a.hoz-icon-btn{
  background-color: #f26788;
  color: #ffffff;
  background-image: url("../Images/hoz.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  }

 		/* apollo library buttons */  

  a.apollo-btn{
  background-color: #fdcc45;
  color: #000000;
  }
  
  /* a.apollo-icon-btn{
  background-color: #fdcc45;
  color: #000000;
  background-image: url("../Images/apollo-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  }
 
		/* aria buttons */  
		
  a.aria-btn{
  background-color: #82cc24;
  color: #ffffff;
  }

 /*  a.aria-icon-btn{
  background-color: #82cc24;
  color: #ffffff;
  background-image: url("../Images/aria-logo-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  } */
  
  
      	/* anima buttons */
      	
  a.anima-btn{
  background-color: #007973;
  color: #ffffff;
  }
  
/*   a.anima-icon-btn{
  background-color: #007973;
  color: #ffffff;
  background-image: url("../Images/Anima_A_512.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  } */

      	/* zephyr buttons */
      	
  a.zephyr-btn{
  background-color: #396b9c;
  color: #ffffff;
  }
  
 /*  a.zephyr-icon-btn{
  background-color: #396b9c;
  color: #ffffff;
  background-image: url("../Images/zephyr-logo-512-blue.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  } */ 
  
  
		/* social media */  

  a.twitter-icon-btn{
  background-color: #00aced;
  color: #ffffff;
  background-image: url("../Images/twitter.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  }

  a.facebook-icon-btn{
  background-color: #3b5998;
  color: #ffffff;
  background-image: url("../Images/facebook.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  }

  a.bookgrail-icon-btn{
  background-color: #64aed9;
  color: #ffffff;
  background-image: url("../Images/bookgrail.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  }

  a.instagram-icon-btn{
  background-color: #e1306c;
  color: #ffffff;
  background-image: url("../Images/instagram.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 4em;
  }

/*<![MENU BUTTONS]!>*/
  
  div.menu{
  width: 70%;
  margin: 0 auto;
  }
  
  a.menu-btn{
  border-width: 0.1em;
  display: block;
  }  

/*this for internal links*/

  a.menu-btn-int{
  border-width: 0.1em;
  display: block;
  }  

/* this for links to external websites etc.*/

  a.menu-btn-ext{
  border-width: 0.1em;
  display: block;
  }  


  
  .hoz-logo.bw{
  background-image: url("../Images/hoz-logo-bw.png");			/* b&w HoZ logo for Welcome page only */
  }

  .url{ 			
  margin-left:0;
  margin-top:1.25em;
  margin-right:0;
  margin-bottom:0;
  text-indent:0;
  text-align:center;
  widows:2;
  orphans:2;
  }

/* /// button colours /// */

.pale-grey{
  	background-color: #a3a3a3;
  	color: #000000;
	} /* the new for-all-imprints button colour*/

.hoz-pink{
	background-color: #f26788;
  	color: #ffffff;
  	}

.aria-green{
    background-color: #82cc24;
    color: #ffffff;
	}
	
.apollo-yellow{
  	background-color: #fdcc45;
  	color: #000000;
	}

.zephyr-blue{
  	background-color: #396b9c;
  	color: #ffffff;
	}

.anima-teal{
  	background-color: #007973;
  	color: #ffffff;
	}

.grey{
  	background-color: #888888;
  	color: #ffffff;
	}



					

/*<![IMAGE GRIDS]!>*/

/* /// tables /// */

tr,td{
	vertical-align:top;
	border-collapse:none;
	padding:.5em;
	}

table{
	width:100%;
	max-width:100%;
	border-collapse:none;
	}

td a {
	text-decoration: none;
	color: #000000;
	}

img.grid{
	display:block;
	width: 100%;
	}

/* 1 image row: original class for single-image row. Original name: table.advert */
table.advert-single{			
	margin-left: 25%;
	width: 50%;
	page-break-inside: avoid;
	}

/* 2-image row. Original name: table.advert_a */	
table.advert-double{			
	margin-left: 17%;
	margin-right: 17%;
	width: 66%;
	}
	
/* 3-image row Note: is styled in-line, no special class */ 						



/* /// buttons /// */

   
  a.after-grid-btn{							
  border-radius: 0.25em;
  margin-top: 5em;	
  
  padding-top: 1em;
  padding-right: 1.25em;
  padding-bottom: 1em;
  padding-left: 1.25em;
  
  text-decoration: none;
  
  border-style: solid;
  border-width: 0.15em;
  border-color: #ffffff;
  
  page-break-inside: avoid;
  } 	
	
.find-out-more{			
	text-indent:0;
	text-align:center;
	text-decoration: none;
	font-size:0.85em;

	margin-left:-0.1em;				/* /// NB /// */
	margin-right:-0.1em;			/* /// NB /// */
	
	margin-bottom:3em;			/* /// added in because after single ad the 'Visit HoZ Now' button was overlapping /// */

  	border-radius: 0.25em;
  	border-style: solid;
  	border-width: 0.1em;
  	border-color: #ffffff;

  	padding-top: 0.8em;
  	padding-right: 0.5em;
  	padding-bottom: 0.8em;
  	padding-left: 0.5em;

  	page-break-inside: avoid;
	page-break-before: avoid;
	}


/*<![]!>*/

.cover
{
margin:0;
text-align:center;
page-break-inside: avoid;
}