/*
*********************************************************************************
*                           HEAD OF ZEUS STYLESHEET 							*
*********************************************************************************
	
Copyright © Head of Zeus Ltd., 2018

Also applicable to all Head of Zeus imprints: Anima, Aria, Apollo, Apollo Library, Zephyr.

=================================================================================
GUIDELINES
=================================================================================
	
		* DO NOT EDIT THIS FILE!
		
		* Place any custom and/or customized classes in a new file called 'custom.css'
	
		* Classes must use a descriptive name, in lower case, 
		  joined with hyphens: e.g. .book-title
		
		* Avoid non-descriptive numerics: .book-title2
		
		* Headings should attempt to avoid page breaks

		* Avoid class proliferation: 
		  	
=================================================================================
TABLE OF CONTENTS
=================================================================================
	
		THE BASICS
		HEADINGS
		BODY TEXTS
		BOOK FRONTMATTER
		BREAKS
		DISPLAY TEXTS
		IMAGES, CAPTIONS & LISTS
		BOOK BACKMATTER
		HOZ ENDMATTER
	
	
*/

/*
=================================================================================
THE BASICS
=================================================================================
	1. Body
	2. Basic h1-6
	3. Basic p
	4. Links
	5. Extra spacing classes (before and after)
	6. Text formats
*/


body
{
	margin-left:  3%;
	margin-right:  3%;
	margin-top:  3%;
	margin-bottom:  3%;
}

h1, h2, h3, h4, h5, h6
{
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	page-break-after: avoid;
}


p
{
	text-align: justify;
	text-indent: 0em;
	margin-top: 0;
	margin-bottom: 0;
	orphans: 2;
	widows: 2;
}

										/* Links */
a, a:visited, a:active, a:link{ 
	text-decoration:underline;
	color: #000;              
}

a span
{
	text-decoration: underline; 
	color: #000; 
}


a.toc-link{
	text-decoration: none;
}

								/* 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;
}



								/* Text format classes */

/* /// text alignment /// */

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}

.justify
{
	text-align: justify;
}

.hanging-indent-full
{
	text-indent: -2em;
	padding-left: 2em;

}

.hanging-indent-extract
{
	text-indent: -2em;
	padding-left: 2em;
	margin-left: 2em;
	margin-right: 2em;
}	
		
		
/* /// font-families /// */

.sans
{
	font-size: 0.8em;
	font-family: sans-serif;
}

.serif
{
	font-family: serif;
}

.mono
{
	font-family: monospace;
}


/* /// character styles /// */		
					
.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bolditalic
{
	font-weight: bold;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}

.strikethrough
{
	text-decoration: line-through;
}


.caps
{
	text-transform: uppercase;
}

.small-caps
{
	font-variant: small-caps;
	font-size:0.8em;
}

.smaller
{
	font-size: 0.85em
}

.larger
{
	font-size: 1.15em
}

.superscript
{
	line-height: 40%;
	font-size:.65em;
	vertical-align:super;
}
	
.subscript{
	line-height: 40%;
	font-size:.65em;
	vertical-align:sub;
}


/* 
=================================================================================
HEADINGS																		
=================================================================================
	1. Title page headings
	2. Part headings
	3. Chapter headings
	4. Sub headings (a, b, c, d, e)
*/

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
}

h2.part-number
{
	text-align: center;
	font-weight: bold;
	margin-top:  3em;
	margin-bottom: 2em;
	font-size: 	1.6em
}

h2.part-name
{
	text-align: center;
	font-weight: bold;
	margin-top:  1em;
	margin-bottom: 0;
	font-size: 	1.6em
}

/* 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
}

/* suffix numbers on the chapter-header names match the numbers in the HoZ Word & InDesign templates */

h3.chapter-header-1
{
	text-align: center;
	font-weight: bold;
	page-break-after: avoid;
	margin-top:  3em;
	margin-bottom: 2em;
	font-size: 	1.5em
}

h3.chapter-header-2
{
	text-align: center;
	font-weight: bold;
	page-break-after: avoid;
	margin-bottom: 2em;
	font-size: 	1.3em
}

