/* --------------------------------------------------------- Better Homes and Gardens Kitchen & Bath Renovation Guide Design Sample Format: EPUB3, KF8 Last modified: July 21, 2014 Modified by: Rebecca Springer, rebecca.springer@hmhco.com */ @font-face { font-family:"FreightMicro Pro Book"; font-style:normal; font-weight:normal; src : url("../font/FreightMicroProBook-Regular.otf"); } @font-face { font-family:"FreightText Pro Semibold"; font-style:normal; font-weight:500; src : url("../font/FreightTextProSemibold.otf"); } @font-face { font-family:"FreightMicro Pro Light"; font-style:normal; font-weight:300; src : url("../font/FreightMicroProLight-Regular.otf"); } @font-face { font-family:"FreightMicro Pro Medium"; font-style:normal; font-weight:500; src : url("../font/FreightMicroProMedium-Regular.otf"); } @font-face { font-family:"FreightText Pro Book"; font-style:normal; font-weight:normal; src : url("../font/FreightTextProBook-Regular.otf"); } @font-face { font-family:"Source Sans Pro Extra Light"; font-style:normal; font-weight:200; src : url("../font/SourceSansPro-ExtraLight.otf"); } @font-face { font-family:"Source Sans Pro Extra Light"; font-style:italic; font-weight:200; src : url("../font/SourceSansPro-ExtraLightIt.otf"); } @font-face { font-family:"Source Sans Pro Light"; font-style:normal; font-weight:300; src : url("../font/SourceSansPro-Light.otf"); } @font-face { font-family:"Source Sans Pro Light"; font-style:italic; font-weight:300; src : url("../font/SourceSansPro-LightIt.otf"); } @font-face { font-family:"Source Sans Pro"; font-style:normal; font-weight:400; src : url("../font/SourceSansPro-Regular.otf"); } @font-face { font-family:"Source Sans Pro"; font-style:italic; font-weight:400; src : url("../font/SourceSansPro-It.otf"); } @font-face { font-family:"Source Sans Pro Semibold"; font-style:normal; font-weight:500; src : url("../font/SourceSansPro-Semibold.otf"); } @font-face { font-family:"Source Sans Pro Semibold"; font-style:italic; font-weight:500; src : url("../font/SourceSansPro-SemiboldIt.otf"); } @font-face { font-family:"Source Sans Pro Bold"; font-style:normal; font-weight:600; src : url("../font/SourceSansPro-Bold.otf"); } @font-face { font-family:"Source Sans Pro Bold"; font-style:italic; font-weight:600; src : url("../font/SourceSansPro-BoldIt.otf"); } @font-face { font-family:"Source Sans Pro Black"; font-style:normal; font-weight:800; src : url("../font/SourceSansPro-Black.otf"); } @font-face { font-family:"Source Sans Pro Black"; font-style:italic; font-weight:800; src : url("../font/SourceSansPro-BlackIt.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:105%; } body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote { 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; } table { width:100%; page-break-inside:avoid; border:0; padding-top:1em; } tr { vertical-align:top; page-break-inside:avoid; } td { page-break-inside:avoid; } h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid; } p, ul.bullet-list { font-size:1em; line-height:1.3; widows:2; orphans:2; font-family:"FreightText Pro Book", serif; font-weight:300; } li, p.caption, p.sidebar-text { font-size:.85em; line-height:1.25; widows:2; orphans:2; } ul.bullet-list { margin-left:1em; } li.text-list-item { font-size:1em; } ol { -adobe-text-layout:optimizeSpeed; /* to fix NookColor and Kobo bug */ } sup { font-size:80%; vertical-align: super; } hr { margin-top:1em; } em, .ital, .italic { font-style:italic; } strong { font-weight:500; } a { text-decoration:underline; } a:link { color:#A61A6F; /*fuschia*/ -webkit-text-fill-color:#A61A6F; /*fuschia*/ } a:visited { color:#A61A6F; /*fuschia*/ -webkit-text-fill-color:#A61A6F; /*fuschia*/ } a.white:link { text-decoration:underline; color:#fff; -webkit-text-fill-color:#fff; } a.white:visited { text-decoration:underline; color:#fff; -webkit-text-fill-color:#fff; } a.black:link { text-decoration:underline; color:#000; -webkit-text-fill-color:#000; } a.black:visited { text-decoration:underline; color:#000; -webkit-text-fill-color:#000; } /*-- Colors --*/ .lime-bg { background-color:#A4BA28; /*lime*/ } .gray-bg { background-color:#5F6C72; /*gray*/ } .fuschia-bg { background-color:#A61F56; /*fuschia*/ } .bronze-bg { background-color:#C59331; /*bronze*/ } .brick-bg { background-color:#C37A54; /*brick*/ } .teal-bg { background-color:#498185; /*teal*/ } .emerald-bg { background-color:#568F40; /*emerald*/ } .blue-bg { background-color:#0082BE; /*royal blue*/ } .white { color:#fff; } .black { color:#000; } .lime { color:#A4BA28; /*lime*/ } .gray { color:#5F6C72; /*gray*/ } .fuschia { color:#A61F56; /*fuschia*/ } .bronze { color:#C59331; /*bronze*/ } .brick { color:#C37A54; /*brick*/ } .teal { color:#498185; /*teal*/ } .emerald { color:#568F40; /*emerald*/ } .blue { color:#0082BE; /*royal blue*/ } /*-- Images and Geometry --*/ img { width:100%; vertical-align:bottom; } .full-width-image { width:100%; margin:0 auto 0 auto; text-align:center; } .full-width-image img, td.half-right img, td.half-left img { margin-bottom:.25em; } .float-left-half { width:49%; padding-right:1%; margin:0; float:left; } .float-right-half { width:49%; padding-left:1%; margin:0; float:right; } td.half-left, td.half-right { width:49%; padding-right:1%; vertical-align: top; } td.feature-image { width:66%; } td.detail-image { width:50%; } td.left-caption { vertical-align: bottom; text-align:right; } td.left-caption p, td.left-caption-top p { text-align:right; padding-right:.25em; max-width:14em; } .narrower { width:70%; margin-left:30%; } td.left-caption-top { vertical-align: top; width:33.5% } td.right-caption { vertical-align: bottom; width:49.5%; } td.right-caption p { padding-left:.25em; max-width:14em; } .float-left-quarter { float:left; width:25%; padding-right:1%; margin-top:.25em; } /* ---- p161 ---- */ .not-too-wide { max-width:30em; } div.three-up { margin-top:1em; } div.col1of3 { width:32%; float:left; padding-right:1%; } div.col2of3 { width:32.7%; float:left; padding-right:1%; } div.col3of3 { width:30.8%; float:left; } /*-- welcome --*/ h1.welcome { color:#A61A6F; /*fuschia*/ font-family:"FreightMicro Pro Light", serif; font-size:3em; font-weight:300; line-height:1.2; } p.welcome-text { font-family:"FreightText Pro Book", serif; } /* -- chapter openers -- */ .chap-opener { padding:5% 3% 10% 3%; } div.spacer { width:30%; float:left; padding:0 0 1em 0; } div.chap-opener-image { width:31.5%; float:left; padding:0 3% 1em 0; } h1.chapter-title { color:#fff; clear:both; font-family:"Source Sans Pro Light", "Helvetica Neue", sans-serif; font-weight:300; font-size:4.5em; line-height:.9; margin:1em 0 0 30%; text-indent:-30%; } p.chap-intro { font-family:"FreightMicro Pro Book", serif; font-size:1.1em; line-height:1.25; margin:.8em 0 .8em 30%; } .cotoc-wrapper { display:table; padding-left:30%; } ul.cotoc { display:table-cell; font-family:"Source Sans Pro Light", "Helvetica Neue", sans-serif; font-weight:300; font-size:1em; line-height:1.2; list-style-type:none; width:30%; padding-right:4%; } li.cotoc-item { text-indent:-1.5em; margin-left:1.5em; } h2.cotoc-hed { font-family:"FreightMicro Pro Light", serif; font-size:1.5em; font-weight:300; line-height:1.2; text-indent:-1.5em; margin-left:1.5em; } /* -- body text --*/ h1.section-title { font-family:"Source Sans Pro Light", "Helvetica Neue", sans-serif; font-weight:300; font-size:4em; line-height:.9 !important; } h2.section-bhed { font-family:"Source Sans Pro Light", "Helvetica Neue", sans-serif; font-weight:300; font-size:1.667em; } p.caption { font-family:"Source Sans Pro", "Helvetica Neue", sans-serif; font-weight:400; } strong.caption-leadin { font-family:"Source Sans Pro Black", "Helvetica Neue", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:1px; } p.headnote { font-family:"FreightMicro Pro Book", serif; margin:.75em 0 1em 0; } strong.hn { font-size:1.286em; font-weight:normal; } ul.bullet-list { font-family:"FreightText Pro Book", serif; font-weight:300; list-style-type:disc; padding-left:1em; } ul.bullet-list li { margin-bottom:.5em; } .section-bhed { color:#C59331; /*bronze*/ font-family:"Source Sans Pro Light", "Helvetica Neue", sans-serif; font-weight:300; font-size:2em; line-height:1.2; } p.pullquote { font-family:"FreightMicro Pro Light", serif; font-size:1.5em; font-weight:300; line-height:1.15; margin:.5em 0 0 10%; text-align:right; } span.pullquote-attrib { font-family:"Source Sans Pro", "Helvetica Neue", sans-serif; font-weight:400; font-size:0.7em; } /* -- sidebar styles --*/ .sidebar { padding:4% 4% 4% 5%; border-radius:1em; page-break-inside:avoid; clear:both; } h2.sidebar-ahed { color:#fff; font-family:"Source Sans Pro Light", "Helvetica Neue", sans-serif; font-weight:300; font-size:1.667em; line-height:1.083; } h3.sidebar-bhed { color:#fff; font-family:"Source Sans Pro Bold", "Helvetica Neue", sans-serif; font-weight:600; font-size:0.9em; line-height:1.2; text-transform:uppercase; letter-spacing:1px; } .sidebar-list, .sidebar-bullet-list, p.sidebar-text { color:#fff; font-family:"Source Sans Pro", "Helvetica Neue", sans-serif; font-weight:400; } .sidebar-list { list-style-type:none; } .sidebar-bullet-list { list-style-type:disc; padding-left:1em; } li.sb-list-item { margin:1em 0; } .sidebar strong { font-family:"Source Sans Pro Bold", "Helvetica Neue", sans-serif; font-weight:600; } div.box { width:70%; margin:1em auto; border-top:solid 2px #5F6C72; border-bottom:solid 2px #5F6C72; padding:5%; page-break-inside:avoid; clear:both; } h3.box-hed { font-size:1em; line-height:1.1; color:#5F6C72; /*gray*/ font-family:"Source Sans Pro Black", "Helvetica Neue", sans-serif; font-weight:800; font-size:1.167em; } p.box-text { font-size:1em; line-height:1.2; font-family:"Source Sans Pro Semibold", "Helvetica Neue", sans-serif; font-weight:500; font-size:0.833em; } h2.box-hed { font-family:"Source Sans Pro Black", "Helvetica Neue", sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:1px; } /* running text */ h2.ahed { font-size:1em; line-height:1.2; font-family:"Source Sans Pro Semibold", "Helvetica Neue", sans-serif; font-weight:500; margin-top:1em; } h2.list-hed { font-size:1em; line-height:1.2; font-family:"Source Sans Pro Semibold", "Helvetica Neue", sans-serif; font-weight:500; margin-top:1em; text-transform:uppercase; letter-spacing:1px; } h3.list-leadin { line-height:1.226; font-family:"Source Sans Pro Black", "Helvetica Neue", sans-serif; font-weight:800; font-size:.8em; text-transform:uppercase; letter-spacing:1px; margin-top:1em; } strong.run-in { font-family:"FreightText Pro Semibold", serif; font-weight:500; } /* span.title-leadin { display:inline-block; font-size:.4em; line-height:.2; } */ /* ---- layout helpers ---- */ div.clearfix { clear:both; width:1px; height:0.001%; font-size:0; line-height:0; } p.no-top, .no-top, h2.no-top, table.no-top, td.no-top { margin-top:0; padding-top:0; } div.no-top-margin { margin-top:0; } .space-above { margin-top:1em; } .small-space-above { margin-top:.25em; } .space-below { margin-bottom:1em; } .space-right { padding-right:1em; } .no-bottom { margin-bottom:0; padding-bottom:0; } td.bottom { vertical-align: bottom; } .indent { text-indent:1.5em; } .dimens-x { padding:0 2px; font-size:0.9em; } .keep-together { page-break-inside:avoid; } .page-break-before { page-break-before:always; }