@charset "UTF-8"; /* blitz — CSS framework for reflowable eBooks Version 0.95 by Jiminy Panoz Codename: Blonde Rock & Roll License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ @namespace h "http://www.w3.org/1999/xhtml/"; @namespace epub "http://www.idpg.org/2007/ops"; /* if you need to style epub:type */ @namespace m "http://www.w3.org/1998/Math/MathML/"; /* if you need to style MathML */ @namespace svg "http://www.w3.org/2000/svg"; /* if you need to style SVG */ html { /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */ } /* Begin CSS */ /* Reset */ /* So here's the trick, we must reset to manage a number of problems once and for all: - HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); - user settings (e.g. line-height on Kobo and Kindle); - CSS bloat (DRY); - KFX for which a reset using `border: 0` seems to disable support; - etc. It all started as a normalize and became a reset given the magnitude of the task. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { /* RS may apply vertical padding to el such as p */ border: 0; /* Font size in pixel disable the user setting in legacy RMSDK */ line-height: inherit; /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */ vertical-align: baseline; -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; } /* This is absolutely necessary for backwards compatibility */ article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section { display: block; } /* page margins for nook and kobo */ @page { margin: 1.2em; } body { font-family: "AGaramondPro", serif; font-size: 100%; text-align: justify; margin:0em 1em; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } h1,h2,h3,h4,h5,h6 { page-break-after:avoid; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: avoid !important; } /* Font List */ @font-face { font-family: "AdobeArabic"; font-style: normal; font-weight: normal; src: url("../fonts/AdobeArabic-Regular.ttf");} @font-face { font-family: "AGaramondPro"; font-style: normal; font-weight: bold; src: url("../fonts/AGaramondPro-Bold.otf");} @font-face { font-family: "AGaramondPro"; font-style: italic; font-weight: normal; src: url("../fonts/AGaramondPro-Italic.otf");} @font-face { font-family: "AGaramondPro"; font-style: normal; font-weight: normal; src: url("../fonts/AGaramondPro-Regular.otf");} @font-face { font-family: "AGaramondPro-Semi"; font-style: normal; font-weight: bold; src: url("../fonts/AGaramondPro-Semibold.otf");} @font-face { font-family: "Gotham"; font-style: normal; font-weight: normal; src: url("../fonts/Gotham-Book.otf");} @font-face { font-family: "Gotham"; font-style: italic; font-weight: normal; src: url("../fonts/Gotham-Book-Italic.ttf");} @font-face { font-family: "Nakula"; font-style: normal; font-weight: normal; src: url("../fonts/Nakula-Regular.ttf");} @font-face { font-family: "Poppins-Light"; font-style: normal; font-weight: normal; src: url("../fonts/Poppins-Light.otf");} @font-face { font-family: "Poppins-Medium"; font-style: normal; font-weight: bold; src: url("../fonts/Poppins-Medium.otf");} @font-face { font-family: "Poppins"; font-style: normal; font-weight: normal; src: url("../fonts/Poppins-Regular.otf");} @font-face { font-family: "Poppins-Semi"; font-style: normal; font-weight: bold; src: url("../fonts/Poppins-SemiBold.otf");} /* General */ .halftitle { font-family: "Poppins", serif; font-size: 3em; margin: 2em 0em 0em 0em; text-align: center; line-height: 120%; font-weight: bold; } .inline { vertical-align: middle; } .title { font-family: "Poppins", serif; font-size: 3em; margin: 2em 0em 0em 0em; text-align: center; line-height: 120%; font-weight: bold; } .dedication { margin: 6em 2em 0em 2em; text-align: center; line-height: 120%; letter-spacing: 0.07em; } .edit { font-family: "Poppins-Medium", sans-serif; font-size: 1.3em; margin: 4em 0em 0em 0em; text-align: center; line-height: 120%; letter-spacing: 0.07em; color: #565858; } .author { font-family: "Gotham", sans-serif; font-size: 1.4em; margin: 2em 0em 4em 0em; text-align: center; line-height: 120%; letter-spacing: 0.07em; text-transform: uppercase; font-weight: normal; } .centref1 { font-size: 0.8em; font-family: "Poppins-Light", sans-serif; margin: 3em 0em 0em 0em; text-align: center; line-height: 140%; letter-spacing: 0.07em; } .centref { font-size: 0.8em; font-family: "Poppins-Light", sans-serif; margin: 0.3em 0em 0em 0em; text-align: center; line-height: 140%; letter-spacing: 0.07em; } .copyt { font-size:0.8em; margin: 1em 0em 0em 0em; text-indent: 0em; text-align:justify; } .copyc { font-size:0.8em; margin: 0em 0em 0em 0em; text-align:center; } .copyc1 { font-size:0.8em; margin: 1em 0em 0em 0em; text-align:center; } .copyt1 { font-size:0.8em; margin: 2em 0em 0em 0em; text-indent: 0em; text-align:justify; } .copy { font-size:0.8em; margin: 0em 0em 0em 0em; text-indent: 0em; text-align:justify; } .copy2_semi { font-family: "AGaramondPro-Semi"; font-size:0.8em; margin: 1em 0em 1em 0em; text-indent: 0em; text-align:justify; } .font_semi { font-family: "AGaramondPro-Semi"; } .copyhang1 { font-size:0.8em; margin: 1em 0em 0em 1em; text-indent: -1em; text-align:justify; } .copyhang { font-size:0.8em; margin: 0em 0em 0em 1em; text-indent: -1em; text-align:justify; } .deco { margin: 0em 0em 0em 0em; text-align: center; } .pub { margin: 8em 0em 0em 0em; text-align: center; } .image { margin: 1em 0em 0.5em 0em; text-align: center; } .dedit { font-size:1em; font-weight: normal; margin: 6em 0em 0em 0em; text-align:center; } .dedi { font-size:1em; font-weight: normal; margin: 1em 0em 0em 0em; text-align:center; } .h1 { font-family: "Gotham", sans-serif; font-size:1.3em; line-height:120%; margin: 3em 2em 2.5em 2em; text-align:center; font-weight: normal; text-transform: uppercase; } .h2a { font-family: "Gotham", sans-serif; font-size:1.1em; line-height:120%; margin: 2em 0em 1em 0em; text-align:left; font-weight: normal; text-transform: uppercase; } .h1c { font-family: "Nakula", sans-serif; font-size:2em; line-height:100%; margin: 2em 0em 1em 0em; text-align:center; font-weight: normal; } .chtit { font-family: "Poppins", sans-serif; font-size:1em; line-height:100%; margin: 1em 0em 0em 0em; text-align:center; font-weight: bold; display: block; } .subtit { font-family: "Gotham", sans-serif; line-height:100%; margin: 0em 0em 0.5em 0em; text-align:center; font-weight: normal; text-transform: uppercase; } .subtit1 { font-family: "Gotham", sans-serif; line-height:100%; margin: 0em 0em 3em 0em; text-align:center; font-weight: normal; text-transform: uppercase; } .subtit1a { font-family: "Gotham", sans-serif; line-height:100%; margin: 0em 0em 0em 0em; text-align:center; font-weight: normal; text-transform: uppercase; } .subtit2 { font-family: "Gotham", sans-serif; line-height:100%; margin: 0.5em 0em 2em 0em; text-align:center; font-weight: normal; text-transform: uppercase; } .h2 { font-family: "Butler", serif; font-size:1.3em; line-height:100%; margin: 2em 0em 1em 0em; text-align:left; font-weight: bold; color: #565858; } .toc { font-size: 0.9em; margin: 0.5em 0em 0em 0em; text-align: right; line-height: 140%; } .w100a { width: 100%; margin: 1em 0em 1em 0em; } .w100 { width: 100%; } .w70 { width: 70%; } .w25 { width: 25%; } .w10 { width: 10%; } .w6 { width: 6%; } .w20 { width: 20%; } .w30 { width: 30%; } .noindent { margin: 1em 0em 0em 0em; text-indent: 0em; } .hang { margin: 0.4em 0em 0em 0em; text-indent: -1.5em; text-align: left; } .hang1 { margin: 1em 0em 0em 2em; text-indent: -1.5em; text-align: left; } .notes { margin: 0.4em 0em 0em -0.8em; text-indent: -0.75em; text-align: left; } .notes1 { margin: 0.4em 0em 0em -0.8em; text-indent: -1.25em; text-align: left; } .noindenta { margin: 0em 0em 0em 0em; text-indent: 0em; } .dialogue1 { margin: 0em 0em 0em 0em; text-indent: 0em; } .dialogue2 { margin: 1em 0em 1em 0em; text-align: right; } .dialogue2a { margin: 1em 0em 0em 0em; text-align: right; } .dialogue2b { margin: 0em 0em 1em 0em; text-align: right; } .dialogue2c { margin: 0em 0em 0em 0em; text-align: right; } .noindent1 { margin: 1em 0em 0em 0em; text-indent: 0em; } .quote { margin: 0em 2em 0em 2em; text-indent: 0em; } .noindent2a { margin: 1em 2em 0em 2em; text-indent: 0em; } .noindent2 { margin: 0em 2em 0em 2em; text-indent: 0em; } .attri { font-family: "AdobeArabic", sans-serif; margin: 0em 2em 0em 2em; text-align: right; } .attri1 { margin: 0em 2em 0em 2em; text-align: right; } .center { margin: 1em 0em 1em 0em; text-align: center; } .poema { margin: 0.8em 0em 0em 2em; text-indent: 0em; } .poem { margin: 0.2em 2em 0em 2em; text-indent: 0em; } .poem1 { margin: 0em 0em 0em 3em; text-indent: 0em; } .indent { margin: 0em 0em 0em 0em; text-indent: 1.5em; } .indent1 { margin: 1em 0em 0em 0em; text-indent: 1.5em; } .footnote { font-size:0.9em; margin: 0.5em 0em 0em 2em; text-indent: -0.8em; } /* Default Styles */ details { margin: -1em 0 2em 0; text-align: left; } details.desc p { font-family: sans-serif; font-size: 0.8em; margin: 0.5em 0 0 0; } summary { font-family: sans-serif; font-weight: bold; font-size: 0.9em; margin: 0em; } .upper { text-transform: uppercase; font-size: 0.8em; } .hbreak { font-family: "Gotham-Ultra"; color: #27415D; } .hbreak1 { font-family: "Gotham-Ultra"; color: #2D4053; display: block; text-transform: uppercase; font-size: 1em; } .tbreak { font-family: "GothamBook"; font-size: 0.9em; display: block; } .smcap { font-size: 0.75em; } .upcap { text-transform: uppercase; font-size: 0.7em; } .break { page-break-before: always; } .none { list-style-type:none; } .nonei { list-style-type:none; margin: 1em 0 0 -2.2em; } .nonee { list-style-type:none; margin: 0 0 0 -2.4em; } .hidden { display: none; visibility: hidden; } .group { page-break-inside: avoid; } .vline { vertical-align: middle; } figure { margin-left: 0em; margin-right: 0em; } table { display:table; page-break-inside: auto; border-collapse: collapse; width: 100%; margin: 0em; } td { padding: 0.2em; } small { font-size: 80%; } a { text-decoration: underline; } /* Styling is improved to prevent sub from affecting line-height */ .sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -15%; } sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -15%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 50%; line-height: 50%; vertical-align: super; /* Fallback */ vertical-align: 150%; margin-left: 0.15em; border-bottom: solid #0000ee 0.1em; } sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 25%; } /* For Dropcap */ .dropcap { float: left; font-size: 450%; margin-top: -0.02em; margin-bottom: 0em; margin-right: 0.075em; line-height: 0.9em; font-weight: normal; font-family: "STEELFISHRG"; } /* For Inline Images */ .in10 { width: 10%; } .in15 { width: 15%; } .in20 { width: 20%; } .in25 { width: 25%; } /* For float Images */ .ft50 { margin: 0em; width: 40%; float: left; padding-right: 0.5em; } .ft50 img { width: 100%; } .ft40 { margin: 0em; width: 45%; float: left; padding-right: 0.5em; } .ft40 img { width: 100%; } .ft30 { margin: 1em; width: 20%; float: left; padding-right: 0.5em; } .ft30 img { width: 100%; } .ft20 { margin: 0em; width: 20%; float: right; padding-left: 0.5em; } .ft20 img { width: 100%; } /* For Landscape Images (width or without caption) */ .land30 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land30 img { width: 30%; } .land40 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land40 img { width: 40%; } .land50 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land50 img { width: 50%; } .land60 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land60 img { width: 60%; } .land70 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land70 img { width: 70%; } .land80 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land80 img { width: 80%; } .land90 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land90 img { width: 90%; } .land100 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land100 img { width: 100%; } .land100a { margin: 0em; text-align: center; } .land100a img { width: 100%; } .land100i { page-break-before: always; margin: 0em; text-align: center; } .land100i img { width: 100%; } /* Portrait Images - width or without Caption */ .portvh50 { margin: 1em 0 0 0; text-align: center; height: 50%; } .vh50 { height: 100%; } .vh50:only-of-type { height: 50vh; } .portvh60 { margin: 1em 0 0 0; text-align: center; height: 60%; } .vh60 { height: 100%; } .vh60:only-of-type { height: 60vh; } .portvh70 { margin: 1em 0 0 0; text-align: center; height: 70%; } .vh70 { height: 100%; } .vh70:only-of-type { height: 70vh; } .portvh80 { margin: 1em 0 0 0; text-align: center; height: 80%; } .vh80 { height: 100%; } .vh80:only-of-type { height: 80vh; } .portvh90 { margin: 1em 0 0 0; text-align: center; height: 90%; } .vh90 { height: 100%; } .vh90:only-of-type { height: 90vh; } .portvh98 { margin: 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; } .portvh99 { page-break-before: always; margin: 0em; text-align: center; height: 98%; } .vh99 { height: 100%; } .vh99:only-of-type { height: 98vh; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefp:only-of-type { height: 98vh; margin: 0em; text-align: center; } .imagefc { height: 98vh; } img { width: auto; max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */ height: auto; object-fit: contain; } .imager { margin: 0em; width: 30%; float: left; padding-right: 0.5em; } .noindent_smallcaps { margin: 0em 0em 0em 0em; text-indent: 0em; } p.noindent_smallcaps::first-letter { font-size: 300%; float: left; font-weight: normal; line-height: 75%; margin: 0em 0.02em 0em 0em; } .ibreak {margin: 2em auto 2em auto; background-image:url(../images/common.jpg ); background-repeat:no-repeat; display:block; height: 17px; border: none; width:35px} .center:after { content: '•\00a0\00a0•\00a0\00a0•'; margin: 1em 0em 1em 0em; text-align: center; display: block; } hr { border-color:white; border-style:solid; } .dhead { font-size:1em; font-weight: bold; font-style: normal; } #note1 { text-decoration: none; }