h4.chapter-header-3
{
	text-align: left;
	page-break-after: avoid;
	margin-top: 2em;
	font-size: 	1.3em
}

h4.chapter-header-4
{
	text-align: left;
	page-break-after: avoid;
	margin-top: 2em;
	font-size: 	1.2em
}

h5.chapter-header-5
{
	text-align: left;
	page-break-after: avoid;
	margin-top: 2em;
	font-size: 	1.1em
}

h6.chapter-header-6
{
	text-align: left;
	page-break-after: avoid;
	margin-top: 2em;
	font-size: 	1.0em
}



/*
=================================================================================
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;
}

/*
=================================================================================
BOOK FRONTMATTER
=================================================================================
*/
/* "note" and "note-indent" classes to be used for both endnotes and footnotes*/

p.toc-1
{
margin-bottom: 0.3em; 
text-align: left;
font-weight: normal;
}

p.toc-2
{
margin-left: 1em;
margin-bottom: 0.3em;
text-align: left;
font-weight: normal;
}

p.toc-3
{
margin-left: 2em;
margin-bottom: 0.3em;
text-align: left;
font-weight: normal;
}


/*
=================================================================================
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;
}


/*
=================================================================================
DISPLAY TEXTS
=================================================================================
These match exactly by name the extract styles in both the DOCX and INDD templates.
*/

