/* DIDOT */ @font-face { font-family: "Didot"; font-style: italic; font-weight: normal; src: url(../fonts/DidotLTStd-Italic.otf); } @font-face { font-family: "Didot"; font-style: normal; font-weight: normal; src: url(../fonts/DidotLTStd-Roman.otf); } /* MUSEO SANS */ @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 100; src: url(../fonts/MuseoSans_100_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 100; src: url(../fonts/MuseoSans_100.otf); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 300; src: url(../fonts/MuseoSans_300_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 300; src: url(../fonts/MuseoSans_300.otf); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: normal; src: url(../fonts/MuseoSans_300_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: normal; src: url(../fonts/MuseoSans_300.otf); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 500; src: url(../fonts/MuseoSans_500_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 500; src: url(../fonts/MuseoSans_500.otf); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 700; src: url(../fonts/MuseoSans_700_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 700; src: url(../fonts/MuseoSans_700.otf); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: bold; src: url(../fonts/MuseoSans_700_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: bold; src: url(../fonts/MuseoSans_700.otf); } @font-face { font-family: "Museo Sans"; font-style: italic; font-weight: 900; src: url(../fonts/MuseoSans_900_Italic.otf); } @font-face { font-family: "Museo Sans"; font-style: normal; font-weight: 900; src: url(../fonts/MuseoSans_900.otf); } /* ---- IMAGES ---- */ img.image { width: 100%; max-height: 100%; page-break-inside: avoid; text-align: center; } .full_width_image { page-break-before: always; width: 100%; max-height: 100%; text-align: center; margin: 0.25em 0; } .full_width_image0 { width: 100%; max-height: 100%; text-align: center; margin: 0; } .full_width_image0a { width: 100%; max-height: 100%; text-align: center; margin: 0; page-break-after: always; } .full_width_image1 { width: 100%; max-height: 100%; text-align: center; margin: 0.25em 0 1.5em 0; } .wordImage { width: 100%; max-height: 100%; text-align: center; margin-bottom: 4.5em; } .introductionImage { width: 75%; margin-left: 25%; } div.fullpageimage { page-break-after: always; width: 100%; max-height: 100%; text-align: center; margin: 0.25em 0; } div.partimage { text-align: center; padding-top: 0.25em; margin-bottom: 0.25em; } div.sectionimage { page-break-before: always; text-align: center; margin: 0.25em 0; page-break-after: always; } div.sectionimagef { text-align: center; padding-top: 0.25em; margin-bottom: 0.25em; page-break-after: always; } .recipeImage { margin: 0.5em 10% 0 10%; padding: 0; page-break-after: always; } .float_left { display: inline-block; max-width: 100%; width: 45%; margin: 0.5em 0 0.5em 0; padding-right: 1em; float: left; clear: left; } .float_right { display: inline-block; max-width: 100%; width: 45%; margin: 0.5em 0 0.5em 0; padding-left: 1em; float: right; clear: left; } span.inline_image { height: 1em; margin: 0 0.2em 0 0; } .clear_float { clear: both; } /* ---- ADDITIONAL STYLES and OVERRIDES ---- */ a.wlink { text-decoration: none; color: #fff; -webkit-text-fill-color: #fff; } .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 #999; border-top: 2px solid #999; width: 100%; } div.nav-nobreak { margin: 1em 0 1em 0; page-break-inside: avoid; border-bottom: 2px solid #999; border-top: 2px solid #999; width: 100%; } a.index_link { text-decoration: none; color: #333; } p.nav-bar { margin: 0.1em; padding: 0.4em; line-height: 1.5em; text-align: center; } span.letter-block { width: 1em; text-align: center; margin: 0 0.15em; color: #999; display: inline-block; } .indexdiv { font-family: "Didot", serif; font-size: 3.2em; line-height: 0.9em; margin-top: 1em; } p.h2 { display: inline; font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 1.4em; line-height: 1.8em; border-bottom: 1px solid #da86b3; } p.h2a { display: inline; font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 1.4em; line-height: 1.8em; margin-top: 0.5em; border-bottom: 1px solid #da86b3; } p.h3 { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 1.4em; line-height: 1.8em; } span.h3Underline { border-bottom: 1px solid #da86b3; padding-bottom: 0.1em; color: #da86b3; } p.bmp { font-family: "Didot", serif; font-size: 0.8em; line-height: 1.5em; margin-top: 1.5em; } p.bmt { font-family: "Didot", serif; font-size: 4em; line-height: 1em; } p.cc { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; margin-top: 0.35em; } div.copyrightBackground { background-color: #fdeef4; padding: 5%; } p.crt { font-family: "Museo Sans", sans-serif; font-size: 0.8em; line-height: 1.4em; text-align: center; } p.crtf { font-family: "Museo Sans", sans-serif; font-size: 0.8em; line-height: 1.4em; margin-top: 1.5em; text-align: center; } p.ded { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; text-align: center; margin-top: 1em; } div.contributorsBackground { background-color: #f8ecf3; padding: 5%; } div.indexBackground { background-color: #f7ecf2; padding: 5%; } p.p { font-family: "Didot", serif; font-size: 0.8em; line-height: 1.5em; margin-top: 1.5em; } p.pf { font-family: "Didot", serif; font-size: 0.8em; line-height: 1.5em; margin-top: 1.5em; } p.pl { font-family: "Didot", serif; font-size: 0.8em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } p.rt { page-break-before: always; font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 2em; line-height: 0.9em; } p.rst { font-family: "Museo Sans", sans-serif; font-weight: 500; font-size: 1em; line-height: 1.2em; } p.ratt { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.9em; font-style: italic; line-height: 1.5em; } p.rhnf { font-family: "Didot", serif; font-size: 0.8em; line-height: 1.4em; margin-top: 1.5em; } p.ry_pink { display: inline-block; color: #da86b3; font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.4em; margin-top: 1.5em; padding-bottom: 0.15em; border-bottom: 1px solid #da86b3; } p.ry_blue { display: inline-block; color: #7cc6f2; font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.4em; margin-top: 1.5em; padding-bottom: 0.15em; border-bottom: 1px solid #7cc6f2; } p.ry_purple { display: inline-block; color: #a168a7; font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.4em; margin-top: 1.5em; padding-bottom: 0.15em; border-bottom: 1px solid #a168a7; } p.rilf { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.5em; margin-top: 1.5em; margin-left: 5%; text-indent: -5%; } p.ril { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.5em; margin-left: 5%; text-indent: -5%; } p.rilhf { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.5em; margin-top: 1.5em; } p.rilh { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.5em; margin-top: 1.5em; } p.rils { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.3em; margin-top: 1.5em; margin-left: 5%; text-indent: -5%; } p.rpf { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; margin-top: 2.5em; } p.rp { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; margin-top: 1em; } p.srt { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 1em; line-height: 1em; margin-top: 2.5em; } p.srilf { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.5em; margin-top: 1.5em; margin-left: 5%; text-indent: -5%; } p.sril { font-family: "Museo Sans", sans-serif; font-size: 0.8em; font-weight: 500; line-height: 1.5em; margin-left: 5%; text-indent: -5%; } p.srpf { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; margin-top: 1.5em; } p.srp { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; margin-top: 1em; } p.stit { font-family: "Museo Sans", sans-serif; font-size: 0.8em; line-height: 1.5em; margin-left: 15%; margin-top: 1.5em; } p.tip { font-family: "Museo Sans", sans-serif; font-weight: 300; font-size: 0.8em; line-height: 1.4em; margin-top: 1.5em; } p.toc { font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 1.7em; line-height: 1.3em; } p.toc1 { font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 1.7em; line-height: 1.3em; margin-top: 2em; } p.tocbm { font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 1.7em; line-height: 1.3em; } p.tocbm1 { font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 1.7em; line-height: 1.3em; margin-top: 2em; } p.contributors { color: #da86b3; font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 1.7em; line-height: 1.3em; margin-top: 1.5em; } p.tocfm { font-family: "Museo Sans", sans-serif; font-weight: 100; font-size: 1.7em; line-height: 1.3em; } span.rph { font-family: "Museo Sans", sans-serif; font-weight: 500; } span.hemb { color: #da86b3; font-family: "Museo Sans", sans-serif; font-weight: 500; } span.tiph { color: #da86b3; font-weight: 500; } span.bmBullet { color: #da86b3; font-size: 0.8em; } span.fmBlackBullet { color: #333; font-size: 0.8em; } span.colorBlue { color: #7cc6f2; -webkit-text-fill-color: #7cc6f2; } span.colorPink { color: #da86b3; -webkit-text-fill-color: #da86b3; } span.crtColorPink { color: #da86b3; -webkit-text-fill-color: #da86b3; font-weight: bold; font-size: 0.8em; } span.colorPurple { color: #a168a7; -webkit-text-fill-color: #a168a7; }