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

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

@font-face{
	font-family: type;
	font-style: normal;
	font-weight: normal;
	src: url("../font/KingthingsTrypewriter2.otf");
}

@font-face{
	font-family: connect;
	font-style: normal;
	font-weight: normal;
	src: url("../font/ConnectionSerif-d20X.otf");
}

/* *************
ORCA DEFAULT STYLES - FICTION
************* */
/* GENERAL */
body{
	adobe-hyphenate: auto;
	font-family: serif;
	font-variant-numeric: oldstyle-nums;
	hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	orphans: 1;
	widows: 1;
}

h1,
h2,
h3,
h4,
h5{
	adobe-text-layout: optimizespeed; /* For Nook */
	break-after: avoid;
	break-inside: avoid;
	font-family: sans-serif;
	hyphens: none !important;
	-epub-hyphens: none;
	-moz-hyphens: none !important;
	-webkit-hyphens: none !important;
	margin: 0;
	padding: 0;
	page-break-after: avoid;
	page-break-inside: avoid;
	text-align: center;
	text-indent: 0;
}

p,
ul,
li{
	font-size: .9rem;
	hyphenate-limit-chars: 6 3 2;
	-ms-hyphenate-limit-chars: 6 3 2;
	-webkit-hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-last: always;
	-ms-hyphenate-limit-last: always;
	-webkit-hyphenate-limit-last: always;
	hyphenate-limit-lines: 3;
	-ms-hyphenate-limit-lines: 3;
	-webkit-hyphenate-limit-lines: 3;
	margin: 0;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
hr + p,
p.no-indent{
	text-indent: 0;
}

i > i,
em > i,
i > em{
	font-style: normal;
}

/* Body Matter */
p{
	text-indent: 1.2rem;
}

ul,
ol{
	font-size: .9rem;
}

a{
	color: #5E5B5E !important; /* color: #inherit  !important; */
	font-size: inherit;
	font-weight: bold;
	text-decoration-style: dotted;
}

hr{
	border: none;
	margin: 1em 0;
	width: 0;
}

small,
.smallcaps{
	font-size: 0.85em;
	text-transform: uppercase;
}

strong,
.allcaps,
.upper{
	font-weight: normal;
	text-transform: uppercase;
}

/* Design cheats */
.sb{
	margin-top: 1em;
}

.center{
	font-family: supernett, sans-serif;
	font-size: 1.2em;
	text-align: center;
	text-indent: 0;
}

.texting{
	font-family: connect, sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-transform: uppercase;
}

/* Headings */
h1.chapter-num{
	font-family: connect, serif;
	font-size: 4em;
	font-weight: normal;
	margin: 1em 0;
}

.chapter-title{
	font-family: type, sans-serif;
	font-size: 3em;
	font-weight: normal;
	margin: 0 0 1em;
}

/* PAGES */
/* digitalrights.xhtml */
section.digitalrights{
	display: block;
	margin: 15% auto;
	max-width: 80%;
}

section.digitalrights p{
	margin-bottom: 1em;
	text-indent: 0;
}

/* Title Page(s) */
h1.halftitlepage{
	font-family: supernett, serif;
	font-size: 2.5em;
	font-style: normal;
	font-weight: bold;
	margin: 25% 0 .5em;
}

h1.titlepage{
	font-family: supernett, serif;
	font-size: 3.5em;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	margin: 25% 0 .5em;
	text-align: center;
	text-transform: uppercase;
}

span.subtitle{
	font-size: 1.5rem;
	text-transform: initial;
}

h2.author{
	font-family: supernett, sans-serif;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	margin: .5em 2em;
	text-align: center;
	text-indent: 0;
}

h2.translator,
h2.illustrator{
	font-family: supernett, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2;
	margin: 1em 0 2em;
	text-align: center;
	text-indent: 0;
}

span.by{
	display: block;
	font-size: .8em;
	text-transform: initial;
}

p.series{
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	margin: 4em 0 0;
	text-align: center;
	text-indent: 0;
}

p.publisher{
	font-family: san-serif;
	font-size: 1em;
	margin: 1em 0;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
}

/* Copyright */
.copyright{
	font-size: 0.75em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.175;
	margin: .5em 2em;
	text-align: center;
	text-indent: 0;
}

/* Dedication */
p.dedication{
	font-family: serif;
	font-size: 1em;
	font-style: italic;
	margin: 10% 0;
	text-align: center;
	text-indent: 0;
}

/* About the author */
section.author{
	margin: 10% 5%;
}

span.author-name{
	font-family: sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
}

/* IMAGES */
/* Cover */
figure.cover-img{
	display: block;
	text-align: center;
}

img.cover-image{
	height: 98%;
	object-fit: contain;
	width: 100%;
}

img.cover-image:only-of-type{
	/* overrides the previous setting, but only in newer systems that support CSS3 */
	height: 98vh;
}

@media amzn-kf8{
	/* CSS for KF8 devices */
	img.cover-image:only-of-type{
		/* overrides the previous setting, but only in newer systems that support CSS3 */
		height: 98%;
	}
}

@media amzn-mobi{
	/* CSS for Mobi devices */
	img.cover-image:only-of-type{
		/* overrides the previous setting, but only in newer systems that support CSS3 */
		height: 98%;
	}
}

/* Body Images */
figure{
	break-inside: avoid;
	clear: both;
	display: block;
	margin: 1.5rem 0;
	page-break-inside: avoid;
	text-align: center;
}

@media amzn-kf8{
	figure{
		break-inside: auto;
		page-break-inside: auto; /* Fix blank bug because of page-break-inside: avoid… */
	}
}

figure.title img{
	height: auto;
	max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */
	object-fit: contain;
	vertical-align: bottom;
	width: 10em; /* Remove gap after the image */
}

figure.titlepage img{
	margin: 5% 0 0;
	width: 80%;
}

figure.halftitle img{
	margin-top: 20%;
	width: 60%;
}

figure.full img{
	height: auto;
	max-width: 100%;
	object-fit: contain;
	vertical-align: bottom;
	width: auto;
}

figure.small{
	clear: both;
	margin: 2rem auto;
	text-align: center;
	width: 50%;
}

figure.small img{
	height: auto;
	max-width: 100%;
	object-fit: contain;
	vertical-align: bottom;
}

figure.center{
	clear: both;
	margin: 2rem auto;
	text-align: center;
}

figure.center img{
	height: 10em;
	object-fit: contain;
	vertical-align: top;
}

figure.icon img{
	height: auto;
	max-width: 50%;
	object-fit: contain;
	vertical-align: bottom;
	width: 5em;
}

figure.author{
	margin: 1em auto; /* center figure horizontally */
	width: 10em; /* set figure width to 10em */
}

figure.author img{
	height: auto; /* maintain aspect ratio */
	margin: 0; /* remove any margin */
	width: 100%; /* set image width to 100% of figure width */
}

figcaption{
	display: block; /* make caption a block element */
	font-family: serif;
	font-size: .5em;
	margin: .5em 0 0;
	text-align: left;
	text-transform: uppercase;
}

/* CUSTOM CSS */
blockquote.note{
	border: 3px black solid;
	font-family: sans-serif;
	font-size: .75em;
	font-weight: bold;
	line-height: 1.8;
	margin: .5em;
	padding: 1em;
}

/* *************
ORCA DEFAULT STYLES - ADs
************* */
/* General */
figure.adpage-logo{
	margin: 0 auto 0;
	width: 8em;
}

figure.adpage-logo-small{
	margin: 1em auto 0;
	width: 50px;
}

figure.adpage-logo-small img,
figure.adpage-logo img{
	margin: 0 0 0;
	width: 100%;
}

.wrap{
	clear: both;
	text-align: center;
}

h1.adpage{
	font-family: sans-serif;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 .5em;
	text-align: center;
}

p.adpage{
	font-family: sans-serif;
	font-size: .85em;
	font-style: normal;
	font-weight: bold;
	margin: .5em 0;
	text-align: center;
	text-indent: 0;
}

p.adpage.smaller{
	font-size: .8em;
	font-weight: normal;
}

/* AD PAGE 1 */
div.series{
	break-inside: avoid;
	page-break-inside: avoid;
}

header.adpage{
	background: #6FD0DB;
	border-radius: 10px;
	margin: 1.5em auto 0;
	max-width: 85%;
	padding: .5em;
}

header p.adpage{
	font-family: sans-serif;
	font-size: .85em;
	font-style: normal;
	font-weight: normal;
	margin: .5em 0 .5em;
	text-align: center;
}

figure.adpage{
	display: inline-block;
	margin: 0;
	text-align: center;
	vertical-align: top;
	width: 28%;
}

figure.adpage img{
	clear: both;
	display: block;
	height: auto;
	padding: 5px;
	width: 100%;
}

/* AD PAGE 2 */
header.adpage-2{
	/* background: #E6BCEB; 
    border: 2px solid #000;
    border-radius: 10px; */
	margin: 0 auto 1em;
	max-width: 40em;
	padding: .5em;
}

header.adpage-2 p{
	font-family: sans-serif;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 1em .5em;
	text-align: center;
}

figure.adpage-2{
	display: inline-block;
	margin: 2px;
	text-align: center;
	vertical-align: top;
	width: 45%;
}

figure.adpage-2 img{
	clear: both;
	display: block;
	filter: drop-shadow(0.25em 0.25em 0.2em grey);
	padding: 5px 0 0;
	width: 100%;
}

figure.adpage-2 figcaption{
	background: #e5e5e5;
	filter: drop-shadow(0.25em 0.25em 0.2em grey);
	font-family: sans-serif;
	font-size: .85em;
	font-weight: bold;
	margin: 0 .5em;
	padding: .75em;
	text-align: initial;
	text-transform: initial;
}