@font-face{ font-family: VollkornSCBold; src: url("fonts/VollkornSC-Bold.ttf"); src: url("fonts/VollkornSCBold-Regular.ttf"); } .VollkornSCBold{ font-family: VollkornSCBold; } @font-face{ font-family: RobotoCondensed; src: url("fonts/RobotoCondensed.ttf"); src: url("fonts/RobotoCondensed-Regular.ttf"); } .RobotoCondensed{ font-family: RobotoCondensed; } .chp_bg{ background-color: rgba(255,255,255, 0); background-blend-mode: lighten; opacity: 100; } .DivVpPnd .chapter-title-card .chapter-title h2{ color: black; } .DivVpPnd .chapter-title-card .chapter-number{ color: black; } .DivVpPnd .chapter-title-card .chapter-subtitle h3{ color: black; } .DivVpPnd .chapter-title-card, .DivVpPnd .title-card, .epub-toc-title-card{ display: flex; flex-direction: column; } .DivVpPnd .chapter-title-card, .epub-toc-title-card{ position: relative; min-height: 13em; padding-top: 1em; padding-bottom: 1em; display: flex; } .chp_clr_none img, .chp_clr_none{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .chp_clr_all img, .chp_clr_all{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .DivVpPnd .chapter-title-card .chp_img{ order: 4; text-align: center; padding-top: 0.3em; } .DivVpPnd .chapter-title-card .chp_img img{ width: 40%; } .DivVpPnd .chapter-title-card .chapter-number, .DivVpPnd .chapter-title-card .chapter-title, .DivVpPnd .chapter-title-card .chapter-subtitle, .epub-toc-title-card h2{ padding-left: 3%; width: 94%; z-index: 10; display: block; } .DivVpPnd .chapter-number{ text-align: center!important; order: 2; text-transform: capitalize; } .DivVpPnd .chapter-title{ text-align: center!important; order: 3; } .DivVpPnd .chapter-subtitle{ text-align: left!important; order: 4; } .DivVpPnd .chapter-number span, .DivVpPnd .chapter-title h2, .epub-toc-title-card h2, .DivVpPnd .chapter-subtitle h3 { font-weight: 400; } .DivVpPnd .chapter-number span{ font-family: 'VollkornSC-Bold'; font-size: 1.6666666666666667em; text-align: center; line-height: 1.3; width: 100%; display: inline-block; } .DivVpPnd .chapter-title h2, .epub-toc-title-card h2{ font-family: 'VollkornSC-Bold'; font-size: 1.6666666666666667em; text-align: center!important; line-height: 1.1; width: 100%; display: inline-block; } .DivVpPnd .chapter-subtitle h3{ font-family: 'RobotoCondensed'; font-size: 1.3333333333333333em; text-align: left; line-height: 1.1; width: 100%; display: inline-block; } .DivVpPnd header .meta{ font-size: 6pt; font-family: Benne; } .DivVpPnd footer .meta{ font-size: 6pt; font-family: Benne; } .DivVpPnd .title-card { font-family: 'VollkornSC-Bold'; } .DivVpPnd .title-card h1{ font-size: 44px; padding: 0.6em 0em; font-weight: 600; } .DivVpPnd .title-card h2{ font-size: 22px; padding: 1em 0em; } .DivVpPnd .title-card h3{ font-size: 20px; color:#666; padding: 1em 0em; } .DivVpPnd .publisher-details{ font-family: 'VollkornSC-Bold'; } 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, 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; margin-block: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .toc-list{ padding: 0px; margin-left: 0px; list-style: none; } .toc-subtitle{ margin-left: 1.5rem; } .toc-subheading{ margin-left: 1.5rem; } .toc-subheading-epub{ margin-left: 0.5rem; list-style-type:none; } .toc-subtitle-epub{ margin-left: 0.5rem; list-style-type:none; } .toc-subtitle-inner{ text-decoration:none; } b{ font-weight: bold; } em, i{ font-style: italic; } span.monospace { font-family: 'Courier', sans-serif; } span.smallcaps { font-variant: small-caps; } span.sansserif { font-family: 'PT Sans'; } h2 { font-size: 1.2em; padding: 0.6em 0em; } h1 { font-size: 1.3em; font-weight: bold; padding: 0.6em 0em; } h3 { font-size: 1.15em; font-weight: bold; padding: 0.6em 0em; } h4 { font-size: 1.1em; font-weight: 500; padding: 0.6em 0em; } h5 { font-size: 1.075em; font-weight: 500; padding: 0.6em 0em; } h6 { font-size: 1.075em; font-weight: 500; padding: 0.6em 0em; font-style: italic; } ul, ol{ padding: 0rem 1rem; line-height: 1.25; } .list-parent{ padding: 1rem; } li{ padding: 0.2rem 0rem; } .table-of-content{ margin-left: 0px; line-height: 1.6rem; } /* Common Chapter Title card alignment */ .chapter-title-card.left{ text-align: left; } .chapter-title-card.center{ text-align: center; } .chapter-title-card.right{ text-align: right; } .chapter-title-card{ width: 100%; justify-content:center; } .chapter-title-card .chapter-number{ width: 100%; text-align: inherit; } .chapter-title-card h2{ width: 100%; text-align: inherit; } .chapter-title-card h3{ width: 100%; text-align: inherit; } .wrapper{ /* https://css-tricks.com/almanac/properties/o/overflow-wrap/ */ overflow-wrap: break-word; text-align: justify; } p:empty:not(:first-of-type){ min-height: 1em; } p{ orphans: 2; widows: 2; padding-bottom: 0em; margin-top: 0em; padding-top: 0em; line-height: 1.6em; text-indent: 1em; margin-block-end: 0em; } p:first-of-type{ text-indent: 0rem !important; } .text-after-subheading { text-indent: 0rem !important; } .align-left{ text-align: left !important; } .align-center{ text-align: center !important; } .align-right{ text-align: right !important; } blockquote{ line-height: 1.6em; padding-left: 10%; padding-right: 10%; margin-top: 2rem; margin-bottom: 2rem; } .ornamental-break{ text-align: center; display: block; width: 100%; padding: 0.8rem 0rem; } .ornamental-break img{ width: 25%; } .image{ display: flex; flex-direction: column; width: 100%; page-break-inside: avoid; height: auto; } .image img{ height:auto; page-break-inside: avoid; } .image.image-flow-left{ justify-content: flex-start; align-items: flex-start; text-align: left; } .image.image-wrap-left { float: left; margin-right: 0.8rem; } .image.image-flow-middle{ justify-content: center; align-items: center; text-align: center; } .image.image-flow-right{ justify-content: flex-end; align-items: flex-end; text-align: right; } .image.image-wrap-right { float: right; margin-left: 0.8rem; } .image .caption{ width: 96%; font-style: italic; } .image.image-size-small a{ width: 30%; } .image.image-size-small .img-with-empty-link{ width: 30%; } .image.image-size-medium a{ width: 45%; } .image.image-size-medium .img-with-empty-link{ width: 45%; } .image.image-size-large a{ width: 100%; } .image.image-size-large .img-with-empty-link{ width: 100%; } .image img{ display: block; margin-bottom: 0.6rem; display: inline-block; } .image img:not(.img-with-empty-link){ width: 100%; } .profile-links > div { display: inline-block; } .profile-links { text-align: center; margin: 10px 0px; page-break-inside: avoid; } .social-profile-icon-small { text-align: center; width: 15px; height: 15px; margin: 5px; } .social-profile-icon-medium { text-align: center; width: 20px; height: 20px; margin: 5px; } .social-profile-icon-large { text-align: center; width: 25px; height: 25px; margin: 5px; } blockquote{ orphans: 3; widows: 3; } .verse{ padding: 2rem 20%; line-height: 1.6em; orphans: 3; widows: 3; } .title{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; height: 100vh; } .title-card{ width: 100%; text-align: center; padding: 2rem 0.4rem; } .title-card h1{ font-size: 2.5rem; text-align: inherit; padding: 0.4rem 0rem; } .title-card h2{ font-size: 1.75rem; text-align: inherit; padding: 0.2rem 0rem; } .title-card h3{ font-size: 1.5rem; text-align: inherit; padding: 0.2rem 0rem; } /* EPUB TOC */ .epub-toc-title-card h2 { text-align: center } .publisher-details{ width: 100%; padding: 2rem 1.6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .publisher-logo{ width: auto; max-width: 80px !important; padding: 0.8rem 0rem; } .publisher-logo img{ width: 80px; height: auto; } /* COPYRIGHTS */ .copyrights { font-size: 0.75rem; } .copyrights p{ text-indent: 0em !important; margin-bottom: 0.8em; } .copyrights .chapter-title-card{ display: none; } .copyrights p:first-of-type .word:nth-child(-n+4){ text-transform: none; } .copyrights p:first-of-type .first-letter{ font-size: 1em; line-height: inherit; margin: inherit; margin-left: 0 !important; margin-right: 0 !important; } .copyrights .chapter-title-card{ display: none !important; } /* Dedication */ .dedication .chapter-title-card{ display: none !important; } .dedication{ padding-top: 33.33%; text-align: center; display: flex; justify-content: center; } .dedication * { text-align: center; } /* Epigraph */ .epigraph .chapter-title-card{ display: none !important; } .epigraph{ padding-top: 33.33%; } /* Also by */ .also-by p{ text-indent: 0 !important; margin-bottom: 0.6rem; text-align: center; } .image-full{ width: 100%; height:auto; vertical-align: middle; } .image-full img{ width: 100%; height: auto; max-height:100%; object-fit:contain; vertical-align: middle; } .img-vert-middle{ position: absolute; top: 50%; /* position the top edge of the element at the middle of the parent */ left: 50%; /* position the left edge of the element at the middle of the parent */ transform: translate(-50%, -50%); } .img-vert-top{ position:absolute; top:0; } .img-vert-bottom{ position:absolute; bottom:0; } .print-wrapper{ height: 100%; max-height:100%; } .fullpage-image{ height: 100%; max-height:100%; position:relative; } .image-full-bleed{ width: 100%; height:100%; vertical-align: middle; } .image-full-bleed img{ width: 100%; height: auto; max-height:100%; object-fit:fill; vertical-align: middle; } .full-bleed{ height: 100%; max-height:100%; position:relative; } .withDropcap .dropcap, .ornamental-break + p{ text-indent: 0!important; } .withDropcap .dropcap { float: left; } .withDropcap .dropcap, .withDropcap .lead_word{ text-transform: uppercase; } .withDropcap .dropcap{ font-size: 3rem; line-height: 1; padding: 0 0.25rem; margin-right: 0.125rem; webkit-initial-letter: 2; initial-letter: 2; transform: scale(1.1); } .withDropcap .dropcap:before { margin-bottom: 0.275rem; } .withDropcap .dropcap:after { margin-top: -0.175rem; } .endnote-link{ color: inherit; text-decoration: none; padding-left: 0.2rem; } .endnotes{ font-size: 0.9rem !important; padding-top: 1rem !important; margin-top: 1rem !important; margin-bottom: 2rem !important; page-break-inside: avoid; break-inside: avoid; } .endnotes-separator{ height:0.175rem; background-color:#000000; margin-bottom: 2rem !important; } .endnote-backlink{ color: inherit; text-decoration: none; } a{ text-decoration: none; color: inherit; } @font-face { font-family: 'PT Sans'; src: url(fonts/PTSans-Regular.ttf); } @font-face { font-family: 'PT Sans'; font-style: italic; src: url(fonts/PTSans-Italic.ttf); } @font-face { font-family: 'PT Sans'; font-weight: bold; src: url(fonts/PTSans-Bold.ttf); } @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: bold; src: url(fonts/PTSans-BoldItalic.ttf); } @font-face { font-family: 'Courier Prime'; src: url(fonts/CourierPrime-Regular.ttf); } @font-face { font-family: 'Courier Prime'; font-style: italic; src: url(fonts/CourierPrime-Italic.ttf); } @font-face { font-family: 'Courier Prime'; font-weight: bold; src: url(fonts/CourierPrime-Bold.ttf); } @font-face { font-family: 'Courier Prime'; font-style: italic; font-weight: bold; src: url(fonts/CourierPrime-BoldItalic.ttf); }