/* ------------------------------ reset ------------------------------- */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    text-indent: 0;
    text-align: center;
    vertical-align: baseline;
    background: transparent; 
}

/* --------------------------- Para styles ---------------------------- */

@page { margin: 5px !important; }

p,
blockquote, 
dl, 
dt, 
dd, 
ol, 
ul, 
li { 
    font-family: Birka, serif;
    font-size: 1em;
    margin: 8px 0 0;
    line-height: 125%;
    text-align: left;
}

blockquote {
    font-style: italic;
    font-size: 95%;
    margin-left: 10% !important;
    margin-right: 10% !important;
}

p.ListVariableTerm {
    font-style: italic;
	font-weight: 600;
	margin: 1em auto 0 !important;
}

p.ListVariable { 
	margin-left: 1.5em !important; 
	margin-top: 0 !important;
}

p.TableBody-Indent { margin-left: 1rem !important; }

p.Epub-TOC-Part-Title,
p.Epub-TOC-Chapter-Title,
p.Epub-TOC-App-Title { display: none; }

/*Copyright styles*/
p.CopyrightTitleSub {
    font-family: "Ridley Grotesk", sans-serif !important;
    margin-bottom: 1em !important;
}

p.CopyrightCredit { margin: 1em auto !important; }
p.CopyrightCredit + p.CopyrightCredit { margin-top: -1em !important; }
p.CopyrightBody + p.CopyrightCredit + p.CopyrightCredit + 
p.CopyrightCredit + p.CopyrightCredit + p.CopyrightCredit { margin-top: 1em !important; }

span.CopyrightHeadRunIn {
    font-family: "Ridley Grotesk", sans-serif !important;
    font-weight: 500;
    font-size: 0.8em;
    color: #009ac7;
    text-transform: uppercase;
}

/*TOC Styles*/
p.TOC---FM-BM {
    font-family: "Ridley Grotesk", sans-serif !important;
    font-size: 0.9em;
    text-transform: uppercase;
}

p.TOC---Part,
p.TOC---Part--epub- {
    font-family: "Ridley Grotesk", sans-serif !important;
    text-transform: uppercase;
    margin-top: 2em !important;
    border-bottom: solid 1px #bbbdc0;
    letter-spacing: 1px;
    page-break-after: avoid;
}

p.TOC---Chapter,
p.TOC---Chapter--epub-,
p.TOC---App,
p.TOC---App--epub- {
    font-family: "Source Sans Pro", sans-serif !important;
	font-weight: 600;
	margin-top: 1em !important;
	page-break-after: avoid;
}
p.TOC---Chapter a,
p.TOC---App a { font-weight: 600; }

p.TOC---Ahead { margin: 0.25em auto 0 2em !important; }

p.TOC---App--epub- ~ p.TOC---FM-BM { margin-top: 2em !important; }

p.TOC---App--epub- ~ p.TOC---Ahead { display: none; }

div.contents a { 
    text-decoration: none;
    color: inherit;
}

/*FM Styles*/
div.foreword#_idContainer005 p:nth-last-child(-n+4) { text-align: right; }

/*Refs*/
p.refNameCode {
    font-family: TheSansMonoCd, monospace !important;
    font-size: 1em;
	font-style: normal;
	font-weight: 600;
	color: #f7931d !important;
	margin-bottom: 0 !important;
}

p.refPurpose {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 2em !important;
}

/*Index*/
p.Index---Heading {
    font-family: "Ridley Grotesk", sans-serif !important;
    font-weight: bold;
    font-size: 1.25em;
    color: #009ac7;
    margin-top: 2rem !important;
}

p.Index---listing-2nd { margin-left: 1.5rem !important; }

/*Footnotes*/
div._idFootnotes { 
    border-top: solid 1px black;
    margin-top: 2em;
    padding-top: 1em;
}

p.Footnote { 
    font-size: 0.7em !important;
    line-height: 125% !important;
    margin: 0 0 0.25em !important;
    padding: 0 !important;
}

hr { display: none; }

sup.footnoteRef { 
    vertical-align: super !important;
    font-size: 80% !important;
    font-weight: bold;
    line-height: 80% !important;
}

/* -------------------------- Header styles --------------------------- */

