/* MAPPIN BLUE PANEL CONTRAST — FORCED FINAL
   ONLY Home closing panel + Why Mappin blue reader content.
   All typography on blue is white / near-white. */

/* HOME CLOSING PANEL */
body.mappin-commercial .v14-close,
body.mappin-commercial .v14-close .v14-close-inner{
  color:#FFFFFF !important;
}

body.mappin-commercial .v14-close .mc-eyebrow,
body.mappin-commercial .v14-close h1,
body.mappin-commercial .v14-close h2,
body.mappin-commercial .v14-close h3,
body.mappin-commercial .v14-close p,
body.mappin-commercial .v14-close strong,
body.mappin-commercial .v14-close span{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:none !important;
}

body.mappin-commercial .v14-close p{
  color:#F4F9FF !important;
  -webkit-text-fill-color:#F4F9FF !important;
}

/* WHY MAPPIN BLUE READER PANELS */
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide-copy{
  color:#FFFFFF !important;
}

body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide .v5-slide-kicker,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide h1,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide h2,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide h3,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide p,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide strong,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide b,
body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide span{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:none !important;
}

body.mappin-commercial .v5-reader[data-reader="why"] .v5-slide p{
  color:#F4F9FF !important;
  -webkit-text-fill-color:#F4F9FF !important;
}

/* CURRENT WHY MAPPIN WM4 PANEL ARCHITECTURE */
body.mappin-commercial .wm4-page-card,
body.mappin-commercial .wm4-page-card *,
body.mappin-commercial .wm4-content,
body.mappin-commercial .wm4-content *,
body.mappin-commercial .wm4-panel,
body.mappin-commercial .wm4-panel *,
body.mappin-commercial [class*="wm4-"][class*="panel"] *,
body.mappin-commercial [class*="wm4-"][class*="card"] h1,
body.mappin-commercial [class*="wm4-"][class*="card"] h2,
body.mappin-commercial [class*="wm4-"][class*="card"] h3,
body.mappin-commercial [class*="wm4-"][class*="card"] p{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:none !important;
}