@font-face { font-family: "Archer"; font-style: normal; font-weight: normal; src: url('../font/ArcherBook.otf'); } @font-face { font-family: "Archer"; font-style: italic; font-weight: normal; src: url('../font/ArcherBookItalic.otf'); } @font-face { font-family: "Archer"; font-style: normal; font-weight: 500; src: url('../font/ArcherSemibold.otf'); } @font-face { font-family: "Archer"; font-style: italic; font-weight: 500; src: url('../font/ArcherSemiboldItalic.otf'); } @font-face { font-family: "Archer"; font-style: normal; font-weight: 600; src: url('../font/ArcherBold.otf'); } @font-face { font-family: "Archer"; font-style: italic; font-weight: 600; src: url('../font/ArcherBoldItalic.otf'); } @font-face { font-family: "Caflisch Script Pro Regular"; font-style: normal; font-weight: normal; src: url('../font/CaflischScriptPro-Regular.otf'); } @font-face { font-family: "Futura Round"; font-style: normal; font-weight: 600; src: url('../font/FuturaRound-Bold.otf'); } @font-face { font-family: "Futura Round"; font-style: normal; font-weight: 500; src: url('../font/FuturaRound-Demi.otf'); } @font-face { font-family: "Futura Std Medium"; font-style: normal; font-weight: 500; src: url('../font/FuturaStd-Medium.otf'); } body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { margin: 0; padding: 0; border-width: 0; } @page { margin: 30px 20px 0 20px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family: "Archer" , serif; margin: 0 auto; hyphens: none; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4; page-break-after: avoid; page-break-inside: avoid; text-align: left; text-decoration: none; text-indent: 0; } p, li, th, td { font-size: 1em; line-height: 1.4; font-style: normal; font-variant: normal; font-weight: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; widows: 2; } p, li { font-size: 0.833em; margin-bottom: .75em; } li>p { font-size: 1em; } ol { } ul { list-style-type: none; margin: .75em 0; } table { margin: .75em 0; padding: 0; border-collapse: collapse; border-spacing: 0; } img { min-width: 100%; width: 100%; height: auto; max-height: 100%; page-break-inside: avoid; } .figure { max-width: 100%; max-height: 100%; page-break-inside: avoid; margin: 0 auto; } .fullpage { width: 100%; height: auto; } .full-top { width: 100%; margin-bottom: 1em; } .full-bottom { width: 100%; padding-top: 1em; clear: both; } .full-both, .banner { width: 100%; margin-top: 1em; margin-bottom: 1em; } .vertical-banner { float: left; width: 4em; padding-right: 2%; } a { text-decoration: underline; color: inherit; } .dedication { color: #54b0cb; font-size: 1.301em; font-style: italic; font-weight: 500; margin-top: 4em; margin-bottom: 2em; } .copyright { font-size: 0.8em; width: 29em; } .book-toc { background-color: #54b0cb; padding: 8% 4%; } .book-toc * { color: #fff; } .book-toc p { text-indent: 2em; font-size: 1.1em; margin: .5em 0; } .fm-title { font-family: "Futura Round" , sans-serif; font-size: 3.601em; font-weight: 600; text-transform: uppercase; } .toc-heading { font-family: "Futura Round" , sans-serif; font-size: 1.5em; font-weight: 600; text-transform: uppercase; margin-top: 1em; } .bump { margin-bottom: 1em; } .H_FM { color: #54b0cb; font-family: "Futura Round" , sans-serif; font-size: 2em; font-weight: 600; text-transform: uppercase; } .TX_WelcomeLead { text-transform: uppercase; } .arrow-list { list-style: none; margin-left: 30px; } .arrow-list li { list-style-image: url('../image/arrow.gif.transcoded775817159.png'); } .FM-LEAD { color: #54b0cb; font-size: 1em; font-weight: 600; text-transform: uppercase; } .box { page-break-inside: avoid; background-color: #d5e7ee; padding: 0 4% 4% 4%; margin: 1em 0; } .blocking { padding: 0 4%; } .Arrow { font-size: 1.083em; } .ahed { font-size: 1.601em; } .inline-mark { display: inline-block; width: 2em; } .inline-mark img { vertical-align: -.5em; } .list-note { color: #58595b; font-size: 0.792em; font-style: italic; font-weight: 500; line-height: 1.368; margin: 1em 0; margin-left: 1.9em; text-indent: -.7em; } .box2 { page-break-inside: avoid; background-image: url('../image/lined-bg.png'); background-color: #ededee; padding: 4%; margin: 1em 0; } .box3 { page-break-inside: avoid; background-color: #d5e7ee; padding: 1% 4% 4% 4%; margin: 1em 0; } .inline-mark2 { display: inline-block; width: 10%; padding-right: 2%; float: left; } .checkmark { display: inline-block; width: 2em; } .checkmark img { vertical-align: -.25em; } .TX_Large { color: #54b0cb; font-size: 2.5em; font-weight: 500; line-height: 1; } .dek { margin-left: 2em; font-size: .9em; font-style: italic; } .bhed { color: #58595b; font-size: 0.833em; font-weight: 600; text-transform: uppercase; } .gray-bg { page-break-inside: avoid; background-color: #dcddde; padding: 3%; margin: 1em 0; border-radius: 1em; } .TX_MM { margin-bottom: 0; } span.CharOverride-35 { font-size: 1.513em; } .TX-LEAD { color: #54b0cb; font-size: 0.975em; font-weight: 600; text-transform: uppercase; } .H_TIP { page-break-before: always; color: #58595b; font-family: "Futura Round" , sans-serif; font-size: 1.83em; font-weight: 500; text-transform: uppercase; border-bottom: 2px dashed #54b0cb; margin-bottom: .5em; padding-bottom: .25em; } .dashed { border: none; border-top: 2px dashed #58595b; height: 1px; } .CharOverride-37 { color: #54b0cb; font-weight: 500; font-size: 1.3em; margin-bottom: .5em; } .checkmark-small { display: block; float: left; width: 1.25em; padding-right: 2%; } .TX_WelcomeLead { font-weight: 500; text-transform: uppercase; font-variant-numeric: lining-nums; } .H_MM { color: #4d4d4f; font-family: "Futura Round" , sans-serif; font-size: 1.5em; font-weight: 600; margin-top: 1em; } .inline-mark3 { display: inline-block; width: 10%; padding-right: 2%; float: left; } .inline-mark3 img { vertical-align: middle; } .aside-text { color: #ffffff; font-family: "Futura Round" , sans-serif; font-size: 1.1em; font-weight: 500; } .aside { background-color: #7bb7ce; padding: 3% 3% 1% 3%; margin: 1em 0; border-radius: 1em; page-break-inside: avoid; } .H5 { font-weight: 500; } .H_FAQ { color: #58595b; font-family: "Futura Round" , sans-serif; font-size: 1.917em; font-weight: bold; text-transform: uppercase; } .directive { color: #54b0cb; font-size: 1.1em; font-weight: bold; } .TX_FAQArrowAI { color: #58595b; font-style: italic; font-weight: 500; } .TX_FAQArrowAI .TX-LEAD { color: #58595b; font-style: normal; } .Hack-hed { color: #54b0cb; font-family: "Futura Round" , sans-serif; font-size: 1.917em; font-weight: bold; line-height: 1; text-transform: uppercase; margin: .1em 0 .5em; } .case-contrast { text-transform: none; } .community_PQ { page-break-inside: avoid; background-color: #e6e7e8; padding: 3% 3% 1% 3%; margin: 1em 0; border-radius: 1em; } .TX_Ins { color: #414042; font-size: 0.781em; font-weight: 500; line-height: 1.387; margin-bottom: 0; } .TX_InspAtt { color: #414042; font-size: 0.75em; font-style: italic; font-weight: 500; line-height: 1.444; text-align: right; } .hack-box { page-break-inside: avoid; background-color: #d5e6ed; padding: 3% 3% 1% 3%; margin: 1em 0; } .H_NSV { color: #58595b; font-family: "Futura Round" , sans-serif; font-size: 1.833em; font-weight: 600; line-height: 1.182; margin-top: 1em; } .nsv-table { width: 100%; } .nsv-table tr th { padding: 1em 1em 0 1em; } .nsv-bhed { font-size: 1.083em; line-height: 1.923; } .nsv-blockA { background-color: #c5dee7; margin-bottom: 1em; border-radius: 1em; padding-bottom: 1em; } .nsv-blockB { background-color: #e2eef3; margin: 0; } .nsv-blockC { background-color: #c5dee7; margin-top: 0; } .decile { width: 8%; padding: 0; } .decile p { text-align: center; } .left-col { padding-left: 1em; } .left-col p { text-align: left; } .right-col { padding-right: 1em; } .right-col p { text-align: right; } .notes { font-size: 0.75em; text-transform: uppercase; } .H_FillIn { font-size: 1.167em; line-height: 1.857; text-align: center; text-transform: uppercase; } .WhatIAte { background-color: #e7e7e8; border-radius: 1em; page-break-inside: avoid; page-break-before: always; margin: 1em 0; padding: 0; } .WhatIAte-header { background-color: #c5dee7; padding: .25em 1%; border-radius: 1em 1em 0 0; margin-bottom: 1em; } .WhatIAte-body { padding: 0 3% .25em 3%; margin-bottom: 1em; } .checkbox { color: #fff; width: 1em; padding-right: .5em; } .favorite { font-size: 0.7em; } .H_Reflections { page-break-before: always; color: #58595b; font-family: "Futura Round" , sans-serif; font-size: 1.667em; font-weight: 600; margin-top: 1em; } .TX_DidIt { color: #58595b; font-size: 1em; font-weight: bold; line-height: 2.708; } .Lines { border-bottom: dashed 1px #000; } hr.Lines { height: 1em; border-top: 0; border-left: 0; border-right: 0; } .Lines-block { margin-top: -.75em; margin-bottom: 1.5em; page-break-inside: avoid; } .Line-lead { float: left; padding-right: .5em; } .follow { padding-top: .25em; } .table-line-leadin { width: 100%; } .FoodListHead { font-size: 1.167em; line-height: 1.857; margin-top: 1em; margin-left: .8em; } .aqua-screen { background-color: #c5dee7; } .gray-screen { background-color: #d8d9da; } .FoodList { border-radius: 1em; padding: 3%; list-style-type: none; margin: 0; column-count: 2; } .FoodList li { font-size: .8em; margin-bottom: .4em; padding-left: 1.8em; text-indent: -1.8em; } .FoodList li:before { content: "\25a2"; padding-right: .75em; color: #fff; } .CharOverride-33 { color: #54b0cb; font-size: 1.8em; margin-top: 1em; margin-left: .5em; } h6 { font-size: 1.375em; line-height: 1.576; margin-bottom: .2em; } .runin-hed-padding { padding-right: .5em; } .teal { color: #54b0cb; } .url-leadin { text-transform: uppercase; } .Book { font-size: 1.1em; font-style: italic; font-weight: 500; line-height: 1.2; margin-bottom: .2em; margin-top: 1em; } .subtitle { font-size: .8em; } .italic, .ital, em, i { font-style: italic; } em.reverse { font-style: normal; } b, strong { font-weight: 600; } .strikethrough { text-decoration: line-through; } body>*:last-child { margin-bottom: 0; } .space-above { padding-top: .75em; } .indent { text-indent: 1.5em; } .sink { margin-top: 20%; } .keeptogether { page-break-inside: avoid; } .page-break-before { page-break-before: always; } .nb { white-space: nowrap; } .clearfix { clear: both; width: 1px; height: 0.001%; font-size: 0; line-height: 0; } .no-top { margin-top: 0; padding-top: 0; } .hidden { display: none; }