/* ================= General Styles ================= */ body { font-family: serif; margin-left: 3%; margin-right: 3%; margin-top: 0%; margin-bottom: 3%; } a { text-decoration: none; color: black; } a.toc_link { text-decoration:none; } div.cover-image { text-align: center; margin: 0; padding: 0; } img.cover-image { max-width: 100%; height: 100%; } @font-face { font-family: "Arvo-Bold_201"; src: url(../fonts/Arvo-Bold_201.ttf); } @font-face { font-family: "Arvo-Italic_201"; src: url(../fonts/Arvo-Italic_201.ttf); } @font-face { font-family: "Arvo-Regular_201"; src: url(../fonts/Arvo-Regular_201.ttf); } /* ================= FRONT MATTER ================= */ .toc_texta { font-family: "Arvo-Bold_201"; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 4em; } .toc_text { font-family: "Arvo-Bold_201"; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.2em; } .toc_list { font-family: "Arvo-Bold_201"; font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0.5em; } .toc_text1 { font-family: "Arvo-Bold_201"; font-size: 1.2em; margin-top: 1.3em; margin-bottom: 0.2em; } .toc_text_space_after { font-family: "Arvo-Bold_201"; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 1em; } .toc_text_space_before { font-family: "Arvo-Bold_201"; font-size: 1.2em; margin-top: 1em; margin-bottom: 0.2em; } .copyright { font-size: 0.85em; margin-top: 1em; margin-bottom: 0.2em; text-align: center; } .copyright_space_after { font-size: 0.85em; margin-top: 1em; margin-bottom: 0.2em; text-indent: 0em; } /* ================= BODY MATTER ================= */ h2.rep-head { font-family: "Arvo-Bold_201"; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } h2.chapter_head { font-family: "Arvo-Bold_201"; font-weight: normal; margin-top: 0.5em; margin-bottom: 1em; text-align: center; } h2.chapter_head_left { font-family: "Arvo-Bold_201"; font-weight: normal; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; } h2.chapter_head_left_atb { font-family: "Arvo-Bold_201"; font-weight: normal; margin-top: 10%; margin-bottom: 1em; text-indent: 0em; text-align: center; } .flush_left { margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; } .flush_left_space_after { margin-top: 0.2em; margin-bottom: 1em; text-indent: 0em; } .flush_left_space_before { margin-top: 1em; margin-bottom: 0.2em; text-indent: 0em; } .flush_left1 { margin-top: 1em; margin-bottom: 1em; text-indent: 0em; } .flush_left2 { margin-top: 2em; margin-bottom: 1em; text-indent: 0em; } .indented { margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 1em; } .indented_space_after { margin-top: 0.2em; margin-bottom: 1em; text-indent: 1em; } h3.toc_head { font-size: 2em; font-weight: normal; text-align: center; page-break-after: avoid; margin-top: 5%; margin-bottom: .3em; } img { max-width: 100%; } .full-height { height: 100%; max-width: 100%; } .landscape_large { margin: 1.5em auto; text-align:center; width: 100%; page-break-inside: avoid; } .landscape_large img { width: 100%; max-height: 100%; page-break-inside: avoid; border-radius: 6px; /* Optional */ } .landscape_large_chapter { margin: 1.5em auto; text-align:center; width: 100%; page-break-inside: avoid; page-break-after: always; } .landscape_large_chapter img { width: 100%; max-height: 100%; page-break-inside: avoid; border-radius: 6px; /* Optional */ } .portrait_full_caption { margin: 0em auto 0em; text-align:center; page-break-inside: avoid; page-break-before: always; max-height: 90% !important; max-height: 90vh; width: 100%; border-radius: 6px; } .portrait_full_caption img { border-radius: 6px; max-height: 100%; width: 100%; page-break-inside: avoid; } .image_caption { display: block; margin: 1em auto 0.5em auto; text-align: center; page-break-before: avoid; font-size: .75em; font-style: italic; } .image_caption1 { display: block; margin: 1em auto 0.5em auto; text-align: center; page-break-before: avoid; font-size: .75em; font-style: italic; } .pgbreak { page-break-before: always; } .right-image /* A FLOATED IMAGE */ { position: relative; float: right; text-align: right; margin: 1em; width: 30%; } .right-image img { /* FLOATED IMAGE CONTROL */ width: 100%; max-height: 100%; } .image-right { text-align: right; margin-top: .5em; margin-bottom: .5em; } .img-width { width: 20%; } /* ================= Recipe Styles ================= */ h2.recipe_header { font-family: "Arvo-Bold_201"; font-weight: normal; font-size: 1.7em; margin-top: 0.5em; margin-bottom: 1em; line-height: 1.3em; page-break-before: always; text-align: left; } .recipe_intro { font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; } .recipe_serve { font-size: 0.85em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; } .recipe_ingred { font-size: 0.85em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; } .recipe_ingred1 { font-size: 0.85em; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; } .recipe_method { font-size: 1.1em; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; } .recipe_method1 { font-size: 1.1em; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; } .recipe_method2 { font-size: 1.1em; margin-top: .5em; margin-bottom: .2em; text-indent: 0em; } .recipe_hanging { font-size: 1.1em; margin-top: .5em; margin-bottom: .5em; margin-left: .9em; text-indent: -.7em; } .footnote { margin-top: 1.5em; margin-bottom: 1em; text-indent: 0em; } .tip { font-size: 1.1em; margin-top: 2em; margin-bottom: 1em; text-indent: 0em; } .list-of-rep { font-family: "Arvo-Bold_201"; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; } .list-of-rep1 { font-family: "Arvo-Bold_201"; margin-top: 1em; margin-bottom: 0.2em; text-indent: 0em; } /* ================= colors ================= */ .blue { color: #697bac; } .blue1 { color: #3a89a2; } .blue2 { color: #11688a; } .blue3 { color: #19788c; } .blue4 { color: #374d7b; } .yellow { color: #fecf4f; } .yellow1 { color: #e5ad4b; } .yellow3 { color: #e1a132; } .yellow4 { color: #e5a524; } .yellow5 { color: #e6a341; } .yellow6 { color: #edac35; } .yellow7 { color: #dd9b4d; } .orange { color: #d67634; } .orange1 { color: #f39829; } .orange2 { color: #ce6f34; } .orange3 { color: #d64738; } .orange4 { color: #b43849; } .orange5 { color: #e5373c; } .orange6 { color: #e07b35; } .orange7 { color: #e66e33; } .orange8 { color: #d16231; } .orange9 { color: #e96341; } .orange10 { color: #d5713a; } .red { color: #d6333b; } .red1 { color: #bd3639; } .red2 { color: #dd333c; } .red3 { color: #cb383c; } .red4 { color: #e3393b; } .red5 { color: #de333c; } .red6 { color: #de5a56; } .red7 { color: #dc393f; } .brown { color: #c34a37; } .l-brown { color: #dcba71; } .brown2 { color: #883031; } .brown3 { color: #933858; } .brown4 { color: #a53843; } .brown5 { color: #6d2c2f; } .brown6 { color: #6b2a2a; } .brown7 { color: #9a4531; } .magenta { color: #b04e6d; } .magenta1 { color: #b8394d; } .magenta2 { color: #ae383c; } .magenta3 { color: #a7385d; } .magenta4 { color: #b8474e; } .magenta5 { color: #75375a; } .magenta6 { color: #c4363a; } .green { color: #6da146; } .green1 { color: #8e9d3c; } .green2 { color: #3d7247; } .green3 { color: #93a042; } .green4 { color: #b5c83f; } .green5 { color: #2e8473; } .green6 { color: #327d57; } .green7 { color: #458a49; } .green8 { color: #88a44f; } .green9 { color: #0c8f73; } .green10 { color: #337a48; } .green11 { color: #acad20; } .green12 { color: #6f7b52; } .green13 { color: #497a45; } .green14 { color: #264e4c; } .green15 { color: #497945; } .pink { color: #e83249; } .pink1 { color: #c03b7b; } .pink2 { color: #e54648; } .pink3 { color: #eb3564; } .pink4 { color: #de466a; } .pink5 { color: #e83451; } .merun { color: #c43539; } .merun2 { color: #b96549; } .merun3 { color: #8d385d; } .merun4 { color: #923a5b; } .merun5 { color: #df716b; } .merun6 { color: #a23740; } .index-main1 { font-family: "Arvo-Bold_201"; font-size: 1.1em; margin-top: 1em; margin-bottom: 0em; margin-left: 1em; text-indent: -1em; } .index-main { margin-top: 0em; margin-bottom: 0em; margin-left: 1em; text-indent: -1em; } .index-sub { margin-top: 0em; margin-bottom: 0em; margin-left: 2em; text-indent: -1em; } .index0 { color: #8ccbc2; } .index1 { color: #dea82a; } .index2 { color: #93475b; } .index3 { color: #65834d; } .index4 { color: #dc713f; } .index5 { color: #e33d5e; } .index6 { color: #669a99; } .index7 { color: #5d8948; } .index8 { color: #d088ac; } .index9 { color: #6588b6; } .index10 { color: #f8bf2c; } .index11 { color: #c7403c; } .index12 { color: #6c618c; } .index13 { color: #719343; } .index14 { color: #783743; } .index15 { color: #397a4c; } .index16 { color: #e15f72; } .index17 { color: #617d8d; } .index18 { color: #378e4c; } .index19 { color: #dea82a; } .index20 { color: #e45b95; } .index21 { color: #ca4c40; } .ack { color: #9c5787; } .bluee { color: #0b8ab3; } .brown10 { color: #824036; } .brown11 { color: #964d30; } .pink10 { color: #c0596c; } .brown12 { color: #995037; } .pink11 { color: #c6396b; } .chap-list { font-family: "Arvo-Bold_201"; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .font { font-family: "Arvo-Bold_201"; font-size: 0.8em; } .toc-color1 { color: #6a7bac; } .toc-color2 { color: #fecf50; } .toc-color3 { color: #5f7658; } .toc-color4 { color: #b43f46; } .toc-color5 { color: #417894; } .toc-color6 { color: #d85a78; } .toc-color7 { color: #a5a739; } .toc-color8 { color: #ebc179; } .toc-color9 { color: #83c7be; } .toc-color10 { color: #a14e8a; } @media amzn-kf8 { .portrait_full_caption { margin: 0em auto 0em; text-align:center; page-break-inside: avoid; page-break-before: always; height: 100%; width: 100%; border-radius: 6px; } .portrait_full_caption img { border-radius: 6px; height: 80%; max-width: 100%; page-break-inside: avoid; } }