h1, h2, h3, h4, h5, h6,
p.ChapterTitle,
h1.chapterTitle,
p.TOC-Title,
h1.appTitle,
p.IndexTitle { 
    font-family: "Ridley Grotesk", sans-serif !important;
    font-style: normal;
	font-weight: bold;
	line-height: 1.1em !important;
	text-align: left;
	margin-top: 1.5em !important;
	page-break-after: avoid;
}

h2, h3, h4 {
    font-family: "Source Sans Pro", sans-serif !important;
   
}

h1.HeadA,
h1._HeadA {
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    color: #009ac7;
}

h2.HeadB,
h3.HeadC { font-weight: 600; }

h2.HeadB { font-size: 1.4em; }

h3.HeadC {
    font-size: 1.25em;
    color: #888;
    text-transform: none !important;
    letter-spacing: normal !important;
}

h4.HeadD {
    font-weight: 600;
    font-size: 1em;
}

p.ChapterTitleSub {
    font-family: "Ridley Grotesk", sans-serif !important;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin: -4rem auto 2.5em !important;
    
}

h5.copyTitle {
	font-weight: 500;
	font-size: 1.25em;
	color: #009ac7;
	margin-top: 0 !important;
}

h1.partLabel {
    font-size: 3em;
    color: white;
    text-align: right;
    margin: 0 !important;
    padding: 0.5em 5% 0 !important;
}

h1.partTitle {
    font-size: 2em;
    color: white;
    text-transform: uppercase;
    text-align: right;
    margin: 0 !important;
    padding: 0.5em 5% 1em !important;
}

h1.chapterLabel {
    text-align: right;
    font-size: 3em;
    float: right;
    margin-right: 20px !important;
    margin-top: 0 !important;
}

h1.chapterLabel:before {
    content: "CHAPTER ";
    font-style: normal;
	font-weight: 500;
	font-size: 0.25em;
	display: block;
	margin: -1.5em auto -1.4em !important;
}

div.appa h1.chapterLabel:before,
div.appb h1.chapterLabel:before,
div.appc h1.chapterLabel:before,
div.appd h1.chapterLabel:before 
{ content: "APPENDIX "; }

p.ChapterTitle,
h1.chapterTitle,
p.TOC-Title,
h1.appTitle,
p.IndexTitle {
    font-size: 2.25em;
    font-weight: 300;
    margin: 0 30% 2em 0 !important;
    text-transform: uppercase;
}

/* --------------------------- Chapter TOC ---------------------------- */

/*div.chapTOCFrame {
    text-align: left;
    margin-bottom: 2em;
    border: solid 2px #cceef6;
    padding: 10px 10px 15px 15px;
    border-radius: 1em;
    width: 40%;
    min-width: 200px;
}*/

p.ChapterContentsTitle {
    font-family: "Ridley Grotesk", sans-serif !important;
	font-weight: bold;
	font-size: 0.75em;
	margin: 0.25rem auto !important;
	text-transform: uppercase;
}

p.chapterContents {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 0.85em;
    margin: 0.2rem auto 0.2rem 2em !important;
    color: #393939;
}

div.chapTOCFrame {
    margin-bottom: 2em !important;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;    
    padding: 10px 0;
    width: 100%;
}

/* Part colors for rules above & below 'In this chapter' */
div.ch01 + div.chapTOCFrame,
div.ch02 + div.chapTOCFrame,
div.ch03 + div.chapTOCFrame {
    border-color: #abce38; /* PART I Green */
}
div.ch04 + div.chapTOCFrame,
div.ch05 + div.chapTOCFrame,
div.ch06 + div.chapTOCFrame,
div.ch07 + div.chapTOCFrame,
div.ch08 + div.chapTOCFrame,
div.ch09 + div.chapTOCFrame,
div.ch10 + div.chapTOCFrame {
    border-color: #27bdbe; /* PART II Aqua */
}
div.ch11 + div.chapTOCFrame,
div.ch12 + div.chapTOCFrame,
div.ch13 + div.chapTOCFrame,
div.ch14 + div.chapTOCFrame,
div.ch15 + div.chapTOCFrame,
div.ch16 + div.chapTOCFrame,
div.ch17 + div.chapTOCFrame,
div.ch18 + div.chapTOCFrame,
div.ch19 + div.chapTOCFrame,
div.ch20 + div.chapTOCFrame {
    border-color: #3d70b7; /* PART III Blue */
}
div.ch21 + div.chapTOCFrame,
div.ch22 + div.chapTOCFrame {
    border-color: #8f499c; /* PART IV Plum */
}
div.ch23 + div.chapTOCFrame,
div.ch24 + div.chapTOCFrame,
div.ch25 + div.chapTOCFrame {
    border-color: #f7931d; /* PART V Orange */
} 
div.appa + div.chapTOCFrame,
div.appb + div.chapTOCFrame,
div.appc + div.chapTOCFrame,
div.appd + div.chapTOCFrame { 
    border-color: #bbbdc0; /* PART VI Gray */
}

