@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 { margin:0; padding:0; /* 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-size: 100%; text-align: left; margin:0 auto; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } /* 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%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 25%; } img { width: auto; max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */ height: auto; object-fit: contain; } @font-face { font-family: "TradeGothicLTStd"; src: url(../fonts/TradeGothicLTStd-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "TradeGothicLTStd"; src: url(../fonts/TradeGothicLTStd-BoldObl.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "Gotham-Medium"; src: url(../fonts/Gotham-Medium.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Gotham-Medium"; src: url(../fonts/Gotham-MediumItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "Gotham"; src: url(../fonts/Gotham-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Gotham"; src: url(../fonts/Gotham-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "Gotham"; src: url(../fonts/Gotham-Book.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Gotham"; src: url(../fonts/Gotham-BookItalic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Bold.ttf); font-style: normal; font-weight: bold; } h1,h2,h3,h4,h5,h6 { page-break-after:auto; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: auto !important; } .h1 { font-family: "Gotham", sans-serif; font-size:260%; line-height: 1em; margin-top: 1em; margin-bottom: 0.1em; text-align: center; font-weight: bold; color: #777777; } .subtitle { font-family: serif; font-size:95%; margin-top: 2em; margin-bottom: 0.1em; margin-left: 1em; margin-right: 1em; text-align: center; font-weight: bold; } .author { font-size:120%; margin-top: 3em; margin-bottom: 0.1em; text-align: center; font-weight: bold; } .pub { margin-top: 6em; margin-bottom: 0.1em; text-align: center; } .h2 { font-family: "Gotham-Medium", sans-serif; font-weight: bold; font-size: 170%; color:#56575A; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: right; } .h2a { font-family: "Gotham", sans-serif; font-weight: normal; font-size: 260%; margin-top: 0.1em; margin-bottom: 0.3em; text-indent: 0em; text-align: right; } .h2f { font-family: "Gotham", sans-serif; font-weight: normal; font-size: 200%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: center; } .h2i { font-family: "Gotham", sans-serif; font-weight: normal; font-size: 160%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: center; } .h3 { page-break-before: always; font-family: "Gotham-Medium", sans-serif; font-weight: bold; font-size: 100%; line-height: 1.2em; margin-top: 0em; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .h3a { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 170%; line-height: 1.2em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; background-color: #6bab59; border-bottom: 0.25em solid #B0D0A3; padding: 0.4em 0.5em 0.1em 0.5em; } .h3b { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 170%; line-height: 1.2em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; background-color: #b1d34b; border-bottom: 0.25em solid #DDEBB6; padding: 0.4em 0.5em 0.1em 0.5em; } .h3c { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 170%; line-height: 1.2em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; background-color: #81c2b3; border-bottom: 0.25em solid #beded6; padding: 0.4em 0.5em 0.1em 0.5em; } .h3d { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 170%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; background-color: #fcb534; border-bottom: 0.25em solid #fed798; padding: 0.4em 0.5em 0.1em 0.5em; } .h3e { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 170%; line-height: 1em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; background-color: #f2665e; border-bottom: 0.25em solid #f8afa0; padding: 0.4em 0.5em 0.1em 0.5em; } .h3f { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 170%; line-height: 1.2em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; background-color: #8e73a1; border-bottom: 0.25em solid #bdaec9; padding: 0.4em 0.5em 0.1em 0.5em; } .h4a { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 120%; line-height: 1em; margin-top: 1.4em; margin-bottom: 0.3em; text-indent: 0em; text-align: center; } .h4 { font-family: "Gotham-Medium", sans-serif; font-weight: bold; font-size: 105%; line-height: 1em; margin-top: 1.4em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h5 { font-family: "Gotham", sans-serif; font-weight: normal; font-size: 100%; line-height: 1em; margin-top: 1.4em; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .h5a { font-family: "Gotham", sans-serif; font-size: 100%; margin-top: 1.2em; margin-bottom: 0.7em; padding-bottom: 0.2em; text-indent: 0em; font-weight: normal; text-align: left; border-bottom: 0.1em solid #555555; } .h2 em { font-family: serif; font-weight: normal; font-size: 65%; } .noindent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentb { margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .noindent1 { margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentn { margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .indent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; text-indent: 1.2em; } .indentb { margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; text-indent: 1.2em; } .indenta { margin-top: 1em; margin-bottom: 0.1em; text-align: left; text-indent: 1.2em; } .caption { font-family: "RotisSansSerif"; font-size: 90%; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 1.4em; text-indent: 0em; font-weight: normal; text-align: left; } .item { font-family: sans-serif; font-size: 80%; font-weight: normal; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; text-indent: -1em; text-align: left; } .itemn { font-size: 85%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1.8em; text-indent: -0.8em; text-align: left; } .ingre { font-size: 90%; font-weight: normal; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 4em; text-indent: -1em; text-align: left; } .itext { font-size: 90%; font-weight: normal; margin-top: 0.1em; margin-bottom: 0.5em; margin-left: 1.8em; text-indent: 0em; text-align: left; } .slist { font-size: 85%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 2em; text-indent: -0.6em; text-align: left; } .blists { font-size: 95%; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 2em; text-indent: -0.6em; text-align: left; } .blistn { font-size: 95%; margin-top: 1em; margin-bottom: 0.1em; margin-left: 0.6em; text-indent: -0.6em; text-align: left; } .blistb { font-family: "Gotham", sans-serif; margin-top: 0em; margin-bottom: 1.5em; margin-left: 2em; text-indent: -0.6em; text-align: left; } .nlist { margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 2em; text-indent: -1em; text-align: left; } .step { font-size: 90%; margin-top: 0.3em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .step strong { font-family: "TradeGothicLTStd"; font-size: 85%; } .stepa { font-size: 90%; margin-top: 0.3em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .stepa strong { font-family: "TradeGothicLTStd"; font-size: 85%; } .steph { font-size: 85%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 2em; text-indent: -1em; text-align: left; } .note { font-family: sans-serif; font-size: 80%; margin-top: 1em; margin-bottom: 2em; text-indent: 0em; text-align: left; } .hang { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.8em; text-indent: -0.8em; text-align: left; } .guide { font-size: 90%; margin-top: 1.2em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .rhead { font-family: "Gotham-Medium", sans-serif; font-size: 80%; margin-top: 1.2em; margin-bottom: 0.1em; margin-left:2em; text-indent: 0em; font-weight: bold; text-align: left; } .stepi { font-size: 90%; margin-top: 0em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .toci { font-family: "Gotham", sans-serif; font-size: 70%; margin-top: 0.5em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .toca { font-family: "Gotham", sans-serif; font-size: 90%; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; color: #58585A; } .toca em { font-size: 105%; font-family: serif; } .boxhead { font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 85%; line-height: 1em; margin-top: 0.7em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .toolhead { font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 85%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .tabhead { page-break-before: always; font-family: "TradeGothicLTStd"; font-weight: bold; font-size: 110%; line-height: 1em; color:#56575A; margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: center; } .sidebox1 { font-size: 95%; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#B0D0A3; padding: 0.75em; border: #FFFFFF solid 0.1em; } .sidebox2 { font-size: 95%; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#DDEBB6; padding: 0.75em; border: #FFFFFF solid 0.1em; } .sidebox3 { font-size: 95%; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#beded6; padding: 0.75em; border: #FFFFFF solid 0.1em; } .sidebox4 { font-size: 95%; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#fed798; padding: 0.75em; border: #FFFFFF solid 0.1em; } .sidebox5 { font-size: 95%; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#f8afa0; padding: 0.75em; border: #FFFFFF solid 0.1em; } .sidebox6 { font-size: 95%; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; background-color:#bdaec9; padding: 0.75em; border: #FFFFFF solid 0.1em; } .indexhead { font-size: 90%; margin-top: 0.9em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; font-weight:bold; } .indexnote { font-size: 90%; margin-top: 1em; margin-bottom: 0.1em; text-indent:0em; margin-left: 0em; text-align: left; } .indexmain { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexsub { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 2.5em; text-align: left; } .ded { font-family: "Gotham", sans-serif; font-size: 85%; margin-top: 4em; margin-bottom: 0.1em; margin-left: 2em; margin-right: 2em; text-indent: 0em; text-align: center; } .copya { font-size: 90%; margin-top: 1.3em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copya1 { font-size: 90%; margin-top: 0em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copyi { font-size: 90%; margin-top: 0em; margin-bottom: 0.1em; margin-left: 1em; text-indent: -1em; text-align: left; } .ch1 { border-right: solid #6bab59 1em; border-bottom: solid #6bab59 0.2em; padding: 0.4em 0.3em 0.3em 0em; } .ch2 { border-right: solid #b1d34b 1em; border-bottom: solid #b1d34b 0.2em; padding: 0.4em 0.3em 0.3em 0em; } .ch3 { border-right: solid #81c2b3 1em; border-bottom: solid #81c2b3 0.2em; padding: 0.4em 0.3em 0.3em 0em; } .ch4 { border-right: solid #fcb534 1em; border-bottom: solid #fcb534 0.2em; padding: 0.4em 0.3em 0.3em 0em; } .ch5 { border-right: solid #f2665e 1em; border-bottom: solid #f2665e 0.2em; padding: 0.4em 0.3em 0.3em 0em; } .ch6 { border-right: solid #8e73a1 1em; border-bottom: solid #8e73a1 0.2em; padding: 0.4em 0.3em 0.3em 0em; } table { border-collapse:collapse; } .t1 { font-family: "RotisSansSerif"; font-size: 80%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; } .t1 td,.t1 th { border: solid #FFFFFF 0.2em; padding: 0.3em; } .b1 { font-family: "TradeGothicLTStd"; border-collapse:collapse; background-color:#939598; color:#FFFFFF; padding: 0.4em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; } .b2 { font-family: sans-serif; background-color:#DCEAD7; padding:0.2em; border-collapse:collapse; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align:left; } .b3 { font-family: sans-serif; background-color:#DCEAD7; padding:0.2em; border-collapse:collapse; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align:center; } .b4 { font-family: sans-serif; background-color:#99C38B; padding:0.2em; border-collapse:collapse; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align:left; } .b5 { font-family: sans-serif; background-color:#99C38B; padding:0.2em; border-collapse:collapse; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align:center; } .b6 { font-family: "TradeGothicLTStd"; background-color:#DCEAD7; padding:0.2em; border-collapse:collapse; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align:left; } .b7 { font-family: "TradeGothicLTStd"; background-color:#99C38B; padding:0.2em; border-collapse:collapse; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align:left; } .t2 td,.t1 th { border: solid #FFFFFF 0.2em; padding: 0.3em; } .c1 { font-family: "TradeGothicLTStd"; font-size: 70%; border-collapse:collapse; background-color:#b1d34b; border: solid #FFFFFF 0.1em; color:#555555; padding:0.2em; margin-top: 0em; margin-bottom: 0em; vertical-align: middle; } .c2 { font-family: sans-serif; font-size: 80%; border-collapse:collapse; background-color:#DAE9AE; border: solid #FFFFFF 0.1em; padding:0.2em; margin-top: 0em; margin-bottom: 0em; } .c3 { font-family: sans-serif; font-size: 80%; border-collapse:collapse; background-color:#B2D34B; border: solid #FFFFFF 0.1em; color:#FFFFFF; padding:0.2em; margin-top: 0em; margin-bottom: 0em; } .f2 { font-size: 120%; font-weight: bold; } .f3 { line-height: 1em; font-size: 60%; font-weight: normal; } .f4 { font-family: sans-serif; font-size: 90%; font-weight: normal; } .ent { vertical-align: 0.1em; font-size: 80%; font-family: "DejaVuMonoSans", sans-serif; } .group { page-break-inside: auto; } .groupa { page-break-before: always; } .num { font-size: 80%; vertical-align: .5ex; } .den { font-size: 80%; } a { text-decoration: none; } small { font-size: 80%; } ol { list-style-type:none; margin: 0em; } .hidden { display: none; visibility: hidden; } sup { font-size: 80%; line-height: 0.4em; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefp:only-of-type { height: 98vh; margin: 0em; text-align: center; } .imagefc { width: 100%; } /* For Inline Images */ .in8 { width: 6%; vertical-align:baseline; } .in5 { width: 10%; } .in50 { width: 40%; } .in80 { width: 100%; } /* For Float Images */ .ft50 { width: 50%; float: right; padding-left: 0.5em; margin: 0em; } .ft50 img { width: 100%; } /* For Landscape Images (width or without caption) */ .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land100i { margin: 0em; text-align: center; } .land100i img { width: 100%; } .land100a { page-break-before: always; margin: 0em; text-align: center; } .land100a img { width: 100%; } .land90 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land90 img { width: 90%; } .land80 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land80 img { width: 80%; } /* Portrait Images - width or without Caption */ .portvh98 { page-break-before: always; margin: 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; } .portvh80 { margin: 1em 0 0 0; text-align: center; height: 80%; } .vh80 { height: 80%; } .vh80:only-of-type { height: 80vh; } .portvh70 { margin: 1em 0 0 0; text-align: center; height: 70%; } .vh70 { height: 70%; } .vh70:only-of-type { height: 70vh; } .portvh60 { margin: 1em 0 0 0; text-align: center; height: 60%; } .vh60 { height: 60%; } .vh60:only-of-type { height: 60vh; }