p.extract-0-digital
{
	text-align: justify;
	text-indent: 0;

	font-size: 0.8em;
	font-family: sans-serif;

	margin-top: 1em;
	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-FO-0-single-spaced
{
	text-align: justify;
	text-indent: 0;

	margin-top: 1em;
	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-FO-1-1st
{
	text-align: justify;
	text-indent: 0;

	margin-top: 1em;
	margin-bottom: 0;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-FO-2-mid
{
	text-align: justify;
	text-indent: 0;

	margin-top: 0;
	margin-bottom: 0;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-FO-3-last
{
	text-align: justify;
	text-indent: 0;

	margin-top: 0;
	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}



p.extract-IN-0-single-spaced 
{
	text-align: justify;
	text-indent: 1em;

	margin-top: 1em;
	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-IN-1-1st
{
	text-align: justify;
	text-indent: 1em;

	margin-top: 1em;
	margin-bottom: 0;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-IN-2-mid
{
	text-align: justify;
	text-indent: 1em;

	margin-top: 0;
	margin-bottom: 0;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-IN-3-last
{
	text-align: justify;
	text-indent: 1em;

	margin-top: 0;
	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-right-1-1st
{
	text-align: right;
	text-indent: 0;

	margin-top: 2em;
	margin-bottom: 0;

	margin-left: 2em;
	margin-right: 2em;
}

p.extract-right-2-mid
{
	text-align: right;
	text-indent: 0;

	margin-top: 0;
	margin-bottom: 0;

	margin-left: 2em;
	margin-right: 2em;
}

p.extract-right-3-last
{
	text-align: right;
	text-indent: 0;

	margin-top: 0;
	margin-bottom: 2em;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-centre-0-single-spaced
{
	text-align: center; 
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 2em;
}


p.extract-centre-1-space-before
{
	text-align: center; 
	text-indent: 0;

	margin-top: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-centre-2-no-space
{
	text-align: center; 
	text-indent: 0;

	margin-left: 2em;
	margin-right: 2em;
}


p.extract-centre-3-space-after
{
	text-align: center; 
	text-indent: 0;

	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}



p.verse-0-FO-1st
{
	text-align: left;
	text-indent: -2em;
	padding-left: 2em;

	margin-top: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.verse-1-FO-mid
{
	text-align: left;
	text-indent: -2em;
	padding-left: 2em;

	margin-left: 2em;
	margin-right: 2em;
}


p.verse-2-IN-mid
{
	text-align: left;
	text-indent: -1em;
	padding-left: 2em;


	margin-left: 2em;
	margin-right: 2em;
}


p.verse-3-IN-last
{
	text-align: left;
	text-indent: -1em;
	padding-left: 2em;

	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}


p.verse-4-FO-last
{
	text-align: left;
	text-indent: -2em;
	padding-left: 2em;

	margin-bottom: 1em;

	margin-left: 2em;
	margin-right: 2em;
}




/*
=================================================================================
IMAGES, CAPTIONS & LISTS
=================================================================================
*/

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


/* 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%;
}

p.caption
{
	font-size: 0.8em;
	text-indent: 0em;
	text-align: center;
	margin-top:0.5em;
	margin-bottom: 1em;
	page-break-before: avoid;

}

/* DOCX/INDD template style name: z-list-numbered */
ol.list-numbered
{
	margin-top:1em; 
	margin-right:2em;
	margin-bottom:1em;
	list-style-type: decimal;
}

/* DOCX/INDD template style name: z-list-bullet */
ul.list-bullet
{
	margin-top:1em;
	margin-right:2em;
	margin-bottom:1em;
	list-style-type: disc;
}

/* For reference:
list-style-type: circle;				(hollow circle)
list-style-type: disc;					(filled circle)
list-style-type: square;				(square)
list-style-type: decimal;				(1, 2, 3)
list-style-type: decimal-leading-zero;	(01, 02, 03)
list-style-type: lower-latin;			(a, b, c)
list-style-type: upper-latin;			(A, B, C)
list-style-type: lower-roman;			(i, ii, iii)
list-style-type: upper-roman;			(I, II, III)
*/



/*
=================================================================================
BOOK MATTER
=================================================================================
*/

/*hanging indents in endnotes; no hang on footnotes */


p.endnote-full-out
{
	text-align: justify;
	font-size: 0.8em;
	margin-left: 2em;
	margin-right: 2em;
	text-indent: -2em;
	padding-left: 2em;
}

p.endnote-indent
{
	text-align: justify;
	font-size: 0.8em;
	margin-left: 2em;
	margin-right: 2em;
	text-indent: 1em;
	padding-left: 2em;
}



p.footnote-full-out
{
	text-align: justify;
	font-size: 0.8em;
	margin-left: 0em;
	margin-right: 0em;
	text-indent: 0em;
}

p.footnote-indent
{
	text-align: justify;
	font-size: 0.8em;
	margin-left: 0em;
	margin-right: 0em;
	text-indent: 1em;
}

.footnote-border
{
	margin-top:3em;
	border-bottom:1px solid;
	padding:10px;
	width:30%;
}

p.index-main
{
	margin-bottom: 0.3em; 
	text-align: left;
	font-weight: normal;
	font-size: 0.85em;
	text-indent: -2em;
	padding-left: 2em;
}

p.index-sub
{
	margin-left: 1em;
	margin-bottom: 0.3em;
	text-align: left;
	font-weight: normal;
	font-size: 0.85em;
	text-indent: -2em;
	padding-left: 2em;
}

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;
}

/*
=================================================================================
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: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  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;
  }

  
  .hoz-logo.bw{ /* b&w HoZ logo for Welcome page only */
  background-image: url("../Images/hoz-logo-bw.png");			
  }
    
  .apollo-logo{
  page-break-inside: avoid;
  height: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  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: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  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;
  }
  
/* for the Title_page */
  .aria-logo-bw{
  page-break-inside: avoid;
  height: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/aria-logo-bw.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  }
  
    .aries-logo-bw{
  page-break-inside: avoid;
  height: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  border-color: #000000;
  background-color: #ffffff;
  background-image: url("../Images/aries-logo-bw.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  }
  
  .anima-logo{
  page-break-inside: avoid;
  height: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  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: 60px;
  width: 60px;   
  border-radius: 50%;
  border-style: solid;
  border-width: 5px;
  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: #65AF8C;
  color: #ffffff;
  }

  a.aria-icon-btn{
  background-color: #65AF8C;
  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-int{
  border-width: 0.1em;
  display: block;
  }  

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



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


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

.aria-green{
    background-color: #65AF8C;
    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;
	}
	
.pale-grey{					/*for all imprints' general button colour*/
  	background-color: #a3a3a3;
  	color: #000000;
	} 
					

/*<![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: #ffffff;
	}

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

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

/* 2-image row */	
table.advert-double{			
	margin-left: 17%;
	margin-right: 17%;
	width: 66%;
	}
	
/* 3-image row does not require special class */ 						



/* /// buttons /// */
	
.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;
	}
	
.center-text{
	text-align:center;
	text-indent:0;
	margin-left:0;
	margin-right:0;
	margin-top:1em;
	margin-bottom:1em;
	}

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

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

/*<![]!>*/


/*
=================================================================================
Changelog:
=================================================================================

Created 29/01/2016
Updated 20/05/2016
Updated 19/07/2017
Updated 22/01/2018
		1. Added: 	"note" & "note-indent": to be used for notes and footnotes.
		2. Added in hanging indent to these two styles.
		3. Removed all line-height specifications as Amazon reject files with this in.
		4. Fonts sizes for headers added in.
Updated 18/04/2018
		1. Added Instagram button code
		2. Fonts sizes for headers modified.
		3. Removed the following class as we now insert a chapter number into books
		   that do not have them because otherwise ebook navigation is impossible.

			h3.chapter-title-hidden	 /*Use if no chapter title, e.g. Fool Free, Tiger Milk
			{	
				text-align: center;
				margin-top:  2em;
				margin-bottom: 4em;
				font-size: 	1.5em
				font-weight: bold;
			}
			
		4. Changed extract specifications:
		    i. Removed classes "extract-full-out" and "extract-indent"
			   because it doesn't account for multiple para extracts with mixed FO and IN
			   Replaced with "extract".
			   
		   ii. Changed "extract" class from a div class to a p class
			   because I can't see how the conversion software is to detect/apply a div class
			   to a group of paragraphs automatically.
			   
			   I have looked a sample of books supplied to us and the only div classes used by 
			   our suppliers are in the content we supply as HTML, with the exception of some 
			   illustrated books, in which images are in divs
			   Thus, they do all text with p classes.

Updated 08/05/2018
		Removed the following CSS class
		Because: I think it is a now-unused artefact of the development process
		and thus is unneeded.
			  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;
				  } 
				  	
		Duplicated the "menu-btn" and changed
		one to refer to INTERNAL LINKS and the other EXTERNAL LINKS
		Because: this is for the POD process – need an error-proof way
		of the automation tool distinguishing between
		INTERNAL links: remove all text & hyperlinks
			(utterly remove the buttons & content)
		EXTERNAL links: extract the content text & hyperlink for display. 
			Remove all other aspects of button.
		
					a.menu-btn-int{
					border-width: 0.1em;
					display: block;
					}  

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

Updated 10/05-2018
		Added image class for integrated images
		Edited caption class to change "page-break-after: avoid"
		to "page-break-before: avoid".

Updated 21/05/2018	– HOZ ALL STYLES – SC test #1

		• Added 3 TOC list styles, toc-1, toc-2, toc-3
		  to accommodate 3 levels of toc entry.
		• Added Cover style
		• Added max-height and max-width to 
			div.full-page-image
			div.image
		• Added a copyright style
		• Changed h1.book-title specification"
			from:
			margin-top:  12.5%;
			to:
			margin-top:  1em;
		• Changed "center-text" margin-top from 2em to 1em
		• Added header for endmatter that has no space above
		  so appears at the top of the page
		  Only difference between this and "h3.chapter-header-1" 
		  (which it is based on) is margin-top (from 3em down to 1em)
				h3.endmatter-header
					{
						text-align: center;
						font-weight: bold;
						margin-top:  1em;
						margin-bottom: 2em;
						font-size: 	1.5em
					}
		• Changed "h2.book-author" to have margin-top 4em (from 2em)
		• Changed "h5.chapter-header-3"
				font-weight: bold;
				margin-top: 2em;
		• Added style:
			p.*indent-space-above
				{
					text-align: justify;
					text-indent: 1em;
					margin-top: 1em;
					margin-bottom: 0;
				}
		• Edited superscript and subscript to have a line-height of 60%
		• Edited header styles from chapter-header-3 down to have 2em above,
		but h4–h6 have only 1em below as that space will be handled 
		by the full-out style..
		• Changed hanging-indent to hanging-indent-full
		• Added hanging-indent-extract which is the same, but with 2em margins L & R
		• Added list classes:
			ol.ordered-list
			ul.unordered-list
		• 

Updated 24/05/2018 – HOZ ALL STYLES – DV test #1

		• Removed "*" from style names in CSS:
				p.*full-out
				p.*indent
				p.*indent-space-above
				p.*section-break

			to:
				p.full-out
				p.indent
				p.indent-space-above
				p.section-break
		• Renamed header styles h3–h8 
		  to remove h7 and h8 as they're not recognised by HTML.
		• p class: text-indent reduced from 1 to 0em
		• .smallcaps: added  font-size:0.8em
		• Edited superscript and subscript to have a line-height of 40%
		• Changed: div.full-page-image – changed page-break-before: always to avoid
		• COMPOUND STYLE REPLACEMENT:
			Added a custom/individual style for every extract text paragraph type.
			Have left the old compound style building blocks in 
			(e.g. justify, space-above-single) for ad hoc use.
			• Made 3 extract-right classes (1st, mid, last)
		• Renamed hanging note styles 'note' and 'note-indent' to
		  p.endnote-full-out
		  p.endnote-indent
		• Added footnote styles – the same as above, but without a hanging indent
		  p.footnote-full-out
		  p.footnote-indent
		• Added 3 copyright styles (top, mid, last)
		  p.copyright-1-space-above
		  p.copyright-2-no-space
		  p.copyright-3-space-below
		• Added 'bolditalic' single style

Updated 06/06/2018 – HOZ ALL STYLES TEST TWO – SC Test TWO
		• Corrected lack of space below Verse 3, Verse 4, Extract Centre 3
		• Corrected margins on toc-1, toc-2, toc-3
		• Added 'footnote-border'.
		
Updated 06/06/2018 – HOZ ALL STYLES TEST TWO – DV Test TWO
		• added small space above TOC entry on all styles
		• added commas and required # in a styles.
		• p.caption: 	margin-top:0.5em;      added this line
		• full-page-image 	Changed: page-break-before: always;
		• ol.ordered-list
			deleted margin-left:0 line
			changed margin-top and margin-bottom to 1em
		• ul.unordered-list
			deleted margin-left:0 line
			changed margin-top and margin-bottom to 1em
		• deleted repeated link class from HOZ ENDMATTER section
		• changed endnote-indent: 	text-indent: 1em;
		• Added part-name class, distinct from the part-number class (renamed from part-header)
		• Increased ol and ul to have margin-right:2;
		• Ch-header-3: removed font-weight: bold;
		• Added two index styles:
				p.index-main and p.index-sub
		• Added "p.extract-0-digital" which is identical to "Extract_0-FO_single_spaced"
		  but is also set to be sans-serif.

Updated 19/06-2018 – HOZ ALL STYLES TEST TWO – NG Test TWO
		• Added margin-top: 1em to full-out
		• Increased margin-top: 1em to 2em on section-break
			section break margin-bottom:1em + full-out margin-top:1em =
			equal space above and below section breaks.
			
Updated 21/06-2018 – HOZ ALL STYLES TEST THREE – DV Test THREE
		• Reduced index-main and index-sub to font-size: 0.85em to avoid compounding with 'smaller'.
		
Updated 21/06-2018 – HOZ ALL STYLES TEST THREE – NG Test THREE
		• Added note on use of hanging-indent-full and hanging-indent-extract
		• Added "text-align:center;" to div.full-page-image

Updated 12/04-2019 –   .aria-logo-bw{
		• Reduced size of Aria logo on Welcome page.
			  height: 60px;			(down from 100)
			  width: 60px;    		(down from 100)
			  border-width: 5px; 	(down from 10)
Updated 31/10-2019 – new Aria brand colour
		• Updated references to Aria colour from #82cc24; to #65AF8C;
			/* aria buttons   
				a.aria-btn
				a.aria-icon-btn
			/* /// button colours /// 
				.aria-green{	
		
*/