/* ================================================================================== */ /* == Normalize.css v8.0.1 ========================================================== */ /* ================================================================================== */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} *,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0; list-style: none } /* Viewport Sizing */ @-webkit-viewport{width:device-width} @-moz-viewport{width:device-width} @-ms-viewport{width:device-width} @-o-viewport{width:device-width} @viewport{width:device-width} /* ================================================================================== */ /* == Variables ===================================================================== */ /* ================================================================================== */ /*:root { --text-darkest: #6E7B8C; --text-default: #8B95A3; --text-lightest: #9EA4AE; --color-primary1: #4990E2; --color-primary2: #8B95A3; --color-primary3: #A3A8F8; --color-border: #E6EAEE; --bg-body: #F5F7FA; --bg-gray: #F5F7FA; }*/ :root { --text-darkest: #4a4b4f; --text-default: #717586; --text-lightest: #BBBDCC; --text-sepia: #544332; --color-primary1: #4990E2; --color-primary2: #8B95A3; --color-primary3: #A3A8F8; --color-orange: #ff9a57; --color-blue: #30affd; --color-sepia: #e0dcd0; --color-border: #E6EAEE; --bg-body: #F6F7FC; --bg-gray: #F6F7FC; --bg-dark: #1B2329; --font-serif: ff-tisa-web-pro, Georgia serif; --font-sans-serif: skolar-sans-latin, Arial, sans-serif; --font-sans-serif-condensed: skolar-sans-latin-condensed, Arial, sans-serif; } /* ================================================================================== */ /* == General Styles ================================================================ */ /* ================================================================================== */ html, body { color: var(--text-default); font-family: var(--font-serif); /*font-family: skolar-latin, ff-meta-serif-web-pro, ten-oldstyle, cardea, freight-text-pro, serif;*/ /*font-family: ff-meta-serif-web-pro, mencken-std-text, mencken-std, ten-oldstyle, ff-more-web-pro, garvis-pro, cardea, alda, kepler-std, freight-text-pro, skolar-latin,serif;*/ font-size: 21px; font-weight: 400; font-style: normal; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*text-rendering: optimizelegibility;*/ } @media screen and (max-width: 480px) { html, body { font-size: 18px; } } a { text-decoration: none; color: var(--color-primary1); -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; } a:hover { color: var(--color-orange); } h1, h2, h3, h4, h5 { font-weight: 800; color: var(--text-darkest); } ::-moz-selection { background: var(--color-primary1); color: #fff; } ::selection { background: var(--color-primary1); color: #fff; } article { color: var(--text-default); text-rendering: optimizeLegibility; } #content.font-largest { font-size: 25px; } #content.font-smaller { font-size: 18px; } #content.font-smallest { font-size: 15px; } @media screen and (max-width: 480px) { #content.font-largest { font-size: 21px; } #content.font-smaller { font-size: 16px; } #content.font-smallest { font-size: 13px; } } article h1, article h2, article h3, article h4, article h5 { color: var(--text-darkest); font-family: var(--font-sans-serif-condensed); font-weight: 800; font-style: normal; } article h5 { font-family: var(--font-sans-serif); font-weight: 700; } article p { margin: 1.4em 0 0 0; font-size: 1em; letter-spacing: -0.003em; line-height: 1.58; } article h1 { margin: 0.5em 0 0 0; font-size: 3em; letter-spacing: -0.015em; line-height: 1.19; text-align: center; } article h2 { margin: 1.3em 0 0 0; font-size: 2em; letter-spacing: -0.015em; line-height: 1.04; } article h2 + p { margin-top: 0.85em; } article h2 + blockquote { margin-top: 0.85em; } article h3 { margin: 1.6em 0 0 0; font-size: 1.6em; letter-spacing: -0.015em; line-height: 1.15; } article h3 + p { margin-top: 0.4em; } article h3 + blockquote { margin-top: 0.6em; } article h4 { margin: 1.2em 0 0 0; font-size: 1.3em; letter-spacing: -0.012em; line-height: 1.22; } article h3 + h4 { margin-top: 1.2em; } article ul { margin: 1.4em 0 0 0; } article h2 + ul { margin-top: 0.85em; } article h3 + ul { margin-top: 0.6em; } article ul li { margin: 0 0 0.65em 1.4em; font-size: 1em; letter-spacing: -0.003em; line-height: 1.58; } article ul li:before { content: "\2022"; font-size: 1em; padding: 0 0.4em 0 0; position: absolute; display: inline-block; width: 1.4em; margin-left: -1.4em; margin-top: -0.1em; text-align: right; color: var(--color-orange); } article ol { margin: 1.4em 0 0 0; counter-reset: post; } article ol li { margin: 0 0 0.65em 1.4em; font-size: 1em; letter-spacing: -0.003em; line-height: 1.58; } article ol li:before { counter-increment: post ;content: counter(post) "."; padding: 0 0.5em 0 0; position: absolute; display: inline-block; width: 3em; margin-left: -3em; text-align: right; } article blockquote { margin: 1.4em 0 0 calc(-1em - 3px); border-left: 3px solid; padding-left: 1em; padding-bottom: .01em; font-style: italic; } article blockquote p { font-style: italic; } article blockquote cite { margin: 0; letter-spacing: -0.003em; line-height: 1.58; font-weight: 600;} article blockquote p + cite { margin-top: 0.6em; } article blockquote cite + p { margin-top: 0.6em; } article blockquote.bible-text { background: rgba(0,0,0,0.05); font-size: 0.875em; padding: 1.4em; margin: 1.4em 0 0 0; border: none; border-radius: 8px; } article blockquote.bible-text p { margin-top: 1em; } article blockquote.bible-text h5 { margin: 0; font-size: 1em; } article blockquote.bible-text .verse-number { font-weight: 800; color: var(--text-darkest); font-size: 0.875em; vertical-align: 1px; padding-right: 2px; font-style: normal; font-family: var(--font-sans-serif); } @media screen and (max-width: 480px) { article blockquote { margin-left: 0; } } article blockquote.pullquote { margin: 2em 0 0 0; font-size: 1.4em; line-height: 1.48; border: none; padding-left: 1.7em; text-align: left; opacity: 0.8; } article blockquote.pullquote p { font-size: 1.4em; line-height: 1.48; letter-spacing: -0.012em; margin: 0; } article blockquote.pullquote + p { margin-top: 54px; } article blockquote.pullquote + h3 { margin-top: 51px; } article blockquote.pullquote + h3 { margin-top: 53px; } @media screen and (max-width: 480px) { article blockquote.pullquote { padding-left: 1em; } } article hr { margin: 2.5em 0 2em 0; text-align: center; width: 100%; border: none; } article hr:before { content: "..."; display: inline-block; font-size: 1.4em; letter-spacing: .6em; font-style: italic; font-weight: 400; margin-left: .6em; color: #525252; position: relative; top: -1em; } article img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } article img + img { margin-top: 2em; } article p + img { margin-top: 2em; } article h2 + img { margin-top: 2.2em; } article h3 + img { margin-top: 2em; } article h4 + img { margin-top: 2em; } article b, article strong { font-weight: 600; } article .book-title { display: block; font-weight: 500; color: var(--text-lightest); text-align: center; font-style: italic; font-size: 1.1em; line-height: 1em; } article .chapter-heading { display: block; font-family: var(--font-sans-serif); font-weight: 600; color: var(--color-orange); text-align: center; font-size: 2.2em; line-height: 1em; margin-top: 3rem; } article .footnote { font-size: 0.7em; vertical-align: top; font-weight: 600; padding: 0 0 3px 3px; } article .attention-grabber { font-size: 1.15em; } article .drop-cap { float: left; position: relative; font-size: 3.4em; padding: 0.14em .12em 0 0; margin: 0 0 -.08em 0; letter-spacing: -.03em; line-height: .6; color: var(--text-darkest); } article cite { display: block; font-style: normal; } article table { border: 1px solid; margin-top: 1.4em; border-collapse: collapse; font-size: 0.875em; } article table td { border: 1px solid; padding: 10px; /*background: rgba(255,255,255,0.2);*/ } article table th { border: 1px solid; padding: 10px; font-family: var(--font-sans-serif); background: rgba(0,0,0,0.1); } article table, article table td, article table th { border-color: var(--text-lightest); } .citations { } .citations li { margin-top: 1.2em; font-size: .7em; letter-spacing: -0.003em; line-height: 1.58; } .chapter-continue { border-top: 1px solid var(--color-border); padding-top: 1em; margin-top: 3em; } .chapter-continue .prev-chapter, .chapter-continue .next-chapter { font-family: var(--font-sans-serif); font-weight: 700; width: 50%; color: var(--text-darkest); } .chapter-continue .prev-chapter { float: left; background: url(/img/icon-arrow-back.svg) no-repeat left .15em; background-size: 1em; padding-left: 1.3em; text-align: left; } .chapter-continue .next-chapter { float: right; background: url(/img/icon-arrow-forward.svg) no-repeat right .15em; background-size: 1em; padding-right: 1.3em; text-align: right; } /*Light Theme*/ .theme-white article, .theme-white article h1, .theme-white article h2, .theme-white article h3, .theme-white article h4, .theme-white article h5, .theme-white article .drop-cap { color: #292929; } /*Dark Theme*/ .theme-dark article { color: rgba(255,255,255,0.74); } .theme-dark article h1, .theme-dark article h2, .theme-dark article h3, .theme-dark article h4, .theme-dark article h5, .theme-dark article .drop-cap { color: #fff; } .theme-dark article .book-title { color: rgba(255,255,255,0.44); } .theme-dark article blockquote { border-color: var(--color-primary1); } .theme-dark .chapter-continue { border-color: rgba(255,255,255,0.1); } .theme-dark .chapter-continue .prev-chapter, .theme-dark .chapter-continue .next-chapter { color: var(--text-lightest); } .theme-dark article blockquote.bible-text { background: rgba(255,255,255,0.06); } .theme-dark article table, .theme-dark article table td, .theme-dark article table th { border-color: var(--text-darkest); } /*Sepia Theme*/ .theme-sepia article, .theme-sepia article h1, .theme-sepia article h2, .theme-sepia article h3, .theme-sepia article h4, .theme-sepia article h5, .theme-sepia article .drop-cap, .theme-sepia .chapter-continue .prev-chapter, .theme-sepia .chapter-continue .next-chapter { color: var(--text-sepia); } .theme-sepia article .book-title { color: var(--text-sepia); opacity: 0.5; } .theme-sepia article blockquote.bible-text { background: rgba(84,67,50,0.06); } .theme-sepia .chapter-continue { border-color: rgba(84,67,50,0.1); } .theme-sepia article table, .theme-sepia article table td, .theme-sepia article table th { border-color: var(--text-sepia); } /* ================================================================================== */ /* == Book Layout =================================================================== */ /* ================================================================================== */ #book-layout { background: var(--bg-body); background: linear-gradient(to bottom, #f7f8fd 0%, #eaedf2 100%); background-attachment: fixed; transition: all 1s; } #book-layout:after { content: ""; position: fixed; top: 0; left: 0; background: url(/img/noise.png); width: 100%; height: 100%; z-index: 999999; opacity: 0.5; pointer-events: none; } /*Light Theme*/ .theme-white #book-layout { background: #fff; } /*Dark Theme*/ .theme-dark #book-layout { background: var(--bg-dark); } /*Sepia Theme*/ .theme-sepia #book-layout { background: var(--color-sepia); } #content { padding-left: 400px; transition: padding 1s; } #content .content-container { width: 100%; position: relative; } #content article { max-width: calc(640px + 5rem); padding: 3rem 2.5rem; margin: 0 auto; transition: all 1s; } #content article.page-widest { max-width: calc(100% - 8rem); padding-left: 0; padding-right: 0; } #content article.page-wider { max-width: 800px; } #content article.page-narrow { max-width: calc(480px + 5rem); } #sidebar { width: 400px; } @media screen and (max-width: 1100px) { #book-layout { } #content { padding-left: 330px; } #sidebar { width: 330px; } } @media screen and (max-width: 768px) { #book-layout { } #content { padding: 0; } #sidebar { display: none; } #content article.page-wider { max-width: none; padding-left: 2rem; padding-right: 2rem; } #content article.page-widest { max-width: none; padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 480px) { #content article { width: 100%; padding: 3rem 1.5rem; } #content article.page-wider { padding-left: 1rem; padding-right: 1rem; } #content article.page-widest { padding-left: 0.5rem; padding-right: 0.5rem; } #content article.page-narrow { max-width: none; padding-left: 3rem; padding-right: 3rem; } } #book-layout.fullscreen { } #book-layout.fullscreen #content { padding: 0; } #book-layout.fullscreen #sidebar { margin-left: -400px; } #book-layout.fullscreen .toolbar { width: 100%; } /* ================================================================================== */ /* == Toolbar ======================================================================= */ /* ================================================================================== */ .toolbar { position: -webkit-sticky; position: sticky; top: 0; right: 0; width: 100%; height: 3.5rem; line-height: 3.25rem; transition: all 1s; background: var(--bg-body); box-shadow: 0 0 30px rgba(114, 117, 133,0.2); z-index: 9; color: var(--text-lightest); font-family: var(--font-sans-serif); font-weight: 700; } .toolbar #sidebar-toggle, .toolbar #sidebar-toggle-mobile { float: left; width: 180px; background: url(/img/icon-menu.svg) no-repeat 2rem 1.1rem; background-size: 1.2rem; font-size: 0.85rem; text-transform: uppercase; padding-left: 3.5rem; cursor: pointer; } .toolbar #sidebar-toggle-mobile { display: none; background: url(/img/icon-menu.svg) no-repeat 2rem 1.1rem; background-size: 1.2rem; padding-left: 3.5rem; } .toolbar #sidebar-toggle-mobile:before { content: "Menu"; } .toolbar .chapter-indicator { float: left; width: calc(100% - 360px); text-align: center; font-size: 0.85rem; text-transform: uppercase; } .toolbar .toggle-reading-options { float: right; width: 170px; padding-right: 2rem; text-align: right; font-size: 1.15rem; cursor: pointer; } .toolbar #sidebar-toggle:before { content: "Hide "; } .fullscreen .toolbar #sidebar-toggle:before { content: "Show "; } /*Themes*/ .theme-white .toolbar { background: #fff; box-shadow: none; border-bottom: 1px solid #f5f5f5; color: rgba(0,0,0,0.4); } .theme-sepia .toolbar { background: var(--text-sepia); color: var(--color-sepia); } .theme-dark .toolbar { background: var(--bg-dark); box-shadow: 0 0 30px RGBA(0,0,0, 0.3); } @media screen and (max-width: 768px) { .toolbar #sidebar-toggle { display: none; } .toolbar #sidebar-toggle-mobile { display: block; } .show-menu .toolbar #sidebar-toggle-mobile:before { content: "Close "; } } @media screen and (max-width: 480px) { .toolbar .toggle-reading-options { padding-right: 1rem; width: 100px; } .toolbar #sidebar-toggle-mobile { padding-left: 2.5rem; background-position: 1rem 1.1rem; width: 100px; } .toolbar .chapter-indicator { width: calc(100% - 200px); } } @media screen and (max-width: 480px) and (max-height: 700px) { .toolbar { height: 2.5rem; line-height: 2.4rem; } .toolbar #sidebar-toggle-mobile { background-position: 1rem 0.7rem; } } /* ================================================================================== */ /* == Reading Options =============================================================== */ /* ================================================================================== */ #reading-options { position: fixed; bottom: -400px; right: 2rem; background: #fff; width: calc(100% - 400px - 4rem); padding: 1rem; border-radius: 0.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.05); opacity: 0; transition: all 1s; z-index: 9; font-size: 18px; } #reading-options h4 { margin: -1rem -1rem 1rem -1rem; padding: 1em; font-size: 1rem; border-bottom: 1px solid var(--color-border); } #reading-options.open { bottom: 2rem; opacity: 1; } #reading-options .reading-option-group { overflow: hidden; margin-bottom: 1rem; } #reading-options .reading-option-group h5 { float: left; width: 20%; margin: 0; height: 3rem; line-height: 4; font-weight: 700; } #reading-options .reading-option-group ul { float: left; width: 80%; } #reading-options .reading-option-group ul li { width: 25%; } #reading-options .reading-option-group:last-child { margin-bottom: 0 !important; } #reading-options ul { overflow: hidden; margin: 0; } #reading-options ul li { background: #fff; height: 3rem; line-height: 3; text-align: center; border-radius: 10px; border: 3px solid #fff; padding: 3px; float: left; cursor: pointer; font-family: var(--font-sans-serif); font-weight: 800; cursor: pointer; margin: 0; } #reading-options ul li.active { border-color: var(--color-primary1); } #reading-options ul li:hover span { background: var(--color-primary1) !important; color: #fff !important; } #reading-options ul li span { display: block; width: 100%; height: 100%; border-radius: 5px; background: var(--bg-body); font-size: 0.9em; } #reading-options ul li.theme-dark { color: var(--bg-body); } .themes { } .themes li { } .themes li.theme-white span { background: #f7f7f7 !important; } .themes li.theme-gray span { background: #e2e3e7 !important; } .themes li.theme-dark span { background: #4a4b4f !important; } .themes li.theme-sepia span { background: #e0dcd0 !important; } .page-width { } .page-width li { } /*.font-size {float: left; border-radius: 5px; margin-top: 1rem; width: 80%; background: var(--bg-body); } .font-size div { float: left; width: 50%; text-align: center; line-height: 3rem; cursor: pointer; } .font-size .smaller { border-right: 1px solid rgba(0,0,0,0.1); } .font-size .larger { font-size: 2rem; }*/ .fullscreen #reading-options { width: calc(100% - 4rem); } @media screen and (min-width: 1000px) { .fullscreen #reading-options { width: 900px; left: calc(50% - 450px); } } @media screen and (max-width: 1100px) { #reading-options { width: calc(100% - 330px - 4rem); } #reading-options.open { } } @media screen and (max-width: 768px) { #reading-options { width: calc(100% - 2rem); right: 1rem; } #reading-options.open { bottom: 1rem; } } @media screen and (max-width: 480px) { #reading-options { font-size: 15px; left: 1.25rem; width: calc(100% - 2.5rem); } #reading-options.open { bottom: 1.25rem; } #reading-options ul li { font-size: 12px; height: 48px; line-height: 34px; } #reading-options .reading-option-group { margin-bottom: 5px; } #reading-options .reading-option-group h5 { height: 48px; line-height: 48px; } } /*White Theme*/ .theme-white #reading-options { box-shadow: 0 5px 25px rgba(0,0,0,0.25), 0 3px 10px rgba(0,0,0,0.15); } /* ================================================================================== */ /* == Sidebar ======================================================================= */ /* ================================================================================== */ #sidebar { background: var(--bg-dark); box-shadow: inset -10px 0 30px RGBA(0,0,0, 0.1); position: fixed; top: 0; left: 0; overflow-y: scroll; height: 100%; transition: all 1s; font-size: 15px; padding: 4em 3em; } @media screen and (max-width: 1100px) { #sidebar { padding: 3em 2.2em; } } @media screen and (max-width: 768px) { #sidebar { padding: 4em 3em; } } @media screen and (max-width: 480px) { #sidebar { padding: 3em 2.2em; } } #sidebar .exit { margin: 0 0 3em 0; display: block; font-family: var(--font-sans-serif); font-weight: 700; color: var(--color-orange); } #sidebar h3 { margin: 0; color: #fff; font-size: 1.75em; } .chapter-list { font-family: var(--font-sans-serif); font-weight: 500; margin: 2em 0 3em 0; } .chapter-list li { overflow: hidden; margin-bottom: 2em; line-height: 1.4em; padding-bottom: 0.2em; } .chapter-list li a { color: var(--text-default); } /*.chapter-list li .number { float: left; background: var(--color-primary1); color: #fff; border-radius: 50%; width: 30px; height: 30px; text-align: center; font-weight: 700; font-size: 0.85em; line-height: 28px; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); margin-right: 10px; }*/ .chapter-list li .number { float: left; color: var(--text-lightest); width: 30px; font-weight: 700; position: relative; } .chapter-list li .title { float: right; width: calc(100% - 30px); } .chapter-list li.active a { color: #fff; } .chapter-list li.active .number, .chapter-list li:hover .number { color: var(--color-orange); } .chapter-list li.active .number:after { content: ""; width: 3px; height: 1em; background: var(--color-orange); position: absolute; top: 0; margin-top: .375em; right: -3px; } .chapter-list li.active .title { padding-left: 14px; font-weight: 700; } .chapter-list li:hover a { color: #fff; } #side-nav ul { font-family: var(--font-sans-serif); font-weight: 500; margin-top: 1em; } #side-nav ul li { margin-bottom: 0.5em; line-height: 1.4em; } #side-nav a { color: var(--color-primary1); } #side-nav a:hover { color: var(--color-orange); } /*Sidebar on Mobile*/ .show-menu #sidebar { display: block; width: 100%; z-index: 5; padding-top: 115px; } /*White Theme*/ .theme-white #sidebar { background: #fff; box-shadow: none; border-right: 1px solid #f5f5f5; } .theme-white #sidebar h3 { color: rgba(0,0,0,0.84); } .theme-white .chapter-list li a { color: rgba(0,0,0,0.54); } .theme-white .chapter-list li .number, .theme-white .chapter-list li.active a, .theme-white .chapter-list li:hover a { color: rgba(0,0,0,0.84); } /* ================================================================================== */ /* == Footer ======================================================================== */ /* ================================================================================== */ #footer { clear: both; padding: 2rem; overflow: hidden; background: #eaedf2; box-shadow: inset 0 10px 30px RGBA(114, 117, 133, 0.1); } #footer p { float: right; margin: 0; font-size: 0.7rem; } #footer p.copyright { float: left; } #footer a { color: var(--text-default); } #footer a:hover { text-decoration: underline; } .theme-white #footer { background: #fff; box-shadow: none; border-top: 1px solid #f5f5f5; } .theme-sepia #footer { background: var(--text-sepia); color: var(--color-sepia); } .theme-sepia #footer a { color: var(--color-sepia); } .theme-dark #footer { background: var(--bg-dark); box-shadow: inset -10px 0 30px RGBA(0,0,0, 0.1); } /*From Github*/ /*article { color: #4f5d6b; font-family: 'Roboto', 'Helvetica', sans-serif; line-height: 1.75em; } article { box-sizing: border-box; } article { font-family: "Roboto", "Helvetica", sans-serif; font-size: 14px; } article * { box-sizing: border-box; } article * { max-width: 100%; } article a, article input, article select, article textarea { outline: 0 !important; } article { padding: 0; } article > *:first-child { margin-top: 0; } */ /*article blockquote { border-left: 2px solid #e3e8eb; font-size: 1em; font-style: italic; margin: 1.5em 1.2em 1.5em 0; padding: 0 0 0 1em; } article pre { background: #f1f3f5; border-radius: 3px; color: #4f5d6b; font-family: "Roboto Mono", Consolas, "Andale Mono", "Lucida Console", Monaco, "Courier New", Courier, monospace; font-size: 0.9em; margin: 0 0 2em; overflow: auto; padding: 1.3em 1em; } article > div { margin-bottom: 1.5em; margin-top: 1em; } article h1, article h2, article h3, article h4, article h5, article h6 { color: #2a3b47; font-weight: 500; margin-bottom: .65em; margin-top: 1.26em; } article h1:first-child, article h2:first-child, article h3:first-child, article h4:first-child, article h5:first-child, article h6:first-child { margin-top: 0; } article h1 { font-size: 2em; margin: .67em 0; } article h2 { font-size: 1.56em; } article h3 { font-size: 1.4em; } article h4 { font-size: 1.24em; } article h5 { font-size: 1em; } article hr { border-left: 0; border-right: 0; border-bottom: 0; border-top: 1px solid #e3e8eb; margin: 2em auto; } article img { border-radius: 4px; border: 1px solid #e3e8eb; box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.04); display: block; margin: 1em 0 2em; padding: 0.3em; } article img.noBdr { border: 0; border-radius: 0; box-shadow: none; } article ul, article ol { list-style-position: inside; padding-left: 0; } article li { margin-bottom: 0.2em; } article dl { clear: both; margin: 0 0 1em; } article dl dt { color: inherit; display: inline-block; float: left; font-size: 1em; font-weight: 500; margin: 3px 0 0 0; padding: 0 .5em; color: #2a3b47; border-left: 3px solid #3197d6; } article dl dd { padding-top: 3px; margin: 0 0 1.5em 2em; } article dl p:first-child { margin-top: 0; } article a { color: #3197d6; text-decoration: none; } article a:hover { text-decoration: underline; } article p { margin-bottom: 1.5em; margin-top: 1em; } article table { border-collapse: collapse; border-spacing: 0; width: 100%; } article table thead { color: #2a3b47; font-weight: 500; } article table thead th { display: table-cell; padding: 0.5em 0; text-align: left; vertical-align: bottom; } article table thead th:first-child { border-top: 0; } article table td { border-top: 1px solid #e3e8eb; padding: 0.5em 0; text-align: left; vertical-align: top; } article table.table-striped tr:nth-child(odd) td { background: #f9fafa; } article table.table-bordered { border-collapse: separate; border-radius: 3px; border: 1px solid #e3e8eb; border-left: 0; } article table.table-bordered td { padding: 0.5em; } article table.table-bordered thead th { padding: 0.5em; } article table.table-bordered tr:first-child td { border-top: 0; } article table.table-bordered th, article table.table-bordered td { border-left: 1px solid #e3e8eb; } article p { font-size: 1em; } article strong { color: #394956; }*/