/* ----------------------------------------------------------------- KOGAN PAGE EBOOK STYLESHEET Copyright © 2020 by Kogan Page. All rights reserved. -------------------------------------------------------------------- */ /* ----------- */ /* -- FONTS -- */ /* ----------- */ @font-face { font-family: "Lato"; font-weight: normal; font-style: normal; src: url(fonts/Lato-Regular.ttf); } @font-face { font-family: "Lato"; font-style: normal; font-weight: bold; src: url(fonts/Lato-Bold.ttf); } @font-face { font-family: "Lato"; font-style: italic; font-weight: bold; src: url(fonts/Lato-BoldItalic.ttf); } @font-face { font-family: "Lato"; font-style: italic; font-weight: normal; src: url(fonts/Lato-Italic.ttf); } @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: normal; src: url(fonts/NotoSerif-Regular.ttf); } @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: bold; src: url(fonts/NotoSerif-Bold.ttf); } @font-face { font-family: "Noto Serif"; font-style: italic; font-weight: bold; src: url(fonts/NotoSerif-BoldItalic.ttf); } @font-face { font-family: "Noto Serif"; font-style: italic; font-weight: normal; src: url(fonts/NotoSerif-Italic.ttf); } /* --------------------------- */ /* -- GLOBAL ELEMENT STYLES -- */ /* --------------------------- */ * { /*overflow-x: hidden;*/ } a:link, a:visited { color: #3A73B9; text-decoration: underline; } /* URLs should break anywhere */ span.url-no-link, span.url-hyperlink { color: #3A73B9; word-break: break-all; } blockquote { margin: 0.5em 2.0em 0.5em 2.0em; } dl { margin: 0.5em 0 0.5em 1.0em; text-align: left; text-justify: none; } dt { font-family: "Noto Serif", serif; font-size: 1.0em; font-weight: normal; line-height: 1.4; margin-top: 0.5em; margin-left: 0; page-break-after: avoid; } dd { font-family: "Noto Serif", serif; font-size: 1.0em; line-height: 1.4; margin-left: 0; } figure { margin: 1.0em 0.75em 1.0em 0.75em; page-break-before: always; page-break-inside: avoid; text-align: left; } figure img { /*border: 1px solid #3A73B9;*/ } figcaption { page-break-inside: avoid; margin-bottom: 0.25em; } details {} h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; hyphens: none; -webkit-hyphens: none; line-height: 0.9em; margin: 0 0 0 0; padding-top: 0.1em; padding-bottom: 0.25em; page-break-after: avoid; text-align: left; text-indent: 0; } img { max-width: 99%; max-height: 99%; } ol, ul { margin: 0.5em 0 0.5em 1.0em; padding: 0 0 0 1.0em; } li { clear: left; font-size: 1.0em; font-family: "Noto Serif", serif; line-height: 1.4; text-align: left; padding-left: 0.5em; text-indent: -0.5em; } p { font-family: "Noto Serif", serif; font-size: 1.0em; font-style: normal; font-weight: normal; line-height: 1.4; margin: 0 0 0 0; /*text-align: left;*/ text-indent: 0; } /* == TABLES == */ div.table { overflow-x: auto; } table { border-collapse: collapse; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; margin: 0 0.75em 0em 0.75em; page-break-inside: avoid; table-layout: auto; } table.left td, table.left th { text-align: left; } table.center td, table.center th { text-align: center; } table.right td, table.right th { text-align: right; } table.top td, table.top th { vertical-align: top; } table.middle td, table.middle th { vertical-align: middle; } table.bottom td, table.bottom th { vertical-align: bottom; } table.shade-even tr:nth-child(even) { background-color: #d9d9d9; } table.shade-odd tr:nth-child(odd) { background-color: #d9d9d9; } table.no-shade th { background-color: initial; } table.no-border { border-top: 0; border-bottom: 0; } table p { font-family: "Lato", sans-serif; text-align: inherit; } tr.border td { border-bottom-width: 1px; border-bottom-style: solid; } tr.no-border td, tr.no-border th { border-bottom: 0; } tr.shade td { background-color: #d9d9d9; } tr.no-shade td, tr.no-shade th { background-color: initial; } tr.left td, tr.left th { text-align: left; } tr.center td, tr.center th { text-align: center; } tr.right td, tr.right th { text-align: right; } tr.top td, tr.top th { vertical-align: top; } tr.middle td, tr.middle th { vertical-align: middle; } tr.bottom td, tr.bottom th { vertical-align: bottom; } td, th { text-align: center; } td:first-child, th:first-child { text-align: left; } td:last-child, th:last-child { padding-right: 0.5em; } td { padding-left: 0.5em; vertical-align: top; } td.shade { background-color: #d9d9d9!important; } td.no-shade, th.no-shade { background-color: initial!important; } th { border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; background-color: #d9d9d9; font-weight: bold; padding-left: 0.5em; vertical-align: bottom; } td, th { font-size: 0.85em; line-height: 1.2; min-width: 8em; } td.left, th.left { text-align: left!important; } td.center, th.center { text-align: center!important; } td.right, th.right { text-align: right!important; } td.top, th.top { vertical-align: top!important; } td.middle, th.middle { vertical-align: middle!important; } td.bottom, th.bottom { vertical-align: bottom!important; } td.border { border-bottom-width: 1px!important; border-bottom-style: solid!important; } td.no-border, th.no-border { border-bottom: 0!important; } /* ------------------------ */ /* -- GLOBAL FONT STYLES -- */ /* ------------------------ */ .equation-inline {} .label, .ordinal { font-weight: bold; } .sans { font-family: "Lato"!important; } .serif { font-family: "Noto Serif"!important; } i { font-style: italic; } b { font-weight: bold; } sub, .sub { font-size: 0.75em; line-height: 0; /* prevent creating extra line space with subscript */ vertical-align: sub; } sup, .sup, .endnote-reference { font-size: 0.75em; line-height: 0; /* prevent creating extra line space with superscript */ vertical-align: super; } .underline { text-decoration: underline; } .underline2 { text-decoration: underline; text-decoration-style: double; } /* --------------------------------- */ /* -- GLOBAL ELEMENT.CLASS STYLES -- */ /* --------------------------------- */ /* -- headings -- */ h1.title, h2.title, h3.title, h4.title, p.title { font-family: "Lato", sans-serif; font-size: 1.8em; font-style: normal; font-weight: bold; hyphens: none; -webkit-hyphens: none; line-height: 0.9em; margin: 1.11em 0 0 0; /* 1.11em = 2rem */ padding-top: 0.1em; padding-bottom: 0.25em; page-break-after: avoid; text-align: left; text-indent: 0; } h1.head-a, h2.head-a, h3.head-a, h4.head-a, p.head-a { font-family: "Lato", sans-serif; font-size: 1.5em; font-style: normal; font-weight: bold; hyphens: none; -webkit-hyphens: none; line-height: 1.0; margin: 0.67em 0 0 0; /* 0.67em = 1rem */ padding-top: 0.1em; padding-bottom: 0.25em; page-break-after: avoid; text-align: left; text-indent: 0; } h1.head-b, h2.head-b, h3.head-b, h4.head-b, p.head-b { font-family: "Lato", sans-serif; font-size: 1.3em; font-style: italic; font-weight: bold; hyphens: none; -webkit-hyphens: none; line-height: 1.0; margin: 0.77em 0 0 0; /* 0.77em = 1rem */ padding-top: 0.1em; padding-bottom: 0.25em; page-break-after: avoid; text-align: left; text-indent: 0; } h1.head-c, h2.head-c, h3.head-c, h4.head-c, p.head-c { font-family: "Lato", sans-serif; font-size: 1.2em; font-style: italic; font-weight: bold; hyphens: none; -webkit-hyphens: none; line-height: 1.0; margin: 0.83em 0 0 0; /* 0.83em = 1rem */ padding-top: 0.1em; padding-bottom: 0.25em; page-break-after: avoid; text-align: left; text-indent: 0; } h1.head-d, h2.head-d, h3.head-d, h4.head-d, p.head-d { font-family: "Noto Serif", serif; font-size: 1.0em; font-style: normal; font-weight: bold; hyphens: none; -webkit-hyphens: none; line-height: 1.4; margin: 0.5em 0 0 0; /* 0.5em = 0.5rem */ page-break-after: avoid; text-align: left; text-indent: 0; } p.figure, p.table { font-size: 1.2em; margin-top: 0.83em; /* = 1rem */ } /* -- lists -- */ /* inside the