/* VARIABLES */
:root {
    --blue:#074A7F;
    --orange:#F58020;
}

/* Font Awesome (customised) */
@font-face {
  font-family: 'font-awesome-custom';
  src: url('../font/font-awesome-custom.woff2') format('woff2'),
       url('../font/font-awesome-custom.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^='fa-']:before, [class*=' fa-']:before {
  font-family: 'font-awesome-custom';
  font-style: normal;
  font-weight: normal;
}

.fa-search:before { content: '\e800'; } /* '' */
.fa-book:before { content: '\e801'; } /* '' */
.fa-basket:before { content: '\e802'; } /* '' */
.fa-heart:before { content: '\e803'; } /* '' */
.fa-caret-left:before { content: '\e804'; } /* '' */
.fa-caret-right:before { content: '\e805'; } /* '' */
.fa-button-icon:before { content: '\f0c9'; } /* '' */
.fa-language:before { content: '\f1ab'; } /* '' */


/* NAVBAR */
#OBP-logo,
#OA-logo {
    height: 1.5em;
}
#reader-nav {
    border-bottom: 1px solid var(--blue);
}
#nav-book-cover {
    width: auto;
    height: 5em;
}
.nav-button-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

/* LEGACY SIDEBAR - TODO make it more 21 century*/
.blue-bg {
    background-color: var(--blue);
}
.orange-bg {
    background-color: var(--orange);
}
.sidebar-button {
    color: white;
    font-weight: bold;
    font-size: .9em;
    text-transform: uppercase;
    text-align: center;
}
.sidebar-button a {
    color: inherit !important;
}
.sidebar-button a:hover {
    color: white !important;
}
.sidebar-link {
    font-size: .9em;
}
.deco-none,
.deco-none:link,
.deco-none:hover {
    color: inherit;
    text-decoration: inherit;
}
#book-cover {
    width: 100%;
    max-width: 300px;
}

/* ZOOM SELECTOR */
.zoom-selector {
    font-family:serif;
}
.small {
    font-size: 1rem;
}
.medium {
    font-size: 1.4rem;
}
.large {
    font-size: 1.8rem;
}

/* MAIN WINDOW */
div#mainwin{
    padding-right:10%;
    padding-left:10%;
    padding-bottom:3%;
    text-align:justify;
    font-family:'Palatino Linotype', serif !important;
}

/* DIVS */
div[id^='_idContainer'] {
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center;
}
div[class^="_idGenObjectLayout"] {
    height:auto;
    width:auto\9; /* ie8 */
    text-align:center;
}
div#mainwin img {
    height:auto;
    text-align:center;
}

/* LINKS */
a:link {
    color:#4B7BA9;
    text-decoration:none;
}
a:hover {
    color:#074A7F;
}


/* TABLES */
table {
    margin-left:auto;
    margin-right:auto;
    width:80%;
}
table.invisible-table {
    border:none !important;
}
table.visible-table {
    border:1px solid black !important;
    border-collapse:collapse !important;
}
td {
    padding:0.5% !important;
} 
td.visible-cell {
    border:1px solid black !important;
    vertical-align:middle !important;
}
td.invisible-cell {
    border:none !important;
    vertical-align:top !important;
}

/* CHARACTER STYLES */
span[class*='italic'] {
/* i.e.: .italic, .bolditalic, .superscript-italic, 
 *       .strikethrough-italic */
    font-style:italic;
}
span[class*='bold'] {
/* i.e.: .bold, .bolditalic */
    font-weight:bold;
}
span.superscript {
    font-size:60%;
    vertical-align:baseline !important;
    position:relative;
    top:-0.7em !important;
}
span.subscript {
    font-size:80%;
    vertical-align:baseline !important;
    position:relative;
    top:0.4em !important;
}
span.underline {
    text-decoration:underline;
}
span.strikethrough {
    text-decoration:line-through;
}

