/* --------------------------------------------------------- Better Homes and Gardens The Ultimate Quick and Healthy Books Format: EPUB3, KF8 Last modified: April 22, 2014 Modified by: Rebecca Springer, rebecca.springer@hmhco.com */ /* Fonts */ @font-face { font-family:"Glypha LT Std"; font-style:normal; font-weight:normal; src : url("../font/GlyphaLTStd.otf"); } @font-face { font-family:"Glypha LT Std Black"; font-style:normal; font-weight:900; src : url("../font/GlyphaLTStd-Black.otf"); } @font-face { font-family:"Glypha LT Std"; font-style:normal; font-weight:bold; src : url("../font/GlyphaLTStd-Bold.otf"); } @font-face { font-family:"Glypha LT Std Light"; font-style:normal; font-weight:300; src : url("../font/GlyphaLTStd-Light.otf"); } @font-face { font-family:"Glypha LT Std Light"; font-style:italic; font-weight:300; src : url("../font/GlyphaLTStd-LightOblique.otf"); } @font-face { font-family:"Glypha LT Std Light"; font-style:oblique; font-weight:300; src : url("../font/GlyphaLTStd-LightOblique.otf"); } @font-face { font-family:"Glypha LT Std"; font-style:italic; font-weight:normal; src : url("../font/GlyphaLTStd-Oblique.otf"); } @font-face { font-family:"Glypha LT Std"; font-style:oblique; font-weight:normal; src : url("../font/GlyphaLTStd-Oblique.otf"); } /* global */ @page { margin:3px 2px 0 2px; /*for Nook*/ } body { -epub-hyphens:none; -webkit-hyphens:none; -moz-hyphens:none; hyphens:none; -adobe-hyphenate:none !important; -adobe-text-layout:optimizeSpeed; font-size:100%; } /*reset*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote, figure { margin:0; padding:0; border-width:0; font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none; text-indent:0; text-align:left; } h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid; } p { font-size:1em; line-height:1.4; widows:2; orphans:2; } li { font-size:.9em; line-height:1.333; widows:2; orphans:2; } a { text-decoration:underline; color:#562500; /*brown*/ -webkit-text-fill-color:#562500; /*brown*/ } ol { -adobe-text-layout:optimizeSpeed; /* to fix NookColor and Kobo bug */ } /* Images */ img { max-width:100%; } img.spot { } div.full-width-image { width:100%; margin:0 auto 0 auto; text-align:center; } img.beauty-shot, .four-up img, .tips-image img { width:100%; } div.small-recipe-photo { float:right; width:48%; margin-left:2%; margin-top:1.2em; margin-bottom:6px; } div.image-wrapper { margin:0 auto; text-align:center; } /* --- tabs --- */ .tab { float:left; /*display:inline-block;*/ width:7em; text-align:center; border: 1px solid #fff; border-bottom-width: 0; margin: 0 0.5em .25em 0; /* border-top-left-radius:10px; border-top-right-radius:10px;*/ font-family:"Glypha LT Std", serif; line-height:1.8; font-weight:bold; font-style:normal; } .tab a { padding: 0 1em; text-decoration:none; color:#fff; /*white*/ -webkit-text-fill-color:#fff; } .light { font-family:"Glypha LT Std Light", serif; font-weight:300; } /* --- frontmatter styles --- */ .fm-page { font-family:"Seravek", "Helvetica Neue", sans-serif; font-weight:300; } #imprint { text-align:center; font-size:1.1em; margin-top:9em; } p.Copyright { margin-top:.75em; } h2.credit-hed { font-weight:500; font-size:1em; margin-top:.75em; } #BHG-test-logo { margin-top:1em; width:20%; } div.four-up { width:24%; height:auto; display:inline-block; margin:1% auto 0 auto; text-align:center; } #toc-text { font-family:"Glypha LT Std", serif; } #toc-text h1 { color:#0B929E; /*themeF*/ font-size:1.6em; font-weight:normal; margin-left:3.3em; line-height:1; margin-top:1em; } span#toc-hed-big { font-size:2.4em; font-weight:600; } p.TOC-entry { font-size:1.2em; text-indent:-4.7em; margin-left:4.7em; } .ch-num { font-family:"Seravek", "Helvetica Neue", sans-serif; color:#0B929E; /*themeF*/ font-size:1.8em; font-weight:bold; display:inline-block; width:2.2em; text-align:right; margin-right:.4em; } /*hr.equation-divider { margin:1em 0; height:5px; background-color:#0B929E; }*/ table#page4 tr { page-break-inside:avoid; } table#page4 td { vertical-align:middle; } p.tab-key { font-family:"Glypha LT Std", serif; line-height:1.8; font-weight:bold; line-height:1.2; text-align:right; margin-right:.3em; } p.tab-key2 { font-style:italic; line-height:1.3; } .equation-recipe { font-family:"Seravek", "Helvetica Neue", sans-serif; padding-bottom:1em; clear:both; } .equation-table td { vertical-align:top; width:25%; } .equation-recipe p { font-size:.8em; line-height:1.2; } .leftmost h2, .leftmost p { text-align:right; } .row, .left-third, .right-third, .total-left, .total-right { page-break-inside:avoid; } .left-third { width:28%; float:left; margin:0 2% 0 3%; } .right-third { width:28%; float:left; margin:0 3% 0 2%; } .total-left { width:30%; float:left; margin:10% 2% 0 3%; } .total-right { width:50%; float:left; margin:0 3% 0 2%; } .four-up-left { width:21%; float:left; margin:0 4% 0 0; text-align:center; } .two-up-right { width:25%; float:left; text-align:center; } .equation-recipe h2, .total h2 { color:#0B929E; /*themeF*/ font-size:1.5em; font-weight:bold; line-height:1; text-transform:uppercase; } .total h2 { text-align:center; } .total .equation-recipe-photo { margin-top:.5em; } .equation-recipe p { font-weight:300; } .equation-recipe h3 { color:#562500; /*brown*/ font-weight:bold; font-size:1em; line-height:1.2; } /* --- intro styles --- */ h1.intro-ahed { color:#0B929E; /*themeF*/ font-family:"Glypha LT Std", serif; font-size:2.417em; font-weight:normal; line-height:1; } p.intro-big-text { color:#562500; /*brown*/ font-family:"Glypha LT Std Light", serif; font-weight:300; font-size:1.1em; line-height:1.3; margin-bottom:1em; } h2.intro-bhed { color:#0B929E; /*themeF*/ font-size:1.3em; font-family:"Glypha LT Std", serif; font-weight:normal; } .tab-key p { font-size:1em; clear:both; font-weight:300; font-style:italic; } .pointer { font-size:.9em; font-style:normal; padding-right:.5em; } .nutrition-key { color:#562500; /*brown*/ margin-left:1.5em; } .nutrition-key h3 { font-size:1em; margin-top:.5em; } .nutrition-key p { font-weight:300; } .intro-note { margin-top:.5em; color:#562500; /*brown*/ font-size:.8em; font-style:italic; font-weight:300; line-height:1.3; } .pantry p { font-size:1em; margin-bottom:1em; color:#562500; /*brown*/ } .intro-leadin-hed { text-transform:uppercase; font-weight:600; } #label-claims, #pantry-text { margin-top:1em; } .intro-tip { page-break-inside:avoid; } #dressings-list { margin-top:1em; } .intro-tip, #dressings-list p, #label-claims p { margin-bottom:1em; clear:both; } .intro-tip p, #dressings-list p, #label-claims p { font-size:1em; font-weight:300; } .intro-tip p { margin-left:32%; } span.tip-num { font-size:3.4em; float:left; line-height:1; margin-top:0.005em; margin-right:0.15em; margin-bottom:-0.284em; font-family:"Glypha LT Std", serif; font-weight:bold; } span.big-asterisk { color:#0B929E; /*themeF*/ font-size:1.4em; line-height:1; font-family:"Glypha LT Std", serif; font-weight:bold; } img.dingbat { width:.9em; margin-right:.1em; } .intro-tip-hed, #label-claims h2 { font-size:1.4em; line-height:1; color:#562500; /*brown*/ font-weight:400; } .tips-image { width:30%; float:left; padding-right:2%; } .intro-leadin2 { color:#0B929E; /*themeF*/ font-family:"Glypha LT Std Light", serif; font-size:1.176em; font-weight:300; line-height:1; } #thick-thin p { padding-top:2em; } .intro-recipe-title { font-weight:bold; } /* --- chapter-opener styles --- */ .chapter-opener p, .chapter-opener li { font-family:"Glypha LT Std", serif; color:#562500; /*brown*/ } div.chap-wrapper { padding:3% 3% 0 0; } .ch-opener-rule { border-top:2px solid #fff; border-right:2px solid #fff; border-top-right-radius:25px; padding:0 0 3% 3%; } div.chapter-title { } p.chap-intro { font-size:1.1em; line-height:1.35; font-weight:500; } div.cotoc { width:100%; } h2.cotoc-hed { font-family:"Glypha LT Std Black", serif; color:#562500; /*brown*/ font-size:1.5em; margin-top:1em; } ul.cotoc-list { list-style-type:none; } li.cotoc-item { line-height:1.6; padding-top:.2em !important; margin-left:1em; text-indent:-1em; } p.ch-opener-caption { font-weight:600; text-align:right; line-height:1.2; margin:.25em 1px .5em 0; } /* --- recipe styles --- */ div.recipe { } .banner { width:100%; margin-bottom:1em; } .banner p { font-family:"Glypha LT Std", serif; line-height:1.8; font-weight:bold; /* text-align:right;*/ line-height:1.2; } .running-head, .rh-tab { display:inline-block; padding:.7em .8em .5em .8em; margin:0 1px; } span.light { font-family:"Glypha LT Std Light", serif; font-weight:300; } .tab-key a, .banner a { text-decoration:none; color:#fff; /*white*/ -webkit-text-fill-color:#fff; } p.headnote { color:#562500; /*brown*/ font-family:"Glypha LT Std Light", serif; font-style:italic; font-weight:300; font-size:1.1em; line-height:1.3; } h1.recipe-title { color:#562500; /*brown*/ font-family:"Glypha LT Std", serif; font-size:2em; line-height:1.2; margin-top:.2em; } p.RecipeTime { font-family:"Seravek", "Helvetica Neue", sans-serif; font-weight:300; } span.time-hed, span.subrecipe-title { font-family:"Glypha LT Std", serif; font-size:1.2em; font-weight:normal; line-height:1; } .recipe ul { list-style-type:none; margin-top:1em; } li.ing { font-family:"Glypha LT Std", serif; text-indent:-2.6em; margin-left:2.6em; margin-bottom:.3em; } span.qty { display:inline-block; width:2.2em; text-align:right; margin-right:.4em; } div.method { margin-top:1em; } div.method p, p.TestKitchenTip, .tip-list li, p.note, .subrecipe p { font-family:"Seravek", "Helvetica Neue", sans-serif; } div.method p { margin-bottom:1em; page-break-inside:avoid; min-height:3em; } p.TestKitchenTip, p.note { margin-top:1em; } ul.tip-list { list-style-type:none; margin-top:0; } .tip-list li { font-size:1em; line-height:1.4; } span.tip-leadin { font-weight:600; } span.step-num { font-size:3em; float:left; line-height:1.2; padding-right:0.1em; margin-bottom:-.3em; font-family:"Glypha LT Std", serif; font-weight:bold; } h2.step-hed { line-height:1.4; font-family:"Glypha LT Std", serif; font-size:0.9em; } p.RecipeNutritionInfo { font-family:"Seravek", "Helvetica Neue", sans-serif; font-size:0.8em; font-weight:300; line-height:1.3; clear:both; } span.nutrition-hed, span.var-hed { font-family:"Glypha LT Std", serif; font-size:1.143em; line-height:1; } div.box { margin:1em auto; width:80%; padding:3%; border-radius:15px; page-break-inside:avoid; border:1px solid #FFF; } p.prep-var { color:#FFFFFF; /*white*/ font-family:"Seravek", "Helvetica Neue", sans-serif; } span.var-hed { font-weight:bold; } div.subrecipe { margin:1em auto; width:95%; padding:2%; border-radius:15px; page-break-inside:avoid; font-size:90%; } .tip-hed, .note-hed { font-family:"Glypha LT Std", serif; line-height:1; } .note-hed { color:#FFFFFF; padding:4px .25em 0 .25em; display:inline-block; } /* ---- rear matter styles ---- */ .rm-page p, .rm-page li { font-family:"Seravek", "Helvetica Neue", sans-serif; font-weight:300; } .rm-page h1 { color:#562500; /*brown*/ font-family:"Seravek", "Helvetica Neue", sans-serif; font-size:2.5em; line-height:1.2; } p.index-nav { font-size:1.1em; letter-spacing:2px; text-align:center; margin:1.5em 0; } h2.IndexLetter { color:#C4323D; /*red*/ font-family:"Seravek", "Helvetica Neue", sans-serif; font-size:1.333em; font-weight:600; line-height:1.2; margin-top:4px; } div#index p { line-height:1.5; } p.index-1 { margin-left:1.5em; text-indent:-1.5em; } p.index-2 { margin-left:2.5em; text-indent:-1.5em; } h3.index-main { color:#562500; /*brown*/ font-family:"Glypha LT Std", serif; font-size:1.1em; margin-top:.3em; } span.index-xref { font-style:italic; } span.rm-hed-emph { font-family:"Glypha LT Std", sans-serif; font-weight:bold; } p.chart-headnote { font-style:italic; } .rm-page h2 { color:#562500; /*brown*/ font-family:"Glypha LT Std", serif; font-size:1.2em; line-height:1.2; margin-top:1em; } .rm-page ul { list-style-type:disc; margin-left:2em; } .metric-table, .subs-table { page-break-inside: avoid; margin:0 0 .5em 0; } .metric-table th, .subs-table th { border-top:none; border-left:none; border-right:none; border-bottom: solid 2px #A34873; padding-right: 1em; vertical-align:top; } .metric-table th p, .subs-table th p { color:#562500; /*brown*/ font-family:"Seravek", "Helvetica Neue", sans-serif; font-weight:bold; } .metric-table td, .subs-table td { border-top:none; border-left:none; border-right:none; border-bottom: solid 2px #A34873; padding-right: 1em; padding-bottom:.1em; padding-top:.1em; vertical-align:top; } .colA { width:35%; } /* ---- layout helpers ---- */ div.clearfix { clear:both; width:1px; height:0.001%; font-size:0; line-height:0; } .background { padding:3%; } .super { vertical-align: super; font-size:.5em; padding-left:1px; } .space-above, div.space-above { margin-top:1em; } p.no-top, div.no-top { margin-top:0; padding-top:0; } .no-bottom { margin-bottom:0; padding-bottom:0; } .indent { text-indent:1.5em; } .ital, .italic { font-style:italic; } .inline-left-padding { padding-left:1em; } /* ---- Fractions ---- */ .fraction { font-size: .65em; } .numerator { vertical-align:super; } .denominator { } .virgule { font-size: 1.4em; margin: 0 .5px; } .dimens-x { padding: 0 2px 0 2px; font-size:0.9em; } /* ---- colors ---- */ .themeA .time-hed, .themeA .step-num, .themeA .nutrition-hed, .themeA .tip-hed, .themeA .subrecipe-title, .themeA .step-hed, .themeA span.tip-leadin { color:#EC732D; /*orange*/ } .themeA .subrecipe { border:solid 2px #EC732D; } .themeA .note-hed, .themeA .box, .themeA .banner .running-head { background-color:#EC732D; } .chapter-opener .themeA, div.themeA-bg { background-color:#FCE7D7; } .themeA .veg { background-color:#F4A62D; } .themeA .fast { background-color:#E03D48; } .themeA .nocook { background-color:#F29A61; } .themeB .time-hed, .themeB .step-num, .themeB .nutrition-hed, .themeB .tip-hed, .themeB .subrecipe-title, .themeB .step-hed, .themeB span.tip-leadin { color:#996FAE; /*purple*/ } .themeB .subrecipe { border:solid 2px #996FAE; } .themeB .note-hed, .themeB .box, .chapter-opener .themeB, span.themeB-bg, .themeB .banner .running-head { background-color:#996FAE; } .chapter-opener .themeB, div.themeB-bg { background-color:#E7E0E8; } .themeB .veg { background-color:#5A7CBB; } .themeB .fast { background-color:#9E268A; } .themeB .nocook { background-color:#C3A5CD; } .themeC .time-hed, .themeC .step-num, .themeC .nutrition-hed, .themeC .tip-hed, .themeC .subrecipe-title, .themeC .step-hed, .themeC span.tip-leadin { color:#E72D8F; /*hot pink*/ } .themeC .subrecipe { border:solid 2px #E72D8F; } .themeC .note-hed, .themeC .box, .themeC .banner .running-head { background-color:#E72D8F; } .chapter-opener .themeC, div.themeC-bg { background-color:#F9CFDF; } .themeC .veg { background-color:#C11B35; } .themeC .fast { background-color:#EB5197; } .themeC .nocook { background-color:#F08AB4; } .themeD .time-hed, .themeD .step-num, .themeD .nutrition-hed, .themeD .tip-hed, .themeD .subrecipe-title, .themeD .step-hed, .themeD span.tip-leadin { color:#576EA1; /*blue*/ } .themeD .subrecipe { border:solid 2px #576EA1; } .themeD .note-hed, .themeD .box, .themeD .banner .running-head, span.themeD-bg { background-color:#576EA1; } .chapter-opener .themeD, div.themeD-bg { background-color:#DEE2F2; } .themeD .veg { background-color:#40C2CC; } .themeD .fast { background-color:#B086BB; } .themeD .nocook { background-color:#869ACC; } .themeE .time-hed, .themeE .step-num, .themeE .nutrition-hed, .themeE .tip-hed, .themeE .subrecipe-title, .themeE .step-hed, .themeE span.tip-leadin { color:#C4323D; /*red*/ } .themeE .subrecipe { border:solid 2px #C4323D; } .themeE .note-hed, .themeE .box, .themeE .banner .running-head, .chapter-opener .themeE { background-color:#C4323D; } .chapter-opener .themeE, div.themeE-bg { background-color:#EFD4C9; } .themeE .veg { background-color:#EC732D; } .themeE .fast { background-color:#F4A62D; } .themeF .time-hed, .themeF .step-num, .themeF .nutrition-hed, .themeF .tip-hed, .themeF .subrecipe-title, .themeF .step-hed, .themeF .tip-num, .themeF span.tip-leadin { color:#0B929E; /*turquoise*/ } .themeF .subrecipe { border:solid 2px #0B929E; } .themeF .note-hed, .themeF .box, .themeF .banner .running-head, span.themeF, span.themeF-bg { background-color:#0B929E; } .chapter-opener .themeF, div.themeF-bg { background-color:#DCF1F3; } .themeF .veg { background-color:#9162A7; } .themeF .fast { background-color:#5A7CBB; } .themeF .nocook { background-color:#86D2D9; } .white { color:#FFFFFF; /*white*/ } .aqua { background-color:#B6DEE2; } /* ---- media queries ---- */ @media amzn-mobi { p.index-1 { margin-left:0; text-indent:0; } p.index-2 { margin-left:1em; text-indent:0; } .virgule { font-size: inherit; } div#copyright p, .intro, .acks, .source, #index h2 { color:inherit; } li.cotoc-item { margin-left:0; text-indent:0; } li.ing { text-indent:0; margin-left:0; } img.spot { width:100%; } .themeA, .themeB, .themeC, .themeD, .themeE, .themeF { background-color:none; color:auto; } } @media amzn-kf8 { img.spot { width:100%; } }