/* =========================================================================== BESPOKE CSS (optional styles crafted specifically for this epub, delete and populate) ============================================================================ a, a:visited { color: blue; text-decoration: none; } p { text-indent: 0px; } p + p { margin-top: 0.5em; } h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { font-size: inherit; color: inherit; } h1, h2, h3, h4, h5, h6 { text-align: left; font-family: "base_font", sans-serif; } h1 { font-weight: bold; } h2 { font-weight: bold; } h3 { font-weight: bold; color: #414141; } h4 { letter-spacing: 0.03em; } h5 { font-style: italic; } h6 { font-weight: bold; } .subhead { font-weight: normal; color: #5b5b5b; } .dummy_text { color: #A4A4A4; } .footnote_chapter_header { font-weight: normal; } pre { width: 90%; margin: -0.5em 1em 0em 1em; padding: 0px; font-size: 0.9em; line-height: 1.4em; } code { padding: 0px 2px; color: #2a546e; text-indent: 0em !important; font-weight: normal; font-style: normal; font-size: 0.95em; } .tip { border: 1px solid #CCC; border-left-width: 10px; border-radius: 3px; width: 86%; margin: 1em auto 1.5em auto; padding: 7px 5px 7px 10px; font-size: 0.85em; font-family: sans-serif; clear: both; } .tip + .tip { margin-top: -1em; } .tip + h2, .tip + h3, .tip + h4 { margin-top: 2em; } table.entities { width: 55%; margin: 1.5em auto; } table.entities td { height: 2.4em; width: 30%; text-align: left; vertical-align: middle; font-size: 0.8em; border-top: 1px dotted #ccc; } table.styled_table_example tr:nth-child(odd) { background-color: #eee; } .styled_table_example th { background-color: #000; border-color: #000; color: #fff; } .styled_table_example tfoot { font-weight: bold; } figure.horizontal_table_group td:nth-child(odd) { background-color: #eee; } .horizontal_table_group th { background-color: #000; border-color: #000; color: #fff; } */ /* JI Styles */ @font-face { font-family: "Lato-Bla"; font-weight: bold; font-style: normal; src: url(../fonts/Lato-Bla.ttf); } @font-face { font-family: "Lato-Lig"; font-weight: normal; font-style: normal; src: url(../fonts/Lato-Lig.ttf); } @font-face { font-family: "Lato-Lig"; font-weight: normal; font-style: italic; src: url(../fonts/Lato-LightItalic.ttf); } @font-face { font-family: "Lato"; font-weight: normal; font-style: normal; src: url(../fonts/Lato-Reg.ttf); } @font-face { font-family: "Lato"; font-weight: normal; font-style: italic; src: url(../fonts/Lato-RegIta.ttf); } @font-face { font-family: "Caecilia-H"; font-weight: bold; font-style: normal; src: url(../fonts/CaeciliaLTStd-Heavy.otf); } @font-face { font-family: "Caecilia-H"; font-weight: bold; font-style: italic; src: url(../fonts/CaeciliaLTStd-HeavyItalic.otf); } @font-face { font-family: "Caecilia-L"; font-weight: normal; font-style: normal; src: url(../fonts/CaeciliaLTStd-Light.otf); } @font-face { font-family: "Caecilia-L"; font-weight: normal; font-style: italic; src: url(../fonts/CaeciliaLTStd-LightItalic.otf); } body { font-family: "Lato-Lig", sans-serif; } .imprint { height: 3em; vertical-align: middle; margin-left: 4em; } .t_author { font-family: "Lato-Bla"; text-indent: 0em; text-align: left; margin-left: 2em; margin-top: 1.5em; margin-bottom: 0em; color: #0e444e; } .t_title { font-family: "Lato-Bla"; text-indent: 0em; text-align: left; margin-left: 1.15em; margin-top: 0em; margin-bottom: 0em; color: #3fb8a8; font-size: 3.3em; line-height: 1em; } .t_title span { color: #0e444e; } .t_sub_title { color: #0e444e; text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 0.35em; margin-left: 2.9em; margin-bottom: 0em; } .t_r_author { text-indent: 0em; text-align: left; margin: 1em 0em 6em 3.3em; } .copy { font-family: "Lato"; } .fm_head { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 1em; margin-bottom: 0.7em; } .fm_head1 { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 1em; margin-bottom: 1.2em; } .fm_head2 { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-left: 0.3em; margin-top: 1em; margin-bottom: 1.2em; } .bm_sec3 { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 1em; margin-bottom: 0.5em; font-size: 1.2em; } .bm_head { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 1em; margin-bottom: 0.3em; } .bm_head1 { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 1em; margin-bottom: 1em; } .tips_head { text-indent: 0em; text-align: left; margin-top: 1.5em; margin-bottom: 1em; font-size: 1.3em; color: #69b63b; } .fm_sec3 { text-indent: 0em; text-align: left; margin-top: 2em; margin-bottom: 0.3em; font-size: 1.05em; } .fm_sec33 { text-indent: 0em; text-align: left; margin-top: 1em; margin-bottom: 0.5em; font-size: 1.2em; } .sec3 { text-indent: 0em; text-align: left; margin-top: 2em; margin-bottom: 0.3em; font-size: 1.05em; } .sec33 { text-indent: 0em; text-align: left; margin-top: 1em; margin-bottom: 0.5em; font-size: 1.2em; } .space_before { text-indent: 0em; margin-top: 1em; } .space_before strong { font-family: "Lato-Bla"; } .space_before2 { text-indent: 0em; margin-top: 2.5em; } .space_before2 strong { font-family: "Lato-Bla"; } .space_before1 { text-indent: 0em; margin-top: 0.5em; } .space_before1 strong { font-family: "Lato-Bla"; } .not_indented { text-indent: 0em; } .not_indented strong { font-family: "Lato-Bla"; } .indented { text-indent: 1em; } .col_or { color: #ee6300; } .col_b { color: #3abfed; } .col_g { color: #3fb8a8; } .col_g1 { color: #9dd6d5; } .col_g2 { color: #0e444e; } .col_g3 { color: #69b63b; } .col_g4 { color: #cada5e; } .fm_txt_box_g li { font-size: 0.9em; } .fm_txt_box_b { page-break-inside: avoid; width: 75%; margin: 1em auto; padding: 5px 10px 10px 10px; border: 5px solid #3abfed; } .fm_txt_box_b h5 { text-align: left; margin: 5px auto 0.3em auto; font-family: "Lato-Bla"; font-size: 0.8em; } .fm_txt_box_b h5.shop_h { text-align: left; text-indent: -4em; margin: 7px auto 0.3em 4em; font-family: "Lato-Bla"; font-size: 0.8em; line-height: 0.2em; color: #3abfed; } .fm_txt_box_b h5.shop_h span { color: black; } .fm_txt_box_b p { text-indent: 0em; text-align: left; font-size: 0.9em; } .fm_txt_box_b1 { page-break-inside: avoid; width: 75%; margin: 1em auto; padding: 5px 10px 10px 10px; border: 5px solid #3abfed; } .fm_txt_box_b1 h5 { text-align: left; margin: 7px auto 0.5em auto; font-size: 1.05em; font-weight: normal; } .fm_txt_box_b1 p { text-indent: 0em; text-align: left; font-size: 0.9em; } .fm_txt_box_g { page-break-inside: avoid; width: 75%; margin: 1em auto; padding: 5px 10px 10px 10px; border: 5px solid #3fb8a8; } .fm_txt_box_g h5 { text-align: left; margin: 7px auto 0.5em auto; font-size: 1.05em; font-weight: normal; } .fm_txt_box_g p { text-indent: 0em; text-align: left; font-size: 0.9em; } .fm_txt_box_g1 { page-break-inside: avoid; width: 75%; margin: 1em auto; padding: 5px 10px 10px 10px; border: 5px solid #3fb8a8; } .fm_txt_box_g1 h5 { text-align: left; margin: 7px auto 0.3em auto; font-family: "Lato-Bla"; font-size: 0.8em; } .fm_txt_box_g1 h5.shop_h { text-align: left; text-indent: -4em; margin: 7px auto 0.3em 4em; font-family: "Lato-Bla"; font-size: 0.8em; line-height: 0.2em; color: #5bc1c4; } .fm_txt_box_g1 h5.shop_h span { color: black; } .fm_txt_box_g1 p { text-indent: 0em; text-align: left; font-size: 0.9em; } .fm_txt_box_g2 { page-break-inside: avoid; width: 75%; margin: 1em auto; padding: 5px 10px 10px 10px; border: 5px solid #69b63b; } .fm_txt_box_g2 h5 { text-align: left; text-indent: -4.2em; margin: 7px auto 0.3em 4.2em; font-family: "Lato-Bla"; font-size: 0.8em; line-height: 0.1em; color: #69b63b; } .fm_txt_box_g2 h5 span { color: #000; } .fm_txt_box_g2 p { text-indent: 0em; text-align: left; font-size: 0.9em; } .fm_txt_box_bl { page-break-inside: avoid; width: 75%; margin: 1em auto; padding: 5px 10px 10px 10px; border: 5px solid #534a8a; } .fm_txt_box_bl h5 { text-align: left; margin: 7px auto 0.5em auto; font-family: "Lato-Bla"; font-size: 0.8em; font-weight: normal; color: #534a8a; } .fm_txt_box_bl p { text-indent: 0em; text-align: left; font-size: 0.9em; } .tip_fm3 { height: 2em; } .tip_fm { height: 2.5em; vertical-align: middle; } .tip_fm1 { height: 4em; vertical-align: middle; } .arrow { height: 0.85em; vertical-align: middle; padding-right: 4px; } .smallTable { width: 100%; margin: 1em auto; page-break-inside: avoid; vertical-align: top; text-align: left; border-collapse: separate; border-spacing: 15px; } .TCell1 { width: 25%; vertical-align: left; } .wr { height: 3.5em; vertical-align: middle; } .th_b { border-bottom: 2px solid #3abfed; color: #3abfed; font-family: "Lato-Bla"; padding-bottom: 5px; } .kcals { height: 3.5em; vertical-align: middle; padding: 0px !important; } .BLD { height: 4.5em; vertical-align: middle; padding: 0px !important; } .tb_bor { border-bottom: 1px solid #3abfed; padding-bottom: 5px !important; vertical-align: top; font-size: 1.2em; } .smallTable1 { width: 95%; margin: 0.5em 0em; page-break-inside: avoid; vertical-align: top; text-align: left; border-collapse: separate; border-spacing: 10px; } .smallTable21 { width: 95%; margin: 2.5em auto 1em auto; page-break-inside: avoid; vertical-align: top; text-align: left; border-collapse: collapse; } .smallTable2 { width: 95%; margin: 1em auto; page-break-inside: avoid; vertical-align: top; text-align: left; border-collapse: collapse; } .pink_table table { padding: 2px 5px !important; } .pink_table tr { page-break-inside: avoid; } .p_th { text-align: left; background-color: #e60066; color: #ffffff; padding: 10px; font-size: 1em; font-weight: normal; font-size: 1.1em; margin: 0; } .bl_th { text-align: left; background-color: #534a8a; color: #ffffff; padding: 10px; font-size: 1em; font-weight: normal; font-size: 1.1em; margin: 0; } .g_th { text-align: left; background-color: #009ca2; color: #ffffff; padding: 10px; font-size: 1em; font-weight: normal; font-size: 1.1em; margin: 0; } .g_th span { font-size: 0.85em; } .p_bor { width: 35%; border-bottom: 1px dotted #e60066; padding-bottom: 3px; } .g_bor { width: 75%; border-bottom: 1px dotted #9dd6d5; padding-bottom: 3px; } .g_bor1 { width: 20%; border-bottom: 1px dotted #9dd6d5; padding-bottom: 3px; } .bl_bor { width: 85%; border-bottom: 1px dotted #534a8a; padding-bottom: 3px; padding-top: 3px; } .bl_bor1 { width: 15%; border-bottom: 1px dotted #534a8a; padding-bottom: 3px; padding-top: 3px; } .pink_table { width: 95%; border: 1px solid; margin: 1em auto; page-break-inside: avoid; } .table_bl { border: 1px solid; margin: 1em auto } .table_bl p { padding: 5px 5px 8px 2px; } .smallTable22 { width: 95%; margin: 1em auto; page-break-inside: avoid; vertical-align: top; text-align: left; } .TCell1_st2 { width: 25%; padding-left: 3%; padding-bottom: 25px; } th strong { font-family: "Lato-Bla"; } td strong { font-family: "Lato-Bla"; } .tab_img { height: 18em; vertical-align: middle; } .ol_none1 { list-style-type: none; margin: 1em auto; padding-left: 1.2em !important; } .ol_none1 li { text-indent: -1.2em; margin-top: 1em; } .ol_none { list-style-type: none; margin: 1em auto; padding-left: 2.5em; } .ol_none li { margin-top: 1.5em; text-indent: -1.3em; } .ol_none .ol_dg { text-indent: -2.5em; padding-left: 0em; } .ol_none li span { font-family: "Lato-Bla"; margin: 0em !important; font-size: 2em; vertical-align: bottom; line-height: 0em; } .shop { height: 2.7em; vertical-align: middle; } .arrow_ml { text-indent: 0em; margin-left: 1.3em; } .portrait_xxsmall { text-align: center; page-break-inside: avoid; clear: both; border-radius: 2px; width: 15%; } .portrait_xxsmall img { page-break-inside: avoid; border-radius: 2px; width: 100%; } .sec5 { text-indent: 0em; text-align: left; margin-top: 2em; margin-bottom: 0.3em; font-family: "Lato-Bla"; font-size: 0.8em; } .BC_L { margin-top: 0.5em; height: 2em; vertical-align: middle; padding-right: 5px; } .recipe_title { font-family: "Lato-Bla"; margin-top: 0.5em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .recipe_sub_title1 { font-family: "Lato-Bla"; margin-top: 1.5em; margin-bottom: 0em; text-align: left; text-indent: 0em; font-size: 1.3em; } .recipe_sub_title { font-family: "Lato-Bla"; margin-top: 0em; margin-bottom: 0em; text-align: left; text-indent: 0em; font-size: 1.3em; } .r_col_g { color: #0e444e; } .r_col_g1 { color: #00a6ad; } .r_col_br { color: #4e1540; } .r_col_r { color: #e7001d; } .r_col_or { color: #ee6300; } .r_col_lr { color: #97163c; } .r_col_dp { color: #59203f; } .r_col_dp1 { color: #e60066; } .r_col_b { color: #534a8a; } .r_col_b1 { color: #3abfed !important; } .r_serves { font-family: "Lato-Bla"; margin-bottom: 0em; text-align: left; text-indent: 0em; } .r_serves1 { font-family: "Lato-Bla"; margin-bottom: 1em; text-align: left; text-indent: 0em; } .r_intro { margin-top: 0.5em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .r_intro strong { font-family: "Lato-Bla"; } .cal_pri { font-family: "Lato-Bla"; text-align: left; text-indent: 0em; font-size: 0.85em; display: inline-block; } .cal_pri span { display: inline-block; } .c_p { height: 4em; vertical-align: middle; padding-right: 5px; } .pad { padding-left: 10px; padding-right:5px; } .c_p1 { height: 3em; vertical-align: middle; padding-left: 10px; padding-right: 5px; } .d_h { height: 3em; vertical-align: middle; padding-right: 5px; } .cp_group { display: inline-block; margin: 1em auto !important; } .cp_group1 { display: inline-block; margin: 1em auto !important; padding-left: 10px; } .r_ingredient { text-indent: -1em !important; padding-left: 1em !important; font-family: "Caecilia-H"; } .sidebar_wrapper .ing_bor_g { border-top: 2px solid #00a6ad; border-bottom: 2px solid #00a6ad; padding: 10px 0px; } .sidebar_wrapper .ing_bor_r { border-top: 2px solid #e7001d; border-bottom: 2px solid #e7001d; padding: 10px 0px; } .sidebar_wrapper .ing_bor_or { border-top: 2px solid #ee6300; border-bottom: 2px solid #ee6300; padding: 10px 0px; } .sidebar_wrapper .ing_bor_dp1 { border-top: 2px solid #e60066; border-bottom: 2px solid #e60066; padding: 10px 0px; } .sidebar_wrapper .ing_bor_b1 { border-top: 2px solid #3abfed; border-bottom: 2px solid #3abfed; padding: 10px 0px; } .r_method { margin-top: 1em; text-indent: 0em; text-align: left; font-family: "Caecilia-L"; } .r_method1 { margin-top: 2em; margin-bottom: 0em; text-indent: 0em; text-align: left; font-family: "Caecilia-L"; } .r_method span.r_col_g1 { color: #00a6ad; font-family: "Caecilia-H" !important; } .r_method span.r_col_r { color: #e7001d; font-family: "Caecilia-H" !important; } .r_method span.r_col_or { color: #ee6300; font-family: "Caecilia-H" !important; } .r_method span.r_col_dp1 { color: #e60066; font-family: "Caecilia-H" !important; } .r_method span.r_col_b1 { color: #3abfed; font-family: "Caecilia-H" !important; } .r_met_head { text-indent: 0em; margin-left: 0em; text-align: left; margin-top: 3em !important; font-family: "Lato-Bla"; margin-bottom: 0.3em; font-size: 0.8em; } .r_met_head1 { text-indent: 0em; margin-left: 0em; text-align: left; margin-top: 2.5em; font-family: "Lato-Bla"; margin-bottom: 0.3em; font-size: 0.8em; } .r_met_head2 { text-indent: 0em; margin-left: 0em; text-align: left; margin-top: 0.8em; font-family: "Lato-Bla"; margin-bottom: 0.6em; font-size: 0.8em; } .r_b_text { text-indent: 0em; text-align: left; margin-left: 0em; font-size: 0.9em; } .r_b_text1 { text-indent: 0em; text-align: left; font-size: 0.9em; } .r_tip_head { text-indent: 0em; margin-left: 0em; text-align: left; margin-top: 0.3em; font-family: "Lato-Bla"; margin-bottom: 0.3em; font-size: 0.8em; } .r_tip { height: 2.5em; vertical-align: bottom !important; padding-right: 5px; } .r_tip1 { height: 2em; vertical-align: bottom !important; padding-right: 5px; } .ing_head { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 1em !important; margin-bottom: 0em; font-size: 1.2em !important; } .ing_head1 { text-indent: 0em; text-align: left; font-family: "Lato-Bla"; margin-top: 0em !important; margin-bottom: 0em; font-size: 1.2em !important; } .d_b { display: block; } .g_normal { color: #000; } .bor_g_bm { border-bottom: 2px solid #3fb8a8; padding-bottom: 5px; } .bor_g_bm1 { border-bottom: 1px solid #3fb8a8; padding-bottom: 5px; } .bor_b_bm { border-bottom: 2px solid #3abfed; padding-bottom: 5px; } .bor_b_bm1 { border-bottom: 1px solid #3abfed; padding-bottom: 5px; } .bm_hang { text-indent: -1em; margin-left: 1em; } .big { font-size: large; } .ackn_col { color: #3fbfb0; } .ind_col { color: #0e444e } .ind_head { text-align: left; text-indent: 0em; font-family: "Lato-Bla"; color: #0e444e; margin-top: 1.8em; margin-bottom: 0.3em; } .ind1 { font-family: "Caecilia-L"; text-indent: -1em; margin-left: 1em; } .ind2 { font-family: "Caecilia-L"; text-indent: -1em; margin-left: 2em; } .toc_fm { font-family: "Lato-Bla"; margin-top: 1em !important; } .toc_fm1 { font-family: "Lato-Lig"; } .toc_fm11 { font-family: "Lato-Lig"; margin-bottom: 1em; } .toc_fm2 { font-family: "Lato-Lig"; padding-left: 1em; } .toc_fm22 { font-family: "Lato-Lig"; padding-left: 1em; margin-bottom: 1em !important; } .toc_ch { font-family: "Lato-Bla"; margin-top: 1.5em !important; } .toc_ch1 { font-family: "Lato-Bla"; font-size: 0.8em; color: #0e444e !important; } .toc_c { color: #0e444e !important; } .toc_c1 { color: #0e444e !important; font-size: 0.8em; } .new_s { font-size: 0.85em; }