/* ----------------------------- Sidebars ----------------------------- */

div.sbMargin,
div.sidebar {
    border: solid 2px #009ac7;
    padding: 15px !important;
    border-radius: 1em;
    margin: 1.5em 0 2em !important;
    background: transparent !important;
}

div.sidebar p,
div.sbMargin p,
li.SidebarListBullet {
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 300;
    font-size: 90%;
    line-height: 150% !important;
    margin: 0.25em auto !important;
    
}

li.SidebarListBullet p.Sidebar-ListItem { font-size: 1em !important; }

div.sbMargin pre,
div.sidebar pre { font-size: 0.85em; }

p.SidebarTitle,
h5.SidebarTitle {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 1.25em !important;
    font-weight: 600 !important;
    text-align: left;
    margin: 0 auto 0.25em !important;
}

h5.sbHead {
    color: #888;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 600;
}

li h5.sbHead {
    margin-left: -2em !important;
    font-size: 1rem;
}

li.SidebarListNumber2Col {  /* used in Chapter 3 */
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 300;
    font-size: 90%;
}

p.SidebarListSimpleFirst,
p.SidebarListSimple { padding-left: 1em !important; }

p.SidebarSeries,
h5.SidebarSeries {
    font-family: "Ridley Grotesk", sans-serif !important;
	font-weight: bold !important;
	font-size: 0.75rem;
	line-height: 1em;
	text-transform: uppercase;
	color: #f7931d;
	margin-top: 0 !important;
	margin-bottom: 0.75em !important;
	letter-spacing: 3px;
}
p.SidebarSeries:before,
h5.SidebarSeries:before {
    content: "";
    height: 0.75em;
    width: 0.75em;
    background: #f7931d;
    float: left;
    margin-top: 0.1em;
    margin-right: 1em;
}

p.SidebarListVariableTerm {
    font-family: "Source Sans Pro", sans-serif !important;
	font-style: italic;
	font-weight: normal !important;
	margin: 1em auto 0 !important;
}

p.SidebarListVariable {
    font-family: "Source Sans Pro", sans-serif !important;
	font-weight: 300;
    margin-left: 1.5em !important; 
	margin-top: 0 !important;
}

p.SidebarListVariable,
p.SidebarListVariableTerm { font-size: 90%; }

p.SidebarBody,
p.SidebarBody-2Col,
li.SidebarListNumber,
li.SidebarListBullet {
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 300;
    font-size: 90%;
    margin-bottom: 0 !important;
}
div.sidebar p.SidebarListItem_cont {
   font-family: "Source Sans Pro", sans-serif !important;
   font-size: 90%;
   margin-left: 1.5em !important;
}
li.SidebarListNumber p.SidebarListItem_cont,
li.SidebarListBullet p.SidebarListItem_cont { 
/* When continued list item is inside a list number/bullet item, stop compounding margin/font-size */
   font-family: "Source Sans Pro", sans-serif !important;
   font-size: 1em;
   margin-left: 0 !important;
}

li.SidebarListNumber li.SidebarListBullet,
li.SidebarListBullet li.SidebarListBullet { 
/* When bullet list item is inside another list item, stop compounding margin/font-size */
   font-family: "Source Sans Pro", sans-serif !important;
   font-size: 1em;
   margin-left: 0 !important;
}

li.SidebarListNumber pre.code,
li.SidebarListNumber pre.CodeFirst,
li.SidebarListBullet pre.code,
li.SidebarListBullet pre.CodeFirst,
li.SidebarListNumber pre.SidebarCode,
li.SidebarListNumber pre.SidebarCodeFirst,
li.SidebarListBullet pre.SidebarCode,
li.SidebarListBullet pre.SidebarCodeFirst {
/* When code is inside a list number/bullet item, stop compounding font-size */
    font-size: 1em;
}

