.atreides .chapter-number span{ display: inline-block; font-family: RobotoRegular; font-size: 20px; text-align: center; width: 100%; text-transform: capitalize; padding-top: 1em; padding-bottom: 1em; padding-left: 0px; padding-right: 0px; line-height: 1; } .atreides .chapter-title h2, .atreides .epub-toc-title-card h2{ display: inline-block; font-family: CrushedRegular !important; font-size: 33px; text-align: center!important; width: 100%; padding-top: 0.6em; padding-bottom: 0.6em; padding-left: 0px; padding-right: 0px; line-height: 1; } .atreides .chapter-title-card .chapter-subtitle h3{ display: inline-block; font-family: RobotoRegular; font-size: 20px; text-align: center; width: 100%; padding-top: 0.6em; padding-bottom: 0.6em; padding-left: 0px; padding-right: 0px; line-height: 1; } .atreides header .meta{ font-size: 10pt; font-family: EBGaramond; } .atreides footer .meta{ font-size: 10pt; font-family: EBGaramond; } .atreides .chapter-title-card .left{ text-align: left; } .atreides .chapter-title-card .center{ text-align: center; } .atreides .chapter-title-card .right{ text-align: right; } .atreides .chapter-title-card{ width: 100%; justify-content:center; } .atreides .chapter-title-card .chp_bg{ background-color: rgba(255,255,255, 0); opacity: 1; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; } .atreides .chapter-title-card .chapter-title h2{ opacity: 1 !important; word-break: break-word; } .atreides .chapter-title-card .chapter-number{ opacity: 1 !important; word-break: break-word; } .atreides .chapter-subtitle h3{ opacity: 1 !important; word-break: break-word; } .atreides .chapter-title-card, .atreides .title-card, .atreides .epub-toc-title-card{ display: flex; flex-direction: column; } .atreides .chapter-title-card, .atreides .epub-toc-title-card{ display: flex; position: relative; min-height: 15em; padding-bottom: 0; padding-top: 4rem; } .atreides .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%); } .atreides .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%); } .atreides .chapter-title-card .chp_img{ order: 1; text-align: center; padding-top: 0.3em; z-index: 10; } .atreides .chapter-title-card .chp_img img{ width: 20%; } .atreides .chapter-number{ text-align: center!important; order: 2; text-transform: capitalize; z-index: 10; } .atreides .chapter-title{ text-align: center!important; order: 3; z-index: 10; } .atreides .chapter-subtitle{ text-align: center!important; order: 4; z-index: 10; } .atreides .chapter-number span, .atreides .chapter-title h2, .atreides .epub-toc-title-card h2, .atreides .chapter-subtitle h3 { font-weight: 400; } .inverted * { color: white !important; } .atreides html, .atreides body, .atreides div, .atreides span, .atreides applet, .atreides object, .atreides iframe, .atreides h1, .atreides p, .atreides blockquote, .atreides pre, .atreides a, .atreides abbr, .atreides acronym, .atreides address, .atreides big, .atreides cite, .atreides code, .atreides del, .atreides dfn, .atreides em, .atreides img, .atreides ins, .atreides kbd, .atreides q, .atreides s, .atreides samp, .atreides small, .atreides strike, .atreides strong, .atreides tt, .atreides var, .atreides b, .atreides u, .atreides i, .atreides center, .atreides dl, .atreides dt, .atreides dd, .atreides ol, .atreides ul, .atreides li, .atreides fieldset, .atreides form, .atreides label, .atreides legend, .atreides table, .atreides caption, .atreides tbody, .atreides tfoot, .atreides thead, .atreides tr, .atreides th, .atreides td, .atreides article, .atreides aside, .atreides canvas, .atreides details, .atreides embed, .atreides figure, .atreides figcaption, .atreides footer, .atreides header, .atreides hgroup, .atreides menu, .atreides nav, .atreides output, .atreides ruby, .atreides section, .atreides summary, .atreides time, .atreides mark, .atreides audio, .atreides video { margin: 0; margin-block: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } /* HTML5 display-role reset for older browsers */ .atreides article, .atreides aside, .atreides details, .atreides figcaption, .atreides figure, .atreides footer, .atreides header, .atreides hgroup, .atreides menu, .atreides nav, .atreides section { display: block; } .atreides body { line-height: 1; } .atreides blockquote, .atreides q { quotes: none; } .atreides blockquote:before, .atreides blockquote:after, .atreides q:before, .atreides q:after { content: ''; content: none; } .atreides table { border-collapse: collapse; border-spacing: 0; } .atreides b{ font-weight: bold; } .atreides em, .atreides i{ font-style: italic; } .atreides h1 { font-size: 1.3em; padding: 0.6em 0em; } .atreides ul, .atreides ol{ padding: 0rem 1rem; line-height: 1.6; } .atreides ul .reset-padding, .atreides ol .reset-padding{ margin-left: -1rem; } .atreides li{ padding: 0.2rem 0rem; } .atreides h2, .atreides h3, .atreides h4, .atreides h5, .atreides h6, .atreides h2 { font-size: 1.2em; font-family: undefined; font-weight: 600; padding: 0.6em 0em; } .atreides h3 { font-size: 1.15em; font-family: undefined; font-weight: 600; padding: 0.6em 0em; } .atreides h4 { font-size: 1.12em; font-family: undefined; font-weight: 600; padding: 0.6em 0em; } .atreides h5 { font-size: 1.09em; font-family: undefined; font-weight: 600; padding: 0.6em 0em; } .atreides h6 { font-size: 1.07em; font-family: undefined; font-weight: 600; padding: 0.6em 0em; } .atreides .wrapper{ /* https://css-tricks.com/almanac/properties/o/overflow-wrap/ */ overflow-wrap: break-word; hyphens: auto; text-align: justify; } /* The second target, checking if the paragraph is the first paragraph in the document and is a descendant of class align-center and applying the default paragraph styling is due to a bug where if the first paragraph is centered, it does not align with the rest of the document caused by {theme} p:first-of-type which needs to be overridden for this scenario. */ .atreides p { orphans: 2; widows: 2; padding-bottom: 0em; margin-top: 0em; padding-top: 0em; line-height: 1.6em; text-indent: 0.381cm !important; margin-block-end: 0em; } .atreides p:empty:not(:first-of-type) { min-height: 1em; } .atreides p:first-of-type { text-indent: 0rem !important; } .atreides .text-after-subheading { text-indent: 0rem !important; } .atreides .print-wrapper{ height: 100%; max-height:100%; } .atreides .withDropcap .dropcap, .atreides .ornamental-break + p{ text-indent: 0!important; } .atreides .withDropcap .dropcap { float: left; } .atreides .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); } .atreides .withDropcap .dropcap:before, .atreides .withDropcap .dropcap:after { content: ""; display: block; } .atreides .withDropcap .dropcap:before { margin-bottom: 0.275rem; } .atreides .withDropcap .dropcap:after { margin-top: -0.175rem; } .atreides .image-full-bleed{ width: 100%; height:100%; vertical-align: middle; } .atreides .image-full-bleed img{ width: 100%; height: auto; max-height:100%; object-fit:fill; vertical-align: middle; } .atreides .full-bleed{ height: 100%; max-height:100%; position:relative; } /* Editor Plugins */ .atreides .align-left{ text-align: left !important; } .atreides .align-center{ text-align: center !important; } .atreides .align-right{ text-align: right !important; } .atreides blockquote{ line-height: 1.6em; padding-left: 10%; padding-right: 10%; margin-top: 2rem; margin-bottom: 2rem; orphans: 3; widows: 3; } .atreides blockquote .quotee{ text-align: right; } .atreides .ornamental-break{ text-align: center; display: block; width: 100%; padding: 0.8rem 0rem; } .atreides .ornamental-break img{ width: 100%; } .atreides .image{ display: flex; flex-direction: column; width: 100%; page-break-inside: avoid; height: auto; } .atreides .image img{ height:auto; page-break-inside: avoid; } .atreides .image.image-flow-left{ justify-content: flex-start; align-items: flex-start; text-align: left; } .atreides .image.image-wrap-left { float: left; margin-right: 0.8rem; } .atreides .image.image-flow-middle{ justify-content: center; align-items: center; text-align: center; } .atreides .image.image-flow-right{ justify-content: flex-end; align-items: flex-end; text-align: right; } .atreides .image.image-wrap-right { float: right; margin-left: 0.8rem; } .atreides .image .caption{ width: 96%; font-style: italic; } .atreides .image.image-size-small a{ width: 30%; } .atreides .image.image-size-small .img-with-empty-link{ width: 30%; } .atreides .image.image-size-medium a{ width: 45%; } .atreides .image.image-size-medium .img-with-empty-link{ width: 45%; } .atreides .image.image-size-large a{ width: 100%; } .atreides .image.image-size-large .img-with-empty-link{ width: 100%; } .atreides .image img{ display: block; margin-bottom: 0.6rem; display: inline-block; } .atreides .image img:not(.img-with-empty-link){ width: 100%; } .atreides .profile-links > div { display: inline-block; } .atreides .profile-links { text-align: center; margin: 10px 0px; page-break-inside: avoid; } .atreides .social-profile-icon-small { text-align: center; width: 15px; height: 15px; margin: 5px; } .atreides .social-profile-icon-medium { text-align: center; width: 20px; height: 20px; margin: 5px; } .atreides .social-profile-icon-large { text-align: center; width: 25px; height: 25px; margin: 5px; } .atreides .verse{ padding: 2rem 20%; line-height: 1.6em; orphans: 3; widows: 3; } .atreides .calloutbox { box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; padding: 1em 1em 1em 1em; display: inline-block; width: 100%; } .atreides .endnote-link{ color: inherit; text-decoration: none; padding-left: 0.2rem; } .atreides .endnotes{ font-size: 1rem !important; padding-top: 1rem !important; margin-top: 1rem !important; margin-bottom: 2rem !important; page-break-inside: avoid; break-inside: avoid; text-align: left; } .atreides .endnotes-separator{ height:0.175rem; background-color:#000000; margin-bottom: 2rem !important; } .atreides .endnote-backlink{ color: inherit; text-decoration: none; } .atreides a{ text-decoration: none; color: inherit; } .atreides .endnote-item{ margin-left: 1.2rem; } .atreides .endnote-title{ padding-top: 1rem } .atreides span.monospace { font-family: 'Courier', sans-serif; } .atreides span.smallcaps { font-variant: small-caps; } .atreides span.sansserif { font-family: 'PT Sans'; } .atreides .list-parent{ padding: 1rem; } .atreides .hanging{ line-height: 1.6em; text-indent: -0.381cm; padding-left: 0.381cm; orphans: 3; widows: 3; } .atreides .text-messages-container{ box-sizing: border-box; display: inline-block; width: 100%; padding: 0px 30px 0px; word-break: break-word; } .atreides .message-bubble { border-style: solid; border: 1px; border-radius: 1em; padding: 2% 3%; margin-bottom: 5px; color: #fff; display: inline-block; margin-right: 30px; } .atreides .sent{ text-align: right; margin-right: 0px; margin-left: 30px; } .atreides .contact-bubble { margin-bottom: 1px; padding: 0px; font-size: 0.8em; color: #aeaeae; border:0; } .atreides .ios-sent-bubble { background-color: #056be6; border-color: #056be6; } .atreides .ios-received-bubble { background-color: #d8d8d8; color: #000000; border-color: #d8d8d8; } .atreides .ios-android-sent-bubble { background-color: #148527; border-color: #148527; } .atreides .ios-android-received-bubble { background-color: #d8d8d8; color: #000000; border-color: #d8d8d8; } .atreides .android-sent-bubble { background-color: #075E54; border-color: #075E54; border-radius: 16px 16px 0px 16px; } .atreides .android-received-bubble { background-color: #444444; border-color: #444444; border-radius: 16px 16px 16px 0px; } /* Chapter Types */ .atreides .title{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; height: 100vh; } .atreides .title-card{ position: relative; top:0px; width: 100%; text-align: center; padding: 2rem 0.4rem; } .atreides .title-card h1{ font-size: 44px; text-align: inherit; padding: 0.6em 0em; font-family: CrushedRegular; font-size: 36px; padding-top: 0.4em; padding-bottom: 0.4em; padding-left: 0px; padding-right: 0px; } .atreides .title-card h2{ font-size: 22px; text-align: inherit; padding: 1em 0em; font-weight: normal; font-family: RobotoRegular; padding-top: 0.6em; padding-bottom: 0.6em; padding-left: 0px; padding-right: 0px; } .atreides .title-card h3{ font-size: 20px; text-align: inherit; padding: 1em 0em; font-family: RobotoRegular; font-size: 16px; padding-top: 0.6em; padding-bottom: 0.6em; padding-left: 0px; padding-right: 0px; } .atreides .publisher-details{ position: absolute; bottom: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 2rem 1.6rem; text-transform:capitalize; font-family: RobotoRegular; } .atreides .publisher-logo{ width: auto; max-width: 80px !important; padding: 0.8rem 0rem; } .atreides .publisher-logo img{ width: 80px; height: auto; } .atreides .toc-list{ padding: 0px; margin-left: 0px; list-style: none; } .atreides .toc-subheading{ margin-left: 1.5rem; } .atreides .toc-subheading-epub{ margin-left: 0.5rem; list-style-type:none; } .atreides .toc-subtitle-epub{ margin-left: 0.5rem; list-style-type:none; } .atreides .toc-subtitle-inner{ text-decoration:none; } .atreides .table-of-content{ margin-left: 0px; line-height: 1.6rem; } /* EPUB TOC */ .atreides .epub-toc-title-card h2 { text-align: center; font-family: 'Crushed'; } .atreides .toc-entry { line-height: 1.6rem; } .atreides .toc-block { list-style: none; } .atreides .chapter-num-hidden { visibility: hidden; } .atreides .copyrights { font-size: 0.75rem; } .atreides .copyrights p{ text-indent: 0em !important; margin-bottom: 0.8em; } .atreides .copyrights p:first-of-type .word:nth-child(-n+4){ text-transform: none; } .atreides .copyrights p:first-of-type .first-letter{ font-size: 1em; line-height: inherit; margin: inherit; margin-left: 0 !important; margin-right: 0 !important; } .atreides .dedication{ padding-top: 33.33%; text-align: center; display: flex; justify-content: center; } .atreides .dedication * { text-align: center; } .atreides .epigraph{ padding-top: 33.33%; } .atreides .also-by p{ text-indent: 0 !important; margin-bottom: 0.6rem; text-align: center; } .atreides .image-full{ width: 100%; height:auto; vertical-align: middle; } .atreides .image-full img{ width: 100%; height: auto; max-height:100%; object-fit:contain; vertical-align: middle; } .atreides .fullpage-image{ height: 100%; max-height:100%; position:relative; } .atreides .part-title { margin-top: 30%; } @font-face{ font-family: RobotoRegular; src: url("fonts/Roboto-Regular.ttf"); } .RobotoRegular{ font-family: RobotoRegular; } @font-face{ font-family: CrushedRegular; src: url("fonts/Crushed-Regular.ttf"); } .CrushedRegular{ font-family: CrushedRegular; }