/* PARAGRPAH STYLES */
p.FM-half-title {
    text-transform:uppercase;
    font-size:200%;
    line-height:150%;
    text-align:center;
}
p.FM-title {
    text-align:center;
    font-size:200% !important;
    margin-bottom:20px;
}
p.FM-subtitle {
    font-size:150%;
    text-align:center;
    margin-bottom:100px;
}
p.FM-author {
    font-size:125%;
    text-align:center;
    font-style:italic;
    margin-bottom:200px;
}
p.FM-affiliation {
    text-align:center;
    font-style:italic;
}
p.CP-centered-para {
    font-size:100%;
    line-height:130%;
    margin:0px;
    padding:0px;
    text-align:center;
}
p.CP-first-para {
    text-align:left;
    margin-top:5px;
    font-size:100%;
    line-height:130%;
    padding:0px;
}
p.CP-other-para,
p.CP-normal-para /* deprecated */ {
    text-indent:0px;
    margin:0px;
    text-align:left;
    font-size:100%;
    line-height:130%;
    padding:0px;
}
p.TOC-chapter-title,
p.illustration-list {
    text-align:left;
    vertical-align:top;
    font-size:100%;
    margin:0px;
    padding:0px;
}
p.TOC-part-title {
    text-transform:uppercase;
    text-align:left;
    vertical-align:top;
    font-size:100%;
    line-height:130%;
    margin:0px;
    padding:0px;
}
p.TOC-author {
    text-align:left;
    vertical-align:top;
    font-size:100%;
    line-height:130%;
    margin:0px;
    padding:0px;
    font-style:italic;
}
/* Probably deprecated
p.abstract-first-para {
    background-color:#C5D6E6;
    width:90%;
    margin-top:3%;
}
p.abstract-other-para {
    background-color:#C5D6E6;
    width:90%;
    margin-top:0;
}
*/
p.dedication {
    text-align:center;
    margin-bottom:50px;
}
p.signature,
p.short-ref {
    margin-top:20px;
    text-align:right;
    margin-right:5%;
}
p.heading0 {
    font-size:200%;
    line-height:130%;
    text-align:center;
    text-indent:0px;
}
p.heading1,
h1 {
    font-size:200% !important;
    line-height:130%;
    text-align:center;
    text-indent:0px;
    margin-top:3% !important;
}
p.heading1-aut {
    font-size:200% !important;
    line-height:150%;
    text-align:center;
    text-indent:0px;
    margin-top:3%;
}
p.author-name {
    font-size:150%;
    text-align:center;
    font-style:italic;
    border-bottom:solid 1px #000000;
    text-indent:0px;
    margin-top:2%;
    margin-bottom:4%;
    padding-bottom:1%;
}
p.heading2,
h2 {
    font-size:150% !important;
    line-height:150%;
    margin-top:5% !important;
    text-indent:0px;
    text-align:center;
}
p.heading3,
h3 {
    font-size:135% !important;
    line-height:135%;
    margin-top:5% !important;
    text-indent:0px;
    text-align:center;
}
p.heading4,
h4 {
    font-size:120% !important;
    line-height:120%;
    margin-top:5% !important;
    text-indent:0px;
    text-align:center;
}
p.heading5,
h5 {
    font-size:110% !important;
    line-height:110%;
    margin-top:5% !important;
    text-indent:0px;
    text-align:center;
}
p.first-para {
    margin:3% 0 0 0;
    text-indent:0px;
    text-align:justify;
    font-size:100%;
    line-height:160%;
    padding:0px;
}
p.other-para,
p.normal-para /* deprecated */ {
    text-align:justify;
    font-size:100%;
    line-height:160%;
    margin:0px;
    padding:0px;
    text-indent:20px;
}
p.footnote-first-para {
    margin-top:2%;
    margin-bottom:0px;
    text-align:justify;
    font-size:85%;
}
p.footnote-other-para {
    margin:0px;
    text-align:justify;
    font-size:85%;
    text-indent:20px;
}
p.endnote-first-para,
li.endnote-first-para {
    margin-left:20px;
    text-indent:-20px;
    text-align:justify;
    font-size:100%;
    margin-bottom:0px;
}
p.endnote-other-para,
li.endnote-other-para {
    margin-left:20px;
    text-indent:20px;
    text-align:justify;
    font-size:100%;
    margin-bottom:0px;
}
p.quote-first-para {
    width:90%;
    font-size:90%;
    margin:3% auto 0px;
    line-height:140%;
    text-indent:0px;
    text-align:justify;
}
p.quote-other-para {
    width:90%;
    font-size:90%;
    margin:0 auto;
    line-height:140%;
    text-indent:20px;
    text-align:justify;
}
p.quote-in-footnote-first-para {
    margin-top:3px;
    margin-bottom:0px;
    text-align:justify;
    font-size:80%;
    margin-left:30px;
    margin-right:10px;
}
p.quote-in-footnote-other-para {
    margin:3px 30px 0px 10px;
    text-align:justify;
    font-size:80%;
    text-indent:15px;
}
li.unordered-list-lev1,
li.ordered-list-lev1,
li.bullet-list-lev1, /*deprecated*/
li.numbered-list-lev1 /*deprecated*/ {
    text-align:left;
    font-size:100%;
}
li.numbered-list-lev2 {
    text-align:left;
    font-size:100%;
    margin-left:2%;
}
p.caption-centered,
p.caption-justified,
p.caption-centered-other-para {
    font-size:80%;
    line-height:120%;
    text-align:center;
    margin-bottom:10px;
    margin-top:0px;
}
p.image-centered,
p.table-centered {
    margin:5% auto 0;
}
p.table-caption {
    font-size:90%;
    line-height:120%;
    text-align:center;
    margin:15px 0 8px;
}
p.table-text-left {
    font-size:100% !important;
    text-align:left;
}
p.table-text-centered {
    font-size:100% !important;
    text-align:center;
}
p.poem-first-para {
    text-align:left;
    margin-left:7%;
    text-indent:-2%;
    margin-top:2%;
    font-size:90%;
    margin-bottom:0;
}
p.poem-other-para {
    text-align:left;
    margin-left:7%;
    text-indent:-2%;
    font-size:90%;
    margin-top:0;
    margin-bottom:0;
}
p.poem-first-para-indented {
    text-align:left;
    margin-top:2%;
    margin-left:7%;
    font-size:90%;
    margin-bottom:0;
}
p.poem-other-para-indented {
    text-align:left;
    margin-left:7%;
    font-size:90%;
    margin-top:0;
    margin-bottom:0;
}
p.poem-in-footnote {
    text-align:left;
    margin-left:5%;
    font-size:75%;
    margin-top:0;
    margin-bottom:0;
}
p.stage-directions {
    text-align:center;
    font-size:90%;
    font-style:italic;
    text-indent:0px;
}
p.play-first-para {
    margin-left:10%;
    text-indent:-5%;
    text-align:justify;
    font-size:90%;
    margin-top:2%;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
p.play-other-para {
    text-align:justify;
    font-size:90%;
    margin-left:10%;
}
p.doi {
    font-size:80%;
    text-align:right;
}
p.bibliography-first-para {
    font-size:100% !important;
    margin-top:3%;
    text-indent:-20px;
    margin-left:20px;
    margin-bottom:3px;
    text-align:left;
}
p.bibliography-other-para,
.bibliography /* deprecated */ {
    font-size:100% !important;
    text-indent:-20px;
    margin-left:20px;
    margin-bottom:3px;
    text-align:left;
    margin-top:1%;
}
p.index-lev1 {
    text-indent:0px;
    text-align:left;
    font-size:100%;
    line-height:130%;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
p.index-lev2 {
    text-indent:10px;
    text-align:left;
    font-size:100%;
    line-height:130%;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
p.index-lev3 {
    text-indent:20px;
    text-align:left;
    font-size:100%;
    line-height:130%;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
p.index-lev4 {
    text-indent:30px;
    text-align:left;
    font-size:100%;
    line-height:130%;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
p.index-lev1-spaced {
    text-indent:0px;
    margin-top:20px;
    text-align:left;
    font-size:100%;
    line-height:130%;
    margin-bottom:0px;
    padding-bottom:0px;
}
p.highlighted-first-para {
    background-color:#C5D6E6;
    width:90%;
    margin-top:3%;
}
p.highlighted-other-para {
    background-color:#C5D6E6;
    width:90%;
    margin-top:0;
}
/* Probably deprecated
p.code-first-para {
    font-family: monospace;
    margin-top:3%;
    font-size:100%;
    line-height:160%;
}
p.code-other-para {
    font-family: monospace;
    margin-top:0;
}*/
p.back-page-title {
    font-family:'Calibri', sans-serif;
    font-size:180%;
    text-indent:0px;
    margin-bottom:10px;
    text-align:left;
}
p.back-page-text {
    font-family:'Calibri', sans-serif;
    font-size:80%;
    text-indent:0px;
    margin-bottom:5px;
    text-align:justify;
}
p.back-page-text-centered{
    font-family:'Calibri', sans-serif;
    text-indent:0px;
    font-size:80%;
    text-align:center;
    margin-bottom:5px;
}
/* HORIZONTAL RULE (before footnotes) */
hr {
    margin-top:4%;
    margin-bottom:4%;
}