/* ---------------------------- Exercises ----------------------------- */

div.exercise-margin,
div.exercise-inline,
div.exercise {
    background-color: #e1f3fd;
    padding: 15px !important;
    border-radius: 1em;
    margin: 1.5em 0 2em !important;
}

div.exercise-margin pre,
div.exercise-inline pre,
div.exercise pre { font-size: 0.875em; }

h6.ExerciseTitle {
    font-family: "Source Sans Pro", sans-serif !important;
	font-weight: normal;
	font-size: 1.25em;
	margin-top: 0.25em !important;
}

span.Exercise-Label {
    font-family: "Ridley Grotesk", sans-serif !important;
	font-weight: 600;
	font-size: 0.8125em;
	color: #009ac7;
	text-transform: uppercase;
	margin-right: 0.5em !important;
}

/* ------------------------------ Figures ----------------------------- */

img {
    max-width: 100%;
    max-height: 100%;
}

div.figWCaption,
div.figure-w-caption-margin,
figure { 
    margin: 1em auto 2em !important;
    page-break-inside: avoid;
}

p.FigureCaption,
figcaption {
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 300;
    font-size: 90%;
    line-height: 125%;
    text-align: left;
    padding-top: 0.5em !important;
    border-top: solid 1px black;
}

span.FigureLabel,
span.Table-Label {
    font-family: "Ridley Grotesk", sans-serif !important;
	font-weight: 600;
	font-size: 0.825rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #f7931d;
	padding-right: 0.25em !important;
}
h1.partLabel span.Table-Label { color: white; }
h1.chapterLabel span.Table-Label { color: black; }

p.body span.FigureLabel {  
    /* this is used for "THE MARKUP" and "THE STYLES" example heads in Part III */
    font-size: .75em;
    color: #000;
}

/* ------------------------------- Notes ------------------------------ */

div.note,
div.marginNote {
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    border-left: none !important;
    border-right: none !important;
    margin: 1.5em 10% !important;
    page-break-inside: avoid;
    padding: 0.5rem !important;
    background: transparent !important;
    box-shadow: none !important;
}

