/* ------------------------------------------------------------------------------- How to Cook Everything Vegetarian 2e Format: EPUB3, KF8 Last modified: 24 July 2017 Modified by: Rebecca Springer, rebecca.springer@hmhco.com /* Fonts */ @font-face { font-family:"Bulmer"; src : url("../font/BulmerMTStd-Display.otf"); } @font-face { font-family:"Bulmer"; font-style:italic; src : url("../font/BulmerMTStd-ItalicDisplay.otf"); } @font-face { font-family:"FreightSans"; font-weight:300; src : url("../font/FreightSansProLight-Regular.otf"); } @font-face { font-family:"FreightSans"; font-style:italic; font-weight:300; src : url("../font/FreightSansProLight-Italic.otf"); } @font-face { font-family:"FreightSans"; font-style:normal; src : url("../font/FreightSansProBook-Regular.otf"); } @font-face { font-family:"FreightSans"; font-style:italic; src : url("../font/FreightSansProBook-Italic.otf"); } @font-face { font-family:"FreightSans"; font-style:italic; font-weight:500; src : url("../font/FreightSansProMedium-Italic.otf"); } @font-face { font-family:"FreightSans"; font-weight:500; src : url("../font/FreightSansProMedium-Regular.otf"); } @font-face { font-family:"FreightSans"; font-weight:600; src : url("../font/FreightSansProSemibold-Regular.otf"); } @font-face { font-family:"FreightSans"; font-style:italic; font-weight:600; src : url("../font/FreightSansProSemibold-Italic.otf"); } @font-face { font-family:"FreightSans"; font-weight:bold; src : url("../font/FreightSansProBold-Regular.otf"); } @font-face { font-family:"FreightText"; src : url("../font/FreightTextProBook-Regular.otf"); } @font-face { font-family:"FreightText"; font-style:italic; src : url("../font/FreightTextProBook-Italic.otf"); } /* only one style uses -- delete? */ @font-face { font-family:"FreightText"; font-weight:500; src : url("../font/FreightTextProMedium-Regular.otf"); } /* page margins for nook and kobo */ @page { margin:30px 20px 0 20px; } /* reset */ 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, sub, sup, 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; 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; } /* baseline styles */ body { font-family:"FreightSans", sans-serif; max-width:33em; margin:0 auto; /* font-size:150%; for testing */ -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; } h1, h2, h3, h4, h5, h6 { font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; page-break-after:avoid; page-break-inside:avoid; text-align:left; text-decoration:none; text-indent:0; } p, li, th, td { font-size:1em; line-height:1.4; font-style:normal; font-variant:normal; font-weight:normal; orphans:2; text-align:left; text-decoration:none; text-indent:0; text-transform:none; widows:2; } ol { adobe-text-layout:optimizeSpeed; /* to fix NookColor and Kobo bug */ } ul { list-style-type:none; margin:.75em 0; } /* images */ img { min-width:100%; width:100%; height:auto; max-height:100%; page-break-inside:avoid; object-fit: contain; } .figure { max-width:100%; max-height:100%; page-break-inside:avoid; margin:0 auto; } .fullpage, .full { width:100%; height:auto; } .full-top { width:100%; margin-bottom:1em; } .full-bottom, .rt { width:100%; padding-top:1em; clear:both; } .full-both { width:100%; margin-top:1em; margin-bottom:1em; } .block { width:70%; margin-left:15%; } figcaption { font-family:"FreightSans", sans-serif; font-weight:500; color:#929496; font-size:.75em; text-transform:uppercase; letter-spacing:.05em; text-align:right; padding-top:.2em; padding-right:1em; } /* links */ a { text-decoration:underline; color:inherit; } /* front matter */ .Title-half { font-size:1.833em; font-weight:300; padding-top:40%; } .fm-green-bg { background-color:#B0C270; padding:10% 3% 6% 3%; } .Panel-head { color:#ffffff; font-size:0.583em; font-weight:600; line-height:1.8; text-transform:uppercase; letter-spacing:.1em; } .Panel-title { font-size:0.583em; font-style:italic; font-weight:500; line-height:1.8; } .Copyright { font-size:0.583em; font-weight:500; } .Copyright-space { font-size:0.583em; font-weight:500; margin-top:.75em; } .Frontmatter-title { font-size:4em; font-weight:300; line-height:1.2; text-align:right; } .TOC-matter-head { font-size:0.708em; font-weight:500; text-transform:uppercase; margin-top:.2em; } .TOC-chapter-head { color:#99b840; font-size:1.083em; font-weight:500; margin-top:.5em; } .TOC-chapter-description { font-family:"FreightText", serif; font-size:0.75em; margin-bottom:.75em; } .acks-hed { color:#ffffff; font-size:1.333em; margin-bottom:.5em; } .Acknowledgments { font-size:0.708em; font-weight:500; line-height:1.35; } .sig-block { margin-top:1em; margin-left:70%; } .Body { font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; } .para-list { /* p */ font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; margin:.75em 0; } .Heading-3 { /* h3 */ color:#839e25; font-size:0.833em; font-weight:500; margin-top:1em; text-transform:uppercase; } hr { border-top:3px solid #839e25; margin:1em 0 .5em 0; } .fm-sidebar-title { /* h4 */ color:#839e25; font-size:1.333em; font-weight:500; } .Sidebar-body { /* p */ font-size:0.708em; font-weight:500; line-height:1.35; } .Sidebar-list { font-size:0.708em; font-weight:500; line-height:1.35; margin-left:1.5em; margin-top:.5em; text-indent:-1.5em; } /* need to fix display on p010 */ .icon-inline { font-family:"FreightSans"; background-color:#839e25; color:#fff; font-weight:500; font-size:0.75em; line-height:1.4; display:inline-block; width:1em; padding-left:.45em; margin-right:.25em; text-indent:0; } .Sidebar-list-number { /* li */ font-size:0.708em; font-weight:500; line-height:1.35; list-style-position:inside; list-style-type:decimal; margin:.75em 0; } /* chap opener */ .chap-opener { background-color:#B0C270; padding:10% 3% 6% 3%; } .Chapter-title { /* h1 */ color:#ffffff; font-size:4em; font-weight:300; line-height:0.958; text-align:right; } .Chapter-TOC-heading { color:#ffffff; font-size:1em; font-weight:500; line-height:1.543; margin:2em 0 1em 0; text-transform:uppercase; letter-spacing:.05em; } .Chapter-TOC-heading .inner { padding-bottom:.1em; border-bottom:3px solid #fff; } .Chapter-TOC-listing { font-size:.95em; font-weight:500; line-height:1.2; margin-bottom:.5em; margin-left:1em; text-indent:-1em; } .recipe-listing { font-size:.8em; font-weight:500; line-height:1.231; margin-bottom:.5em; margin-left:1.5em; text-indent:-1.5em; } .fm-ahed { font-size:1.2em; margin-top:.75em; margin-bottom:.2em; } .ahed { /* h2 */ color:#839e25; font-size:1.333em; font-weight:500; margin-top:1.5em; margin-bottom:.5em; text-transform:uppercase; } .bhed { /* h3 */ color:#839e25; font-size:1em; font-weight:600; margin-top:1.5em; text-transform:uppercase; } .ahed .inner { padding-bottom:.1em; border-bottom:3px solid #839e25; } .Sidebar-list-run-in-head-K { /* span */ font-family:"FreightSans", sans-serif; font-size:0.865em; font-weight:600; text-transform:uppercase; padding-right:.3em; } .Sidebar { border-style:solid; background-color:#B9C981; padding:3%; page-break-inside:avoid; margin:1em 0; } .Sidebar-title { color:#ffffff; font-size:1.167em; font-weight:500; line-height:1.2; } .Sidebar-full { /* div */ border-style:solid; background-color:#f2f1e6; padding:3%; } .Sidebar-full p { color:#000 !important; } .Sidebar-title-full { /* h3 */ color:#839e25; font-size:1.333em; font-weight:500; margin-bottom:.1em; } .sb-text { font-size:0.708em; font-weight:500; line-height:1.35; } .sb-ahed { /* h4 */ font-size:0.708em; font-weight:600; line-height:1.35; margin-top:.75em; color:#839e25; text-transform:uppercase; } .Sidebar-list-bullet { list-style-position:inside; list-style-type:square; margin-top:0; } .Sidebar-list-bullet li { font-size:0.708em; font-weight:500; line-height:1.35; } .sidebar-medium { /* div */ border-top:4px solid #839e25; margin:1.5em auto; page-break-inside:avoid; } .Feature-title { /* h2 */ color:#839e25; font-size:1.333em; line-height:1; font-weight:500; margin-top:.25em; margin-bottom:.25em; } .Sidebar-variation { /* p, li -- matches Sidebar-body*/ font-size:0.708em; font-weight:500; line-height:1.35; margin-top:.5em; } .Sidebar-list-run-in-head { /* span */ color:#839e25; font-weight:600; text-transform:uppercase; padding-right:.3em; } .Sidebar-list-run-in-head-lc { /* span */ color:#839e25; font-weight:600; padding-right:.3em; } table { margin:.75em 0; padding:0; border-collapse:collapse; border-spacing:0; } .illos { /* table */ } tr, th, td { page-break-inside:avoid; } td { padding:4px; vertical-align:top; } th { padding:4px; vertical-align:bottom; } .illos td { width:33%; } .illos-four-up td { width:25%; } .one-col { width:18em; } .Center-cell { /* td */ border-right:1px solid #939598; border-left:1px solid #939598; padding:0 1.5%; } .Left-cell { /* td */ padding:0 1.5% 0 0; } .Right-cell { /* td */ padding:0 0 0 1.5%; } .one-col .Right-cell { border-left:1px solid #939598; padding-left:2%; } .two-col .Right-cell { border-left:1px solid #000000; } .sidebar-table td { border-top:1px solid #000000; } .Feature-body { /* p */ font-size:0.708em; font-weight:500; line-height:1.35; } li.Feature-step-head-first, p.Feature-step-head, li.Feature-step-head { font-size:0.708em; font-weight:500; line-height:1.35; list-style-position:inside; list-style-type:decimal; margin-top:3px; } .Feature-table-head { /* h2 */ color:#4d4d4f; font-size:0.583em; font-weight:bold; line-height:1.2; text-transform:uppercase; padding-bottom:.5em; } .inline-table-head { color:#4d4d4f; font-size:.9em; font-weight:600; text-transform:uppercase; } .Feature-table-body { /* p */ font-size:0.708em; font-weight:500; padding-bottom:.4em; padding-top:.4em; } .Feature-table-subhead { /* p */ color: #839e25; font-size:0.708em; font-weight:600; padding-bottom:.4em; padding-top:.4em; } .Feature-table-note { font-size:0.583em; font-weight:500; padding-bottom:.6em; } .exploded td { padding:.2em 0 .7em; } .exploded .Feature-table-subhead { font-size:.95em; } .step-num { color:#839e25; text-transform:uppercase; padding-right:.2em; font-variant:lining-nums; } .Recipe-head { /* h4 */ font-size:0.833em; font-weight:600; line-height:1.2; margin-top:1em; } ol { list-style-position:inside; list-style-type:decimal; } .Recipe-options { /* li; text style follows p.Body */ font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; } .List-bullet { list-style-position:outside; list-style-type:square; margin-top:0; margin-left:1.2em; } .List-bullet li { font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; } .Recipe-options-number { /* span */ font-family:"FreightSans", sans-serif; font-size:0.946em; font-weight:600; padding-right:.2em; } .Black-run-in-head { /* span */ color:#58595b; font-family:"FreightSans", sans-serif; font-size:0.946em; font-weight:600; text-transform:uppercase; padding-right:.2em; } /* recipes */ .Recipe-title { /* h2 */ font-size:1.5em; line-height:1.2; } .Recipe-title-sub { font-size:0.865em; font-style:italic; line-height:1.313; margin-bottom:.5em; } .Recipe-yield, .Recipe-time { /* p */ font-size:0.8em; font-weight:500; line-height:1.333; } .yield-head { /* span */ font-size:0.833em; font-weight:600; text-transform:uppercase; } .Recipe-icons { /* p */ font-size:0.625em; font-weight:500; line-height:1.133; margin-bottom:.75em; } .headnote { /* p */ font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; } .Recipe-ingredients { /* li */ font-size:0.729em; font-weight:600; line-height:1.371; margin-left:1em; text-indent:-1em; } .ing-list { list-style-type:none; max-width:26em; padding-left:1em; } .sub-ing-list { list-style-type:disc; margin-top:0; } .sub-ing-list .Recipe-ingredients { /* li */ font-size:.9em; margin-left:1em; text-indent:-.25em; } .Recipe-procedure { font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; } .Recipe-variation { /* p */ font-family:"FreightText", serif; font-size:0.771em; line-height:1.5; margin-top:1em; } .var-leadin { /* span */ font-family:"FreightSans", sans-serif; color:#738c1f; font-size:0.865em; font-weight:600; text-transform:uppercase; padding-right:.3em; } /* backmatter */ .Appendix-title { color:#839e25; font-size:1.917em; } .Appendix-Intro { font-size:0.917em; line-height:1.364; margin:1em 0; } .Backmatter-list { /* li */ font-size:0.75em; font-weight:500; line-height:1.444; list-style-position:inside; list-style-type:decimal; margin-top:.2em; } .index-title { /* h1 */ font-size:5em; font-weight:300; line-height:0.958; text-align:right; } div.index-nav { font-weight:600; color:#929496; width:80%; font-size:1.5em; margin:1.5em auto 1.5em 10%; text-align: center; } p.index1 { margin-left:1em; text-indent:-1em; } p.index2 { margin-left:2em; text-indent:-1em; } /* character styles */ .italic, .ital, em, i { font-style:italic; } .reverse { font-style:normal; } .reg-mark { font-size:0.417em; } .leadin { font-weight:500; } b, strong { font-weight:600; } span.dimens-x { padding:0 1px; } /* layout helpers */ blockquote { margin:0 1.5em; } body > *:last-child { margin-bottom: 0; } .space-above { padding-top:.75em; } .indent { text-indent:1.5em; } .sink { margin-top:20%; } .keeptogether { page-break-inside:avoid; } .nb { white-space:nowrap; } .clearfix { clear:both; width:1px; height:0.001%; font-size:0; line-height:0; } .no-top { margin-top:0; padding-top:0; } .no-bottom { margin-bottom:0; padding-bottom:0; } .hidden { display:none; }