@font-face { font-family: alt; font-style: normal; font-weight: bold; src: url("../fonts/Chivo-Black.ttf"); } @font-face { font-family: alt; font-style: normal; font-weight: normal; src: url("../fonts/Chivo-Regular.ttf"); } @font-face { font-family: alt; font-style: italic; font-weight: normal; src: url("../fonts/Chivo-Italic.ttf"); } @font-face { font-family: alt; font-style: italic; font-weight: bold; src: url("../fonts/Chivo-BlackItalic.ttf"); } @font-face { font-family: body; font-style: normal; font-weight: normal; src: url("../fonts/Bitter-Regular.otf"); } @font-face { font-family: body; font-style: italic; font-weight: normal; src: url("../fonts/Bitter-Italic.otf"); } @font-face { font-family: body; font-style: normal; font-weight: bold; src: url("../fonts/Bitter-Bold.otf"); } @font-face { font-family: titling-black; font-style: normal; font-weight: normal; src: url("../fonts/Ostrich-Black.ttf"); } @font-face { font-family: titling-bold; font-style: normal; font-weight: normal; src: url("../fonts/Ostrich-Bold.ttf"); } @font-face { font-family: titling-light; font-style: normal; font-weight: normal; src: url("../fonts/Ostrich-Light.ttf"); } @font-face { font-family: titling-regular; font-style: normal; font-weight: normal; src: url("../fonts/Ostrich-Regular.ttf"); } @font-face { font-family: titling-rounded; font-style: normal; font-weight: normal; src: url("../fonts/Ostrich-Rounded.ttf"); } @font-face { font-family: titling-black; font-style: normal; font-weight: bold; src: url("../fonts/Ostrich-Black.ttf"); } @font-face { font-family: titling-bold; font-style: normal; font-weight: bold; src: url("../fonts/Ostrich-Bold.ttf"); } @font-face { font-family: titling-light; font-style: normal; font-weight: bold; src: url("../fonts/Ostrich-Light.ttf"); } @font-face { font-family: titling-regular; font-style: normal; font-weight: bold; src: url("../fonts/Ostrich-Regular.ttf"); } @font-face { font-family: titling-rounded; font-style: normal; font-weight: bold; src: url("../fonts/Ostrich-Rounded.ttf"); } @font-face { font-family: titling-rounded-extended; font-style: normal; font-weight: normal; src: url("../fonts/Ostrich-Sans-Round-Regular.otf"); } @font-face { font-family: karla; font-style: normal; font-weight: normal; src: url("../fonts/Karla-Regular.ttf"); } @font-face { font-family: karla; font-style: italic; font-weight: normal; src: url("../fonts/Karla-Italic.ttf"); } @font-face { font-family: karla; font-style: normal; font-weight: bold; src: url("../fonts/Karla-Bold.ttf"); } @font-face { font-family: karla; font-style: italic; font-weight: bold; src: url("../fonts/Karla-BoldItalic.ttf"); } @font-face { font-family: karla; font-style: normal; font-weight: normal; src: url("../fonts/Karla-Regular.ttf"); } @font-face { font-family: karla; font-style: italic; font-weight: normal; src: url("../fonts/Karla-Italic.ttf"); } @font-face { font-family: karla; font-style: normal; font-weight: bold; src: url("../fonts/Karla-Bold.ttf"); } @font-face { font-family: karla; font-style: italic; font-weight: bold; src: url("../fonts/Karla-BoldItalic.ttf"); } @page { margin-left: 8px; margin-right: 8px; } html, body, div, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-size: 100%; text-indent: 0em; } p, h1, h2, h3, h4, h5, h6 { color: inherit; text-indent: 0em; font-weight: normal; text-transform: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } header, section, footer, aside, nav, article, figure { display: block; } body { line-height: 1.44; widows: 2; orphans: 2; text-align: justify; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; font-family: 'body', serif; -webkit-hyphens: auto; adobe-hyphenate: auto; hyphens: auto; } body { color: rgba(0, 0, 0, 0.8); } h1, h2, h3, h4, h5, h6 { margin: 1.5em 1em 0 1em; line-height: 1.1; color: inherit; text-align: center; text-indent: 0; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; page-break-inside: avoid; page-break-after: avoid; font-family: 'alt', helvetica, arial, sans-serif; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } hr { display: none; } a { color: inherit; text-decoration: none; } a.toc { display: none; } a span { color: rgba(0, 0, 0, 0.8); font-weight: bold; text-decoration: none; font-family: 'alt', helvetica, arial, sans-serif; } .toc a span { font-weight: normal; } a:link:after { margin: 0 0.05em 0 0.3em; color: #555; content: "\002794"; font-style: normal; text-decoration: none; position: relative; top: 0.1em; } div#promo-storey a:link:after, div.figure a:link:after { content: none; } p.marker { display: none; } abbr { text-transform: uppercase; } sub, sup { font-size: 75%; line-height: 0; position: relative; } span.frac { position: relative; left: 0.15em; padding-right: 0.15em; } sub.frac, sup.frac, span.frac sup, span.frac sub { font-size: 60%; } sup.frac, span.frac sup { top: 0.2em; } sub.frac, span.frac sub { left: -0.1em; bottom: 0.4em; } span.frasl { position: relative; left: -0.2em; } span.sc, acronym { text-transform: uppercase; font-size: 0.825em; letter-spacing: 0.1em; } span.blank { text-decoration: underline; } span.nobreak { display: inline-block; } span.intro acronym { font-size: 100%; } .cite, .language, .lang { font-style: italic; } strong, dfn, b { font-family: 'alt', helvetica, arial, sans-serif; font-weight: bold; font-style: normal; font-size: 1.03em; } strong.vocab, dfn.vocab { color: #EF6C48; } strong.runin { color: #1484b4; font-weight: bold; } span.note { color: #777; font-family: 'alt', helvetica, arial, sans-serif; font-size: 0.75em; } h1.aside-a1 acronym, h1.aside-a2 acronym, h1.aside-a3 acronym, h2.aside-a1 acronym, h2.aside-a2 acronym, h2.aside-a3 acronym, h3.aside-a1 acronym, h3.aside-a2 acronym, h3.aside-a3 acronym { font-size: inherit; } p.aside-a1-attrib, p.aside-a2-attrib, p.aside-a3-attrib, ol .num, .copyright, .copyright-version, .copyright-mission, h1.ost, p.ost, p.ost-entry-author, p.ost-entry-pubinfo, p.ost-entry-description, h2.ost-entry-title, p.ost-entry-pubinfo, p.ost-storeyinfo, h1.recipe-r1, h1.recipe-r2, h1.recipe-r3, h2.recipe-r1, h2.recipe-r2, h2.recipe-r3, h2.recipe-r1-inst, h2.recipe-r2-inst, h2.recipe-r3-inst, h2.recipe-r1-ing, h2.recipe-r2-ing, h2.recipe-r3-ing, h3.recipe-r1-inst, h3.recipe-r2-inst, h3.recipe-r3-inst, h3.recipe-r1-ing, h3.recipe-r2-ing, h3.recipe-r3-ing, .ded { text-indent: 0; text-align: center; } p.ded + p.ded { text-indent: 0 !important; } .figure + h2.aside-a1, .figure + h2.aside-a2, .figure + h2.aside-a3, div.aside-a1 * + h6, div.aside-a2 * + h6, div.aside-a3 * + h6, h6.list-title, h6.aside-a1-list-title, h6.aside-a2-list-title, h6.aside-a3-list-title, h2.recipe-r1-ing, h2.recipe-r2-ing, h2.recipe-r3-ing { margin-top: 2em; } p + p.aside-a1-runin, p + p.aside-a2-runin, p + p.aside-a3-runin, p + p.body-runin, p + p.profile-runin, ul + p.aside-a1-runin, ul + p.aside-a2-runin, ul + p.aside-a3-runin, ul + p.body-runin, ul + p.profile-runin, ol + p.aside-a1-runin, ol + p.aside-a2-runin, ol + p.aside-a3-runin, ol + p.body-runin, ol + p.profile-runin, h1 + p.aside-a1-runin, h1 + p.aside-a2-runin, h1 + p.aside-a3-runin, h1 + p.body-runin, h1 + p.profile-runin, p + h1.aside-a1, p + h1.aside-a2, p + h1.aside-a3, p + p.intro-runin, ul + p.intro-runin, ol + p.intro-runin, h1 + p.intro-runin { margin-top: 1.5em; } p.body-attrib + p.body, h4.body + h4.body, h1 + ol, p.main-toc-part, p.ost-storeyinfo + p.ost-storeyinfo, h3.recipe-r1-inst + p, h3.recipe-r2-inst + p, h3.recipe-r3-inst + p, h6.recipe-r1-category + p, h6.recipe-r2-category + p, h6.recipe-r3-category + p { margin-top: 1em; } p.aside-a1-runin + p.aside-a1-runin, p.aside-a2-runin + p.aside-a2-runin, p.aside-a3-runin + p.aside-a3-runin, p.body-runin + p.body-runin, h4.body + ul, h4 + p, p.aside-a1 + p.aside-a1-attrib, p.aside-a2 + p.aside-a2-attrib, p.aside-a3 + p.aside-a3-attrib, h2.ost, p.ost-entry-pubinfo, div.recipe h2 + h2, h2 + h3.recipe-r1-ing, h2 + h3.recipe-r2-ing, h2 + h3.recipe-r3-ing, p.intro-runin + p.intro-runin, ul.chapter-toc li, ul.part-toc li { margin-top: 0.5em !important; } p.body-attrib + p.body-attrib, div.aside-a1 h6.aside-a1-category, div.aside-a2 h6.aside-a2-category, div.aside-a3 h6.aside-a3-category, p.ost-entry-author, p.preface-attrib + p.preface-attrib, p.intro-attrib + p.intro-attrib { margin-top: 0; } h1.aside-a1, h1.aside-a2, h1.aside-a3, h2.aside-a1, h2.aside-a2, h2.aside-a3, h3.aside-a1, h3.aside-a2, h3.aside-a3, h4.aside-a1, h4.aside-a2, h4.aside-a3, h5.aside-a1, h5.aside-a2, h5.aside-a3, h1.ost { margin-top: 0; padding-top: 0; } h1.aside-a1, h1.aside-a2, h1.aside-a3, h1.aside-a4, h1.aside-a5, h1.aside-a6, h2.aside-a1, h2.aside-a2, h2.aside-a3, h2.aside.a4, h2.aside-a5, h2.aside-a6, h3.aside-a1, h3.aside-a2, h3.aside-a3, h3.aside.a4, h3.aside-a5, h3.aside-a6, h1.aside-note, h2.aside-note { margin-top: 0; padding-top: 0; font-size: 1.473rem; } .aside-a1 p + p, .aside-a2 p + p, .aside-a3 p + p, p + p.qa-answer-runin, p + p.qa-answer, p.recipe-r1-yield + p.recipe-r1-headnote, p.recipe-r2-yield + p.recipe-r2-headnote, p.recipe-r3-yield + p.recipe-r3-headnote, p.recipe-r1-spec + p.recipe-r1-headnote, p.recipe-r2-spec + p.recipe-r2-headnote, p.recipe-r3-spec + p.recipe-r3-headnote, p.recipe-r1-credit + p.recipe-r1-headnote, p.recipe-r2-credit + p.recipe-r2-headnote, p.recipe-r3-credit + p.recipe-r3-headnote, p.ack-quote-blockquote + p.ack, p.ded-quote-blockquote + p.ded { text-indent: 0 !important; margin-top: 1em; } p.aside-a1-lede + p, p.aside-a2-lede + p, p.aside-a3-lede + p, p.body-lede + p, p.chapter-lede + p, p.part-lede + p, p.preface-lede + p { text-indent: 0 !important; margin-top: 1.5em; } p.runin, p.aside-a1-runin, p.aside-a2-runin, p.aside-a3-runin, p.aside-note-runin, p.body-runin, p.profile-runin, p.intro-runin { margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid rgba(239, 108, 72, 0.3); text-indent: 0 !important; } p.attrib, p.body-attrib, p.preface-attrib, p.intro-attrib { text-align: right; margin-top: 1em; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.lede, p.aside-a1-lede, p.aside-a2-lede, p.aside-a3-lede, p.body-lede, p.chapter-lede, p.part-lede, p.preface-lede { font-size: 1.157rem; color: #1793CB; text-align: center; font-style: italic; font-family: 'alt', helvetica, arial, sans-serif; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.aside-a1-lede em, p.aside-a2-lede em, p.aside-a3-lede em, p.body-lede em, p.chapter-lede em, p.part-lede em, p.aside-a1-lede i, p.aside-a2-lede i, p.aside-a3-lede i, p.body-lede i, p.chapter-lede i, p.part-lede i, p.ded i, p.attrib-bio i, p.attrib-bio cite, p.attrib-bio em { font-style: normal; } aside-a1, div.aside-a1, div.aside-a2, div.aside-a3, div.aside-note, div.aside-warning { margin: 1.5em 0; padding: 24px 18px; border-radius: 15px; border: 12px solid #666666; font-size: 100%; background-color: transparent; font-family: 'alt', sans-serif; } h2.aside-a1-subtitle, h2.aside-a2-subtitle, h2.aside-a3-subtitle { font-size: 1.157rem; text-transform: none; letter-spacing: 0; margin-top: 0.2em; color: #e5d4b0; font-weight: normal; } h2.aside-a1, h2.aside-a2, h2.aside-a3, h2.aside-note { font-size: 1.157rem; margin: 2em 0 0.5em 0; font-weight: normal; } h3.aside-a1, h3.aside-a2, h3.aside-a3 { font-size: 0.947rem; margin-top: 2em; margin-bottom: 0; color: #f2e9d6; } .aside-a1-ul-plain, .aside-a2-ul-plain, .aside-a3-ul-plain, .body-ul-plain { list-style-type: none; text-indent: 0; margin-left: 0; padding-left: 0; padding-top: 0.5em; text-align: center; } h1 + p, h2 + p, h3 + p, h6 + p { margin-top: 1em; } p + p { text-indent: 1.5em; } p.toc { text-indent: 0 !important; } div.figure + p, div.aside + p, div.proj + p, div.recipe + p { margin-top: 1.5em; } ul + p, ol + p { margin-top: 1.5em; } p.body-next, p.body-new { margin-top: 2em; text-indent: 0 !important; } p.attrib, p.body-attrib { -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.body-attrib + p.body { text-indent: 0; } p.body-footnote, p.aside-a1-footnote { font-size: 0.684rem; text-align: center; margin-top: 2em !important; } h1 { font-size: 2.736rem; margin-top: 0; padding-top: 0; text-indent: 0 !important; text-align: center !important; font-weight: bold; } h1.chapter, h1.part { text-align: center; text-indent: 0; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; page-break-inside: avoid; page-break-after: avoid; font-family: 'alt', helvetica, arial, sans-serif; color: inherit; line-height: 0.95; padding-bottom: 0.25em; } h1.res, h1.main-toc, h1.app, h1.intro, h1.fore, h1.reading, h1.glossary { font-weight: normal; margin-bottom: 1em; text-align: center; text-indent: 0; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; page-break-inside: avoid; page-break-after: avoid; font-family: 'alt', helvetica, arial, sans-serif; } h2 { font-size: 2.105rem; line-height: 1.25em; font-weight: bold; text-indent: 0 !important; text-align: center !important; } h2.body, h2.intro { color: #87BE4B; font-size: 2.105rem; font-weight: normal; font-weight: bold; } h2.part { color: #EF6C48; } h2.chapter, h2.intro-subtitle { font-style: italic; font-weight: normal; color: rgba(102, 102, 102, 0.8); margin-top: 0.25em; } h2.res, h2.app { margin: 1em 0 0.3em 0; font-weight: normal; color: #87BE4B; } h3 { font-size: 1.473rem; color: #EF6C48; font-weight: bold; text-indent: 0 !important; text-align: center !important; } h3.body { padding-bottom: 0.25em; } h3 + p.body { margin-top: 0.5em; } h3.index { margin-top: 1em; border-bottom: 1px solid #EF6C48; } h3.section { color: inherit; font-family: 'titling-rounded', helvetica, arial, sans-serif; line-height: 0.85em; font-style: normal; font-size: 4.419rem; margin-left: 0; margin-right: 0; page-break-before: always; } h4.body { font-size: 1.157rem; margin-right: 0; margin-left: 0; padding-bottom: 0.5em; font-weight: bold; text-align: left; color: #d83a13; border-bottom: 1px solid white; text-indent: 0 !important; } h4 + p.body-runin { margin-top: 0.2em; border-top: none; } h3 + h4.body { margin: 1em 0 0.75em 0; } h4.aside-a1, h4.aside-a2, h4.aside-a3 { font-size: 1.157rem; padding-top: 2px; margin: 0.5em 0; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #f2e9d6; text-indent: 0; } h5 { font-size: 1.157rem; margin: 1.5em 0 0.5em 0; font-style: italic; color: #1793CB; text-indent: 0 !important; text-align: center !important; } h4 + h5.body { margin-top: 0.5em; } h5 strong, h5 em, h5 i { font-weight: normal; font-style: normal; } h6 { font-size: 0.947rem; text-transform: uppercase; letter-spacing: 0.25em; text-indent: 0 !important; text-align: center !important; margin-top: 0; } h6 strong { font-weight: inherit; } h6 + h1 { margin-top: 0.5em !important; } h6.chapter-number { color: #f28f33; } h6.part-number { color: #1793CB; } h6.figure-number { color: #999999; } p + h6-chapter-number, p + h6-part-number { margin-top: 3em; } h2.aside-a1, h3.aside-a1 { color: #715925; } h3.aside-a2 { color: #87BE4B; } ul.aside { list-style-type: square; } p.aside-a1-attrib, p.aside-a2-attrib, p.aside-a3-attrib { -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } div.aside-a1, aside.a1 { color: #977832; border-color: #f8f3ea; } h1.aside-a1, h1.note, h2.note, .aside-a1 strong.runin, .aside-a1 strong, p.aside-a1-lede { color: #715925; } div.aside-a1 a span, aside.a1 a span { color: #977832; } div.aside-a1 div.figure { color: #977832; } div.aside-a2, aside.a2 { color: #87BE4B; border-color: #fdebdb; } h1.aside-a2, p.aside-a2-lede { color: #6e9d39; } div.aside-a3, aside.a3 { color: #1793CB; border-color: #f2f2f2; } h1.aside-a3, h2.aside-a3, h3.aside-a3, p.aside-a3-lede { color: #12739d; } div.aside-note { color: #977832; border-color: #f8f3ea; } div.aside-warning { color: white; border-color: #EF6C48; background-color: #EF6C48; } div.aside-warning strong.runin { color: inherit; } div.figure { margin: 2em 0 0 0; padding-bottom: 0.5em; width: 100%; text-align: center; font-family: 'alt', helvetica, arial, sans-serif; color: #666666; } div.figure img { display: inline-block; width: 100% !important; } div.figure + div.figure { margin-top: 3em; } div.figure:last-child { margin-bottom: 0; padding-bottom: 0; } div.thumb-xlarge, div.thumb-large, div.thumb-small, div.thumb-xsmall { display: inline-block; } div.thumb-xlarge img, div.thumb-large img, div.thumb-small img, div.thumb-xsmall img { border-radius: 8px; } div.thumb-xlarge + div, div.thumb-large + div, div.thumb-small + div, div.thumb-xsmall + div { margin-top: 8px; } div.thumbnail-xlarge, div.thumb-xlarge { width: 75% !important; } div.thumbnail-large, div.thumb-large { width: 60% !important; } div.thumbnail-small, div.thumb-small { width: 33% !important; } div.thumbnail-xsmall, div.thumb-xsmall { width: 20% !important; } h6.figure-number + img, h6.figure-number + div { margin-top: 1em; } div.figure#cover, div.figure#titlepage { margin-top: 0; } div.figure img + img { margin-top: 16px; } div.figure p + img, div.figure p + div.thumb-xlarge, div.figure p + div.thumb-large, div.figure p + div.thumb-small, div.figure p + div.thumb-xsmall { margin-top: 2em; } p.figure-caption-c1, p.figure-caption-c1-runin { text-indent: 0 !important; text-align: center !important; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; font-family: 'alt', helvetica, arial, sans-serif; font-size: 0.947rem; margin: 1em 1em 0 1em; font-style: italic; font-weight: normal !important; page-break-inside: avoid; color: #666666 !important; } .runin-infigure, .figure strong { color: #666666 !important; } .directional { display: none; } p.figurecaptionc1:before, p.figure-caption-c2:before, figcaption:before, p.figure-caption-c1:before, p.figure-caption-c2:before, p.figure-caption-c1-runin:before, p.figure-caption-c2-runin:before, figcaption:before { color: inherit; content: "above:"; font-style: normal; padding-right: 0.4em; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.684rem; font-family: 'alt', helvetica, arial, sans-serif; } p + p.figure-caption-c1:before, p + p.figure-caption-c2:before, p + p.figure-caption-c1-runin:before, p + p.figure-caption-c2-runin:before { display: none; } .figure-caption-c1 cite, .figure-caption-c2 cite, figcaption cite, .figure-caption-c1 em, .figure-caption-c2 em, figcaption em, .figure-caption-c1 i, .figure-caption-c2 i, figcaption i { font-style: normal; } p.figure-caption-c1 strong, p.figure-caption-c2 strong, figcaption strong { font-style: normal; } ol, ul, li { font-weight: inherit; color: inherit; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } ul { margin: 1em 0 0 0; list-style-type: square; padding-left: 1em; text-align: left; } ul.checkbox { list-style-type: circle; } ul ul { margin-top: 0.75em; } ol { margin: 1em 0 0 0; list-style-type: none; margin-left: 0; padding-left: 0; text-align: left; } li.body-ol { border-top: 1px solid rgba(216, 216, 216, 0.8); } ul + p, ol + p { margin-top: 2em; } li p { margin-top: 1em; } li div p { margin-top: 0; } li div h1 + p { margin-top: 1em; } li p + p { text-indent: 0; } li + li { margin-top: 0.375em; } h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul { margin-top: 1em; } ol li { text-indent: -2.75em; padding-left: 2.75em; padding-top: 0.375em; } ol ul li { text-indent: 0; margin-left: 0; padding-left: 0; } span.num, span.amt { font-family: 'alt', helvetica, arial, sans-serif; font-weight: bold; } span.amt { margin-right: 0.25em; } ol .num { display: inline-block; width: 2.75em; color: #EF6C48; text-indent: 0; } ul .num { margin-right: 0.25em; } ol div.figure, ul div.figure { top: 0; margin-top: 1.5em; margin-bottom: 1em; width: 100%; } ul div.figure { left: -0.5em; } span.num, li { clear: both; } ol h2 { margin-left: -1.5em; padding-left: 0; } li ul + p, li ol + p { margin-top: 1em; } ol.letters { list-style-type: lower-alpha; } ol.letters.uppercase { list-style-type: upper-alpha; } li .runin { color: #EF6C48; } .copyright a span { color: #666666; } .copyright, .copyright-version { font-size: 0.684rem; margin-bottom: 0.75em; color: #666666; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } .copyright-version { color: #f28f33; margin-bottom: 0; } p.copyright + p.copyright, p.copyright-version + p.copyright-version { text-indent: 0; } p.copyright-version + p.copyright-version { margin-bottom: 1em; } .copyright-mission { font-size: 1rem; margin-bottom: 2em; font-style: italic; color: #87BE4B; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.main-toc, p.main-toc-back, p.main-toc-front, p.main-toc-part, p.main-toc-chapter, p.main-toc-section { text-align: left !important; margin: 0 0 0 0; padding: 0.5em 0; text-indent: 0; border-top: 1px solid rgba(229, 229, 229, 0.8); -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; font-family: 'alt', helvetica, arial, sans-serif; color: inherit; } p.main-toc-part { border-top: 1px solid #1793CB; } p.main-toc-description { color: #999999; text-indent: 0 !important; padding-bottom: 0.5em; font-style: italic; text-align: left !important; } p.main-toc-chapter + p.main-toc-description { padding-left: 2em; } p.main-toc-section + p.main-toc-description { padding-left: 4em; } .main-toc a span, p.main-toc-back a span, p.main-toc-front a span, p.main-toc-part a span, p.main-toc-chapter a span, p.main-toc-section a span, li.chapter-toc-entry a span, li.part-toc-entry a span { text-decoration: none; font-weight: normal; } p.main-toc-back, p.main-toc-front { font-style: italic; } .main-toc-back, .main-toc-front, .main-toc-back a, .main-toc-front a, .main-toc-back span, .main-toc-front span { color: #999999; } .main-toc-part, .main-toc-part a, .main-toc-part span { color: #1793CB; } .main-toc-chapter, .main-toc-chapter a, .main-toc-chapter span { color: #EF6C48; } p.main-toc-chapter { padding-left: 2em; } p.main-toc-section { padding-left: 4em; } .main-toc-section span { color: #331; } .main-toc .name { color: #c03411 !important; } p.index-entry-e1 { text-indent: -1.5em !important; padding-left: 1.5em !important; } p.index-entry-e1-runin { text-indent: -1.5em !important; padding-left: 1.5em !important; margin-top: 1.5em; padding-top: 0.5em; border-top: 1px solid #EF6C48; } p.index-entry-e1-runin .runin { font-size: 2em; } p.index-entry-e2 { text-indent: -1.5em !important; padding-left: 3em !important; } p.index-entry-e3 { text-indent: -1.5em !important; padding-left: 4.5em !important; } h2.ost { text-align: center; text-indent: 0; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; page-break-inside: avoid; page-break-after: avoid; font-family: 'alt', helvetica, arial, sans-serif; color: #666666; font-weight: normal; font-size: 1.473rem; } p.ost, p.ost-entry-author, p.ost-entry-pubinfo, p.ost-entry-description { page-break-after: avoid; page-break-inside: avoid; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; font-family: 'alt', helvetica, arial, sans-serif; } p.ost-entry-description { margin-bottom: 0.5em; } .ost.storeyinfo a span { text-decoration: none; font-style: italic; color: #EF6C48; } h2.ost-entry-title { font-size: 1.473rem; border-top: 1px solid rgba(229, 229, 229, 0.8); padding-top: 1em; font-weight: bold; color: #87BE4B; } p.ost-entry-author { font-size: 1.473rem; color: #EF6C48; text-indent: 0; line-height: 1.2; margin-bottom: 0.3em; } p.ost-entry-pubinfo { font-size: 0.684rem; color: #888; text-transform: uppercase; letter-spacing: 0.1em; } p.ost-storeyinfo { color: #87BE4B; margin-top: 3em; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.share, p.button, p.share-button-goodreads, p.share-button-amazon, p.share-button-storey, p.share-button-ost { font-family: 'alt', helvetica, arial, sans-serif; font-size: 1.1em; text-align: center; hyphens: none; -webkit-hyphens: none; } p.share a, p.button a, p.share-button-goodreads a, p.share-button-amazon a, p.share-button-storey a, p.share-button-ost a { color: inherit; text-decoration: underline; } p.share a span, p.button a span, p.share-button-goodreads a span, p.share-button-amazon a span, p.share-button-storey a span, p.share-button-ost a span { color: inherit; font-weight: normal; } p.share a:after, p.button a:after, p.share-button-goodreads a:after, p.share-button-amazon a:after, p.share-button-storey a:after, p.share-button-ost a:after { display: none; } p.share { margin-bottom: 1.5em; } p.button, p.share-button-goodreads, p.share-button-amazon, p.share-button-storey, p.share-button-ost { text-indent: 0; width: 15em; margin: 12px auto; padding: 0.5em; text-align: center; background-color: #4d4d4d; color: white; border-radius: 1.25em; letter-spacing: 1px; } p.button a, p.share-button-goodreads a, p.share-button-amazon a, p.share-button-storey a, p.share-button-ost a { text-decoration: none; } p.share-button-ost { background-color: transparent; border: 2px solid #01a751; color: #01a751; width: 17em; } p.share-button-amazon { display: none; } p.button, p.share-button-storey { background-color: #01a751; } h6.aside { page-break-after: avoid; page-break-inside: avoid; } div { page-break-inside: avoid; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { page-break-before: avoid; } p.ack-quote-blockquote, p.ded-quote-blockquote { margin-top: 1em; margin-left: 40px; margin-right: 1em; text-align: left; font-style: italic; text-indent: 0; } p.ack-quote-blockquote + p.ack-quote-blockquote, p.ded-quote-blockquote + p.ded-quote-blockquote { margin-top: 0.7em; } p.ack-quote-blockquote-attrib, p.ded-quote-blockquote-attrib { font-size: 0.684rem; margin-top: 1em; color: #87BE4B; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 0.1em; text-indent: 0; text-align: left; font-family: 'alt', helvetica, arial, sans-serif; margin-left: 40px; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.qa-question-runin, p.qa-question { margin-top: 1.25em; padding-top: 0.5em; border-top: 1px solid rgba(239, 108, 72, 0.3); text-indent: 0 !important; color: #EF6C48; } p.qa-answer-runin + p.qa-answer-runin { margin-top: 0.5em !important; } p.qa-answer + p.qa-answer { margin-top: 0; text-indent: 1.5em !important; } div.recipe, div.recipe-r1, div.recipe-r2, div.recipe-r3 { margin-top: 4em; page-break-before: always; font-family: 'alt', helvetica, arial, sans-serif; } div.recipe-variation-v1, div.recipe-variation-v2, div.recipe-variation-v3 { margin-top: 4em; margin: 1.5em 0; padding: 24px 18px; border-radius: 15px; border: 12px solid #f8f3ea; background-color: #f8f3ea; } div.recipe-r2 { margin: 1.5em 0; padding: 24px 18px; border-radius: 15px; border: 12px solid #1793CB; background-color: transparent; } div.recipe-r3 { margin: 1.5em 0; padding: 24px 18px; border-radius: 15px; border: 12px solid #e6e6e6; background-color: transparent; } p.recipe-r1-inst-runin, p.recipe-r2-inst-runin, p.recipe-r3-inst-runin, p.recipe-variation-v1-runin, p.recipe-variation-v2-runin, p.recipe-variation-v3-runin { margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid rgba(239, 108, 72, 0.3); text-indent: 0 !important; } p + p.recipe-r1-inst-runin, p + p.recipe-r2-inst-runin, p + p.recipe-r3-inst-runin, p + p.recipe-variation-v1-runin, p + p.recipe-variation-v2-runin, p + p.recipe-variation-v3-runin { margin-top: 1.5em; } p.recipe-r1-inst-runin + p.recipe-r1-inst-runin, p.recipe-r2-inst-runin + p.recipe-r2-inst-runin, p.recipe-r3-inst-runi + p.recipe-r3-inst-runin, p.recipe-variation-v1-runin + p.recipe-variation-v1-runin, p.recipe-variation-v2-runin + p.recipe-variation-v2-runin, p.recipe-variation-v3-runin + p.recipe-variation-v3-runin { margin-top: 0.5em !important; } li.recipe-r1-inst-ol .runin, li.recipe-r2-inst-ol .runin, li.recipe-r3-inst-ol .runin, p.recipe-r1-inst .runin, p.recipe-r2-inst .runin, p.recipe-r3-inst .runin { font-weight: normal; color: #EF6C48; } p.recipe-r1-spec, p.recipe-r2-spec, p.recipe-r3-spec, p.recipe-r1-yield, p.recipe-r2-yield, p.recipe-r3-yield { font-weight: bold; font-family: 'alt', helvetica, arial, sans-serif; color: #777; text-indent: 0; font-size: smaller; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; margin-top: 1em; } p.recipe-r1-spec + p.recipe-r1-spec, p.recipe-r2-spec + p.recipe-r2-spec, p.recipe-r3-spec + p.recipe-r3-spec, p.recipe-r1-spec + p.recipe-r1-yield, p.recipe-r2-spec + p.recipe-r2-yield, p.recipe-r3-spec + p.recipe-r3-yield, p.recipe-r1-yield + p.recipe-r1-spec, p.recipe-r2-yield + p.recipe-r2-spec, p.recipe-r3-yield + p.recipe-r3-spec, h2.recipe-r1 + p.recipe-r1-spec, h2.recipe-r2 + p.recipe-r2-spec, h2.recipe-r3 + p.recipe-r3-spec { border-top: none; margin-top: 0; } p.recipe-r1-credit, p.recipe-r2-credit, p.recipe-r3-credit { text-align: center; -webkit-hyphens: none; text-indent: none; color: #EF6C48; } p.recipe-r1-credit + p.recipe-r1-credit, p.recipe-r2-credit + p.recipe-r2-credit, p.recipe-r3-credit + p.recipe-r3-credit { text-indent: 0; } h1.recipe-r1, h1.recipe-r2, h1.recipe-r3 { font-size: 2.105rem; font-weight: normal; } h1.recipe-r3 { font-size: 1.473rem; color: #EF6C48; } h1.recipe-r1 span, h1.recipe-r2 span, h1.recipe-r3 span { display: block; font-size: 1.157rem; color: #666666; margin-top: 0.35em; line-height: 1.4; font-style: italic; } h1.recipe-r1 a span, h1.recipe-r2 a span, h1.recipe-r3 a span { display: inline; font-weight: normal; } h1.recipe-variation-v1, h1.recipe-variation-v2, h1.recipe-variation-v3 { font-size: 1.473rem; color: #977832; font-weight: normal; } h2.recipe-r1, h2.recipe-r2, h2.recipe-r3 { margin-top: 2em; color: rgba(0, 0, 0, 0.8); font-weight: normal; font-size: 1.473rem; } h2.recipe-r1-inst, h2.recipe-r2-inst, h2.recipe-r3-inst, h2.recipe-r1-ing, h2.recipe-r2-ing, h2.recipe-r3-ing { margin-bottom: 0.2em; padding-bottom: 0.5em; border-bottom: 1px solid #f39077; margin-top: 2.5em; margin-left: 0; margin-right: 0; color: #EF6C48; font-size: 0.7em; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; font-family: 'alt', helvetica, arial, sans-serif; } h2.recipe-r1-inst + h3, h2.recipe-r2-inst + h3, h2.recipe-r3-inst + h3, h2.recipe-r1-ing + h3, h2.recipe-r2-ing + h3, h2.recipe-r3-ing + h3 { padding-top: 1.5em; } .recipe-r1-yield + h2.recipe-r1-ing, .recipe-r2-yield + h2.recipe-r2-ing, .recipe-r3-yield + h2.recipe-r3-ing { margin-top: 3em; } h3.recipe-r1-inst, h3.recipe-r2-inst, h3.recipe-r3-inst, h3.recipe-r1-ing, h3.recipe-r2-ing, h3.recipe-r3-ing { margin-bottom: 0.2em; padding-bottom: 0.5em; border-bottom: 1px solid #a1cc70; color: #87BE4B; margin-top: 2.5em; margin-left: 0; margin-right: 0; font-size: 0.7em; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; font-family: 'alt', helvetica, arial, sans-serif; } h2.recipe-r1-ing + p, h2.recipe-r2-ing + p, h2.recipe-r3-ing + p, h2.recipe-r1-inst + p, h2.recipe-r2-inst + p, h2.recipe-r3-inst + p { margin-top: 0.75em; } h3.recipe-var-v1, h3.recipe-var-v2, h3.recipe-var-v3 { margin: 1em 0 0 0; font-weight: bold; font-style: italic; } h3.recipe.variation + p { margin-top: 0.25em; } h6.recipe-r1-category, h6.recipe-r2-category, h6.recipe-r3-category { font-family: 'alt', helvetica, arial, sans-serif; font-size: 0.75em; line-height: 2; letter-spacing: 2px; } h6.recipe-r1-category { color: #EF6C48; } h6.recipe-r2-category { margin-top: 0; color: #1793CB; } h6.recipe-r3-category { color: #87BE4B; } h2.recipe-r2-ing, h2.recipe-r2-inst { color: #1793CB; border-bottom-color: #1793CB; } h1.figure { font-size: 0.947rem; padding-right: 2em; padding-left: 2em; margin-bottom: 1em; line-height: 1.2; text-transform: uppercase; font-weight: normal; letter-spacing: 0.25em; color: #666666 !important; } p.figure { color: #666666 !important; } h1.ack { font-size: 1.473rem; margin: 0 0 0.4em 0; padding-top: 3em; text-transform: uppercase; letter-spacing: 0.1em; color: #876; } h1.ded { font-size: 1.473rem; margin: 0 0 0.4em 0; padding-top: 3em; text-transform: uppercase; letter-spacing: 0.1em; color: #876; } p.ded { margin-top: 2em; font-style: italic; text-align: center; text-indent: 0px; -webkit-hyphens: none; adobe-hyphenate: none; hyphens: none; } p.ded-quote-epi { color: inherit; text-align: center; } p.ded-quote-epi-attrib { font-size: 0.9em; margin-top: 0.5em; } p.introduction-next { margin-top: 2.5em; padding-top: 2.5em; border-top: 1px solid rgba(229, 229, 229, 0.8); } p.introduction-lede + p.introduction-next { margin-top: 1em; padding: 0 0 0 0; border-top: none; } p.intro.attrib, p.fore.attrib { text-align: left; margin-top: 1em; text-indent: 0 !important; } p.intro.attrib-bio, p.fore.attrib-bio { font-style: italic; } ul.chapter-toc, ul.part-toc { list-style-type: none; margin: 2em 0 0 0; padding: 0.5em 0; text-align: center; border-bottom: 1px solid #e6e6e6; } ul.chapter-toc:before, ul.part-toc:before { content: 'Chapter Contents'; font-size: 0.684rem; font-family: 'alt', helvetica, arial, sans-serif; text-transform: uppercase; padding-bottom: 1em; border-bottom: 1px solid #e6e6e6; color: #999999; letter-spacing: 1px; display: block; } ul.part-toc:before { content: 'Part Contents'; } li.chapter-toc-entry a span, li.part-toc-entry a span { color: #666666; } ul.chapter-toc li + li, ul.part-toc li + li { padding-top: 0.5em; border-top: 1px solid #e6e6e6; } body, strong, span.num { font-family: alt; } ol .num { color: #1793CB; } span.blue { color: #1793CB; } span.russet { color: #EF6C48; } span.lavender { color: #BC85E6; } span.teal { color: #1799A5; } span.green { color: #87BE4B; } span.robin { color: #4EC1B9; } span.grass { color: #ACC23B; } span.yolk { color: #FCC163; } span.cheddar { color: #F8A531; } span.sauce { color: #EA9552; } span.pink { color: #F4917A; } h1.preface, h1.chapter-qa, h1.chapter-howto, h1.chapter-ing, h1.chapter-breakfast, h1.chapter, h1.main-toc { font-family: 'titling-rounded', helvetica, arial, sans-serif; line-height: 0.85em; font-style: normal; font-size: 6.9rem; margin-left: 0; margin-right: 0; font-family: titling-bold; font-weight: normal; margin-left: 0; margin-right: 0; color: #fe4c12; } h1.main-toc { margin-bottom: 0.5em; } h6 + h1 { margin-top: 32px !important; } h1.chapter-howto, h1.chapter-ing, h1.ost { font-family: alt; line-height: 1.1; font-size: 2.736rem; color: inherit; font-weight: normal; } h6.list-title { color: #fe4c12; letter-spacing: 0; text-transform: none; font-size: 1.473rem; margin-top: 0.5em; border-top: 1px solid #1793CB; padding-top: 16px; margin-left: 0; margin-right: 0; margin-top: 0.75em; } p.main-toc-chapter { padding-left: 0; border-color: #fe4c12; margin-top: 1em; } p.main-toc-section + p.main-toc-back { margin-top: 1em; } p.main-toc-section { padding-left: 2em; } p.qa-question { color: #EF6C48; border-color: #EF6C48; } li.body-ol { border-color: #ddd; } .runin { font-weight: normal !important; } div.recipe-r1 { border-top: 8px solid #fe4c12; } h1.recipe-r1 { padding-top: 32px; } div.figure + h1.recipe-r1 { padding-top: 8px; } h6.chapter-number span { display: inline-block; padding: 8px; border: 1px solid #1793CB; color: #1793CB; border-radius: 8px; } div.aside-a1 { border-color: #6E584E; background-color: #6E584E; } p.aside-a1 { color: white; } h1.aside-a1 { font-weight: normal; color: #FCC163; } li.recipe-r1-ing-ul i { color: #4EC1B9; } li.recipe-r2-ing-ul i { color: #4EC1B9; } div.aside-a2, div.recipe-r2 { padding: 0 0 0 0; border: none; background-color: none; padding-top: 0; border-top: 8px solid #1793CB; border-radius: 0; margin-top: 72px; color: inherit; page-break-before: always; } div.aside-a2 div.figure + div.figure, div.recipe-r2 div.figure + div.figure { margin-top: 0; } div.aside-a2 h1.figure, div.recipe-r2 h1.figure { color: #1793CB !important; } p.aside-a2, p.recipe-r2-headnote { color: #1793CB; text-align: center; } h1.aside-a2, h1.recipe-r2 { font-family: 'titling-rounded', helvetica, arial, sans-serif; line-height: 0.85em; font-style: normal; font-size: 3rem; margin-left: 0; margin-right: 0; font-family: titling-bold; color: inherit; padding-top: 32px; } div.figure + h1.aside-a2 { padding-top: 16px; } h2.ost-entry-title { color: #1793CB; font-weight: normal; } p.ost-entry-author { color: inherit; } p.ost-storeyinfo { color: #1793CB; } h1.ack { font-weight: normal; color: #EF6C48; } h1.chapter + div.figure { margin-top: 0; } p.copyright-mission { color: #1793CB; }