h5.noteHeader,
h5.WarningHeader {
	font-family: "Ridley Grotesk", sans-serif !important;
	margin: 0.25rem auto !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .8125em;
}
h5.WarningHeader { color: #c9242b; }

p.note {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 90%;
	font-style: italic;
	font-weight: 300 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

/* ------------------------------ Tables ------------------------------ */

table {
    border: none !important;
    border-collapse: collapse;
    margin: 1em auto !important;
    width: 100%;
}

table.table_invisible td {
    border: none !important;
}

tr { 
    background: transparent !important;
    border: none !important;
}

table p {
    font-family: Birka, serif !important;
    font-size: 0.9rem;
    line-height: 110%;
    margin: 0 !important;
    padding: 0 !important;
}

table pre {
    margin: 0 !important;
    padding: 0 !important;
}

td {
    border: 0.75px solid black !important;
    border-left-width: 1.5px !important;
    border-right-width: 1.5px !important;
    margin: 0 !important;
    padding: 6px !important;
    background-color: transparent !important;
}
td:first-child { border-left: none !important; }
td:last-child { border-right: none !important; }

thead td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

thead td.Table-Title { padding-left: 0 !important; }

thead tr:last-child td { border-bottom: 2px solid black !important; }

thead p,
p.TableHeader {
    font-family: "Source Sans Pro", sans-serif !important;
	font-weight: 600 !important;
}

thead p,
p.TableHeader {
    font-family: "Source Sans Pro", sans-serif !important;
	font-weight: 600;
}

p.TableTitle {
    font-family: "Source Sans Pro", sans-serif !important;
	font-style: normal;
	font-weight: 300 !important;
    padding-bottom: 0.5em !important;
}

p.TableHeader { font-weight: bold; }

td.Remove-bottom-rule { border-bottom-color: transparent !important; }

pre.cellCode {
    margin: 0 !important;
    font-size: .8125em;
}

pre.CellCode-indent { margin: 0 0 0 1em !important; }

span.Replaceable-Sidebar { font-style: italic; }

table.table_invisible_hide { display: none; }

/* ------------------------------- Lists ------------------------------ */

ol, ul {
    margin-left: 1em !important;
    padding-left: 1.25em !important;
    margin-bottom: 1em !important;
}

li { 
    line-height: 1.15em !important;
}

/*Circle Frame Neg numbers*/
ol 
{ counter-reset: Circle-Frame-Neg; }

span.Circle-Frame-Neg,
span.AlphaBullet--11pt-,
ol > li.ListNumber-Circle-Frame-Neg:before {
    font-family: "Source Sans Pro", sans-serif !important;
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    font-style: normal;
    background-color: #009ac7;
    padding: 0 0.4em 0.1em !important;
    border-radius: 1.5em;
    content: counter(Circle-Frame-Neg);
	counter-increment: Circle-Frame-Neg;
}

ol > li.ListNumber-Circle-Frame-Neg:before {
    float: left;
    font-size: 0.75rem;
    line-height: 1rem;
    margin-left: -2.25em !important;
    margin-top: 0.4em;
    padding: 0 0.4em 0.1em !important;
}

/*Alpha list in Chapter 25*/
div.ch25 ol:first-of-type > li.ListNumber-Circle-Frame-Neg:before
{ content: counter(Circle-Frame-Neg, upper-alpha); }

ol > li.ListNumber-Circle-Frame-Neg { list-style-type: none; }

ol > li > ol > li { list-style-type: lower-alpha; }

p.ListItem,
p.Sidebar-ListItem {
    padding-left: 1.5rem !important;
    text-indent: -1.5rem !important;
}

span.ListStartItem,
span.ListStartItem--Sidebar- { font-weight: 600; }

/* 600/Semibold looks Bold */
span.ListStartItem { font-weight: 600; }

p.ListVariable_cont { margin-left: 1.5em !important; }

/* ----------------------------- Callouts ----------------------------- */

div.callout {    
    border-top: solid 1px #f7931d;
    border-bottom: solid 1px #f7931d;
    margin: 2rem 10% !important;
    page-break-inside: avoid;
    padding: 0.5rem !important;
}

p.callout {
    font-family: "Ridley Grotesk", sans-serif !important;
	font-weight: 600;
	line-height: 125% !important;
	color: #f7931d;
	margin: 0 !important;
}

/* ----- HTML REFERENCE ----- */

/* NOTE: There is inconsistent capitalizaton on RefNameCode */
p.refNameCode,
p.refNameCode-Left,
p.RefNameCode,
p.RefNameCode-Left {
    font-family: TheSansMonoCd, monospace !important;
    font-weight: 500;
    font-size: 1em;
    line-height: 125%;
    margin: 0.25em 0 !important;
    padding: 0 !important;
    color: #f7931d;
}

div.ref { margin: 1em auto 2em !important; }

div.sidebar p.refNameCode,
div.sidebar p.RefNameCode-Left {
    font-family: TheSansMonoCd, monospace !important;
    font-weight: 500;
    font-size: .875em;
    margin: .75em 0 0 !important;
    color: #f7931d;
}

p.refPurpose,
div.sidebar p.refPurpose {
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 400;
    font-size: .875em;
       margin: .125em 0 1em !important;
}

/* ----- CSS PROPERTY LISTINGS ----- */

p.property {
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 400;
    font-size: .9em;
}
span.prop-label {
    font-weight: 600;
}
/* 
We don't need to have property listings line up with tabs like in the book, but 
I was hoping I could use generated content to add space after the prop-label colon. 
That doesn't seem to work. Do you know a trick? 
span.prop-label:after {
    content: "";
}
*/
span.prop-replace {
    font-style: italic;
}
span.prop-code {
    font-family: TheSansMonoCd, monospace !important;
    font-weight: 400;
}

/* --------------- Custom handling to fix Safari issues --------------- */

/*Close up spacing around Part Opener blocks*/
div.ch01:nth-child(-n+4) { 
    margin: 0 !important;
    padding: 0 !important;
}

p.ListVariableTerm > span.Replaceable {
    font-family: TheSansMonoCd, monospace !important;
	font-style: italic;
	font-weight: 300 !important;
}

p.ListVariableTerm > span.Code-Inline,
p.ListVariableTerm > span.CodeColor {
    font-family: TheSansMonoCd, monospace !important;
	font-style: normal;
	font-weight: 400 !important;
}

p.note {
    font-family: "Source Sans Pro", sans-serif !important;
	font-style: italic !important;
	font-weight: 300 !important;
}

/* --------------------- Custom Section coloring ---------------------- */

/* Light Blue bar for bottom of all Part Titles */
div.ch01:nth-child(3),    /* Part I */
div.ch04:nth-child(3),    /* Part II */
div.ch11:nth-child(3),    /* Part III */
div.ch21:nth-child(3),    /* Part IV */
div.ch23:nth-child(3),    /* Part V */
div.appa:nth-child(3)     /* Part VI */ {
    border-bottom: solid #cceef6 10px;
    margin-bottom: 2rem !important;
}

/* Part I (Green) */
div.ch01 h1.partLabel,
div.ch01 h1.partTitle { background-color: #a6ce38; }
div.ch01 h1.partTitle { border-bottom: solid #81c765 10px; }
div.ch01 h1.chapterLabel:before,
div.ch02 h1.chapterLabel:before,
div.ch03 h1.chapterLabel:before { color: #a6ce38; }
/*contents part underline color*/
div.contents p.TOC---Part--epub-:nth-child(3) { border-bottom-color: #a6ce38; }
/*Rule above chapter titles with no Part*/
div.ch02:first-child,
div.ch03:first-child { 
    border-top: solid 10px #a6ce38;
    padding-top: 1rem !important;
}

/* Part II (Aqua) */
div.ch04 h1.partLabel,
div.ch04 h1.partTitle { background-color: #57babc !important; }
/*overlap banner color*/
div.ch04 h1.partTitle { border-bottom: solid #40b6c0 10px !important; }
div.ch04 h1.chapterLabel:before,
div.ch05 h1.chapterLabel:before,
div.ch06 h1.chapterLabel:before,
div.ch07 h1.chapterLabel:before,
div.ch08 h1.chapterLabel:before,
div.ch09 h1.chapterLabel:before,
div.ch10 h1.chapterLabel:before { color: #57babc !important; }
/*contents part underline color*/
div.contents p.TOC---Part--epub-:nth-child(26) { border-bottom-color: #57babc !important; }
/*Rule above chapter titles with no Part*/
div.ch05:first-child,
div.ch06:first-child,
div.ch07:first-child,
div.ch08:first-child,
div.ch09:first-child,
div.ch10:first-child { 
    border-top: solid 10px #57babc;
    padding-top: 1rem !important;
}

/* Part III (Blue) */
div.ch11 h1.partLabel,
div.ch11 h1.partTitle { background-color: #3d70b7; }
/*overlap banner color*/
div.ch11 h1.partTitle { border-bottom: solid #337db7 10px; }
div.ch11 h1.chapterLabel:before,
div.ch12 h1.chapterLabel:before,
div.ch13 h1.chapterLabel:before,
div.ch14 h1.chapterLabel:before,
div.ch15 h1.chapterLabel:before,
div.ch16 h1.chapterLabel:before,
div.ch17 h1.chapterLabel:before,
div.ch18 h1.chapterLabel:before,
div.ch19 h1.chapterLabel:before,
div.ch20 h1.chapterLabel:before { color: #3d70b7; }
/*contents part underline color*/
div.contents p.TOC---Part--epub-:nth-child(96) { border-bottom-color: #3d70b7; }
/*Rule above chapter titles with no Part*/
div.ch12:first-child,
div.ch13:first-child,
div.ch14:first-child,
div.ch15:first-child,
div.ch16:first-child,
div.ch17:first-child,
div.ch18:first-child,
div.ch19:first-child,
div.ch20:first-child{ 
    border-top: solid 10px #3d70b7;
    padding-top: 1rem !important;
}

/* Part IV (Plum) */
div.ch21 h1.partLabel,
div.ch21 h1.partTitle { background-color: #8f499c; }
/*overlap banner color*/
div.ch21 h1.partTitle { border-bottom: solid #7767a4 10px; }
div.ch21 h1.chapterLabel:before,
div.ch22 h1.chapterLabel:before { color: #8f499c; }
/*contents part underline color*/
div.contents p.TOC---Part--epub-:nth-child(191) { border-bottom-color: #8f499c; }
/*Rule above chapter titles with no Part*/
div.ch22:first-child { 
    border-top: solid 10px #8f499c;
    padding-top: 1rem !important;
}

/* Part V (Orange) */
div.ch23 h1.partLabel,
div.ch23 h1.partTitle { background-color: #f7931d; }
/*overlap banner color*/
div.ch23 h1.partTitle { border-bottom: solid #c79b57 10px; }
div.ch23 h1.chapterLabel:before,
div.ch24 h1.chapterLabel:before,
div.ch25 h1.chapterLabel:before { color: #f7931d; }
/*contents part underline color*/
div.contents p.TOC---Part--epub-:nth-child(207) { border-bottom-color: #f7931d; }
/*Rule above chapter titles with no Part*/
div.ch24:first-child,
div.ch25:first-child { 
    border-top: solid 10px #f7931d;
    padding-top: 1rem !important;
}

/* Part VI (Gray) */
div.appa h1.partLabel,
div.appa h1.partTitle { background-color: #bbbdc0; }
/*overlap banner color*/
div.appa h1.partTitle { border-bottom: solid #a3bac3 10px; }
div.appa h1.chapterLabel:before,
div.appb h1.chapterLabel:before,
div.appc h1.chapterLabel:before,
div.appd h1.chapterLabel:before { color: #bbbdc0; }
/*Rule above chapter titles with no Part*/
div.appb:first-child,
div.appc:first-child,
div.appd:first-child { 
    border-top: solid 10px #bbbdc0;
    padding-top: 1rem !important;
}

/* ------------------------- Character styles ------------------------- */

a { text-decoration: none !important; }

span.Xref,
span.Xref-Figure,
span.Xref--Sidebar- {
    font-family: "Source Sans Pro", sans-serif !important;
	font-style: normal;
	font-weight: 600;
	font-size: 0.9375em;
}
span.Xref-Figure {
    font-family: "Ridley Grotesk", sans-serif !important;
	font-weight: 500;
    color: #009ac7;
    font-size: 0.75em;
    text-transform: uppercase;
}

em.Emphasis { font-style: italic; }

span.URL-Email,
span.URL-Email--Sidebar- {
    font-family: "Source Sans Pro" !important;
    font-style: italic;
    font-size: 0.9375em;
    font-weight: 400;
    color: #009ac7;
}

span.FirstTerm { color: #009ac7; font-style: normal; }

span.FirstTerm--Sidebar- {
    font-family: "Source Sans Pro", sans-serif !important;
    font-style: normal;
    font-weight: normal;
    color: #009ac7;
}

span.Citation,
span.Filename,
span.Filename--Sidebar- { font-style: italic !important; }

pre,
code,
span.Replaceable,
span.Code-Inline,
span.Literal-fc,
span.Literal-Sidebar {
    font-family: TheSansMonoCd, monospace !important;
    font-size: 0.9em !important;
	font-style: normal !important;
	font-weight: 400 !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}
pre,
code { line-height: 1.25em; }
span.Replaceable { font-style: italic !important; }
span.Literal-fc,
span.Literal-Sidebar { font-weight: 600 !important; }

pre {
    text-align: left;
    margin: 1em 0 1em 1.5em !important;
    line-height: 1.3em;
    white-space: pre-wrap !important;
}

li pre { padding-left: 0 !important }

pre + pre { margin-top: -1em !important; }

code.CodeColor {
    font-weight: 500 !important;
    color: #3d70b7;
}

pre code { font-size: 100% !important; }

pre.CellCode-indent { margin-left: 1rem !important; }

span.remove { display: none; }

span.Code-Comment {
    font-family: TheSansMonoCd, monospace !important;
    font-weight: 300;
    color: #888;
}

span.Codenames {  /* used in Chapter 5 for HeadDs in code font */
    font-family: TheSansMonoCd, monospace !important;
    font-weight: 700;
    font-size: 1.125em;
    color: #000;
}

span.codeOrange { color: #f7931d !important; }
span.codeBlue { color: #009ac7 !important; }
span.codeGreen { color: #62a73b !important; }
span.codeAqua { color: #27bdbe !important; }

span.COMMA { color: #000 !important; }

span.Birka-SC { font-variant: small-caps !important; }

/* -------------------------- Embedded fonts -------------------------- */
@font-face {
	font-family: "Arial Unicode MS";
	font-style: normal;
	font-weight: normal;
	src : url("../font/ArialUnicodeMS.ttf");
}
@font-face {
	font-family: "Minion Pro";
	font-style: normal;
	font-weight: normal;
	src : url("../font/MinionPro-Regular.otf");
}
@font-face {
	font-family: "Minion Pro";
	font-style: italic;
	font-weight: normal;
	src : url("../font/MinionPro-It.otf");
}
@font-face {
	font-family: "Minion Pro";
	font-style: normal;
	font-weight: 600;
	src : url("../font/MinionPro-Semibold.otf");
}
@font-face {
	font-family: "Myriad Pro";
	font-style: normal;
	font-weight: 300;
	src : url("../font/MyriadPro-Light.otf");
}
@font-face {
	font-family: "Myriad Pro";
	font-style: normal;
	font-weight: 600;
	src : url("../font/MyriadPro-Semibold.otf");
}

/* Body font Birka */
@font-face {
	font-family: Birka;
	font-style: normal;
	font-weight: normal;
	src : url("../font/Birka.otf");
}
@font-face {
	font-family: Birka;
	font-style: normal;
	font-weight: bold;
	src : url("../font/Birka-Bold.otf");
}
@font-face {
	font-family: Birka;
	font-style: italic;
	font-weight: normal;
	src : url("../font/Birka-Italic.otf");
}
@font-face {
	font-family: Birka;
	font-style: normal;
	font-weight: 600;
	src : url("../font/Birka-SemiBold.otf");
}
@font-face {
	font-family: Birka;
	font-style: italic;
	font-weight: 600;
	src : url("../font/Birka-SemiBoldItalic.otf");
}

/* Header font Ridley Grotesk */
@font-face {
	font-family: "Ridley Grotesk";
	font-style: normal;
	font-weight: bold;
	src : url("../font/RidleyGrotesk-Bold.otf");
}
@font-face {
	font-family:"Ridley Grotesk";
	font-style: normal;
	font-weight: 300;
	src : url("../font/RidleyGrotesk-Light.otf");
}
@font-face {
	font-family: "Ridley Grotesk";
	font-style: normal;
	font-weight: 500;
	src : url("../font/RidleyGrotesk-Medium.otf");
}
@font-face {
	font-family: "Ridley Grotesk";
	font-style: normal;
	font-weight: normal;
	src : url("../font/RidleyGrotesk-Regular.otf");
}
@font-face {
	font-family: "Ridley Grotesk";
	font-style: normal;
	font-weight: 600;
	src : url("../font/RidleyGrotesk-SemiBold.otf");
}

/* Header font Source Sans Pro */
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: bold;
	src : url("../font/SourceSansPro-Bold.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: bold;
	src : url("../font/SourceSansPro-BoldIt.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: normal;
	src : url("../font/SourceSansPro-It.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 300;
	src : url("../font/SourceSansPro-Light.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: 300;
	src : url("../font/SourceSansPro-LightIt.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: normal;
	src : url("../font/SourceSansPro-Regular.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 600;
	src : url("../font/SourceSansPro-Semibold.otf");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: italic;
	font-weight: 600;
	src : url("../font/SourceSansPro-SemiboldIt.otf");
}

/* Monospace font The Sans Mono Condensed */
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: 200;
	src : url("../font/TheSansMonoCd-W2ExtraLight.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: 300;
	src : url("../font/TheSansMonoCd-W3Light.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: italic;
	font-weight: 300;
	src : url("../font/TheSansMonoCd-W3LightItalic.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: 400;
	src : url("../font/TheSansMonoCd-W4SemiLight.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: italic;
	font-weight: 400;
	src : url("../font/TheSansMonoCd-W4SemiLightItalic.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: 500;
	src : url("../font/TheSansMonoCd-W5Regular.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: normal;
	src : url("../font/TheSansMonoCd-W5Regular.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: 600;
	src : url("../font/TheSansMonoCd-W6SemiBold.otf");
}
@font-face {
	font-family: TheSansMonoCd;
	font-style: normal;
	font-weight: bold;
	src : url("../font/TheSansMonoCd-W7Bold.otf");
}
@font-face {
	font-family:TheSansMonoCd;
	font-style: normal;
	font-weight: 700;
	src : url("../font/TheSansMonoCd-W7Bold.otf");
}