@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: normal;
	src : url("../font/Roboto-Regular.ttf");
}

@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: normal;
	src : url("../font/Roboto-Italic.ttf");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: bold;
	src : url("../font/Roboto-Bold.ttf");
}

@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: bold;
	src : url("../font/Roboto-BoldItalic.ttf");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: normal;
	src : url("../font/CormorantGaramond-Regular.ttf");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: normal;
	src : url("../font/CormorantGaramond-Italic.ttf");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: bold;
	src : url("../font/CormorantGaramond-Bold.ttf");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: bold;
	src : url("../font/CormorantGaramond-BoldItalic.ttf");
}

@page {margin: 10px;}

html, body, div, span, object, iframe, blockquote, pre {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {line-height: 145%;}

p {
	font-size: 1em;
	line-height: 145%;
	text-indent: 0;
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4, h5, h6 {hyphens: none; -webkit-hyphens: none; line-height: 110%; margin: 0; padding: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul, li, dl, dt, dd {
	margin: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

a {text-decoration: none; color: black;}

a:link, a:visited, a:hover, a:active {-webkit-text-fill-color: black;}

a.blue, a.blue:link, a.blue:visited, a.blue:hover, a.blue:active {-webkit-text-fill-color: blue;}

a.ecwcolour, a.ecwcolour:visited {-webkit-text-fill-color: #0380c3; color: #0380c3; text-decoration: underline;}

.basic {
	text-indent: 1.5em;
}

.basiccenter {
	text-align: center;
	
}

.basicright {
	text-align: right;
}

.basicnoindent {
	text-indent: 0;
}

/* TITLE PAGE */

.title {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	font-size: 2em;
	padding-top: 15%;
	text-align: center;
}
.subtitle {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	font-size: 1.5em;
	padding-top: 2em;
	text-align: center;
}
.author {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 2em;
	text-align: center;
	letter-spacing: 0.1em;
}

/* TABLE OF CONTENTS */

.contentitem {
	font-family: "Cormorant Garamond", sans-serif;
	text-align: center; 
	line-height: 145%;
	padding-top: 0.5em;
	font-size: 0.9em;
	font-weight: normal;
}

.contentsubitem {
	font-family: "Cormorant Garamond", sans-serif;
	line-height: 145%;
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
}

.contentitemleft {
	font-family: "Cormorant Garamond", sans-serif;
	line-height: 145%;
	text-align: left;
	font-size: 0.9em;
	font-weight: normal;
}


/* FRONT AND BACK MATTER */

.dedication {
	font-style: italic;
	text-align: center;
	padding-top: 3em;	
}

.source {
	text-align: center;
	margin-top: 0.5em;
}

.copyrighttop {
	font-size: 0.8em;
	margin-top: 1.5em;
}

.copyright {
	font-size: 0.8em;
	margin: 0;
}

.backadfirst {
	font-family: "Roboto", sans-serif;
	text-indent: 0;
	margin-top: 2em;
	font-size: 0.8em;
	text-align: center;
	padding:0 10%;
}

.backad {
	font-family: "Roboto", sans-serif;
	text-indent: 1.5em;
	font-size: 0.8em;
	text-align: center;
	margin-top: 0.5em;
	padding:0 10%;
}

.calltoaction {
	font-family: "Roboto", sans-serif;
	margin: 1.5em auto 0 auto;
	padding: 1em;
	text-align: center;
	width: 40%;
	border: 1px solid black;
	border-radius: 10px;
	letter-spacing: 0.1em;
}

.newsletter {
	font-family: "Roboto", sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: 2em;

}


/* CHAPTER STYLES */

.chapternumber {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	text-align: center;
	padding-top: 2em;
	font-size: 1.5em;
	line-height: 145%;
}

.chaptertitle {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	text-align: center; 
	padding-top: 2em;
	font-size: 1.3em;
	line-height: 145%;
}

.partnumber {
	font-family: "Cormorant Garamond", sans-serif;
	font-weight: bold;
	text-align: center; 
	padding-top: 20%;
	font-size: 1.5em;
	line-height: 145%;
}

.parttitle {
	font-family: "Cormorant Garamond", sans-serif;
	font-weight: bold;
	text-align: center; 
	padding-top: 1em;
	font-size: 1.3em;
	line-height: 145%;
}

.frontmattertitle {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	line-height: 145%;
	padding-top: 2em;
}

.subhead {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	text-align: left;
	padding-top: 2em;
	font-size: 1.13em;
	line-height: 145%;
}

.subsubhead {
	font-family: "Cormorant Garamond", serif;
	font-weight: bold;
	text-align: left;
	padding-top: 1em;
	font-size: 1em;
	line-height: 145%;
}

.section {
	font-family: "Cormorant Garamond", serif;
	font-size: 1.1em;
	text-align: left;
	color: grey;
	padding-top: 2em;
}

.chapterfirst {
	margin-top: 3em;
}

/* BREAKS AND EXTRACTS */

.edbreak {
	margin-top: 2em;
}

.edbreakright {
	margin-top: 2em;
	text-align: right;
}

.edbreakindent {
	margin-top: 2em;
	text-indent: 1.5em;
}

.edbreakcenter {
	margin-top: 2em;
	text-align: center;
}

.extractfirst {
	margin: 1.5em 2em 0 2em;
}

.extract {
	margin: 0 2em;
}

.extractindentfirst {
	margin: 1.5em 2em 0 2em;
	text-indent: 1.5em;
}

.extractindent {
	margin: 0 2em;
	text-indent: 1.5em;
}

.extractcenterfirst {
	margin: 2em 2em 0 2em;
	text-align: center;
}

.extractcenter {
	margin: 0 2em;
	text-align: center;
}


.extractfirstright {
	margin: 2em 2em 0 2em;
	text-align: right;
}

.extractright {
	margin: 0 2em;
	text-align: right;
}

/* POETRY STYLES */

.poem {
	margin-left: 2em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemfirst {
	margin-top: 2em;
	margin-left: 2em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemtop {
	margin-top: 1em;
	margin-left: 2em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemindent {
	margin-left: 3em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemindentfirst {
	margin-top: 2em;
	margin-left: 3em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemindenttop {
	margin-top: 1em;
	margin-left: 3em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemdindent {
	margin-left: 4.5em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemdindentfirst {
	margin-top: 2em;
	margin-left: 4.5em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemdindenttop {
	margin-top: 1em;
	margin-left: 4.5em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemtindent {
	margin-left: 6em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemtindentfirst {
	margin-top: 2em;
	margin-left: 6em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

.poemtindenttop {
	margin-top: 1em;
	margin-left: 6em;
	text-indent: -1.5em;
	margin-right: 0.5em;
}

/* OTHER */

.epigraph {
	text-align: center;
	font-style: italic;
	padding-top: 1.5em;
	font-size: 0.8em;
}

.epigraphsource {
	text-align: center;
	font-size: 0.7em;
	padding-top: 0.5em;
}

.bibliography {
	font-size: 0.9em;
	margin-left: 3em;
	text-indent: -1.5em;
	margin-right: 1.5em;
}

.index {
	font-size: 0.9em;
	margin-left: 3em;
	text-indent: -1.5em;
	margin-right: 1.5em;
}

.indexindent {
	font-size: 0.9em;
	margin-left: 6em;
	text-indent: -1.5em;
	margin-right: 1.5em;
}

.footnotesline {width: 50%; margin-top: 3em; margin-bottom: 2em; margin-left: 2em;}

.footnotenum {
	vertical-align: superscript;
	line-height: normal;
	font-size: 0.8em;
}

p.footnote {
	margin: 1em 2em; 
	font-size: 0.8em;
}


.numberlisttop {
	padding-top: 1em;
	margin-top: 0;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left: 0;
	padding-right: 0;
	line-height: 145%;
	margin-bottom: 0;
	padding-bottom: 0;
}
.numberlist {
	padding-top: 0.3em;
	margin-top: 0;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left: 0;
	padding-right: 0;
	line-height: 145%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.bulletstop {
	padding-top: 1em;
	margin-top: 0;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left: 0;
	padding-right: 0;
	line-height: 145%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.bullets {
	padding-top: 0.3em;
	margin-top: 0;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left: 0;
	padding-right: 0;
	line-height: 145%;
	margin-bottom: 0;
	padding-bottom: 0;
}


/* IMAGES */

.imagecontainer {
	width: 100%; 
	text-align: center;
	margin: 1em 0;
	padding: 0;
	page-break-inside: avoid;
}

.imagecontainernone {
	width: 100%; 
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.imagecontainerlt {
	width: 100%; 
	text-align: left;
	margin: 1.5em 0;
	padding: 0;
	page-break-inside: avoid;
}

.glyphcontainer {
	width: 100%; 
	text-align: center;
	margin: 2em 0 1em 0;
	padding: 0;
}

.glyphcontainer img {
	width: 50px;
}

.glyph {
	text-align: center;
	padding-top: 2em;
	font-size: 1.2em;
}

.caption {
	font-size: 0.8em;
	text-align: center;
	padding-top: 1em;
	margin: 0 2em;
}

.credit {
	font-size: 0.7em;
	text-align: right;
	padding-top: 1em;
}


.image10 {
	width: 100%;
}

.image9 {
	width: 90%;
}

.image8 {
	width: 80%;
}

.image7 {
	width: 70%;
}

.image6 {
	width: 60%;
}

.image5 {
	width: 50%;
}

.image4 {
	width: 40%;
}

.image3 {
	width: 30%;
}

.image2 {
	width: 20%;
}

.image1 {
	width: 10%;
}

.imageh {
	height: 95%;
}

.imagesm {
	width: 35px;
}


/* MINI STYLES */

.sansserif {
	font-family: "Roboto", sans-serif;
}

.sansserifb {
	font-family: "Roboto", sans-serif;
	font-weight: bold;
}

.serif {
	font-family: "Cormorant Garamond", serif;
}

.roman {font-style: normal;}

.normie {font-weight: normal;}

.top {padding-top: 1em;}

.first {padding-top: 2em;}

.sticky {page-break-inside: avoid;}

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

.superscript {vertical-align: super; font-size: 0.8em;}

.subscript {vertical-align: sub; font-size: 0.8em;}

i.bold {font-weight: bold;}

/* ADD-ON STYLES */