@font-face { font-family: "LPBentonSans"; font-style: normal; font-weight: normal; src:url("../fonts/LPBentonSans-Regular.ttf"); } @font-face { font-family: "LPBentonSans"; font-style: normal; font-weight: bold; src:url("../fonts/LPBentonSans-Bold.ttf"); } @font-face { font-family: "LPBentonSans"; font-style: italic; font-weight: normal; src:url("../fonts/LPBentonSans-Italic.ttf"); } @font-face { font-family: "LPBentonSans"; font-style: italic; font-weight: bold; src:url("../fonts/LPBentonSansCond-BoldItalic.ttf"); } @font-face { font-family: "LPMiller"; font-style: normal; font-weight: normal; src:url("../fonts/LPMillerDailyOne-Regular.ttf"); } @font-face { font-family: "LPMiller"; font-style: normal; font-weight: bold; src:url("../fonts/LPMillerDailyOne-Bold.ttf"); } @font-face { font-family: "LPMiller"; font-style: italic; font-weight: normal; src:url("../fonts/LPMillerDailyOne-Italic.ttf"); } @font-face { font-family: "LPMiller"; font-style: italic; font-weight: bold; src:url("../fonts/miller-text-bold-italic.otf"); } /* light blue #138AD6 */ /* pale blue #D2EDFC */ /* red #e13d32 */ /* dark red #e13d32 */ /* dark survival #A49D5C */ /* light survival #EEECDA */ /* light brown #F0EEDD */ /* dark green #3E6A2B */ /* ------------------ Reset ------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { text-align: left; } /* ------------------ TYPOGRAPHY ------------------- */ body { font-family:Georgia, "Times New Roman", serif; text-align: left; } p { margin: 0.3em 0 0 0; line-height:140%; font-size:1em; } p.body-text { text-indent: 1em; } .flush-left { clear:left; } /* Style hyperlink color Ipad */ /*a:link, a:visited, a:hover, a:active { -webkit-text-fill-color: #637DB8; }*/ /* others*/ a:link, a:visited, a:hover, a:active { color: #637DB8; text-decoration:underline; } /* ---- Headings ----- */ h1 { margin-top:0; line-height:100%; } h1, h2, h3, h4, h5, h6 .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8 { text-align:left; font-family: Helvetica, Arial, Seravek, sans-serif; } .light-yellow { color: #E8BB2D; } .green-a { color: #85804F; } .heading-2 { margin:1.2em 0 0.1em 0; } .heading-3 { color:#e13d32; font-weight:normal; margin:1em 0 0 0; } .heading-4 { margin-bottom:.2em; } .heading-4a { margin-bottom:.2em; border-top: 2px solid black;} .heading-5 { font-size:1em; margin:1.2em 0 0 0; } .heading-6 { font-size:1em; margin:1.2em 0 0 0; } .blue1{color:#00AEEF; font-size:1em; font-weight:normal;} .red1{color:#EF4030; font-size:.75em; font-weight:normal;} .reds{color:#EF4030; font-size:1em; font-weight:normal;} .emphasis-character { font-weight: bold; font-family:Helvetica, Arial, sans-serif; } .cross-ref-paragraph { font-style: italic; font-weight: bold; } .cross-ref-paragraph img { vertical-align:middle; } .bullet_arrow { color:#e13d32; } span.box-byline { font-style: italic; font-weight: normal; } .italic { font-style: italic; font-weight: normal; } /* ------------------ MISC. ------------------- */ .break { page-break-after: always; margin:0!important; height:0px; } hr { display:none; } /* This hides the HRs generated for Black & White mobi. */ .stats { text-transform:uppercase; font-family:LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight:normal; font-size:.8em; margin-top:7px; } /* --------------- TABLES ---------------- */ .section-need-to-know table { font-family: Helvetica, Arial, sans-serif; border-collapse: collapse; background-color: #f7f7f7; } .section-need-to-know tbody { padding:.5em; } .section-need-to-know th { padding:0px; font-weight:bold; font-size:1.1em; } .section-need-to-know td { padding:0px; border-bottom:1px solid #666; } .section-need-to-know td p { font-size:.9em; padding:5px 10px; } .section-need-to-know .table-heading-1 { border-bottom:3px solid #e13d32; padding:5px 10px; padding-top:.6em; margin-bottom:0em; margin-top:0; } .section-survival-guide table { font-family: Helvetica, Arial, sans-serif; border-collapse: collapse; } .section-survival-guide tbody { padding:.5em; } .section-survival-guide th { padding:0px; font-weight:bold; font-size:1.1em; } .section-survival-guide td { padding:0px; border-bottom:1px dotted #968E52; } .section-survival-guide td p { font-size:.9em; padding:5px 15px 5px 0; } .section-survival-guide .table-heading-1, .section-survival-guide td .flush-left { padding:.6em 15px .6em 0; padding-top:.6em; margin-bottom:0em; margin-top:0; text-transform:uppercase; color:#E3005D; font-size:.9em; font-weight:bold; } /* ------------------ HEADERS ------------------- */ .context-heading .heading-1 { color:#000000; margin-left:95px; } .context-heading .heading-1 strong { color:#E03126; display:block; } .context-heading img { float:left; vertical-align:middle; } .context-heading .heading-1s { color:#B11A62; margin-left:0px; } .context-heading .heading-1s strong { color:#B11A62; display:block; } .context-heading img { float:left; vertical-align:middle; } /* Light version */ .context-heading-alt { overflow:hidden; margin-bottom:10px; } .context-heading-alt .heading-1, .context-heading-alt .heading-2 { color:#E03126; font-weight:100; font-size:1.7em; margin-left:95px; margin-top:0; } .context-heading-alt .heading-1 strong, .context-heading-alt .heading-2 strong { color:#000; display:block; font-weight:bold; } .context-heading-alt img { float:left; vertical-align:middle; } /* ------------------ SIDEBAR ------------------- */ .context-sidebar { background-color:#FFF4CB; padding:1em; margin-top:1em; margin-bottom:1em; border-radius:10px; } .context-sidebar-1 { border:2px solid #F5A488; padding:0.5em; margin-top:1em; margin-bottom:1em; border-radius:10px; } .context-sidebar .list-d { font-family: Helvetica, Arial, sans-serif!important; border-bottom:2px dotted #968E52; font-size:.9em; padding-bottom:.3em; } .context-sidebar p { font-family: Helvetica, Arial, sans-serif!important; font-size:.9em; } p.sidebar { padding-bottom:.2em; } .context-sidebar .list-d .emphasis-character { font-family: Helvetica, Arial, sans-serif!important; } .context-sidebar .heading-6:first-child, p.heading-6-line-above { margin-top:0; color:#4f7c39; font-weight:bold; } .context-sidebar .heading-4:first-child { margin-top:0; } .sidebar-heading { font-weight:bold; border:none!important; padding-bottom:0!important; margin-top:.4em; } .section-neighbourhood-intro .context-sidebar { background-color:#D2EDFC; } .section-neighbourhood-intro .context-sidebar .list-a { font-family: Helvetica, Arial, Seravek, sans-serif!important; border-bottom:none; } .context-worth-a-trip-sidebar { background-color: #fff5d8; padding:1em; padding-top:.8em; margin-top:1em; margin-bottom:1em; border-radius:10px; border:2px dashed #FCC424 ; } .context-worth-a-trip-sidebar .box-heading-1 { font-family: Helvetica, Arial, sans-serif!important; margin-top:0; font-size:1.3em } .context-worth-a-trip-sidebar img { vertical-align:middle; } .context-worth-a-trip-sidebar p { font-family:Georgia, "Times New Roman", serif; } /* ------------------ IMAGES ------------------- */ .context-eps-lhs, .context-eps-rhs { width:100%; margin:20px 0; margin-bottom:10px } .context-eps-lhs div { width:100%; } .image_container img, .full_page_image, .context-eps img, .context-eps-lhs img, .context-eps-rhs img, .context-floorplan img { max-width:100%; display:block; } .context-floorplan { margin:1em 0;} .section-top-sights .image_container { margin-top:.5em; } .image_container { margin:20px 0; display:inline-block; } .caption { text-align:right; font-size:.7em; font-family:LPBentonSansCond, Helvetica, Arial, sans-serif; line-height:150%; background-color:#ddd; color:#555; padding:.4em .6em .4em .6em; margin: -8px 0px 10px 0px; clear:both; } .caption div { text-align:right; padding-right:5px; } .heading-1 img, .heading-2 img, .heading-3 img, .heading-4 img, .heading-5 img, .heading-6 img, .heading-6-line-above img, .box-heading-2 img { vertical-align:middle; } /* ----------------- BOXED TEXT ------------------ */ .box-heading-1 { font-family: Helvetica, Arial, sans-serif; padding-bottom:.3em; margin-bottom:.2em; margin-top:0; font-size:1.2em; } .box-heading-2 { font-family: Helvetica, Arial, sans-serif; margin-bottom:0; color:#138AD6; } .box-flush-left, .box-body-text, .box-list-a, .box-list-b, .box-list-c { font-family: Helvetica, Arial, sans-serif; font-size:.9em; line-height:150%; } .box-list-b1:before {content: "\203A \ "; color:#e13d32; font-size:1.5em; } .box-list-b2:before {content: "\203A \ "; color:#AF0C5F; font-size:1.5em; } .box-list-b:before {content: "\203A \ "; color:#6cac33; font-size:1.5em; } .box-body-text { text-indent:1em; } .context-top-tip-boxed-text-1-col { background-color: #d6e6bb; border-radius:15px; padding:1em; margin:auto; margin-top:30px; margin-bottom:1em; /*width:90%;*/ } .context-top-tip-boxed-text-1-col1 { background-color: #F8EDC5; border-radius:15px; padding:1em; margin:auto; margin-top:30px; margin-bottom:1em; /*width:90%;*/ } .list-d { font-family: Helvetica, Arial, Seravek, sans-serif; font-size:.9em; border-bottom:2px dotted #958E52; margin:0; line-height:120%; padding:.3em 0 .2em 0; } .context-local-life-boxed-text-1-col { background-color: #fcd4c2; border-radius:15px; padding:1em; margin:auto; margin-top:30px; margin-bottom:1em; /*width:90%;*/ } .special-box-heading { font-size:1.2em; font-family: Helvetica, Arial, Seravek, sans-serif; /*margin-top:-32px;*/ margin-top:-5px; margin-bottom:12px; } .special-box-heading img { vertical-align:bottom; margin-right:5px } .context-top-tip-boxed-text-1-col .special-box-heading { color:#4e7b39; } .context-local-life-boxed-text-1-col .special-box-heading { color:#e23d31; } .context-understand-boxed-text-1-col, .context-understand-boxed-text-2-col { border-radius:15px; padding:1em; margin:auto; margin-top:1em; margin-bottom:1em; /*width:90%;*/ border:3px solid #009dde; } .box-heading-1-understand, /* Black box heading with dashed blue bottom border */ .context-understand-boxed-text-1-col .box-heading-1, .context-understand-boxed-text-2-col .box-heading-1, .context-understand-boxed-text-full-page .box-heading-1 { font-size:1.1em; font-family: Helvetica, Arial, Seravek, sans-serif; margin-bottom:10px; margin-top:0; padding-bottom:.4em; border-bottom:4px dashed #009dde; font-weight:bold; color:#000; } .context-understand-boxed-text-full-page .box-heading-1a { font-size:1em; font-family: Helvetica, Arial, Seravek, sans-serif; margin-bottom:0em; margin-top:1em; font-weight:bold; color:#000; } .context-understand-boxed-text-1-col .special-box-heading, .context-understand-boxed-text-2-col .special-box-heading { margin-top:0; color:#138AD6; margin-bottom:.2em; } .context-understand-boxed-text-full-page { background-color: #e8f6fd; padding:1em; margin:1em 0; } .context-understand-boxed-text-full-page .special-box-heading { margin:0; color:#138AD6; } .section-survival-guide .context-boxed-text-1-col, .section-survival-guide .context-boxed-text-2-col { background-color: #f1efe1; padding:1em; border-radius:15px; margin:15px 0; } .section-survival-guide .box-heading-1 { color:#E3005D; } .box-list-d1:before {content: "\203A \ "; color:#009dde; font-size:1.5em; } .box-list-d2:before {content: "\203A \ "; color:#009dde; font-size:1.5em; } .section-survival-guide h2.heading-2 a{text-decoration:none;} /* ----------------- BOOK TOC ------------------ */ .book-toc h1 { font-family: Helvetica, Arial, sans-serif; color:#000; font-size:1.8em; margin-bottom:1em; } .book-toc h2 { font-family: Helvetica, Arial, sans-serif; color:#000; /*font-size:1.4em;*/ padding: 10px 0px 10px 25px; line-height:normal; margin:0; border-radius: 10px 10px 10px 10px / 10px 5px 10px 5px; } .book-toc h3 { font-family: Helvetica, Arial, sans-serif; color:#000; font-size:1em; font-weight:normal; padding-left:25px; margin-bottom:.5em; } .book-toc h3 a { font-size:1em; text-transform:none; } .book-toc p { font-family:sans-serif; color:#000; font-size:1.1em; margin-bottom:1em; margin:15px 0 0px 25px; } .book-toc p:first-child { margin-top:5px; } .book-toc h2 a:link, .book-toc h2 a:visited, .book-toc h2 a:hover, .book-toc h2 a:active { -webkit-text-fill-color: #fff; color:#fff!important; text-transform:none; text-decoration:none; font-size:100%; font-family: Helvetica, Arial, sans-serif; } .book-toc h2 { -webkit-text-fill-color: #fff; color:#fff!important; } .toc-heading-4 { margin-bottom:.2em; margin-top:0; } .toc-section { padding-bottom:15px; margin-bottom:25px; } .toc-section-items { margin-top:5px; padding:10px 0 10px 0; border-radius:10px; } #toc-qstart h2 { background-color: #DDA51E; } #toc-qstart .toc-section-items { background-color: #FFFAE5; } #toc-explore h2 { background-color: #138AD6; } #toc-explore .toc-section-items { background-color: #D2EDFC; } #toc-best h2 { background-color: #e13d32; } #toc-best .toc-section-items { background-color: #FEE6DB; } #toc-survival h2 { background-color: #A49D5C; } #toc-survival .toc-section-items { background-color: #EEECDA; } p.para {margin-top:1em;margin-bottom:1em; } /* -------------- --- QUICK START ------------------ */ h1.welcome { font-family: Helvetica, Arial, sans-serif; font-size:3em; max-width:8em; margin-bottom:.5em; line-height:100%; } small.first-line { font-size:1.3em; display:block; font-weight:normal; font-size:.4em; } .welcome-img { max-width:100%; } .tocw { margin-top:.5em; margin-bottom:0; font-size:1.1em; } .section-quickstart-contents { margin-top:1em; } .section-quickstart-contents p { font-style:italic; font-size:1.1em; border-top:3px dotted #000; padding-top:0.7em; margin-top:1em; } .welcome-intro { font-style:italic; font-size:1.1em; border-top:3px dotted #000; padding-top:0.7em; margin-top:1em; font-family: Helvetica, Arial, sans-serif; line-height:140%; } .section-quickstart-contents .box-heading-1 { max-width:9em; } /* --------------- TOP SIGHTS ---------------- */ .section-top-sights .heading-5 { font-size:1.3em; margin-top:0; color:#e13d32; } p.heading-alt { font-size:1.3em; margin-top:0; color:#e13d32; font-family: Helvetica, Arial, sans-serif; font-weight:bold; } p.heading-alt strong { color: #000; } /* --------------- LOCAL LIFE ---------------- */ .section-local-life .introduction { border-top:2px dotted #968E52; border-bottom:2px dotted #968E52; padding:.5em 0; font-size:1.1em; font-family: Helvetica, Arial, sans-serif!important; color:#555; clear:both; } .section-local-life .list-c1 {color:#e13d32; margin:0em; font-family: Helvetica, Arial, sans-serif; } .list-c1:before {content: "\203A \ "; color:black;} .section-local-life .list-c { color:#e13d32; margin:0em; font-family: Helvetica, Arial, sans-serif; } /* --------------- DAY PLANNER ---------------- */ .section-day-planner .introduction { border-top:2px dotted #968E52; border-bottom:2px dotted #968E52; padding:.5em 0; font-size:1.1em; font-family: Helvetica, Arial, sans-serif!important; color:#555; clear:both; } .time_of_day { float:left; margin-right:.8em; margin-top:.1em; } .narrative { margin-top:1em; font-family: Helvetica, Arial, sans-serif; } /* --------------- NEED TO KNOW ---------------- */ .section-need-to-know p { font-family: Helvetica, Arial, sans-serif; } .section-need-to-know h1.heading-1 { margin-left:0; color:#e13d32; font-size:2.5em; max-width:6em; } .section-need-to-know .heading-2 { margin-bottom:.6em; } /* creates sidebar in Portrait mode */ .section-need-to-know .heading-5 { margin-bottom:.5em; color:#e13d32; } .section-need-to-know .heading-2 img { vertical-align:middle; } .section-need-to-know .heading-5 img { vertical-align:middle; margin-right:.4em; } /* --------------- EXPLORE ---------------- */ .section-neighbourhood-intro .introduction { border-top:2px dotted #968E52; border-bottom:2px dotted #968E52; padding:.5em 0; font-size:1.1em; font-family: Helvetica, Arial, Seravek, sans-serif!important; color:#555; clear:both; } /* Neighbourhood map */ h2.neighbourhood-heading-2 { font-size:2.8em; margin-top:0; margin-bottom:.3em; } .neighbourhood-heading-3 { margin-top:0.6em; margin-bottom:0; font-size:1.1em; border-left:12px solid; padding-left:6px; border-radius:6px; } .neighbourhood-heading-3a { margin-top:0em; margin-bottom:0; font-size:1em;} .neighbourhood-section { margin-top:1.1em; } #color-1 { border-left-color:#7796c5; } a.color-1 { color:#7796c5; -webkit-text-fill-color: #7796c5; } #color-2 { border-left-color:#f8b15a; } a.color-2 {color:#f8b15a; -webkit-text-fill-color: #f8b15a; } #color-3 { border-left-color:#cf78a8; } a.color-3 { color:#cf78a8; -webkit-text-fill-color: #cf78a8;} #color-4 { border-left-color:#89c07b; } a.color-4 { color:#89c07b; -webkit-text-fill-color: #89c07b; } #color-5 { border-left-color:#8b70a6; } a.color-5 { color:#8b70a6; -webkit-text-fill-color: #8b70a6; } #color-6 { border-left-color:#bed373; } a.color-6 { color:#bed373; -webkit-text-fill-color: #bed373; } #color-7 { border-left-color:#89cdce; } a.color-7 { color:#89cdce; -webkit-text-fill-color: #89cdce; } #color-8 { border-left-color:#eb697a; } a.color-8 { color:#eb697a; -webkit-text-fill-color: #eb697a; } #color-9 { border-left-color:#4EB687; } a.color-9 { color:#4EB687; -webkit-text-fill-color: #eb697a; } #color-10 { border-left-color:#6FCBF3; } a.color-10 { color:#6FCBF3; -webkit-text-fill-color: #eb697a; } .section-neighbourhood-intro .heading-3 { color:#000; font-weight:bold; font-size:1.5em } .section-neighbourhood-intro .heading-5 { color:#138AD6; } .byline { font-style:italic; } .section-neighbourhood-intro .context-heading1 { background-color: #7795CD; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading2 { background-color: #FBAE50; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading3 { background-color: #CB77B1; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading4 { background-color: #7DC67F; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading5 { background-color: #8976B5; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading6 { background-color: #B3D670; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading7 { background-color: #77CDD0; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading8 { background-color: #F26E7E; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading9 { background-color: #4EB687; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading10 { background-color: #6FCBF3; padding:1.7em 0 1.7em 1.5em; border-top-right-radius:25px; border-bottom-right-radius:25px; margin-bottom: 1em; margin-top: .4em; clear:both; } .section-neighbourhood-intro .context-heading1, .context-heading2, .context-heading3, .context-heading4, .context-heading5, .context-heading6, .context-heading7, .context-heading8, .heading-1 { margin:0; color:#fff; } .section-neighbourhood-intro .heading-5 { color:#138AD6; } .cross-ref-paragraph { border-top:1px solid #666; border-bottom:1px solid #666; display:inline-block; padding:.1em .3em; } .context-sidebar + .context-heading { margin-top:2em; } .map-title { font-family: Helvetica, Arial, sans-serif; margin-bottom:.5em; } /* --- Explore Top Sights --- */ .context-top-sights-practicalities, .context-stand-alone-getting-there { float:right; width:30%; border-left:2px dotted #958E52; margin-left:1em; margin-bottom:.5em; padding-left:.7em; } .context-top-sights-practicalities .list-d, .context-stand-alone-getting-there .list-d { font-family: Helvetica, Arial, Seravek, sans-serif; font-size:.9em; border-bottom:2px dotted #958E52; margin:0; line-height:120%; padding:.3em 0 .2em 0; } .context-top-sights-practicalities .list-d:last-child, .context-stand-alone-getting-there .list-d:last-child { border-bottom:none; } .context-top-sights-practicalities + .flush-left, .context-stand-alone-getting-there + .flush-left { clear:left; } .section-neighbourhood-intro .context-sidebar .heading-4:last-of-type { border-top:2px dotted #958E52; padding-top:.6em; margin-bottom:.6em; } .section-top-sights-wrap .image_container { margin-top:1em; } .section-top-sights-wrap .context-sidebar { clear:both; } .image_container + .context-sidebar { margin-top:1em; } .section-top-sights-wrap .heading-3 { color:#000; font-weight:bold; font-size:1.5em; } .section-top-sights-wrap .heading-5 { color:#138AD6; margin-top:1em; } .section-top-sights-wrap .bullet_arrow { font-size:1.3em; } /* --- Explore - Local Life --- */ .section-local-life-alt, .section-stand-alone-local-life-tall-map, .section-stand-alone-local-life-wide-map { background-color: #F0EEDD; padding:1em; margin:15px 0; } .section-local-life-alt .heading-5, .section-stand-alone-local-life-tall-map .heading-5, .section-stand-alone-local-life-wide-map .heading-5 { color:#138AD6; clear:both; } .section-local-life-alt .intro-text, .section-local-life-alt .introduction { font-weight:bold; font-family: Helvetica, Arial, sans-serif; padding-bottom:1em; margin-bottom:1em; border-bottom:2px dotted #000; clear:both; } .section-local-life .introduction { border-bottom: 2px dotted #968E52; border-top: 2px dotted #968E52; clear: both; color: #555555; font-family: Helvetica,Arial,Seravek,sans-serif !important; font-size: 1.1em; padding: 0.5em 0; } .section-stand-alone-local-life-tall-map .intro-text, .section-stand-alone-local-life-wide-map .intro-text { font-weight:bold; font-family: Helvetica, Arial, sans-serif; padding-bottom:1em; margin-bottom:1em; border-bottom:2px dotted #000; } .context-eps, .context-eps div { text-align:center; } .context-eps { margin:15px 0; } /* --- POIs --- */ .section-neighbourhood-body .heading-2 { margin:1.2em 0 0.1em 0; font-size:1.6em; } .section-neighbourhood-body h2.sights { color:#E03126; } .section-neighbourhood-body h2.eating { color:#008072; } .section-neighbourhood-body h2.drinking { color:#006CAF; } .section-neighbourhood-body h2.entertainment { color:#EE8620; } .section-neighbourhood-body h2.shopping { color:#8E3D89; } .poi-line span.sights { color:#E03126; } .poi-line span.eating { color:#008072; } .poi-line span.drinking { color:#006CAF; } .poi-line span.entertainment { color:#EE8620; } .poi-line span.shopping { color:#8E3D89; } .poi-line { font-family: Helvetica, Arial, sans-serif; font-size:1.1em; font-weight:bold; margin-top:1em; } .poi-line img { vertical-align:middle; } .subtype { float:right; text-transform:uppercase; font-family:LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight:normal; font-size:.7em; } .practicalities { font-family:LPBentonSansCond, Helvetica, Arial, sans-serif; font-weight:normal; font-size:.9em; color:#222; } .price-indicator { font-weight:normal; font-size:.9em; color:#222; } /* ------------ MAP STYLES ----------- */ .map-keys p, .map-keys div { font-family: Helvetica, Arial, sans-serif; } .map-keys a { text-transform:none; } .map-keys { background-color: #F0EEDD; border-radius:5px; padding: 1em 0; padding-right:1em; margin-bottom: 2em; } .map-keys .fullWidth { padding:0 10px; } .map-keys div{ text-indent: 1em; clear:both; } .map-keys p.key-head{color: #0066b3; font-size: 1.5em; font-weight: bold;} .map-keys h3.heading-intro-page{color: #0066b3; font-size: 1.5em; font-weight: bold; border: none; margin-top: 0;} .map-keys div.top-sights, .map-keys div.sights, .map-keys div.eating, .map-keys div.drinking, .map-keys div.drinking-nightlife, .map-keys div.shopping, .map-keys div.entertainment, .map-keys div.activities-courses-tours, .map-keys div.sports-activities, .map-keys div.information, .map-keys div.transport { margin-top:1em; } .map-keys p.top-sights, .map-keys p.sights, .map-keys p.eating, .map-keys p.drinking, .map-keys p.drinking-nightlife, .map-keys p.shopping, .map-keys p.entertainment, .map-keys p.activities-courses-tours, .map-keys p.sports-activities, .map-keys p.information, .map-keys p.transport { font-size: 1em; font-weight: bold; margin-left: -20px; padding-right:7px; } .map-keys p.top-sights { color:#e03126; } .map-keys p.sights { color:#e03126; } .map-keys p.eating { color:#008072; } .map-keys p.drinking { color:#006caf; } .map-keys p.shopping { color:#8e3d89; } .map-keys p.entertainment { color:#ee8620; } .map-keys .map-keys-poi span.num { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size:.9em; padding-top:2px; float:left; width:1.5em; margin-left:0em; } .map-keys .sights span.num {color: #e03126; } .map-keys .top-sights span.num {color: #e03126; } .map-keys .activities-courses-tours span.num {color: #e63323; } .map-keys .eating span.num {color: #008072; } .map-keys .drinking span.num {color: #006caf; } .map-keys .shopping span.num {color: #8e3d89; } .map-keys .entertainment span.num {color: #F39200; } .map-keys p.top-sights img, .map-keys p.sights img, .map-keys p.eating img, .map-keys p.drinking img, .map-keys p.drinking-nightlife img, .map-keys p.shopping img, .map-keys p.entertainment img, .map-keys p.activities-courses-tours img, .map-keys p.information img, .map-keys p.sports-activities img, .map-keys p.transport img { margin-right:2px; margin-bottom:5px; vertical-align:top; } .map-keys .map-keys-poi{ display:block; padding: 5px 0; padding-left:1em; text-indent:.2em; font-size: .9em; font-weight: normal; border-bottom: 1px dotted #222; font-family: Helvetica, Arial, sans-serif; } .map-keys .map-keys-poi a:link{color:#637DB8!important; font-size:1em;} .map-keys .map-keys-poi span.ref {text-align: right; float: right; font-size:.9em;} .map-keys .column2{float: left; width:47%; } .map-keys.box-heading-2{color:#e63323; text-transform: none; font-family: LPBentonSansBold, Verdana, Arial, Helvetica, sans-serif; font-size: .9em; margin-top: .4em;} .map { margin: 20px 0px 0px 0px; display:inline-block; } span.link_map { padding:3px 4px; background-color: #A4BDDB; color:#fff!important; -webkit-text-fill-color: #fff; border-radius:5px; font-size: 11px; text-transform:uppercase; font-style: normal; text-indent: 0px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; } .poi-line .map-links { display:block; } .map-links > a { text-decoration:none; } .context-top-sights-practicalities .map-links a { display:block; margin-bottom:3px; } .context-index-map-text .numbered { font-size:1em; font-family:sans-serif; float:none; padding:0 6px!important; } .context-index-map-text { margin-top:20px; } /* ------------------- BEST OF ------------------ */ .best-of-wrap .context-heading-alt .heading-2 { margin-bottom:.5em; } .best-of-wrap .heading-3 { font-weight:bold; } .best-of-wrap .heading-5 { color:#e13d32; font-size:1.2em; margin-bottom:.3em; } .best-of-wrap { font-family: Helvetica, Arial, sans-serif; } .best-of-wrap .list-c { border-top:1px dotted #e13d32; padding-top:.4em; color:#333; } .best-of-wrap .section-best-walks-wide-map p:first-of-type, .best-of-wrap .section-best-walks-tall-map p:first-of-type { margin-bottom:1.1em; } .best-of-wrap .list-c .emphasis-character { color:#e13d32; } .best-of-wrap .map-links { display:inline; } .best-of-wrap .introduction { border-bottom: 2px dotted #968E52; border-top: 2px dotted #968E52; clear: both; color: #e13d32; font-family: Helvetica,Arial, sans-serif !important; font-size: 1.1em; padding: 0.5em 0; margin-bottom:.5em; } .best-of-wrap .flush-left, .best-of-wrap .body-text { font-family:Georgia, "Times New Roman", serif; } .best-of-wrap .box-heading-2 { margin-top:0; } .best-of-wrap .context-sidebar { background-color: #e5efd1; } .best-of-wrap .context-sidebar .box-heading-2 { color: #4f7b38; } .best-of-wrap .context-sidebar .box-list-b .bullet_arrow { color: #6cac33; } /* ------------------- SURVIVAL GUIDE ------------------ */ .section-survival-guide .context-heading .heading-1 { margin-left:0; color:#af0c5f; width:6em; font-size:2.5em; } .section-survival-guide .heading-2 { color:#e3005d; border-bottom:2px dotted #e3005d; padding-bottom:.4em; } .section-survival-guide .heading-3 { color:#000; font-weight:bold; } .section-survival-guide .heading-4 { color:#e3005d; font-size:1.2em; font-weight:bold; margin-bottom:.5em; } .section-survival-guide .heading-4b { color:#e3005d; font-size:1.2em; font-weight:bold; margin-bottom:.5em; margin-top:.2em;} .context-climate-charts { margin:1.3em 0; margin-top:.5em; } .section-survival-guide p { font-family: Helvetica, Arial, sans-serif; } .section-survival-guide .list-a { margin-top:.5em; } .section-survival-guide .list-b { margin-top:.5em; } .section-survival-guide .list-c + .list-b, .section-survival-guide .list-c + .flush-left { margin-top:1em; } .section-survival-guide .list-c { /* Green Top tips */ color:#3E6A2B; margin:1em 0 .4em 0; line-height:125%; overflow:hidden; } .section-survival-guide .list-c img { margin-right:.4em; float:left; } .section-survival-guide .bullet_arrow .list-b { color:#AF0C5F; font-size:1.5em; } .poi { font-weight:bold; } .context-inline-eps div { text-align:center; } /* ------------------- BEHIND THE SCENES / OUR WRITERS ------------------ */ .section-behind-the-scenes p, .section-our-writers p { font-family: Helvetica, Arial, sans-serif; } .section-behind-the-scenes .heading-1, .section-our-writers .heading-1 { margin-left:0; font-size:2.5em; color:#8a8557; } .section-our-writers .heading-1a {margin-bottom:5em; margin-left:0em; font-size:2.5em; color:#8a8557; } .section-behind-the-scenes .heading-3, .section-our-writers .heading-3 { font-weight:bold; color:#000; margin:0em;} .section-behind-the-scenes .narrative { margin-top:.2em; } .feedback { border-top:1px dotted #8a8557; border-bottom:1px dotted #8a8557; padding:.3em 0 .3em 0; } .line { border-top:2px dotted #8a8557; margin-top:2em; margin-bottom:0.5em; } .context-this-book-box { padding:1em; background-color:#f1efe1; margin:1em 0; } .context-this-book-box1 { padding:0em 1em 2em 2em; background-color:#f1efe1; margin:5em 0em 0em 0em; font-size:85%; } .context-this-book-box .box-heading-1 { color:#e3005d; padding-bottom:0; } .context-this-book-box .box-heading-2 {font-size:1.2em; color:#B11A62; padding-bottom:0; } div.image_container1 img{ margin: 20px 0px 0px 0px; display:inline-block; margin-top:1em; margin-bottom:0em; page-break-inside: avoid; max-width:100%; max-height:100%; } div.image_container2{ page-break-before: always; margin: 20px 8% 0px; display: inline-block; page-break-inside: avoid; max-width: 84%; } div.image_container2 img{ max-width: 100%; max-height: 100%; } .fig1 { vertical-align:middle; } .fig2 { max-width: 100%; max-height: 100%; vertical-align:middle; } .figf { float:left; vertical-align:middle; } .figf1 { float:left; vertical-align:middle; margin-top: .5em; margin-bottom: 0em; } .dpink{color: #AF256C;} .light-blue{color: #138AD6;} .pale-blue{color: #D2EDFC;} .blue{color: #0072BC;} .blues{color:#019ED3;} .lightblue{color: #00AEEF;} .red{color: #e13d32;} .red2{color:#EF4030;} .dark-red{color: #e13d32;} .pink {color:#e3005d;} .dark-survival{color: #A49D5C;} .light-survival{color: #EEECDA;} .light-brown{color: #F0EEDD;} .dark-green{color: #3E6A2B;} .green{color: #009185;} .green-1{color: #B2AA6E;} .green-2{color: #888455;} .orange{color: #F7941E;} .violet{color: #92278F;} .grey{color: #ABA468;} .grey-1 {background-color: #E9E6D2; padding:1em;} .black{color: black;} .heading-1a { margin-left:0; font-size:2.5em; color:#8a8557; } .heading-1b { color:#e3005d; border-bottom:2px dotted #e3005d; padding-bottom:.4em;} .heading-3a { margin-bottom:.2em; border-top: 2px dotted #8a8557; color:#8a8557;} .heading-3b { margin-bottom:.2em; border-top: 2px dotted #009185; color:#009185;} .heading-3c { margin-bottom:.2em; border-top: 2px dotted #0072BC; color:#0072BC;} .heading-3d { margin-bottom:.2em; border-top: 2px dotted #F7941E; color:#F7941E;} .heading-3e { margin-bottom:.2em; border-top: 2px dotted #92278F; color:#92278F;} h1.welcome a:link{color:black; text-decoration:none;} h1.welcomea a{color:black; text-decoration:none;} .book-toc p a:link{color:black; text-decoration:none;} h5.heading-5 a{color:black; text-decoration:none;} h2.neighbourhood-heading-2 a{color:black; text-decoration:none;} .heading-1b a{color:black; text-decoration:none;} .section-need-to-know h1.heading-1 a{color:black; text-decoration:none;} .section-neighbourhood-intro h1.heading-1 a{ -webkit-text-fill-color: #fff; color:#fff!important; text-transform:none; text-decoration:none; font-family: Helvetica, Arial, sans-serif; } span.ogreen{color:#84804F;} td.color1{background-color:#FFF9EA;} td.color2{background-color:#E2F4FD;} td.color3{background-color:#FEEAE1;} td.color4{background-color:#F6F5EC;} .flush-left1 { clear:left; margin-top: 1em;} .flush-left { clear:left; margin-top: 0em;} .indexmain { clear:left; text-indent:-1.5em; margin-left: 1.5em;} .indexsub { clear:left; text-indent:-1.5em; margin-left: 3em;} .list-b:before {content: "\203A \ "; color:#019ECF; font-size:1.5em; } .list-b1:before {content: "\203A \ "; color:#AF0C5F; font-size:1.5em; } .list-b3:before {content: "\203A \ "; color:#E43227; font-size:1.5em; } .reda{color: #B11A62;} .best-of-wrap h2 a:link{color:black; text-decoration:none;} .redb{color: #E6005F;} .red-1{color: #E63023;} .section-neighbourhood-intro h2 a:link{color:black; text-decoration:none;} .section-local-life-alt h2.heading2 a:link{text-decoration:none;} .green1{color: #528635;} .white{color: #FFFFFF;} .black1{color: black;} h1.heading-1a a{text-decoration:none;} h1.heading-1 a{text-decoration:none;} .pagebreak { page-break-before:always; } .section-neighbourhood-intro h2 a:link{color:black; text-decoration:none;} /* Figures */ div.figure1 img { margin: 1em auto 0; display:inline-block; margin-top:1em; margin-bottom:0em; max-width: 100%; max-height: 100%; page-break-inside: avoid; } div.figure2 { margin: 1em 8% 0; padding: 0.5em; max-width: 84%; page-break-before: always; page-break-inside: avoid; } div.figure2 img{ max-width: 100%; max-height: 100%; } div.figure3 { margin: 1em 8% 0; padding: 0.5em; max-width: 84%; page-break-inside: avoid; } div.figure3 img{ max-width: 100%; max-height: 100%; } .billedtekst { text-align:right; font-size:.7em; font-family:LPBentonSansCond, Helvetica, Arial, sans-serif; line-height:150%; background-color:#ddd; color:#555; padding:.4em .6em .4em .6em; margin: -8px 0px 10px 0px; } .billedtekst1 { text-align:right; font-size:.7em; font-family:LPBentonSansCond, Helvetica, Arial, sans-serif; line-height:150%; background-color:#ddd; color:#555; margin-right: -5px; padding:.4em .6em .4em .6em; margin: -4px 0px 10px 0px; max-width: 100%; } .font { font-size: .9em; }