/* POCKET */

/* -----------------  QUICK START  ------------------ */

h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size:2.5em;
  max-width:9em;
  margin-bottom:.5em;
  line-height:100%;
  }

h1 strong {
  color: #E03126;
  display: block;
}

.running-header strong{
  color: #E03126;
}

.title-page .box-flush-left {
  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%;
}


/* ---------------  TOP SIGHTS  ---------------- */

.top-sights h4 {
  background: url('images/category-sights.gif') no-repeat;
  padding-left:1.5em;
  font-size:1.5em;
  margin-top:0;
  color:#000; }

.top-sights h4 .font-icon { 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 span { color: #000; margin-right:0.4em; }

/* ---------------  LOCAL LIFE  ---------------- */

.local-life div.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;
  }

.local-life .list-c {
  background: url('images/arrow-red.gif') no-repeat .1em .3em;
  color:#e13d32;
  margin-top:0;
  font-family: Helvetica, Arial, sans-serif;
  padding-left:1em;
  }


/* ---------------  DAY PLANNER  ---------------- */

.day-planner div.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;
  }

.am-pm { float:left; margin-right:.8em; margin-top:.1em; }

.narrative { margin-top:1em; font-family: Helvetica, Arial, sans-serif; }

/* ---------------  NEED TO KNOW  ---------------- */

.need-to-know p { font-family: Helvetica, Arial, sans-serif; }
.need-to-know h1 { margin-left:0; color:#e13d32; font-size:2.5em; max-width:6em; }
.need2KnowCol1 div > h6:first-of-type { margin:0.3em 0 0 0; }

.need-to-know h2 { margin-bottom:.6em; }
.need-to-know h5 {
  margin-bottom:.5em;
  color:#e13d32;
  line-height: 250%;
  padding-left:3.5em;
  }

.need-to-know .need2KnowCol1 h2 {
  padding-left: 1.8em;
  background: url('images/bullet-1-lge.gif') no-repeat 0em .2em;
  line-height: 200%;
}

.need-to-know .need2KnowCol2 h2 {
  padding-left: 1.8em;
  background: url('images/bullet-2-lge.gif') no-repeat 0em .2em;
  line-height: 200%;
}

.need-to-know .need2KnowCol3 h2 {
  padding-left: 1.8em;
  background: url('images/bullet-3-lge.gif') no-repeat 0em .2em;
  line-height: 200%;
}

.need-to-know .list-b {
  background: url('images/arrow-red.gif') no-repeat .1em .3em;
  margin-top:0;
  font-family: Helvetica, Arial, sans-serif;
  padding-left:1em;
  }

.need-to-know h5.none         { padding-left:0!important;}
.need-to-know h5.air          { background: url('images/heading-icon-air.gif') no-repeat 0em .2em;}
.need-to-know h5.bus          { background: url('images/heading-icon-bus.gif') no-repeat 0em .2em;}
.need-to-know h5.car          { background: url('images/heading-icon-car.gif') no-repeat 0em .2em;}
.need-to-know h5.taxi         { background: url('images/heading-icon-car.gif') no-repeat 0em .2em;}
.need-to-know h5.cycling      { background: url('images/heading-icon-cycle.gif') no-repeat 0em .2em;}
.need-to-know h5.bicycle      { background: url('images/heading-icon-cycle.gif') no-repeat 0em .2em;}
.need-to-know h5.bike         { background: url('images/heading-icon-cycle.gif') no-repeat 0em .2em;}
.need-to-know h5.ferry        { background: url('images/heading-icon-ferry.gif') no-repeat 0em .2em;}
.need-to-know h5.boat         { background: url('images/heading-icon-ferry.gif') no-repeat 0em .2em;}
.need-to-know h5.metro        { background: url('images/heading-icon-metro.gif') no-repeat 0em .2em;}
.need-to-know h5.subway       { background: url('images/heading-icon-subway.gif') no-repeat 0em .2em;}
.need-to-know h5.tube         { background: url('images/heading-icon-tube.gif') no-repeat 0em .2em;}
.need-to-know h5.underground  { background: url('images/heading-icon-subway.gif') no-repeat 0em .2em;}
.need-to-know h5.train        { background: url('images/heading-icon-train.gif') no-repeat 0em .2em;}
.need-to-know h5.tram         { background: url('images/heading-icon-tram.gif') no-repeat 0em .2em;}


.need-to-know table { font-family: Helvetica, Arial, sans-serif; border-collapse: collapse; background-color: #f7f7f7; }
.need-to-know tbody { padding:.5em; }
.need-to-know th    { padding:0px; font-weight:bold; font-size:1.1em; }
.need-to-know td    { padding:0px; border-bottom:1px solid #666; }
.need-to-know td p    { font-size:.9em; padding:5px 10px; }
.need-to-know .table-heading-1 {
  border-bottom:3px solid #e13d32;
  padding:5px 10px;
  padding-top:.6em;
  margin-bottom:0em;
  margin-top:0;
  }

.need-to-know p.sidebar { padding-left:0;}


/* ---------------  NEIGHBOURHOOD MAP  ---------------- */

a.color-1   { color:#7796c5; -webkit-text-fill-color: #7796c5; }

.neighbourhoods-map h3 { border-left: 12px solid; padding-left: 6px; border-radius: 6px; }
.neighbourhoods-map h3:nth-of-type(1) { border-left-color:#7796c5; }
.neighbourhoods-map h3:nth-of-type(2) { border-left-color:#f8b15a; }
.neighbourhoods-map h3:nth-of-type(3) { border-left-color:#cf78a8; }
.neighbourhoods-map h3:nth-of-type(4) { border-left-color:#89c07b; }
.neighbourhoods-map h3:nth-of-type(5) { border-left-color:#8b70a6; }
.neighbourhoods-map h3:nth-of-type(6) { border-left-color:#bed373; }
.neighbourhoods-map h3:nth-of-type(7) { border-left-color:#89cdce; }
.neighbourhoods-map h3:nth-of-type(8) { border-left-color:#eb697a; }

.neighbourhoods-map h3 a { color: #7796c5; -webkit-text-fill-color: #7796c5; }
.neighbourhoods-map h3:nth-of-type(1) a { color:#7796c5; -webkit-text-fill-color: #7796c5; }
.neighbourhoods-map h3:nth-of-type(2) a { color:#f8b15a; -webkit-text-fill-color: #f8b15a; }
.neighbourhoods-map h3:nth-of-type(3) a { color:#cf78a8; -webkit-text-fill-color: #cf78a8; }
.neighbourhoods-map h3:nth-of-type(4) a { color:#89c07b; -webkit-text-fill-color: #89c07b; }
.neighbourhoods-map h3:nth-of-type(5) a { color:#8b70a6; -webkit-text-fill-color: #8b70a6; }
.neighbourhoods-map h3:nth-of-type(6) a { color:#bed373; -webkit-text-fill-color: #bed373; }
.neighbourhoods-map h3:nth-of-type(7) a { color:#89cdce; -webkit-text-fill-color: #89cdce; }
.neighbourhoods-map h3:nth-of-type(8) a { color:#eb697a; -webkit-text-fill-color: #eb697a; }