/*----------FONTS FOR ZE MIGHTY MIGHTY SALADS----------*? /* FRANKLIN GOTHIC */ @font-face { font-family: "FranklinGothic"; font-style: normal; font-weight: normal; src : url("../fonts/FranklinGothic-Book.otf"); } @font-face { font-family: "FranklinGothic"; font-style: italic; font-weight: normal; src : url("../fonts/FranklinGothic-BookIt.otf"); } @font-face { font-family: "FranklinGothic"; font-style: normal; font-weight: 400; src : url("../fonts/FranklinGothic-Med.otf"); } @font-face { font-family: "FranklinGothic"; font-style: italic; font-weight: 400; src : url("../fonts/FranklinGothic-MedIt.otf"); } @font-face { font-family: "FranklinGothic"; font-style: normal; font-weight: bold; src : url("../fonts/FranklinGothic-Hvy.otf"); } @font-face { font-family: "FranklinGothic"; font-style: italic; font-weight: bold; src : url("../fonts/FranklinGothic-HvyIt.otf"); } @font-face { font-family: "FranklinGothic"; font-style: normal; font-weight: 600; src : url("../fonts/FranklinGothic-Demi.otf"); } @font-face { font-family: "FranklinGothic"; font-style: italic; font-weight: 600; src : url("../fonts/FranklinGothic-DemiIt.otf"); } /* GARAMOND */ @font-face { font-family: "Garamond"; font-style: normal; font-weight: normal; src : url("../fonts/GaramondClassic-Regular.otf"); } @font-face { font-family: "Garamond"; font-style: italic; font-weight: normal; src : url("../fonts/GaramondClassic-Italic.otf"); } @font-face { font-family: "Garamond"; font-style: normal; font-weight: bold; src : url("../fonts/GaramondClassic-Bold.otf"); } @font-face { font-family: "Garamond"; font-style: italic; font-weight: bold; src : url("../fonts/GaramondClassic-BoldItalic.otf"); } @font-face { font-family: "Garamond"; font-style: normal; font-weight: 900; src : url("../fonts/GaramondClassic-Heavy.otf"); } /* ---- IMAGES ---- */ img.image { width:100%; page-break-inside:avoid; text-align:center; } .full_width_image { page-break-before:always; width:100%; text-align: center; margin:.25em 0; } .full_width_image0 { width:100%; text-align: center; margin:.25em 0; } div.fullpageimage { page-break-after: always; width:100%; text-align: center; margin:.25em 0; } div.partimage { text-align: center; padding-top: .25em; margin-bottom: .25em; } div.sectionimage { page-break-before: always; text-align: center; margin:.25em 0; page-break-after:always; } div.sectionimagef { text-align: center; padding-top: .25em; margin-bottom: .25em; page-break-after:always; } .recipeImage { width:80%; margin:0 10%; padding:0; page-break-after:always; } .float_left { width:45%; margin:.5em 5% .5em 0; padding:0; float:left; } .float_right { width:45%; margin:.5em 0 .5em 5%; padding:0; float:right; } span.inline_image { display:inline-block; width:1.5em; margin:0 .2em 0 0; } .clear_float { clear:both; } /* ---- ADDITIONAL STYLES and OVERRIDES ---- */ a.wlink { text-decoration:none; color:#ffffff; -webkit-text-fill-color:#ffffff; } .normal { font-style:normal; } p { text-align:left; margin-bottom:0; } /* ----- NAV BARS ----- */ div.nav { margin:1em 0; page-break-inside:avoid; page-break-before:always; border-bottom: 2px solid #999999; border-top: 2px solid #999999; width:100%; } div.nav-nobreak { margin:1em 0 1em 0; page-break-inside:avoid; border-bottom: 2px solid #999999; border-top: 2px solid #999999; width:100%; } a.index_link { text-decoration:none; color:#333333; } p.nav-bar { margin:.1em; padding:.4em; line-height:1.5em; text-align:center; } span.letter-block { width:1em; text-align:center; margin:0 .15em; color:#999999; display:inline-block; font-family:"Garamond", serif; } .indexdiv { color:#797278; font-family:"FrankinGothic", sans-serif; font-weight:600; font-size:1.0em; line-height:1.2em; margin:1em 0 .5em 0; } p.name { color:#414042; font-family:"FranklinGothic", sans-serif; font-size:0.8em; font-weight:300; line-height:1.2em; letter-spacing:.03em; margin-top:2.0em; } p.CT { color:#d1d3d4; font-family:"Garamond", serif; font-size:2em; font-weight:bold; line-height:1.2em; text-align:center; } p.FMH { color:#414042; font-family:"Garamond", serif; font-size:1.4em; line-height:1.1em; } p.H2 { color:#635b61; font-family:"FranklinGothic", sans-serif; font-weight:bold; font-size:0.8em; line-height:1.2em; margin-bottom:.25em; margin-top:1.5em; letter-spacing:.05em; } p.HNF { color:#635b61; font-family:"Garamond", serif; font-size:.9em; line-height:1.5em; } p.HN { color:#635b61; font-family:"Garamond", serif; font-size:0.9em; line-height:1.5em; text-indent:1.5em; } div.ingredients { margin:2.5em 0; } p.IH { color:#414042; font-family:"Garamond", serif; font-size:0.85em; font-weight:bold; line-height:1.2em; margin-top:2.5em; } p.IL { color:#414042; font-family:"FranklinGothic", sans-serif; font-size:0.65em; line-height:1.4em; margin-top:.75em; } p.IL1 { color:#414042; font-family:"FranklinGothic", sans-serif; font-size:0.65em; line-height:1.4em; margin-top:1.5em; } p.main { color:#414042; font-family:"Garamond", serif; font-size:0.6em; line-height:1.3em; } p.sub { color:#414042; font-family:"Garamond", serif; font-size:0.6em; line-height:1.3em; margin-left:18px; text-indent:-9px; } p.RT { page-break-before:always; color:#414042; font-family:"Garamond", serif; font-size:1.4em; line-height:1.0em; margin-bottom:.5em; } p.RT0 { color:#414042; font-family:"Garamond", serif; font-size:1.4em; line-height:1.0em; margin-bottom:.5em; } p.RT1 { color:#414042; font-family:"Garamond", serif; font-size:1.4em; line-height:1.0em; margin-top:2.5em; margin-bottom:.5em; } p.RX { color:#414042; font-family:"Garamond", serif; font-size:0.9em; line-height:1.5em; margin-top:.75em; } p.RY { color:#333132; font-family:"Garamond", serif; font-size:0.77em; line-height:1.1em; margin-bottom:2.0em; } p.FOR { color:#333132; font-family:"FranklinGothic", sans-serif; font-size:0.75em; line-height:1.1em; margin-bottom:.5em; letter-spacing:.03em; } p.SBH { color:#635b61; font-family:"FranklinGothic", sans-serif; font-weight:600; font-size:0.85em; line-height:1.2em; letter-spacing:.05em; margin-top:2.0em; } div.littleLine { display:block; width:15%; border-bottom:1px solid #635b61; margin:.75em 0; } div.littleLine1 { display:block; width:15%; border-bottom:1px solid #635b61; margin:.75em 0 2.0em 0; } p.SBX { color:#414042; font-family:"FranklinGothic", sans-serif; font-size:0.7em; font-weight:300; line-height:1.5em; margin-top:.5em; } span.numbering { color:#807a80; font-family:"Garamond", serif; font-size:0.9em; font-weight:bold; } p.TOC0 { color:#414042; font-family:"FranklinGothic", sans-serif; font-size:0.8em; font-weight:300; line-height:1.2em; margin-top:3.0em; } p.TOC1 { color:#414042; font-family:"FranklinGothic", sans-serif; font-weight:500; font-size:0.8em; line-height:1.2em; letter-spacing:.05em; margin-top:3.0em; text-transform:uppercase; } p.TOC2 { color:#414042; font-family:"Garamond", serif; font-size:0.87em; line-height:1.3em; margin-bottom:.35em; } p.TX { color:#414042; font-family:"Garamond", serif; font-size:0.9em; line-height:1.5em; margin-top:.75em; } p.TXF { color:#414042; font-family:"Garamond", serif; font-size:0.9em; line-height:1.5em; margin-top:3.0em; } p.group { -epub-line-break:normal; color:#797278; font-family:"FranklinGothic", sans-serif; font-weight:bold; font-size:0.7em; line-height:1.5em; margin-top:3px; page-break-after:avoid; text-transform:uppercase; } span._ { color:#80797f; font-family:"Garamond", serif; font-size:1em; } span.genius-tip { /* font-weight:bold;*/ } div.greenBackground { page-break-before:always; background-color:#d3dddc; border:2px solid #d3dddc; padding:5%; } div.fmGreenBackground { background-color:#d3dddc; padding:8%; } p.crt { color:#414042; font-family:"Garamond", serif; font-size:0.9em; line-height:1.5em; } p.crtf { color:#414042; font-family:"Garamond", serif; font-size:0.9em; line-height:1.5em; margin-top:1.75em; }