/* ----------------------------------------------------------- Martha Stewart Organizing Format: EPUB3, KF8 Last modified: 15 October Jan 2019 Modified by: Rebecca Springer, rebecca.springer@hmhco.com /* Fonts */ /* National */ @font-face { font-family:National; src : url("../font/National-Regular.otf"); } @font-face { font-family:National; font-weight:300; src : url("../font/National-Light.otf"); } @font-face { font-family:National; font-style:italic; font-weight:300; src : url("../font/National-LightItalic.otf"); } @font-face { font-family:National; font-weight:600; src : url("../font/National-Medium.otf"); } @font-face { font-family:National; font-style:italic; font-weight:600; src : url("../font/National-MediumItalic.otf"); } @font-face { font-family:National; font-weight:bold; src : url("../font/National-Bold.otf"); } @font-face { font-family:National; font-weight:900; src : url("../font/National-Extrabold.otf"); } /* Sentinel */ @font-face { font-family:Sentinel; src : url("../font/Sentinel-Book.otf"); } @font-face { font-family:Sentinel; font-weight:300; src : url("../font/Sentinel-Light.otf"); } @font-face { font-family:Sentinel; font-style:italic; font-weight:300; src : url("../font/Sentinel-LightItalic.otf"); } @font-face { font-family:Sentinel; font-weight:500; src : url("../font/Sentinel-Medium.otf"); } @font-face { font-family:Sentinel; font-weight:600; src : url("../font/Sentinel-Semibold.otf"); } @font-face { font-family:Sentinel; font-weight:bold; src : url("../font/Sentinel-Bold.otf"); } @font-face { font-family:Sentinel; font-weight:900; src : url("../font/Sentinel-Black.otf"); } /* Trade Gothic */ @font-face { font-family:"Trade Gothic LT Std Cn"; src : url("../font/TradeGothicLTStd-Cn18.otf"); } @font-face { font-family:"Trade Gothic LT Std Cn"; font-weight:bold; src : url("../font/TradeGothicLTStd-BdCn20.otf"); } /* Zapf Dingbats */ @font-face { font-family:"Zapf Dingbats"; src : url("../font/ZapfDingbats.ttf"); } /* 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:National, sans-serif; /* font-size:150%; for testing */ /* max-width: 33em; for testing */ margin:0 auto; -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.25; 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.25; 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; } hr { height:.01em; background-color:#000; margin-bottom:1em; } blockquote { margin:1em 1.5em; } /* colors */ .slate { color:#475a6c; /* slate */ } .ocean { color:#006d91; /* ocean */ } .pine { color:#445f3e; /* pine */ } .teal { color:#1e9288; /* teal */ } .gold { color:#b8872b; /* gold */ } .purple { color:#6a6076; /* purple */ } .mauve { color:#8f8395; } .dkgreen { color:#3f4b48; /* dkgreen */ } .pink { color:#d96967; /* pink */ } .brown { color:#9a6431; /* brown */ } .mauve { color:#954864; /* mauve */ } .seafoam { color: #309389; /* seafoam */ } .tan { color: #B88635; } .gray { color: #3F4C48; } .salmon-bg { background-color:#EEC4B5; padding:4%; } .sage-bg { background-color: #94B593; padding:10%; } .seafoam-bg { background-color:#CBDEDB; padding:2%; } .mauve-bg { background-color:#C5BFC8; padding:2%; } .brown-bg { background-color:#D9C4AF; padding:2%; } .ocean-bg { background-color:#AFC4D4; padding:2%; } .gold-bg { background-color:#E9D8BE; padding:2%; } .pink-bg { background-color:#F1CDC6; padding:2%; } .pine-bg { background-color:#B7BCB0; padding:2%; } .gray-bg { background-color:#CBCED5; padding:2%; } .slate-bg { background-color:#AFC4D4; padding:2%; } .tan-bg { background-color:#D7BB8B; padding:2%; } .purple-bg { background-color:#C5BFC8; padding:2%; } /* images */ img { min-width:100%; width:100%; height:auto; max-height:100%; page-break-inside:avoid; } .figure { max-width:100%; max-height:100%; page-break-inside:avoid; margin:0 auto; } .fullpage, .full { width:100%; height:auto; } .third-right { width:31%; padding-left:2%; height:auto; float:right; } .full-top { width:100%; margin-bottom:1em; } .full-bottom { width:100%; padding-top:1em; clear:both; } .full-both { width:100%; margin-top:1em; margin-bottom:1em; } .half-right { width:49%; padding-left:2%; float:right; margin-top:1em; } .landscape { /* div*/ display:table; width:100%; height:100vh; vertical-align:middle; } .landscape-inner { /* figure */ display: table-cell; text-align: center; vertical-align: middle; padding-bottom:4em; } .caption { /* p */ font-size:.9em; line-height:1.2; text-align:right; width:85%; margin-left:15%; } /* links */ a { text-decoration:underline; color:inherit; } /* frontmatter */ .EVE_title { /* h1 */ font-family:"Trade Gothic LT Std Cn", sans-serif; font-weight:bold; font-size:2em; line-height:1.2; text-transform:uppercase; } .firstpara-leadin { /* span */ font-size:0.917em; font-weight:bold; text-transform:uppercase; color:#D5656F; /* coral */ } .intro-body { font-size:0.813em; font-weight:300; } /* openers */ .part-opener-text { color:#ffffff; font-family:Sentinel, serif; font-size:1.3em; font-weight:300; text-align:center; } .chap-opener-text { color:#ffffff; font-family:Sentinel, serif; font-size:1.25em; text-align:center; } .chap-title { color:#ffffff; font-family:"Trade Gothic LT Std Cn", sans-serif; font-weight:bold; font-size:3.5em; text-align:center; text-transform:uppercase; } .chap-opener-caption { margin-top:1.5em; margin-left:50%; text-align:right; font-family:National, sans-serif; font-size:0.667em; font-weight:600; max-width:50%; } /* calendars */ .calendar-block { /* div */ display:inline-block; width:6.5em; height:6.2em; padding:.5em 8px 0 8px; border:1px solid #000; margin-top:.25em; vertical-align:top; } .calendar-block p { text-align:center; } .calendar-hed { /* h2 */ font-family:Sentinel, serif; font-size:0.7em; text-transform:uppercase; font-weight:600; letter-spacing:.1em; margin-bottom:.25em; } .this-month { font-family:National, sans-serif; font-weight:bold; font-size:110%; border-left:1px solid #000; padding-left: .6em; margin-left:.5em; } span.page-ref { font-size:0.7em; font-weight:600; } .calendar-text { font-size:0.75em; font-weight:300; } .calendar-text-bold { font-size:0.75em; font-weight:600; } .calendar-bold { /* span */ font-weight:600; } .holiday, .calendar-category { font-size:0.6em; font-weight:900; text-transform:uppercase; } .calendar-note { font-weight:300; font-size:0.625em; margin-top:1em; } .note-leadin { font-weight:900; text-transform:uppercase; padding-right:.5em; } /* body */ .category { font-size:0.833em; font-weight:900; text-transform:uppercase; } .partial-border { margin-top:1em; } .partial-border:before { content: ""; display:block; width: 20%; border-bottom: 1px solid #000; margin-bottom:.5em; } .ahed { /* h2 */ font-size:2em; font-weight:bold; text-transform:uppercase; line-height:1; margin:.15em 0; } .text { font-family:Sentinel, serif; font-size:0.771em; font-weight:300; margin-bottom:.5em; } .listnum { font-weight:bold; } .sidebar { background-color:#F1CBC9; padding:4%; } .sidebar-dek { font-family:Sentinel, serif; font-size:0.813em; margin-bottom:.5em; font-weight:500; } .sidebar-list-leadin { font-weight:600; } .sidebar-num-list { list-style-type:none; margin:0; } .sidebar-num-list li { font-family:Sentinel, serif; font-size:1.128em; font-weight:300; font-size:0.813em; line-height:1.205; margin-bottom:.5em; } p.ParaOverride-9 { margin-bottom:6px; } p.ParaOverride-10 { margin-bottom:6px; margin-top:2px; } .sidebar-title { /* h2 */ font-family:Sentinel, serif; font-size:1.167em; font-weight:900; text-transform:uppercase; } .sidebar-title-sans { /* h2 */ font-size:1.33em; font-weight:bold; text-transform:uppercase; line-height:1; margin-top:.3em; } .square-list { /* ul */ list-style-type: square; padding-left:1em; margin:0; } p.sans-text { font-size:0.813em; font-weight:300; margin-top:.5em; margin-bottom:.5em; } li.sans-text { font-size:0.813em; font-weight:300; margin-top:.25em; margin-bottom:.25em; } .list-subhed { /* p */ font-size:0.813em; font-weight:500; margin:1em 0 .25em 0; } .martha-must { border-top:1px solid #6d6e71; margin-top:1em; padding-top:.5em; padding-left:10%; padding-right:10%; } .martha-must * { text-align:center; color:#6d6e71; } .martha-must-hed { font-size:1em; letter-spacing:.1em; font-weight:900; line-height:1.567; text-transform:uppercase; } .martha-must-text { font-family:Sentinel, serif; font-size:0.933em; font-weight:300; line-height:1.2; } .box { background-color: #EEE0CE; padding:4%; margin-top:1em; } .box * { text-align:center; } .gray-box { background-color: #CBCED5; padding:4%; } .box-title { font-family:Sentinel, serif; font-size:0.75em; font-weight:600; text-transform:uppercase; } .serif-text-leadin { font-weight:600; text-transform:uppercase; padding-right:.25em; } .list-num { font-weight:600; } .reminders-hed { color:#6d6e71; font-size:0.833em; font-weight:900; text-transform:uppercase; letter-spacing:.1em; } .gentle-reminders { width:80%; } .Gentle-Reminder-Body { color:#6d6e71; /* color:#981d38; */ font-family:Sentinel, serif; font-size:0.833em; font-weight:300; margin:.5em 0; } .serif-text { font-family:Sentinel, serif; font-size:0.833em; font-weight:300; margin:.5em 0; } .EVE_dek { /* p */ font-size:0.833em; font-weight:600; line-height:1.25; margin-bottom:.75em; margin-right:20%; } .list-heading { font-size:0.917em; font-weight:bold; text-transform:uppercase; color:#D5656F; /* coral */ margin-top:1em; } .list-leadin { font-weight:600; } p.EVE_body, li.EVE_body { font-size:0.813em; font-weight:300; line-height:1.205; } .list-hed { /* h3 */ font-weight:bold; text-transform:uppercase; font-size:.9em; margin-top:.75em; } .chap-opener { padding:5%; border:1px solid #000; } .chap-title { font-family:"Trade Gothic LT Std Cn", sans-serif; font-size:4.5em; font-weight:bold; text-align:center; color:#000; } .OYL_Part2_OpenerDek { /* p */ font-family:Sentinel, serif; font-size:1.833em; font-weight:300; font-size:1.5em; text-align:center; } .center { text-align:center; } .EVE_dek-center { /* p */ font-size:0.833em; font-weight:600; line-height:1.25; margin-bottom:.75em; width:80%; text-align:center; margin-left:10%; } table { border-spacing:0; } th { background-color:#D7BB8B; padding:1%; border-left:2px solid #fff; } .table-hed { font-family:"Trade Gothic LT Std Cn", sans-serif; font-weight:bold; text-align:center; color:#ffffff; font-size:0.916em; text-transform:uppercase; margin-top:.15em; } td { border-left:1px solid #000; border-bottom:1px solid #000; } td.right-col { border-left:none; width:25%; } td p { font-family:Sentinel, serif; font-size:0.75em; text-align:center; padding:.5em 1em; } td.right-col p { font-weight:bold; } .checklist-hed { background-color:#929AA5; padding:.3em 1em .2em; font-family:"Trade Gothic LT Std Cn", sans-serif; font-weight:bold; color:#ffffff; font-size:0.916em; text-transform:uppercase; margin-top:.4em; } .checklist-hed-pine { background-color:#919B89; padding:.3em 1em .2em; font-family:"Trade Gothic LT Std Cn", sans-serif; font-weight:bold; color:#ffffff; font-size:0.916em; text-transform:uppercase; margin-top:.4em; } .checklist-item { /* p */ text-indent:-1.2em; margin:.3em 0 .3em 2em; font-family:Sentinel, serif; font-size:0.8em; } .open-box { /* span */ font-size:1.6em; padding-right:.2em; vertical-align:-.1em; } .sans-text .open-box { font-size:1em; padding-right:.7em; } .list-subhed { font-size:0.8em; line-height:1.205; font-weight:bold; text-transform:uppercase; margin-top:.75em; } .tip-hed { font-size:0.625em; font-weight:bold; line-height:1.567; text-transform:uppercase; } .hanging { margin-left:1.5em; text-indent:-1.5em; } .bullet { list-style-type:disc; padding-left:1em; margin-top:.25em; margin-bottom:.5em; } .bullet-list-hed { font-family:Sentinel, serif; font-weight:bold; line-height:1.2; } span.if-you-have { font-size:0.75em; } .bullet li { font-family:Sentinel, serif; font-size:0.708em; margin-bottom:.2em; } .sidebar-list-hed { font-family:Sentinel, serif; font-size:0.833em; font-weight:500; margin-top:1em; } .sans-text-no-space { font-size: 0.813em; font-weight: 300; margin:0; } .list-subhed3 { /* p */ font-size:0.813em; font-weight:500; text-transform:uppercase; margin:1em 0 0 0; } .list-subhed4 { /* p */ font-size:0.813em; font-weight:500; margin:1em 0 0 0; } .MatterTitle { color:#808285; font-family:"Trade Gothic LT Std Cn", sans-serif; font-size:4em; font-weight:bold; text-align:center; } /* index */ .acks-hed { font-family:"Trade Gothic LT Std Cn", sans-serif; font-weight:bold; line-height:1.119; text-transform:uppercase; text-align:center; font-size:2.095em; margin-bottom:.3em; } .acks-subhed { font-family:"Trade Gothic LT Std Cn", sans-serif; font-size:0.875em; font-weight:bold; line-height:1.119; text-transform:uppercase; text-align:center; margin-bottom:.3em; } .credits { font-family:National, sans-serif; font-size:0.7em; font-weight:300; margin-bottom:.4em; line-height:1.2; } .credits .leadin { text-transform:uppercase; font-size:.9em; font-weight:bold; } .text .leadin { font-weight:600; } /* character styles */ .italic, .ital, em, i { font-style:italic; } em.reverse { font-style:normal; } .reg-mark { font-size:0.417em; } .leadin { font-weight:500; } b, strong, .bold { font-weight:bold; } .allcaps { text-transform:uppercase; } span.dimens-x { padding:0 1px; } .fraction { padding-left:.1em; } .num { font-size:.7em; vertical-align:super; } .virgule { padding-left:-.3em; } .denom { font-size:.7em; } /* layout helpers */ .extra-space-above { padding-top:1.5em; } .margin-above { margin-top:.75em; } .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; } .hidden { display:none; } .separator { border-top:1px solid #000; padding-top:1em; margin-top:1em; } div { page-break-inside: avoid; }