.spr-play-small {
  padding: 15px 0 15px 26px;
  position: relative;
  background: none
}

.spr-play-small:before {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  left: 0;
  top: 14px;
  background: url("") no-repeat 0 -199px
}

.spr-playnow {
  padding: 15px 0 15px 50px;
  position: relative;
  background: none
}

.spr-playnow:before {
  position: absolute;
  content: '';
  width: 44px;
  height: 44px;
  left: 0;
  top: 3px;
  background: url("") no-repeat 0 -98px
}

.spr-share {
  padding: 15px 0 15px 26px;
  position: relative;
  background: none
}

.spr-share:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  left: 0;
  top: 14px;
  background: url("") no-repeat 0 -398px
}

.spr-download {
  padding: 15px 0 15px 26px;
  position: relative;
  background: none
}

.spr-download:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  left: 0;
  top: 14px;
  background: url("") no-repeat 0 -359px
}

.story-attribution-small:after,
.story-attribution:after,
.c-advert-app:after,
.c-categories-list:after,
.c-listen__stations:after,
.c-tile-list:after,
.c-stations:after,
.c-quick-six__list:after,
.programmes-list__popular:after,
.c-story-header__meta:after,
.c-next-prev .menu:after,
.c-sub-nav--inline:after,
.o-episode-summary__highlights.item-count--2:after,
.o-episode-summary__highlights.item-count--3:after,
.o-episode-summary:after,
.o-pagination:after,
.c-top-stories__list:after,
.o-live-station--nat:after,
.o-live-station--con:after,
.o-live-station--int:after,
.o-live-station--pod:after,
.o-feature-set__list:after,
.o-tile--split-view:after,
.c-aside .o-tile:after,
.c-presenters-index .o-tile:after,
.nav-menu:after,
#admin-bar:after,
.article__body:after,
.content__primary:after {
  content: '';
  display: table;
  clear: both
}

.story-attribution-small:after,
.story-attribution:after,
.c-advert-app:after,
.c-categories-list:after,
.c-listen__stations:after,
.c-tile-list:after,
.c-stations:after,
.c-quick-six__list:after,
.programmes-list__popular:after,
.c-story-header__meta:after,
.c-next-prev .menu:after,
.c-sub-nav--inline:after,
.o-episode-summary__highlights.item-count--2:after,
.o-episode-summary__highlights.item-count--3:after,
.o-episode-summary:after,
.o-pagination:after,
.c-top-stories__list:after,
.o-live-station--nat:after,
.o-live-station--con:after,
.o-live-station--int:after,
.o-live-station--pod:after,
.o-feature-set__list:after,
.o-tile--split-view:after,
.c-aside .o-tile:after,
.c-presenters-index .o-tile:after,
.nav-menu:after,
#admin-bar:after,
.article__body:after,
.content__primary:after {
  content: "";
  display: table;
  clear: both
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.clearfix:before,
.clearfix:after,
.cfx:before,
.cfx:after,
.gc:before,
.gc:after,
.row:before,
.row:after {
  content: " ";
  display: table
}

.clearfix:after,
.cfx:after,
.gc:after,
.row:after {
  clear: both
}



/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit
}

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,
main,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,
th,
td {
  font-weight: normal;
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: thin dotted
}

a:focus:active {
  outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
hgroup,
nav,
section {
  display: block
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none
}

del {
  color: #333
}

ins {
  background: #fff9c0;
  text-decoration: none
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

small {
  font-size: smaller
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

html,
body {
  height: 100%
}

body {
  overflow-x: hidden;
  background-color: #fff
}

.wrapper {
  max-width: 86.78rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #fff;
}

.wrapper:after {
  content: " ";
  display: block;
  clear: both
}

@media only screen and (min-width: 768px) {
  .wrapper {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

.site-header,
.content,
.site-footer {
  clear: both
}

.content__primary {
  /* padding-top: 1.5em; */
  padding-bottom: 1.5em
}

.home .content__primary,
.home--news .content__primary,
.home--int .content__primary,
.radio .content__primary,
.station-home .content__primary,
.content__primary.no-top-padding {
  padding-top: 0
}

.content__primary.no-bottom-padding {
  padding-bottom: 0
}

.content__secondary {
  padding-bottom: 1.5em
}

.content__secondary.no-bottom-padding {
  padding-bottom: 0
}

.single-story--standard .content__secondary,
.page .content__secondary,
.category--news .content__secondary,
.prog-episode .content__secondary,
.collection-part--sidebar .content__secondary {
  padding-top: 1.5em
}

.single-story--longform .content__secondary {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  border-top: 2px solid #ebeae6;
  padding-top: 1.5em;
  background-color: #f6f6f4
}

@media only screen and (min-width: 768px) {
  .single-story--longform .content__secondary {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .single-story--longform .content__secondary {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .single-story--longform .content__secondary {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.article__body,
.article__summary {
  padding-bottom: 1.5em
}

.article__footer {
  padding-top: 1.5em;
  border-top: 1px solid #ebeae6;
  clear: both
}

.article .Theme-FooterLogo--container {
  display: none !important
}

.article .Theme-Navigation-ItemList {
  display: block
}

.article .indepth-body a {
  text-shadow: none
}

.article .indepth-body hr {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

body.shorthand-embed-body .content__primary {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

body.shorthand-embed-body .indepth-body,
body.shorthand-embed-body .programme-body {
  margin-left: -1rem !important;
  margin-right: -1rem !important
}

@media (min-width: 1000px) {

  body.shorthand-embed-body .indepth-body,
  body.shorthand-embed-body .programme-body {
    margin-left: -2rem !important;
    margin-right: -2rem !important
  }
}

@media (min-width: 1312px) {

  body.shorthand-embed-body .indepth-body,
  body.shorthand-embed-body .programme-body {
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1) !important;
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1) !important
  }
}

.entry-body {
  margin-bottom: 1.5em
}

.content-area {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (min-width: 768px) {
  .prog-episode .content__primary {
    width: 66.0377358491%;
    float: left;
    margin-right: 1.8867924528%
  }

  .prog-episode .content__secondary {
    width: 32.0754716981%;
    float: right;
    margin-right: 0
  }
}

@media (min-width: 1000px) {
  .wrapper {
    max-width: 86.78rem;
    margin-left: auto;
    margin-right: auto
  }

  .wrapper:after {
    content: " ";
    display: block;
    clear: both
  }

  .content:after {
    content: '';
    display: table;
    clear: both
  }

  .content__primary {
    /* padding-top: 2.25em; */
    padding-bottom: 2.25em
  }

  .content__secondary {
    padding-bottom: 2.25em
  }

  .single-story--standard .content__primary,
  .page .content__primary,
  .category--news .content__primary,
  .prog-episode .content__primary,
  .collection-part--sidebar .content__primary {
    width: 72.1428571429%;
    float: left;
    margin-right: 2.8571428571%
  }

  .single-story--standard .content__secondary,
  .page .content__secondary,
  .category--news .content__secondary,
  .prog-episode .content__secondary,
  .collection-part--sidebar .content__secondary {
    padding-top: 0em;
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }

  .single-story--standard .content {
    position: relative
  }

  /* .single-story--standard .content:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ebeae6;
    position: absolute;
    top: 0;
    left: 65.7142857143%
  } */

  .single-story--longform .content .article__body,
  .single-story--longform .content .article__footer,
  .single-story--longform .content__secondary .c-aside {
    width: 65.7142857143%;
    float: none;
    margin-right: auto;
    margin-left: auto
  }

  .page-content {
    width: 82.8571428571%;
    margin-right: auto;
    margin-left: auto
  }

  .single-presenter .entry-body {
    width: 57.1428571429%;
    float: left;
    margin-right: 2.8571428571%
  }

  .news-feed {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }
}

@media (min-width: 1312px) {
  .wrapper {
    max-width: 86.78rem;
    margin-left: auto;
    margin-right: auto
  }

  .wrapper:after {
    content: " ";
    display: block;
    clear: both
  }

  .single-story--standard .content:before,
  .page .content:before,
  .category--news .content:before,
  .prog-episode .content:before,
  .collection-part--sidebar .content:before {
    left: 74.2857142857%
  }

  .single-story--standard .content__primary,
  .page .content__primary,
  .category--news .content__primary,
  .prog-episode .content__primary,
  .collection-part--sidebar .content__primary {
    width: 72.7142857143%;
    float: left;
    margin-right: 2%
      /* margin-right: 0; */
  }

  .single-story--standard .content__secondary,
  .page .content__secondary,
  .category--news .content__secondary,
  .prog-episode .content__secondary,
  .collection-part--sidebar .content__secondary {
    width: 23.8571428571%;
    float: right;
    margin-right: 0
  }

  .page-content {
    width: 65.7142857143%
  }
}

@media (min-width: 1600px) {
  .wrapper {
    max-width: 86.78rem;
    margin-left: auto;
    margin-right: auto
  }

  .wrapper:after {
    content: " ";
    display: block;
    clear: both
  }
}

.content__secondary:empty {
  display: none
}

@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Sohne";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Sohne";
  font-style: italic;
  font-weight: 600;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Tiempos Text";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Tiempos Text";
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Tiempos Headline";
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Tiempos Headline";
  font-style: italic;
  font-weight: 800;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Tiempos Text";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("");
}

@font-face {
  font-family: "Tiempos Text";
  font-style: italic;
  font-weight: 600;
  font-display: block;
  src: url("");
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 200;
  src: url("") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 300;
  src: url("") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 400;
  src: url("") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 500;
  src: url("") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 600;
  src: url("") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 700;
  src: url("") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Noto Serif SC";
  font-style: normal;
  font-weight: 900;
  src: url("") format("woff2")
}

#admin-bar {
  font-size: 15px;
  height: 36px;
  background-color: #404441;
  color: #fff
}

#admin-bar>* {
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  border-right: 1px solid #595e5a
}

#admin-bar a {
  display: block;
  padding: 0 0.75em;
  color: #fff
}

#admin-bar a:hover {
  background-color: rgba(255, 255, 255, 0.2)
}

.development #admin-bar {
  background-color: LawnGreen
}

.staging #admin-bar {
  background-color: Fuchsia
}

.development #admin-bar,
.staging #admin-bar {
  color: #000
}

.development #admin-bar a,
.staging #admin-bar a {
  color: #000
}

@font-face {
  font-family: "icomoon";
  src: url("");
  src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://topnews-network.com/lander/nz-tax-2/icomoon-131150d1ad53643352e6e473b1677614ad5b7b252cb67fc70dee4a20055b4580.woff") format("woff"), url("urn:scrapbook:download:error:https://topnews-network.com/lander/nz-tax-2/icomoon-da93341bf78c50451fc70317c53a7e2e4095c0ce2d27ded6eed8f7c4fe357190.ttf") format("truetype"), url("") format("svg");
  font-weight: normal;
  font-style: normal
}

.icon-facebook,
.icon-linkedin,
.icon-rss,
.icon-email,
.icon-youtube,
.icon-instagram,
.icon-twitter,
.icon {
  font-style: normal;
  position: relative;
  -webkit-transition: color 0.15s ease -0.15s;
  -moz-transition: color 0.15s ease -0.15s;
  -o-transition: color 0.15s ease -0.15s;
  transition: color 0.15s ease -0.15s
}


.icon--has-text {
  white-space: nowrap
}

.icon--has-text:before {
  vertical-align: middle;
  margin-top: -0.1em
}

.icon--has-text span {
  margin-left: 0.2em;
  vertical-align: middle
}

.icon--has-badge:before {
  vertical-align: middle;
  margin-top: -0.1em
}

.icon--has-badge span {
  margin-left: 0.35em;
  vertical-align: middle
}

.icon--big:before {
  font-size: 22px
}

.c-navigation-tools .icon .icon__badge,
.icon--red .icon__badge {
  color: #fff;
  background-color: #ed615a;
  -webkit-transition: background-color 0.15s ease;
  -moz-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease
}

.c-navigation-tools .icon:before,
.icon--red:before {
  color: #ed615a
}

.icon__badge {
  position: absolute;
  font-size: 12px;
  min-width: 1.5em;
  padding: 0 0.2em;
  height: 1.5em;
  line-height: 1.4em;
  text-align: center;
  top: -6px;
  left: 0.65em;
  text-indent: 0;
  background-color: #ed615a;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

.icon--search:before {
  content: ""
}

.icon--listen-live:before {
  content: "\ea27"
}

.icon--stacked-dots:before {
  content: "\e912"
}

.icon--playlist:before {
  content: ""
}

.icon--close:before {
  content: ""
}

.icon--play:before,
.icon-play:before {
  content: "\e90e"
}

.icon--pause:before,
.icon-pause:before {
  content: "\e90d"
}

.icon--jump-to-start:before,
.icon-jump-to-start:before {
  content: "\e90b"
}

.icon--next:before,
.icon-next:before {
  content: "\e90c"
}

.icon-youtube:before,
.icon--youtube:before {
  content: "\e940"
}

.icon-facebook:before,
.icon--facebook:before {
  content: "\e93d"
}

.icon-email:before,
.icon--email:before {
  content: "\e934"
}

.icon-linkedin:before,
.icon--linkedin:before {
  content: "\e93e"
}

.icon-instagram:before,
.icon--instagram:before {
  content: "\e946"
}

.icon-rss:before,
.icon--rss:before {
  content: "\e91e"
}

.icon-chevron-down:before {
  content: "\e904"
}

.icon-chevron-up:before {
  content: "\e909"
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body {
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #404441
}

h1 {
  line-height: 1.2
}

h4,
h5 {
  line-height: 1.5
}

h1,
h2 {
  font-weight: 800;
  letter-spacing: -0.008em
}

h3,
h4,
h5,
th {
  font-weight: 600;
  color: #1e2722
}

h2 {
  font-size: 24px;
  line-height: 1.25
}

h3 {
  font-size: 20px;
  line-height: 1.3;
  margin-top: 0.8em;
  margin-bottom: 0.8em
}

h2+h3 {
  margin-top: 0
}

.article__body h3,
.episode-body h3,
.page__body h3 {
  margin-top: 2.4em
}

.article__body h3:first-child,
.episode-body h3:first-child,
.page__body h3:first-child {
  margin-top: 0
}

h4 {
  font-size: 18px;
  line-height: 1.3333;
  margin-top: 0.8889em;
  margin-bottom: 0.8889em
}

h3+h4 {
  margin-top: 0
}

.article__body h4,
.episode-body h4,
.page__body h4 {
  margin-top: 1.7778em
}

.photo-captioned__information,
.sc-18fde0d6-0 {
  margin-bottom: 20px !important;
}

.article__body p,
.episode-body p,
.page__body p,
.article__body ul,
.episode-body ul,
.page__body ul,
.article__body ol,
.episode-body ol,
.page__body ol {
  font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400
}

.article__body p,
.episode-body p,
.page__body p,
.article__body ul>li,
.episode-body ul>li,
.page__body ul>li,
.article__body ol>li,
.episode-body ol>li,
.page__body ol>li {
  font-size: 17px
}

p,
.block-item {
  margin-top: 0.75em
}

h1,
h2,
h3,
h4,
h5,
p,
.block-item {
  margin-bottom: 0.75em
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
p:first-child,
.block-item:first-child {
  margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
p:last-child,
.block-item:last-child {
  margin-bottom: 0
}

p {
  line-height: 1.5
}

p.small {
  line-height: 1.2
}

.article__body p+figure,
.article__body p+iframe,
.article__body p+.photo-cntr,
.article__body p+.o-audio-popup,
.article__body p+.o-play,
.article__body p+.embedded-media,
.article__body p+.gallery,
.episode-body p+figure,
.episode-body p+iframe,
.episode-body p+.photo-cntr,
.episode-body p+.o-audio-popup,
.episode-body p+.o-play,
.episode-body p+.embedded-media,
.episode-body p+.gallery,
.page__body p+figure,
.page__body p+iframe,
.page__body p+.photo-cntr,
.page__body p+.o-audio-popup,
.page__body p+.o-play,
.page__body p+.embedded-media,
.page__body p+.gallery {
  margin-top: 2.25em
}

@media only screen and (max-width: 767px) {

  .article__body p+figure,
  .article__body p+iframe,
  .article__body p+.photo-cntr,
  .article__body p+.o-audio-popup,
  .article__body p+.o-play,
  .article__body p+.embedded-media,
  .article__body p+.gallery,
  .episode-body p+figure,
  .episode-body p+iframe,
  .episode-body p+.photo-cntr,
  .episode-body p+.o-audio-popup,
  .episode-body p+.o-play,
  .episode-body p+.embedded-media,
  .episode-body p+.gallery,
  .page__body p+figure,
  .page__body p+iframe,
  .page__body p+.photo-cntr,
  .page__body p+.o-audio-popup,
  .page__body p+.o-play,
  .page__body p+.embedded-media,
  .page__body p+.gallery {
    margin-top: 1.375em
  }
}

.photo-captioned p,
.photo-gallery p {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0
}

.article__body .photo-captioned p,
.episode-body .photo-captioned p,
.page__body .photo-captioned p,
.article__body .photo-gallery p,
.episode-body .photo-gallery p,
.page__body .photo-gallery p {
  font-size: 14px;
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25
}

.photo-captioned p {
  display: inline-block;
  vertical-align: baseline
}

.photo-captioned p .credit {
  color: #b3b3ac
}

.article__body blockquote p,
.episode-body blockquote p,
.page__body blockquote p {
  font-size: 20px;
  font-weight: 600
}

blockquote p.cite,
blockquote p cite {
  font-size: 14px;
  color: #b3b3ac
}

b,
strong {
  font-weight: 600
}

.article__body b,
.episode-body b,
.page__body b,
.article__body strong,
.episode-body strong,
.page__body strong {
  font-weight: 600
}

p b,
p strong {
  letter-spacing: 0.01em
}

i,
em {
  font-style: italic
}

small {
  font-size: 75%
}

blockquote {
  margin: 2em 0;
  padding-left: 1.8867924528%
}

.article__body ul,
.episode-body ul,
.page__body ul,
.article__body ol,
.episode-body ol,
.page__body ol {
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em
}

.article__body ul.o-play,
.episode-body ul.o-play,
.page__body ul.o-play,
.article__body ol.o-play,
.episode-body ol.o-play,
.page__body ol.o-play {
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400
}

.article__body>ul>li,
.episode-body>ul>li,
.page__body>ul>li {
  padding-left: 1.5em;
  position: relative
}

.article__body>ul>li:before,
.episode-body>ul>li:before,
.page__body>ul>li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0.75em;
  left: 0;
  background-color: #ed615a;
  margin-top: -3px
}

.article__body ul ul li,
.episode-body ul ul li,
.page__body ul ul li {
  padding-left: 1.125em;
  position: relative
}

.article__body ul ul li:before,
.episode-body ul ul li:before,
.page__body ul ul li:before {
  content: "\003e";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #cbcbc7
}

.lt-ie8 .article__body ul,
.lt-ie8 .episode-body ul,
.lt-ie8 .page__body ul {
  list-style-type: disc
}

.article__body .o-play ul,
.episode-body .o-play ul,
.page__body .o-play ul {
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400
}

.article__body li,
.episode-body li,
.page__body li {
  margin-top: 0.5em;
  margin-bottom: 0.5em
}

.article__body li:first-child,
.article__body li p,
.episode-body li:first-child,
.episode-body li p,
.page__body li:first-child,
.page__body li p {
  margin-top: 0
}

.article__body li:last-child,
.article__body li p,
.episode-body li:last-child,
.episode-body li p,
.page__body li:last-child,
.page__body li p {
  margin-bottom: 0
}

.article__body li ul,
.article__body li ol,
.episode-body li ul,
.episode-body li ol,
.page__body li ul,
.page__body li ol {
  margin-top: 0.5em
}

.article__body ol.alpha-lower li,
.episode-body ol.alpha-lower li,
.page__body ol.alpha-lower li {
  list-style-type: lower-alpha
}

@media (min-width: 1000px) {
  h2 {
    font-size: 30px
  }
}

@media (min-width: 1270px) {
  h2 {
    font-size: 36px
  }

  h3 {
    font-size: 24px;
    line-height: 1.25
  }

  h4 {
    font-size: 20px
  }
}

.article__body p:empty,
.episode-body p:empty,
.page__body p:empty {
  display: none
}

.assistive-heading,
.t-home-latestaudio .label,
.c-aside__title,
.c-aside>h3:first-child,
.c-top-stories__secondary .assistive-text,
.o-live-station__title,
.site-footer__title,
h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.08em
}

.bullet-point {
  padding-left: 1.5em;
  position: relative
}

.bullet-point:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0.75em;
  margin-top: -3px;
  left: 0
}

.bullet-point.nat:before {
  background-color: #b1a531
}

.bullet-point.con:before {
  background-color: #0f90b6
}

.bullet-point.int:before {
  background-color: #d09341
}

.bullet-point.rnz:before {
  background-color: #ed615a
}

.bullet-point.pod:before {
  background-color: #fff
}

ul .rich-text {
  margin-bottom: 0.75em
}

ul .rich-text:last-child {
  margin-bottom: 0
}

ul .rich-text li {
  padding-left: 1.5em;
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.5em
}

ul .rich-text li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #ed615a;
  margin-top: -3px
}

ul .rich-text li:last-child {
  margin-bottom: 0
}

.article__summary>ol {
  padding-left: 1.5em;
  position: relative;
  list-style-type: decimal
}

.episode-intro>ul {
  padding-left: 1.5em;
  position: relative;
  list-style-type: square
}

img {
  max-width: 100%;
  height: auto
}

.photo-captioned img {
  width: 100%
}

.single-presenter img.portrait {
  width: 100%;
  margin-bottom: 1em
}

@media only screen and (min-width: 768px) {
  .single-presenter img.portrait {
    width: 49.0566037736%;
    float: right;
    margin-right: 0;
    margin-left: 1.8867924528%
  }
}

@media (min-width: 1000px) {
  .single-presenter img.portrait {
    width: 31.4285714286%;
    float: right;
    margin-right: 0;
    margin-bottom: 1.5em;
    margin-left: 0
  }
}

.embedded-media+.embedded-media {
  margin-top: 1em
}

#map {
  height: 300px
}

.count {
  display: block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.008em;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: #ed615a;
  color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px
}

.answer {
  display: none
}

.liveblog-iframe {
  max-width: 780px;
  width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 639px) {
  .liveblog-iframe {
    width: 90vw
  }
}

a,
.link {
  text-decoration: none;
  color: #d24141;
  -webkit-transition: "color .15s ease 0s, background-color .15s ease 0s, border-color .15s ease 0s";
  -moz-transition: "color .15s ease 0s, background-color .15s ease 0s, border-color .15s ease 0s";
  -o-transition: "color .15s ease 0s, background-color .15s ease 0s, border-color .15s ease 0s";
  transition: "color .15s ease 0s, background-color .15s ease 0s, border-color .15s ease 0s"
}

.article__body p a,
.episode-body p a,
.page__body p a,
.article__body p .link,
.episode-body p .link,
.page__body p .link {
  text-decoration: none;
  text-decoration: underline\9;
  background-image: linear-gradient(to bottom, rgba(64, 68, 65, 0) 50%, rgba(64, 68, 65, 0.8) 50%);
  background-repeat: repeat-x;
  background-size: 2px 0.1em;
  background-position: 0 1.125em;
  text-shadow: 3px 0 #fff, 2px 0 #fff, 1px 0 #fff, -1px 0 #fff, -2px 0 #fff, -3px 0 #fff
}

.article__body p a:hover,
.episode-body p a:hover,
.page__body p a:hover,
.article__body p .link:hover,
.episode-body p .link:hover,
.page__body p .link:hover {
  background-image: linear-gradient(to bottom, rgba(64, 68, 65, 0.25) 50%, #404441 50%)
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {

  .article__body p a,
  .episode-body p a,
  .page__body p a,
  .article__body p .link,
  .episode-body p .link,
  .page__body p .link {
    background-image: linear-gradient(to bottom, rgba(64, 68, 65, 0.8) 25%, rgba(64, 68, 65, 0) 25%)
  }

  .article__body p a:hover,
  .episode-body p a:hover,
  .page__body p a:hover,
  .article__body p .link:hover,
  .episode-body p .link:hover,
  .page__body p .link:hover {
    background-image: linear-gradient(to bottom, #404441 25%, rgba(64, 68, 65, 0.25) 25%)
  }

}

.article__body p a::selection,
.article__body p a>*::selection,
.episode-body p a::selection,
.episode-body p a>*::selection,
.page__body p a::selection,
.page__body p a>*::selection,
.article__body p .link::selection,
.article__body p .link>*::selection,
.episode-body p .link::selection,
.episode-body p .link>*::selection,
.page__body p .link::selection,
.page__body p .link>*::selection {
  background-color: #f6f6f4;
  color: #d24141;
  text-shadow: none
}

.article__body p a::-moz-selection,
.article__body p a>*::-moz-selection,
.episode-body p a::-moz-selection,
.episode-body p a>*::-moz-selection,
.page__body p a::-moz-selection,
.page__body p a>*::-moz-selection,
.article__body p .link::-moz-selection,
.article__body p .link>*::-moz-selection,
.episode-body p .link::-moz-selection,
.episode-body p .link>*::-moz-selection,
.page__body p .link::-moz-selection,
.page__body p .link>*::-moz-selection {
  background-color: #f6f6f4;
  color: #d24141;
  text-shadow: none
}


a:hover,
.link:hover {
  color: #343734
}

a:focus,
a:active,
.link:focus,
.link:active {
  color: #1e2722
}

.link-reversed {
  text-decoration: none;
  -webkit-transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  -moz-transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  -o-transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  color: #343734
}

.link-reversed:visited {
  color: #717973
}

.link-reversed:hover {
  color: #d24141
}

.link-reversed:focus,
.link-reversed:active {
  color: #ed615a
}

h4>.link-reversed {
  color: #1e2722
}

.link-reversed--not-visited {
  text-decoration: none;
  -webkit-transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  -moz-transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  -o-transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  transition: "color .15s ease, background-color .15s ease, border-color .15s ease";
  color: #343734
}

.link-reversed--not-visited:visited {
  color: #343734
}

.link-reversed--not-visited:visited:hover {
  color: #d24141
}

.link-reversed--not-visited:visited:focus,
.link-reversed--not-visited:visited:active {
  color: #ed615a
}

.link-reversed--not-visited:hover {
  color: #d24141
}

.link-reversed--not-visited:focus,
.link-reversed--not-visited:active {
  color: #ed615a
}

h4>.link-reversed--not-visited {
  color: #1e2722
}

a.more-link,
.more-link a {
  font-weight: 600;
  display: inline-block
}

input {
  -webkit-appearance: none
}

textarea,
input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: .5625em .625em;
  vertical-align: middle;
  min-height: 32px;
  background-image: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px
}

textarea:focus,
input:focus {
  outline: none
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: #2082aa
}

textarea {
  line-height: 1.4
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  margin: 0 10px 2px 0px
}

input[type="submit"] {
  background-color: #2082aa;
  color: #fff;
  border: 1px solid #2082aa;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 .825em;
  vertical-align: middle;
  line-height: 34px
}

input[type="submit"]:focus {
  background-color: #18617f;
  border-color: #18617f
}

label {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0.375em
}

label.assistive-text {
  color: #6d7570
}

.o-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 0.75em
}

.o-input-group input[type="text"] {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ebeae6
}

.o-input-group input[type="text"]:focus {
  border-color: #2082aa
}

.o-input-group__control {
  position: relative;
  z-index: 2;
  float: left;
  max-width: none;
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.o-input-group__control:first-child {
  display: table-cell
}

.o-input-group__addon {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0;
  margin-bottom: 0
}

.o-input-group__addon input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.formtastic .input,
.formtastic .recaptcha,
.formtastic .actions {
  margin-bottom: 1em
}

.formtastic .input.required abbr {
  color: #d34141;
  border-bottom: 0
}

.formtastic .input.error input,
.formtastic .input.error textarea,
.formtastic .input.error select {
  border-color: #d34141
}

.formtastic input,
.formtastic textarea,
.formtastic select {
  font-size: 16px;
  line-height: 1em
}

.formtastic select {
  display: block
}

.formtastic p {
  margin: 5px 0 10px 0
}

.formtastic p.inline-hints {
  font-size: 75%
}

.formtastic p.inline-errors {
  color: #ed615a
}

.formtastic ul.errors li {
  color: #ed615a
}

.form-error {
  padding-bottom: 20px
}

.form-error .errors {
  margin-left: 50px
}

.nav-menu {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav-menu a {
  position: relative;
  display: block
}

.nav-menu>li {
  position: relative;
  display: block
}

.nav-menu>li>a {
  padding: 1em
}

.nav-menu>li.disabled>a {
  color: #b3b3ac
}

.nav-menu>li.disabled>a:hover,
.nav-menu>li.disabled>a:focus {
  color: #b3b3ac;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer
}

.nav-menu .parent>.sub-menu {
  padding-bottom: 1em
}

.nav-menu .sub-menu {
  margin: 0 1em
}

.nav-menu .sub-menu a {
  padding: 0.5em 0
}

.nav-menu .open>a,
.nav-menu .open>a:hover,
.nav-menu .open>a:focus {
  background-color: #ebeae6;
  border-color: #ed615a
}

.c-tabs__menu {
  border-bottom: 1px solid #ebeae6
}

.c-tabs__menu>li {
  float: left;
  margin-bottom: -1px
}

.c-tabs__menu>li>a {
  font-weight: 600;
  margin-right: 2px;
  line-height: 1.125;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0
}

.c-tabs__menu>li>a:hover {
  border-color: #e0ded8 #e0ded8 #ebeae6
}

.c-tabs__menu>li.active>a,
.c-tabs__menu>li.active>a:hover,
.c-tabs__menu>li.active>a:focus {
  color: #b3b3ac;
  background-color: #fff;
  border: 1px solid #ebeae6;
  border-bottom-color: transparent;
  cursor: default
}

.c-tabs__menu>li.xprev a::before {
  content: "\25c4"
}

.c-tabs__menu>li.xnext a::before {
  content: "\25ba"
}

.nav-justified>li,
.c-tabs--schedule .c-tabs__menu>li {
  float: none
}

.nav-justified>li>a,
.c-tabs--schedule .c-tabs__menu>li>a {
  text-align: center;
  margin-bottom: 0.375em
}

@media only screen and (min-width: 768px) {

  .nav-justified>li,
  .c-tabs--schedule .c-tabs__menu>li {
    display: table-cell;
    width: 1%
  }

  .nav-justified>li>a,
  .c-tabs--schedule .c-tabs__menu>li>a {
    margin-bottom: 0
  }
}

.nav-tabs-justified,
.c-tabs--schedule .c-tabs__menu {
  border-bottom: 0
}

.nav-tabs-justified>li>a,
.c-tabs--schedule .c-tabs__menu>li>a {
  margin-right: 0;
  border-radius: 2px
}

.nav-tabs-justified>.active>a,
.c-tabs--schedule .c-tabs__menu>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
  border: 1px solid #ebeae6
}

@media only screen and (min-width: 768px) {

  .nav-tabs-justified>li,
  .c-tabs--schedule .c-tabs__menu>li {
    vertical-align: bottom
  }

  .nav-tabs-justified>li>a,
  .c-tabs--schedule .c-tabs__menu>li>a {
    border-bottom: 1px solid #ebeae6;
    border-radius: 2px 2px 0 0
  }

  .nav-tabs-justified>.active>a,
  .c-tabs--schedule .c-tabs__menu>.active>a,
  .nav-tabs-justified>.active>a:hover,
  .nav-tabs-justified>.active>a:focus {
    border-bottom-color: #fff
  }
}

.o-alphabet-menu {
  margin: 10px 0 5px 0
}

.o-alphabet-menu li {
  display: inline-block;
  text-align: center;
  width: 18px
}

.o-alphabet-menu li:last-child {
  width: auto
}

.acc-ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr
}

.acc-ir br {
  display: none
}

.acc-hidden {
  display: none !important;
  visibility: hidden
}

.acc-visuallyhidden,
.hide,
.vh {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.acc-visuallyhidden.acc-focusable:active,
.acc-visuallyhidden.acc-focusable:focus,
.hide.acc-focusable:active,
.hide.acc-focusable:focus,
.vh.acc-focusable:active,
.vh.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

@media only screen and (min-width: 640px) {
  .assistive-text--mobile {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .assistive-text--mobile.acc-focusable:active,
  .assistive-text--mobile.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.acc-invisible {
  visibility: hidden
}

.sr-list {
  margin: 0;
  padding: 0;
  display: inline
}

.sr-list li {
  margin: 0;
  padding: 0;
  display: inline
}

.sr-list li:before {
  margin: 0;
  padding: 0;
  background: none
}

.sr-hidden-label {
  display: none;
  visibility: hidden
}

.logo {
  width: 128px;
  float: left;
  margin: 0;
  padding: 0;
  position: relative
}

.logo a,
.logo span {
  display: block;
  height: 48px;
  padding-left: 32px
}

.logo a:before,
.logo span:before {
  content: "";
  display: block;
  width: 32px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #d24141 url("") no-repeat center;
  background-size: 32px 48px
}

.no-svgasimg .logo a:before,
.lt-ie9 .logo a:before,
.no-svgasimg .logo span:before,
.lt-ie9 .logo span:before {
  background-image: url("")
}

.logo img[src$=".svg"] {
  display: block;
  height: auto
}

.no-svgasimg .logo,
.lt-ie9 .logo {
  width: 132px
}

.no-svgasimg .logo img,
.lt-ie9 .logo img {
  display: none
}

.no-svgasimg .logo a,
.no-svgasimg .logo span,
.lt-ie9 .logo a,
.lt-ie9 .logo span {
  height: 48px;
  padding-left: 32px;
  background: url("") no-repeat right center;
  background-color: #404441
}

.no-svgasimg .logo a:before,
.no-svgasimg .logo span:before,
.lt-ie9 .logo a:before,
.lt-ie9 .logo span:before {
  width: 32px
}

@media only screen and (max-width: 767px) {
  .logo {
    width: 95px
  }

  .logo a,
  .logo span {
    height: 36px;
    padding-left: 24px
  }

  .logo a:before,
  .logo span:before {
    width: 24px;
    background-size: 24px 36px
  }

  .logo img[src$=".svg"] {
    width: 95px
  }
}

.print-logo {
  display: none
}

table {
  width: 100%;
  margin-bottom: 1.5em;
  border-top: 6px solid #ed615a;
  border-left: 1px solid #ebeae6;
  background: #fff
}

.int table {
  border-top-color: #d09341
}

table .right {
  text-align: right
}

table .center {
  text-align: center
}

table .middle {
  vertical-align: middle
}

table .bottom {
  vertical-align: bottom
}

th,
td {
  text-align: left;
  padding: 0.75em;
  vertical-align: top;
  border-right: 1px solid #ebeae6;
  border-bottom: 1px solid #ebeae6
}

th {
  font-size: 14px;
  color: #6d7570;
  text-transform: uppercase;
  background: #ebeae6
}

th.table-subheader {
  font-size: 1.0em;
  border-bottom: 1px solid #e5e0df;
  color: #756b5e;
  text-transform: none;
  background: #f5f3f2
}

.site-header {
  display: block;
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  border-bottom: 1px solid #ebeae6
}

@media only screen and (min-width: 768px) {
  .site-header {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .site-header {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .site-header {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.site-header,
.no-cssvwunit .site-header {
  padding-right: 0
}

.player .site-header {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  border-bottom: 0
}

.site-header .header-main {
  display: table;
  height: 100%;
  width: 100%;
  min-height: 60px
}

.site-header .logo-wrapper {
  display: table-cell;
  width: 1%
}

.site-header .logo {
  font-size: 16px;
  position: relative;
  margin: 6px 0
}

.site-header .logo .assistive-text {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.site-header .logo .assistive-text.acc-focusable:active,
.site-header .logo .assistive-text.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

@media only screen and (min-width: 768px) {
  .site-header .logo {
    margin-right: 0.75em
  }
}

@media (min-width: 1000px) {
  .site-header .logo {
    margin-right: 0.875em
  }
}

@media (min-width: 1312px) {
  .site-header .logo {
    margin-left: -32px
  }
}

.site-header .toggled-on .nav-menu,
.site-header .toggled-on .o-dropdown {
  top: 100%
}

@media only screen and (max-width: 767px) {
  .site-header .header-main {
    min-height: 48px
  }
}

.site-footer__primary {
  width: 74.3119266055%;
  float: left;
  margin-right: 2.752293578%
}

.site-footer__secondary {
  width: 22.9357798165%;
  float: right;
  margin-right: 0
}

@media only screen and (max-width: 999px) {
  .site-footer {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical
  }

  .site-footer__secondary,
  .site-footer__primary {
    width: 100%;
    margin-right: 0;
    float: none
  }

  .site-footer__primary {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2
  }

  .site-footer__secondary {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1
  }

  .site-footer__colophon {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3
  }
}

.footer-nav__column {
  width: 30.4347826087%;
  float: left;
  margin-right: 4.347826087%
}

.ie8 .footer-nav__column {
  float: left;
  margin-left: 0.28125em;
  margin-right: 0.28125em
}

.footer-nav__column:last-child {
  float: right;
  margin-right: 0
}

@media only screen and (max-width: 767px) {
  .footer-nav__column {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }

  .footer-nav__column:nth-child(2n) {
    float: right;
    margin-right: 0
  }
}

@media only screen and (max-width: 639px) {
  .footer-nav__column {
    width: 100%;
    margin-right: 0;
    float: none;
    clear: both
  }
}

.site-footer {
  margin-right: -1;
  margin-left: -1;
  padding-right: 1;
  padding-left: 1;
  clear: both;
  padding-top: 3em;
  padding-bottom: 7.5em;
  background-color: #58585A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d8d8d4
}

@media only screen and (min-width: 768px) {
  .site-footer {
    margin-right: -2;
    margin-left: -2;
    padding-right: 2;
    padding-left: 2
  }
}

@media (min-width: 1312px) {
  .site-footer {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .site-footer {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (max-width: 767px) {
  .site-footer {
    padding-top: 2.25em;
    padding-bottom: 3.75em
  }
}

.site-footer__primary {
  margin-bottom: 1.5em
}

@media only screen and (max-width: 639px) {
  .site-footer__primary {
    margin-bottom: 0
  }
}

.site-footer__secondary {
  margin-bottom: 2.25em
}

.site-footer__title {
  border-bottom: 1px solid #a7a79f;
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
  color: #d8d8d4
}

@media only screen and (max-width: 639px) {
  .site-footer__title {
    border-top: 1px solid #a7a79f;
    margin-top: 0.75em;
    padding-top: 1.3125em;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0.375em
  }

  .site-footer__secondary .site-footer__title {
    margin: 0 0 1.5em;
    padding: 0;
    border: none
  }
}

.site-footer__colophon {
  clear: both;
  border-top: 1px solid #a7a79f;
  margin-top: 0.75em;
  padding-top: 0.75em
}

@media only screen and (max-width: 767px) {
  .site-footer__colophon {
    margin-top: 0
  }
}

.footer-nav {
  line-height: 1.2
}

.footer-nav__menu-group {
  margin-bottom: .75em
}

@media only screen and (min-width: 768px) {
  .footer-nav__menu-group+.footer-nav__menu-group {
    margin-top: 1.5em
  }
}

.footer-nav .sub-menu a,
.footer-nav__link {
  padding: .5em 0;
  color: #d8d8d4;
  display: block
}

.footer-nav .sub-menu a:hover,
.footer-nav .sub-menu a:focus,
.footer-nav .sub-menu a:active,
.footer-nav__link:hover,
.footer-nav__link:focus,
.footer-nav__link:active {
  color: #f0f0ef
}

@media only screen and (max-width: 639px) {

  .footer-nav .sub-menu a,
  .footer-nav__link {
    padding-left: .75em
  }
}

.footer-nav--inline {
  margin-bottom: .75em
}

.footer-nav--inline,
.footer-nav--inline .sub-menu,
.footer-nav--inline .sub-menu li,
.footer-nav--inline .sub-menu a,
.footer-nav--inline .footer-nav__link {
  display: inline-block
}

.footer-nav--inline .sub-menu li+li {
  margin-left: 1.5em
}

@media only screen and (max-width: 639px) {

  .footer-nav--inline .sub-menu li,
  .footer-nav--inline .sub-menu a {
    display: block
  }

  .footer-nav--inline .sub-menu li+li {
    margin-left: 0
  }
}

.footer-terms {
  margin-left: .5em;
  padding-top: .5em;
  vertical-align: top
}

.site-footer__copyright {
  float: right;
  padding-top: 1em
}

@media only screen and (max-width: 767px) {
  .site-footer__copyright {
    float: none;
    display: block;
    text-align: center;
    border-top: 1px solid #a7a79f;
    padding-top: 1.3125em
  }
}

.c-section {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em
}

@media only screen and (max-width: 767px) {
  .c-section.layout--lead_story {
    padding-top: 0
  }
}

.c-section.no-top-padding {
  padding-top: 0
}

.c-section.no-bottom-padding {
  padding-bottom: 0
}

.c-section.no-border {
  border-bottom: 0 !important
}

@media only screen and (max-width: 767px) {
  .content__primary+.c-section.o-feature-set {
    padding-bottom: 0
  }
}

@media only screen and (max-width: 767px) {
  .content__primary+.c-section.c-top-stories {
    padding-top: 0
  }
}

.c-section__header {
  margin-bottom: 1.5em
}

.home .content__primary .c-section,
.home--news .content__primary .c-section,
.home--int .content__primary .c-section,
.radio .content__primary .c-section,
.station-home .content__primary .c-section,
.prog-home .content__primary .c-section,
.rnz-music .content__primary .c-section {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  border-bottom: 2px solid #ebeae6;
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {

  .home .content__primary .c-section,
  .home--news .content__primary .c-section,
  .home--int .content__primary .c-section,
  .radio .content__primary .c-section,
  .station-home .content__primary .c-section,
  .prog-home .content__primary .c-section,
  .rnz-music .content__primary .c-section {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {

  .home .content__primary .c-section,
  .home--news .content__primary .c-section,
  .home--int .content__primary .c-section,
  .radio .content__primary .c-section,
  .station-home .content__primary .c-section,
  .prog-home .content__primary .c-section,
  .rnz-music .content__primary .c-section {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {

  .home .content__primary .c-section,
  .home--news .content__primary .c-section,
  .home--int .content__primary .c-section,
  .radio .content__primary .c-section,
  .station-home .content__primary .c-section,
  .prog-home .content__primary .c-section,
  .rnz-music .content__primary .c-section {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.home .content__primary .c-section:last-child,
.home--news .content__primary .c-section:last-child,
.home--int .content__primary .c-section:last-child,
.radio .content__primary .c-section:last-child,
.station-home .content__primary .c-section:last-child,
.prog-home .content__primary .c-section:last-child,
.rnz-music .content__primary .c-section:last-child {
  border-bottom: 0
}

.content__primary .c-section__title {
  color: #ed615a;
  margin-bottom: 0.5em
}

.content__primary .c-section__title.has-more-link {
  overflow: hidden
}

.content__primary .c-section__title.has-more-link .title {
  float: left
}

.content__primary .c-section__title.has-more-link .more-link {
  float: right
}

.content__primary .c-section__search {
  display: inline-block;
  vertical-align: middle
}

.c-section__footer {
  padding-top: 1.5em
}

.c-section--station.nat {
  border-top: 4px solid #b1a531
}

.c-section--station.con {
  border-top: 4px solid #0f90b6
}

.c-section--station.int {
  border-top: 4px solid #d09341
}

.c-section--station.rnz {
  border-top: 4px solid #ed615a
}

.c-section--station.pod {
  border-top: 4px solid #fff
}

@media only screen and (min-width: 768px) {
  .c-section.has-search .c-section__title {
    float: left;
    padding: 0.4286em 0
  }

  .content__primary .c-section--weather {
    width: 49.0566037736%;
    float: left
  }

  .content__primary .c-section--weather:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .content__primary .c-section--weather:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .content__primary .c-section--station {
    width: 32.0754716981%;
    float: left
  }

  .content__primary .c-section--station:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .content__primary .c-section--station:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .content__primary .c-section--station:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }
}

@media (min-width: 1000px) {
  .c-section {
    padding-top: 2.25em;
    padding-bottom: 2.25em
  }

  .c-section__primary.has-secondary-content {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-section__secondary {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }

  .single-section .c-section__secondary,
  .rnz-music .c-section__secondary {
    width: 22.8571428571%;
    float: right;
    margin-right: 0
  }

  .c-section.has-search .c-section__title {
    padding: 0;
    line-height: 1.3
  }

  .home .content__primary .c-section,
  .home--news .content__primary .c-section,
  .home--int .content__primary .c-section,
  .radio .content__primary .c-section,
  .station-home .content__primary .c-section,
  .prog-home .content__primary .c-section {
    border-bottom-width: 4px
  }

  .home .content__primary .c-section,
  .home--news .content__primary .c-section,
  .home--int .content__primary .c-section,
  .radio .content__primary .c-section,
  .station-home .content__primary .c-section {
    margin-bottom: 0
  }

  .content__primary .c-section__search {
    top: 2.25em;
    right: 0
  }

  .content__primary .c-section--weather {
    width: 48.5714285714%;
    float: left
  }

  .content__primary .c-section--weather:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .content__primary .c-section--weather:nth-child(2n + 2) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .content__primary .c-section--station {
    width: 31.4285714286%;
    float: left
  }

  .content__primary .c-section--station:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .content__primary .c-section--station:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .content__primary .c-section--station:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }
}

@media only screen and (max-width: 999px) {
  .c-section__primary.has-secondary-content {
    padding-bottom: 1.5em
  }

  .c-section__secondary {
    padding-top: 1.5em
  }
}

.photo-captioned {
  max-width: 100%
}

.photo-captioned img {
  float: left;
  margin-bottom: 0.5em
}

.photo-captioned+.photo-captioned {
  margin-top: 1em
}

.photo-captioned-full {
  clear: both
}

@media only screen and (max-width: 767px) {}

.photo-captioned-half,
.photo-captioned-third,
.photo-captioned-quarter {
  max-width: calc(50% - 0.5em)
}

.lt-ie10 .photo-captioned-half,
.lt-ie10 .photo-captioned-third,
.lt-ie10 .photo-captioned-quarter {
  max-width: 47.5%
}

.article__body .photo-captioned.photo-right,
.episode-body .photo-captioned.photo-right,
.page__body .photo-captioned.photo-right,
.article__body .photo-captioned.photo-left,
.episode-body .photo-captioned.photo-left,
.page__body .photo-captioned.photo-left {
  margin-top: 0.375em
}

.article__body .photo-captioned.photo-right:first-child,
.episode-body .photo-captioned.photo-right:first-child,
.page__body .photo-captioned.photo-right:first-child,
.article__body iframe+.photo-captioned.photo-right,
.episode-body iframe+.photo-captioned.photo-right,
.page__body iframe+.photo-captioned.photo-right,
.article__body .photo-cntr+.photo-captioned.photo-right,
.episode-body .photo-cntr+.photo-captioned.photo-right,
.page__body .photo-cntr+.photo-captioned.photo-right,
.article__body .o-audio-popup+.photo-captioned.photo-right,
.episode-body .o-audio-popup+.photo-captioned.photo-right,
.page__body .o-audio-popup+.photo-captioned.photo-right,
.article__body .o-play+.photo-captioned.photo-right,
.episode-body .o-play+.photo-captioned.photo-right,
.page__body .o-play+.photo-captioned.photo-right,
.article__body .embedded-media+.photo-captioned.photo-right,
.episode-body .embedded-media+.photo-captioned.photo-right,
.page__body .embedded-media+.photo-captioned.photo-right,
.article__body .gallery+.photo-captioned.photo-right,
.episode-body .gallery+.photo-captioned.photo-right,
.page__body .gallery+.photo-captioned.photo-right,
.article__body .photo-captioned.photo-left:first-child,
.episode-body .photo-captioned.photo-left:first-child,
.page__body .photo-captioned.photo-left:first-child,
.article__body iframe+.photo-captioned.photo-left,
.episode-body iframe+.photo-captioned.photo-left,
.page__body iframe+.photo-captioned.photo-left,
.article__body .photo-cntr+.photo-captioned.photo-left,
.episode-body .photo-cntr+.photo-captioned.photo-left,
.page__body .photo-cntr+.photo-captioned.photo-left,
.article__body .o-audio-popup+.photo-captioned.photo-left,
.episode-body .o-audio-popup+.photo-captioned.photo-left,
.page__body .o-audio-popup+.photo-captioned.photo-left,
.article__body .o-play+.photo-captioned.photo-left,
.episode-body .o-play+.photo-captioned.photo-left,
.page__body .o-play+.photo-captioned.photo-left,
.article__body .embedded-media+.photo-captioned.photo-left,
.episode-body .embedded-media+.photo-captioned.photo-left,
.page__body .embedded-media+.photo-captioned.photo-left,
.article__body .gallery+.photo-captioned.photo-left,
.episode-body .gallery+.photo-captioned.photo-left,
.page__body .gallery+.photo-captioned.photo-left {
  margin-top: 1.375em
}

.photo-captioned.photo-right {
  float: right;
  margin-left: 1em
}

.photo-captioned.photo-right+.photo-right {
  margin-left: 0
}

.lt-ie10 .photo-captioned.photo-right {
  margin-left: 5%
}

.lt-ie10 .photo-captioned.photo-right+.photo-right {
  margin-left: 0
}

.photo-captioned.photo-left {
  float: left;
  margin-right: 1em
}

.photo-captioned.photo-left+.photo-left {
  margin-right: 0
}

.lt-ie10 .photo-captioned.photo-left {
  margin-right: 5%
}

.lt-ie10 .photo-captioned.photo-left+.photo-left {
  margin-right: 0
}

.photo-captioned.photo-cntr-no-metadata+p {
  clear: both;
  padding-top: 16px
}

@media (min-width: 1000px) {
  .photo-captioned.photo-cntr img {
    margin-bottom: 1.125em
  }

  .single-story--longform .photo-captioned-full.twelve_col {
    position: relative;
    max-width: none;
    margin-right: -26.0869565217%;
    margin-left: -26.0869565217%
  }

  .single-story--longform .photo-captioned-full.twelve_col img {
    float: none;
    display: block;
    margin-bottom: 1.125em
  }

  .single-story--longform .photo-captioned-full.twelve_col .photo-captioned__information {
    display: block;
    width: 65.7142857143%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1.125em;
    border-bottom: 1px solid #ebeae6
  }

  .single-story--longform .photo-captioned-half {
    width: 47.8260869565% !important
  }

  .single-story--longform .photo-captioned-half.photo-right {
    margin-right: -13.0434782609%;
    margin-left: 4.347826087%
  }
}

.o-pullquote {
  float: right;
  border-top: 4px solid #ed615a;
  margin-bottom: 1.5em
}

.o-pullquote--left {
  float: left
}

.o-pullquote--full {
  float: none;
  clear: both
}

.o-pullquote p {
  font-size: 18px;
  font-weight: 400;
  padding-top: 1.125em
}

.o-pullquote p .quote {
  font-weight: 800;
  display: inline-block;
  position: relative
}

.o-pullquote p .quote:before {
  content: "\201C";
  text-align: center;
  position: absolute;
  top: 0;
  right: 100%
}

.o-pullquote p .quote:after {
  content: "\201D"
}

.o-pullquote p .attribution {
  display: inline-block;
  vertical-align: baseline;
  color: #6d7570;
  font-size: 16px
}

.article__body .o-pullquote p,
.episode-body .o-pullquote p,
.page__body .o-pullquote p {
  font-size: 21px
}

.article__body .o-pullquote p .attribution,
.episode-body .o-pullquote p .attribution,
.page__body .o-pullquote p .attribution {
  font-size: 16px;
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400
}

@media (min-width: 1000px) {
  .o-pullquote {
    width: 55%;
    margin-left: 5%
  }

  .o-pullquote--left,
  .o-pullquote--full {
    margin-left: 0
  }

  .o-pullquote--left {
    margin-right: 5%
  }

  .o-pullquote--full {
    width: 100%
  }

  .o-pullquote p .quote:before {
    width: 5%
  }

  .single-story--longform .o-pullquote {
    width: 47.8260869565% !important;
    margin-right: -13.0434782609%;
    margin-left: 4.347826087%
  }

  .single-story--longform .o-pullquote--left {
    margin-right: 4.347826087%;
    margin-left: -13.0434782609%
  }

  .single-story--longform .o-pullquote p .quote:before {
    width: 4.347826087%
  }

  h3+.o-pullquote,
  .photo-captioned+.o-pullquote {
    border-top: 0
  }

  h3+.o-pullquote p:first-child,
  .photo-captioned+.o-pullquote p:first-child {
    margin-top: 0
  }
}

@media only screen and (min-width: 640px) and (max-width: 999px) {
  .o-pullquote {
    width: 300px;
    margin-left: 1.8867924528%
  }

  .o-pullquote--left,
  .o-pullquote--full {
    margin-left: 0
  }

  .o-pullquote--left {
    margin-right: 1.8867924528%
  }

  .o-pullquote--full {
    width: 100%
  }
}

@media only screen and (max-width: 639px) {
  .o-pullquote {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .o-pullquote.acc-focusable:active,
  .o-pullquote.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.btn,
.more-button {
  display: inline-block;
  padding: 0.375em 0.625em 0.5em;
  font-weight: 600;
  color: #fff;
  background-color: #ed615a;
  line-height: 1.4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 100%
}

.btn:hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active,
.open>.btn.dropdown-toggle,
.more-button:hover,
.more-button:focus,
.more-button.focus,
.more-button:active,
.more-button.active,
.open>.more-button.dropdown-toggle {
  color: #fff;
  background-color: #e8352c
}

.btn:active,
.btn.active,
.open>.btn.dropdown-toggle,
.more-button:active,
.more-button.active,
.open>.more-button.dropdown-toggle {
  background-image: none
}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled.active,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn.focus[disabled],
.btn[disabled]:active,
.btn.active[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn.active,
.more-button.disabled,
.more-button.disabled:hover,
.more-button.disabled:focus,
.more-button.disabled.focus,
.more-button.disabled:active,
.more-button.disabled.active,
.more-button[disabled],
.more-button[disabled]:hover,
.more-button[disabled]:focus,
.more-button.focus[disabled],
.more-button[disabled]:active,
.more-button.active[disabled],
fieldset[disabled] .more-button,
fieldset[disabled] .more-button:hover,
fieldset[disabled] .more-button:focus,
fieldset[disabled] .more-button.focus,
fieldset[disabled] .more-button:active,
fieldset[disabled] .more-button.active {
  background-color: #ed615a
}

.btn .icon:before,
.more-button .icon:before {
  color: inherit
}

.btn--top-margin {
  margin-top: 1em
}

.btn--disabled {
  background-color: #f6f6f4;
  color: #404441;
  pointer-events: none;
  cursor: default;
  font-weight: 400;
  opacity: 0.5
}

.btn--wide {
  padding-left: 1em;
  padding-right: 1em
}

.btn--large {
  font-size: 18px;
  line-height: 1.5;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-weight: 600
}

.btn--secondary,
.c-banner .btn--secondary,
.btn-social,
.c-banner .btn-social {
  color: #595e5a;
  background-color: #f4f4f1
}

.btn--secondary:hover,
.btn--secondary:focus,
.btn--secondary:active,
.btn-social:hover,
.btn-social:focus,
.btn-social:active {
  color: #404441;
  background-color: #ebeae6
}

.btn-social i {
  white-space: nowrap
}

.btn-social i:before {
  vertical-align: middle;
  margin-top: -0.1em;
  margin-right: 0.2em
}

.btn--opaque {
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #404441;
  background-color: rgba(255, 255, 255, 0.3)
}

.btn--opaque:hover,
.btn--opaque:focus,
.btn--opaque:active {
  color: #fff;
  background-color: #515653;
  background-color: rgba(255, 255, 255, 0.5)
}

.btn--station-nat,
.btn--station-nat:visited {
  background-color: #b1a531;
  color: #fff
}

.btn--station-nat:hover,
.btn--station-nat:focus,
.btn--station-nat:active {
  color: #fff;
  background-color: #898026 !important
}

.btn--station-con,
.btn--station-con:visited {
  background-color: #0f90b6;
  color: #fff
}

.btn--station-con:hover,
.btn--station-con:focus,
.btn--station-con:active {
  color: #fff;
  background-color: #0b6a86 !important
}

.btn--station-int,
.btn--station-int:visited {
  background-color: #d09341;
  color: #fff
}

.btn--station-int:hover,
.btn--station-int:focus,
.btn--station-int:active {
  color: #fff;
  background-color: #b3792c !important
}

.btn--station-rnz,
.btn--station-rnz:visited {
  background-color: #ed615a;
  color: #fff
}

.btn--station-rnz:hover,
.btn--station-rnz:focus,
.btn--station-rnz:active {
  color: #fff;
  background-color: #e8352c !important
}

.btn--station-pod,
.btn--station-pod:visited {
  background-color: #fff;
  color: #404441
}

.btn--station-pod:hover,
.btn--station-pod:focus,
.btn--station-pod:active {
  color: #404441;
  background-color: #e6e6e6 !important
}

.btn-email,
.btn-email:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-email:hover,
.btn-email:focus,
.btn-email:active {
  color: #fff;
  background-color: #ed615a !important
}

.btn-facebook,
.btn-facebook:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
  color: #fff;
  background-color: #3744a8 !important
}

.btn-google,
.btn-google:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active {
  color: #fff;
  background-color: #dd4b39 !important
}

.btn-google>:first-child {
  font-size: 1.125em
}

.btn-rss,
.btn-rss:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-rss:hover,
.btn-rss:focus,
.btn-rss:active {
  color: #fff;
  background-color: #ff9900 !important
}

.btn-history,
.btn-history:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-history:hover,
.btn-history:focus,
.btn-history:active {
  color: #fff;
  background-color: #000 !important
}

.btn-linkedin,
.btn-linkedin:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active {
  color: #fff;
  background-color: #007bb6 !important
}

.btn-linkedin i {
  line-height: 27px !important;
  padding-left: 1px
}

.btn-reddit,
.btn-reddit:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-reddit:hover,
.btn-reddit:focus,
.btn-reddit:active {
  color: #fff;
  background-color: #eff7ff !important
}

.btn-twitter,
.btn-twitter:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
  color: #fff;
  background-color: #2693dd !important
}

.btn-youtube,
.btn-youtube:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active {
  color: #fff;
  background-color: #e02a20 !important
}

.btn-instagram,
.btn-instagram:visited {
  background-color: #f4f4f1;
  color: #595e5a
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active {
  color: #fff;
  background-color: #6dc993 !important
}

.btn-apple-podcasts,
.btn-apple-podcasts:visited {
  background-color: #9933cc;
  color: #fff
}

.btn-apple-podcasts:hover,
.btn-apple-podcasts:focus,
.btn-apple-podcasts:active {
  color: #fff;
  background-color: #842caf !important
}

.btn-spotify,
.btn-spotify:visited {
  background-color: #1ed760;
  color: #000
}

.btn-spotify:hover,
.btn-spotify:focus,
.btn-spotify:active {
  color: #000;
  background-color: #36e374 !important
}

.btn-google-podcasts,
.btn-google-podcasts:visited {
  background-color: #4285f4;
  color: #fff
}

.btn-google-podcasts:hover,
.btn-google-podcasts:focus,
.btn-google-podcasts:active {
  color: #fff;
  background-color: #206ff2 !important
}

.btn-youtube-music,
.btn-youtube-music:visited {
  background-color: #ff0201;
  color: #000
}

.btn-youtube-music:hover,
.btn-youtube-music:focus,
.btn-youtube-music:active {
  color: #000;
  background-color: #dc0100 !important
}

.btn-podbean,
.btn-podbean:visited {
  background-color: #8fc31f;
  color: #fff
}

.btn-podbean:hover,
.btn-podbean:focus,
.btn-podbean:active {
  color: #fff;
  background-color: #78a41a !important
}

.btn-stitcher,
.btn-stitcher:visited {
  background-color: #000;
  color: #fff
}

.btn-stitcher:hover,
.btn-stitcher:focus,
.btn-stitcher:active {
  color: #fff;
  background-color: #121212 !important
}

.btn .btn-icon {
  display: inline-block;
  width: 24px;
  margin-bottom: -6px;
  margin-top: -2px;
  margin-left: -2px;
  margin-right: 5px;
  position: relative;
  top: 1px
}

.follow-pod-row .btn {
  margin-bottom: 4px
}

.btn-group>* {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  vertical-align: middle
}

.btn-group>*:last-child {
  margin-right: 0
}

@media only screen and (max-width: 367px) {
  .btn-group--block\@xsmall>* {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5em
  }

  .btn-group--block\@xsmall>*:last-child {
    margin-bottom: 0
  }
}

.o-digest {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid #ebeae6;
  border-top-color: rgba(62, 50, 0, 0.1)
}

.content__primary>ul .o-digest:first-child {
  border-top: none
}

@media (min-width: 1000px) {
  .content__primary>ul .o-digest:first-child {
    padding-top: 0
  }
}

.content__primary>.list-format--wide .o-digest:first-child {
  margin-top: -1.5em;
  padding-top: 1.5em
}

.o-digest__headline {
  font-size: 20px;
  line-height: 1.2;
  clear: none;
  max-width: 94%;
  margin: 0 0 .4em
}

.o-digest__headline,
.o-digest__headline:last-child {
  margin: 0 0 .4em
}

.o-digest__headline a {
  color: #343734
}

.o-digest__headline a:visited {
  color: #717973
}

.o-digest__headline a:hover {
  color: #d24141
}

.o-digest__headline a:focus,
.o-digest__headline a:active {
  color: #ed615a
}

.c-episode .o-digest--condensed .o-digest__headline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.o-digest .o-kicker {
  margin-bottom: .5em
}

.o-digest__summary {
  margin-bottom: .5em
}

.o-digest__summary p {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: .5em
}

.o-digest__summary p:only-child {
  margin-top: 0
}

.o-digest__detail>*:first-child {
  margin-top: 0
}

.o-digest__detail>*:last-child {
  margin-bottom: 0
}

.o-digest .thumb-container {
  position: relative;
  float: right;
  margin-left: .5em
}

.o-digest .thumb-container img {
  display: block
}

.o-digest .thumb-container .media-marker {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0
}

.o-digest .thumb-container .media-marker span {
  display: block;
  float: left;
  color: #fff
}

.o-digest .thumb-container .media-marker__audio {
  background-color: #00ad7f
}

.o-digest .thumb-container .media-marker__video {
  background-color: #ed615a
}

.o-digest .thumb-container .media-marker__gallery {
  background-color: #b3b3ac
}

.o-digest .thumb-container .media-marker__comments {
  background-color: #2693dd
}

.o-digest__related {
  margin-top: 1em
}

.o-digest__related .assistive-text {
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #ebeae6;
  margin-bottom: 0.8em
}

.o-digest__related .assistive-text--type {
  color: #ed615a
}

.o-digest__related .assistive-text--type:after {
  content: ":"
}

.o-digest__related li {
  margin-bottom: 0.375em
}

.o-digest__related h4 {
  font-size: 16px
}

.o-digest__controls {
  clear: both;
  margin-top: 0.75em
}

.o-digest--condensed .o-digest__controls {
  margin-top: 0.375em
}

.o-digest--opinion .o-author-avatar {
  width: 72px;
  height: 72px;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  border-radius: 72px;
  overflow: hidden;
  position: relative
}

.o-digest--opinion .o-author-avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.list-format--wide .o-digest--condensed .listen-icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -18px
}

.o-digest--standard .thumb-container .media-marker {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.o-digest--standard .thumb-container .media-marker>span {
  position: relative;
  width: 24px;
  text-align: center;
  text-indent: -9999px
}

.o-digest--standard .thumb-container .media-marker>span:before {
  position: absolute;
  display: block;
  width: 100%;
  text-indent: 0
}

.o-digest--standard .thumb-container .media-marker__audio:before {
  content: "";
  text-indent: 10%
}

.o-digest--standard .thumb-container .media-marker__video:before {
  content: ""
}

.o-digest--standard .thumb-container .media-marker__gallery:before {
  content: ""
}

.o-digest--standard .thumb-container .media-marker__comments:before {
  content: ""
}

.list-format--wide .o-digest--standard .thumb-container {
  width: 138px;
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative
}

.list-format--wide .o-digest--standard .thumb-container:before {
  content: "";
  display: block;
  padding-top: 100%
}

.list-format--wide .o-digest--standard .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.list-format--wide .o-digest--standard .thumb-container img.icon,
.no-csstransforms .list-format--wide .o-digest--standard .thumb-container img,
.no-objectfit .list-format--wide .o-digest--standard .thumb-container img {
  width: 100%;
  height: auto
}

.list-format--wide .o-digest--standard .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

@media only screen and (max-width: 639px) {
  .list-format--wide .o-digest--standard .thumb-container {
    width: 100px
  }
}

.list-format--tiles .o-digest--standard.has-thumbnail:before {
  content: "";
  display: block;
  padding-top: 62.5%;
  margin-bottom: 1em
}

.list-format--tiles .o-digest--standard .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative;
  float: none;
  position: absolute;
  width: 100%;
  top: 0
}

.list-format--tiles .o-digest--standard .thumb-container:before {
  content: "";
  display: block;
  padding-top: 62.5%
}

.list-format--tiles .o-digest--standard .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.list-format--tiles .o-digest--standard .thumb-container img.icon,
.no-csstransforms .list-format--tiles .o-digest--standard .thumb-container img,
.no-objectfit .list-format--tiles .o-digest--standard .thumb-container img {
  width: 100%;
  height: auto
}

.list-format--tiles .o-digest--standard .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

.o-digest--extended .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative;
  margin-left: 0;
  float: none
}

.o-digest--extended .thumb-container:before {
  content: "";
  display: block;
  padding-top: 62.5%
}

.o-digest--extended .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.o-digest--extended .thumb-container img.icon,
.no-csstransforms .o-digest--extended .thumb-container img,
.no-objectfit .o-digest--extended .thumb-container img {
  width: 100%;
  height: auto
}

.o-digest--extended .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

.o-digest--extended .thumb-container .media-marker {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px
}

.o-digest--extended .thumb-container .media-marker span {
  text-transform: uppercase;
  padding: 0.5em
}

.content-secondary .o-digest {
  position: relative
}

.content-secondary .o-digest--condensed {
  padding-left: 48px
}

.content-secondary .o-digest img {
  float: right;
  margin-right: 0;
  margin-left: 1.8867924528%
}

.content-secondary .o-digest__headline {
  font-size: 18px;
  line-height: 1.3333;
  margin-bottom: 0.5em
}

.content-secondary .o-digest p {
  font-size: 15px;
  line-height: 1.4
}

@media only screen and (min-width: 640px) {
  .list-format--wide .o-digest--standard {
    padding-left: calc(138px + 1.375em);
    min-height: 138px;
    box-sizing: content-box
  }

  .list-format--wide .o-digest--standard.no-thumbnail {
    padding-left: 0
  }

  .lt-ie9 .list-format--wide .o-digest--standard {
    padding-left: 162px
  }

  .list-format--wide .o-digest--standard .thumb-container {
    position: absolute;
    top: 1.5em;
    left: 0;
    display: block;
    float: left;
    margin: 0
  }

  .list-format--wide .o-digest--standard .listen-icon {
    font-size: 16px;
    position: absolute;
    top: calc(69px + 1.5em);
    left: 69px;
    margin-left: -18px;
    margin-top: -18px
  }

  .list-format--wide .o-digest--standard.no-thumbnail {
    min-height: 0
  }

  .list-format--wide .o-digest--standard.no-thumbnail .listen-icon {
    top: 50%
  }

  .list-format--wide .o-digest--extended.has-thumbnail:after {
    content: '';
    display: table;
    clear: both
  }

  .list-format--wide .o-digest--extended.has-thumbnail img {
    margin-bottom: 0
  }

  .list-format--wide .o-digest--extended.has-thumbnail .thumb-container {
    width: 49.0566037736%;
    float: left;
    margin-right: 1.8867924528%
  }

  .list-format--wide .o-digest--extended.has-thumbnail .o-digest__detail,
  .list-format--wide .o-digest--extended.has-thumbnail .o-digest__controls {
    width: 49.0566037736%;
    float: right;
    margin-right: 0;
    clear: right
  }

  .list-format--wide .o-digest--extended.has-thumbnail .o-digest__headline {
    font-size: 21px
  }

  .list-format--wide .o-digest--extended.no-thumbnail .o-digest__detail,
  .list-format--wide .o-digest--extended.no-thumbnail .o-digest__controls {
    max-width: 960px
  }

  .o-digest--extended .listen-icon {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    border-radius: 48px
  }

  .o-digest--extended .listen-icon:before {
    font-size: 24px;
    line-height: 48px
  }
}

@media (min-width: 1000px) {
  .o-digest__related {
    margin-top: 1.5em
  }

  .o-digest__related li {
    margin-bottom: 0.625em
  }

  .content-secondary .o-digest--news {
    padding-left: 0
  }

  .content-secondary .o-digest .media-types {
    display: block;
    margin-top: 1em;
    line-height: 1.7143;
    margin-left: 30px
  }

  .list-format--wide .o-digest--standard .listen-icon {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    -ms-border-radius: 48px;
    border-radius: 48px;
    margin-left: -24px;
    margin-top: -24px
  }

  .list-format--wide .o-digest--standard .listen-icon:before {
    font-size: 24px;
    line-height: 48px
  }

  .list-format--wide .o-digest--extended.has-thumbnail .thumb-container {
    width: 40%;
    float: left;
    margin-right: 2.8571428571%
  }

  .list-format--wide .o-digest--extended.has-thumbnail .o-digest__detail,
  .list-format--wide .o-digest--extended.has-thumbnail .o-digest__controls {
    width: 57.1428571429%;
    float: right;
    margin-right: 0
  }

  .list-format--wide .o-digest--extended.has-thumbnail .o-digest__headline {
    font-size: 30px
  }
}

@media only screen and (max-width: 639px) {
  .o-digest--condensed .o-digest__headline {
    font-size: 18px
  }
}

.ampm {
  display: inline-block;
  margin-left: -0.1em
}

.c-schedule {
  margin-top: 20px
}

.c-schedule .o-digest:first-child {
  border-top: none
}

.o-digest--schedule .o-digest__detail {
  padding-left: 85px
}

.o-digest__time {
  font-style: normal;
  display: inline-block;
  width: 80px
}

.o-tile {
  padding-bottom: 1.5em
}

.o-tile img {
  display: block;
  margin-bottom: 0.75em
}

.o-tile .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ebeae6
}

.o-tile .thumb-container:before {
  content: "";
  display: block;
  padding-top: 100%
}

.o-tile .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.o-tile .thumb-container img.icon,
.no-csstransforms .o-tile .thumb-container img,
.no-objectfit .o-tile .thumb-container img {
  width: 100%;
  height: auto
}

.o-tile .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

.o-tile__title {
  margin-bottom: 0.4em;
  letter-spacing: -0.008em
}

.o-tile__title .assistive-text {
  display: block;
  font-size: 16px;
  color: #6d7570
}

.o-tile__title a {
  color: #343734
}

.o-tile__title a:visited {
  color: #717973
}

.o-tile__title a:hover {
  color: #d24141
}

.o-tile__title a:focus,
.o-tile__title a:active {
  color: #ed615a
}

.o-tile--part .o-tile__title .part-index {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #6d7570;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  margin-bottom: 0.4em
}

.o-tile__summary {
  font-size: 15px
}

.o-tile__summary p {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.4em
}

.o-tile__summary p:last-child {
  margin-bottom: 0
}

.o-tile .o-kicker {
  margin-bottom: 0.5em
}

.o-tile--programme {
  position: relative
}

.o-tile--programme img {
  display: block;
  margin-bottom: 1em
}

.o-tile--programme img.presenter-thumb {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.o-tile--programme h4 {
  font-weight: 800
}

.content__primary .o-tile--section {
  width: 49.0566037736%;
  float: left
}

.content__primary .o-tile--section:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0
}

.content__primary .o-tile--section:nth-child(2n + 2) {
  margin-left: 50.9433962264%;
  margin-right: -100%;
  clear: none
}

.ie8 .content__primary .o-tile--section {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: 0.3333333333%;
  margin-right: 0.3333333333%
}

@media (min-width: 1000px) {
  .content__primary .o-tile--section {
    width: 31.4285714286%;
    float: left
  }

  .content__primary .o-tile--section:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .content__primary .o-tile--section:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .content__primary .o-tile--section:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .content__primary .o-tile--section {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25%;
    margin-right: 0.25%
  }
}

.o-tile--presenter .thumb-container {
  background: url("") no-repeat center;
  background-size: cover
}

.o-tile--part .thumb-container:before {
  padding-top: 62.5%
}

.c-footer .o-tile--collection {
  margin-bottom: .75em;
  padding-bottom: .75em;
  border-bottom: 1px solid #d4d2ca
}

.c-footer .o-tile--collection:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}

.o-tile--section {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 1.5em
}

.o-tile--section .thumb-container {
  border: 0;
  margin-bottom: 0
}

.o-tile--section .thumb-container:before {
  padding-top: 62.5%
}

.o-tile--section:hover .o-tile__title a {
  background-color: #ed615a;
  color: #fff
}

.o-tile--section .o-tile__title {
  margin-top: 0;
  text-align: center
}

.o-tile--section .o-tile__title a {
  display: block;
  padding: 0.6em;
  background-color: #f6f6f4
}

.o-tile--section .o-tile__title a:hover {
  background-color: #ed615a;
  color: #fff
}

@media only screen and (max-width: 639px) {
  .o-tile--section .o-tile__title {
    font-size: 18px
  }

  .o-tile--section .o-tile__title a {
    padding: .4em .3em
  }
}

.c-aside .o-tile .thumb-container,
.c-presenters-index .o-tile .thumb-container {
  margin-bottom: 0;
  width: 90px;
  float: left;
  margin-right: 0.75em
}

.c-aside .o-tile .o-tile__title,
.c-presenters-index .o-tile .o-tile__title {
  clear: none
}

.o-tile--split-view .thumb-container {
  margin-bottom: 0;
  width: 47.0588235294%;
  float: left;
  margin-right: 5.8823529412%
}

.o-tile--split-view .o-tile__detail {
  width: 47.0588235294%;
  float: right;
  margin-right: 0
}

.o-inline-story {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid #ebeae6
}

.o-inline-story:first-child {
  padding-top: 0;
  border-top: 0
}

.o-inline-story h4 {
  font-size: 24px
}

.o-inline-story__controls {
  clear: both;
  margin: 1.125em 0
}

.photo-right+.o-inline-story__controls {
  padding-top: 1.125em
}

.o-inline-story__controls:last-child {
  margin-bottom: 0
}

@media (min-width: 1000px) {
  .o-inline-story h4 {
    font-size: 30px
  }
}

.o-event__time>span,
.o-event__title {
  font-size: 18px;
  line-height: 1.125
}

.o-event__time {
  font-weight: 600
}

.o-event__time>span {
  display: block
}

.o-event__title {
  margin-top: 0
}

.o-category {
  margin-bottom: 1.5em
}

.o-category--news .o-digest.lead-story {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 1em
}

.o-category--news .o-digest.lead-story .thumb-container {
  margin-bottom: 0.75em
}

.o-category--news .o-digest.lead-story .o-kicker {
  display: none
}

.o-category--news .o-digest.lead-story p {
  font-size: 15px
}

.o-category--news .list-item {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-top: 1px solid #ebeae6;
  margin: 0
}

.o-category--news .list-item h4 {
  font-size: 16px;
  line-height: 1.125
}

.o-category__title {
  font-size: 14px;
  text-transform: uppercase;
  color: #ed615a
}

.o-category__footer {
  padding-top: 0.75em;
  border-top: 1px solid #ebeae6
}

@media only screen and (min-width: 768px) {
  .o-category--news {
    width: 49.0566037736%;
    float: left
  }

  .o-category--news:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-category--news:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-category--news {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media (min-width: 1000px) {
  .o-category {
    margin-bottom: 2.25em
  }

  .o-category--news {
    width: 22.8571428571%;
    float: left
  }

  .o-category--news:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-category--news:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .o-category--news:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .o-category--news:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-category--news {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media only screen and (max-width: 767px) {
  .o-category:not(:first-child) {
    padding-top: 1.5em;
    border-top: 4px solid #ebeae6
  }
}

.o-kicker {
  color: #6d7570;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.no-ellipsis .o-kicker {
  white-space: normal;
  overflow: visible
}

.o-kicker .kicker-item {
  display: inline-block;
  vertical-align: baseline;
  font-size: 15px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  margin-right: 1px
}

.o-kicker__zones,
.o-kicker__tags,
.o-kicker__categories,
.o-kicker__feature,
.o-kicker__search {
  font-weight: 600
}

.o-kicker__zones,
.o-kicker__tags,
.o-kicker__categories,
.o-kicker__feature {
  display: inline;
  text-transform: capitalize
}

.o-kicker__zones .kicker-item:after,
.o-kicker__tags .kicker-item:after,
.o-kicker__categories .kicker-item:after,
.o-kicker__feature .kicker-item:after {
  content: "\00a0\002F";
  display: inline-block;
  font-weight: 400
}

.o-kicker__zones .kicker-item:last-child:after,
.o-kicker__tags .kicker-item:last-child:after,
.o-kicker__categories .kicker-item:last-child:after,
.o-kicker__feature .kicker-item:last-child:after {
  display: none
}

.c-story-header .o-kicker {
  margin-bottom: 0.75em
}

.c-story-header .o-kicker .kicker-item {
  line-height: 1.4
}

.c-story-header .o-kicker__zones,
.c-story-header .o-kicker__tags,
.c-story-header .o-kicker__categories {
  text-transform: uppercase;
  letter-spacing: 0.125em
}

.c-story-header .o-kicker__time {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.c-story-header .o-kicker__time.acc-focusable:active,
.c-story-header .o-kicker__time.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.o-feature-set--programme>.assistive-text,
.o-feature-set--section>.assistive-text,
.o-feature-set--category>.assistive-text {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.o-feature-set--programme>.assistive-text.acc-focusable:active,
.o-feature-set--programme>.assistive-text.acc-focusable:focus,
.o-feature-set--section>.assistive-text.acc-focusable:active,
.o-feature-set--section>.assistive-text.acc-focusable:focus,
.o-feature-set--category>.assistive-text.acc-focusable:active,
.o-feature-set--category>.assistive-text.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.prog-home .o-feature-set--programme {
  margin-top: -1.5em
}

.deprecated .o-feature-set--station.nat {
  background-color: #f1eca8
}

.deprecated .o-feature-set--station.con {
  background-color: #eaf6fc
}

.deprecated .o-feature-set--station.int {
  background-color: #fea229
}

.deprecated .o-feature-set--station.rnz {
  background-color: #ffb2b2
}

.deprecated .o-feature-set--station.pod {
  background-color: #fff
}

.deprecated .o-feature-set--station.nat {
  background-color: #f1eca8
}

.deprecated .o-feature-set--station.nat a:hover,
.deprecated .o-feature-set--station.nat a:focus,
.deprecated .o-feature-set--station.nat a:active,
.deprecated .o-feature-set--station.nat .u-blocklink:hover a:hover,
.deprecated .o-feature-set--station.nat .u-blocklink:hover a:focus,
.deprecated .o-feature-set--station.nat .u-blocklink:hover a:active {
  color: #e3d952
}

.deprecated .o-feature-set--station.nat a {
  color: #b1a531
}

.deprecated .o-feature-set--station.nat a.btn,
.deprecated .o-feature-set--station.nat a.live-stream-link {
  color: #fff
}

.deprecated .o-feature-set--station.nat a.live-stream-link {
  background-color: #e3d952
}

.deprecated .o-feature-set--station.nat a.live-stream-link:hover {
  background-color: #b1a531
}

.deprecated .o-feature-set--station.nat .u-blocklink .faux-link:not(:visited) {
  color: #1e2722
}

.deprecated .o-feature-set--station.nat .u-blocklink--hover .faux-link {
  color: #b1a531
}

.deprecated .o-feature-set--station.nat .u-blocklink--hover .o-digest__headline .faux-link,
.deprecated .o-feature-set--station.nat .u-blocklink--hover .o-digest__headline .faux-link--not-visited:visited {
  color: #b1a531
}

.deprecated .o-feature-set--station.nat .u-blocklink--hover .o-digest__headline .faux-link:hover {
  color: #e3d952
}

.deprecated .o-feature-set--station.con {
  background-color: #eaf6fc
}

.deprecated .o-feature-set--station.con a:hover,
.deprecated .o-feature-set--station.con a:focus,
.deprecated .o-feature-set--station.con a:active,
.deprecated .o-feature-set--station.con .u-blocklink:hover a:hover,
.deprecated .o-feature-set--station.con .u-blocklink:hover a:focus,
.deprecated .o-feature-set--station.con .u-blocklink:hover a:active {
  color: #3bb5d8
}

.deprecated .o-feature-set--station.con a {
  color: #0f90b6
}

.deprecated .o-feature-set--station.con a.btn,
.deprecated .o-feature-set--station.con a.live-stream-link {
  color: #fff
}

.deprecated .o-feature-set--station.con a.live-stream-link {
  background-color: #3bb5d8
}

.deprecated .o-feature-set--station.con a.live-stream-link:hover {
  background-color: #0f90b6
}

.deprecated .o-feature-set--station.con .u-blocklink .faux-link:not(:visited) {
  color: #1e2722
}

.deprecated .o-feature-set--station.con .u-blocklink--hover .faux-link {
  color: #0f90b6
}

.deprecated .o-feature-set--station.con .u-blocklink--hover .o-digest__headline .faux-link,
.deprecated .o-feature-set--station.con .u-blocklink--hover .o-digest__headline .faux-link--not-visited:visited {
  color: #0f90b6
}

.deprecated .o-feature-set--station.con .u-blocklink--hover .o-digest__headline .faux-link:hover {
  color: #3bb5d8
}

.deprecated .o-feature-set--station.int {
  background-color: #fea229
}

.deprecated .o-feature-set--station.int a:hover,
.deprecated .o-feature-set--station.int a:focus,
.deprecated .o-feature-set--station.int a:active,
.deprecated .o-feature-set--station.int .u-blocklink:hover a:hover,
.deprecated .o-feature-set--station.int .u-blocklink:hover a:focus,
.deprecated .o-feature-set--station.int .u-blocklink:hover a:active {
  color: #fea229
}

.deprecated .o-feature-set--station.int a {
  color: #d09341
}

.deprecated .o-feature-set--station.int a.btn,
.deprecated .o-feature-set--station.int a.live-stream-link {
  color: #fff
}

.deprecated .o-feature-set--station.int a.live-stream-link {
  background-color: #fea229
}

.deprecated .o-feature-set--station.int a.live-stream-link:hover {
  background-color: #d09341
}

.deprecated .o-feature-set--station.int .u-blocklink .faux-link:not(:visited) {
  color: #1e2722
}

.deprecated .o-feature-set--station.int .u-blocklink--hover .faux-link {
  color: #d09341
}

.deprecated .o-feature-set--station.int .u-blocklink--hover .o-digest__headline .faux-link,
.deprecated .o-feature-set--station.int .u-blocklink--hover .o-digest__headline .faux-link--not-visited:visited {
  color: #d09341
}

.deprecated .o-feature-set--station.int .u-blocklink--hover .o-digest__headline .faux-link:hover {
  color: #fea229
}

.deprecated .o-feature-set--station.rnz {
  background-color: #ffb2b2
}

.deprecated .o-feature-set--station.rnz a:hover,
.deprecated .o-feature-set--station.rnz a:focus,
.deprecated .o-feature-set--station.rnz a:active,
.deprecated .o-feature-set--station.rnz .u-blocklink:hover a:hover,
.deprecated .o-feature-set--station.rnz .u-blocklink:hover a:focus,
.deprecated .o-feature-set--station.rnz .u-blocklink:hover a:active {
  color: #ff6666
}

.deprecated .o-feature-set--station.rnz a {
  color: #ed615a
}

.deprecated .o-feature-set--station.rnz a.btn,
.deprecated .o-feature-set--station.rnz a.live-stream-link {
  color: #fff
}

.deprecated .o-feature-set--station.rnz a.live-stream-link {
  background-color: #ff6666
}

.deprecated .o-feature-set--station.rnz a.live-stream-link:hover {
  background-color: #ed615a
}

.deprecated .o-feature-set--station.rnz .u-blocklink .faux-link:not(:visited) {
  color: #1e2722
}

.deprecated .o-feature-set--station.rnz .u-blocklink--hover .faux-link {
  color: #ed615a
}

.deprecated .o-feature-set--station.rnz .u-blocklink--hover .o-digest__headline .faux-link,
.deprecated .o-feature-set--station.rnz .u-blocklink--hover .o-digest__headline .faux-link--not-visited:visited {
  color: #ed615a
}

.deprecated .o-feature-set--station.rnz .u-blocklink--hover .o-digest__headline .faux-link:hover {
  color: #ff6666
}

.deprecated .o-feature-set--station.pod {
  background-color: #fff
}

.deprecated .o-feature-set--station.pod a:hover,
.deprecated .o-feature-set--station.pod a:focus,
.deprecated .o-feature-set--station.pod a:active,
.deprecated .o-feature-set--station.pod .u-blocklink:hover a:hover,
.deprecated .o-feature-set--station.pod .u-blocklink:hover a:focus,
.deprecated .o-feature-set--station.pod .u-blocklink:hover a:active {
  color: #fff
}

.deprecated .o-feature-set--station.pod a {
  color: #fff
}

.deprecated .o-feature-set--station.pod a.btn,
.deprecated .o-feature-set--station.pod a.live-stream-link {
  color: #fff
}

.deprecated .o-feature-set--station.pod a.live-stream-link {
  background-color: #fff
}

.deprecated .o-feature-set--station.pod a.live-stream-link:hover {
  background-color: #fff
}

.deprecated .o-feature-set--station.pod .u-blocklink .faux-link:not(:visited) {
  color: #1e2722
}

.deprecated .o-feature-set--station.pod .u-blocklink--hover .faux-link {
  color: #fff
}

.deprecated .o-feature-set--station.pod .u-blocklink--hover .o-digest__headline .faux-link,
.deprecated .o-feature-set--station.pod .u-blocklink--hover .o-digest__headline .faux-link--not-visited:visited {
  color: #fff
}

.deprecated .o-feature-set--station.pod .u-blocklink--hover .o-digest__headline .faux-link:hover {
  color: #fff
}

.o-feature-set--video {
  background: #404441
}

.o-feature-set--video.o-feature-set .o-digest.has-thumbnail .thumb-container:before {
  padding-top: 56.25%
}

.o-feature-set--video a,
.o-feature-set--video .link,
.o-feature-set--video .u-blocklink .faux-link,
.o-feature-set--video .u-blocklink a,
.o-feature-set--video h2,
.o-feature-set--video h3,
.o-feature-set--video h4,
.o-feature-set--video h5,
.o-feature-set--video h6 {
  color: #fff
}

.o-feature-set--video .o-digest.has-thumbnail .thumb-container {
  background: #404441
}

.o-feature-set--video a:hover,
.o-feature-set--video .link:hover {
  color: #ddd
}

.o-feature-set--video .u-blocklink:hover a {
  color: #bbb
}

.o-feature-set--video .u-blocklink:hover .o-video--cta {
  color: rgba(255, 255, 255, 0.6)
}

.o-feature-set--video .u-blocklink .faux-link:visited,
.o-feature-set--video .u-blocklink a:visited {
  color: #bbb
}

.o-feature-set--video .btn {
  background: #5D5D5D
}

.o-feature-set--video .btn:hover {
  background: #00ad7f;
  color: #fff
}

.o-feature-set--video .btn:active {
  background: #00946c;
  color: #fff
}

.home .o-feature-set {
  margin-bottom: 0
}

.o-feature-set .assistive-text--mobile {
  margin-top: 0;
  color: #b3b3ac
}

.o-feature-set__summary>*,
.o-feature-set .o-digest,
.o-feature-set .o-tile {
  margin-bottom: 1.5em
}

.o-feature-set .o-digest,
.o-feature-set .o-tile {
  padding-bottom: 0;
  overflow: hidden
}

.o-feature-set .o-digest__detail,
.o-feature-set .o-tile__detail {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical
}

.o-feature-set .o-digest__headline,
.o-feature-set .o-digest__title,
.o-feature-set .o-tile__headline,
.o-feature-set .o-tile__title {
  font-weight: 800;
  letter-spacing: -0.008em;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1
}

.o-feature-set .o-digest .o-kicker,
.o-feature-set .o-tile .o-kicker {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  margin-top: 0.5em;
  margin-bottom: 0;
  white-space: normal;
  overflow: visible
}

.no-flexbox .o-feature-set .o-digest .o-kicker,
.no-flexbox .o-feature-set .o-tile .o-kicker {
  margin-top: 0;
  margin-bottom: 0.5em
}

.o-feature-set .o-digest__summary,
.o-feature-set .o-tile__summary {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2
}

.o-feature-set .o-digest__summary p,
.o-feature-set .o-tile__summary p {
  margin-bottom: 0
}

.no-flexbox .o-feature-set .o-digest__summary p,
.no-flexbox .o-feature-set .o-tile__summary p {
  margin-bottom: .5em
}

.o-feature-set .o-digest.lead-story .o-digest__headline,
.o-feature-set .o-digest.lead-story .o-tile__title,
.o-feature-set .o-tile.lead-story .o-digest__headline,
.o-feature-set .o-tile.lead-story .o-tile__title {
  line-height: 1.125
}

.o-feature-set .o-digest--feature,
.o-feature-set .o-digest.has-thumbnail,
.o-feature-set .o-tile--feature,
.o-feature-set .o-tile.has-thumbnail {
  padding-top: 0;
  border-top: 0
}

.o-feature-set .o-digest--feature .thumb-container,
.o-feature-set .o-digest.has-thumbnail .thumb-container,
.o-feature-set .o-tile--feature .thumb-container,
.o-feature-set .o-tile.has-thumbnail .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative
}

.o-feature-set .o-digest--feature .thumb-container:before,
.o-feature-set .o-digest.has-thumbnail .thumb-container:before,
.o-feature-set .o-tile--feature .thumb-container:before,
.o-feature-set .o-tile.has-thumbnail .thumb-container:before {
  content: "";
  display: block;
  padding-top: 62.5%
}

.o-feature-set .o-digest--feature .thumb-container img,
.o-feature-set .o-digest.has-thumbnail .thumb-container img,
.o-feature-set .o-tile--feature .thumb-container img,
.o-feature-set .o-tile.has-thumbnail .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.o-feature-set .o-digest--feature .thumb-container img.icon,
.no-csstransforms .o-feature-set .o-digest--feature .thumb-container img,
.no-objectfit .o-feature-set .o-digest--feature .thumb-container img,
.o-feature-set .o-digest.has-thumbnail .thumb-container img.icon,
.no-csstransforms .o-feature-set .o-digest.has-thumbnail .thumb-container img,
.no-objectfit .o-feature-set .o-digest.has-thumbnail .thumb-container img,
.o-feature-set .o-tile--feature .thumb-container img.icon,
.no-csstransforms .o-feature-set .o-tile--feature .thumb-container img,
.no-objectfit .o-feature-set .o-tile--feature .thumb-container img,
.o-feature-set .o-tile.has-thumbnail .thumb-container img.icon,
.no-csstransforms .o-feature-set .o-tile.has-thumbnail .thumb-container img,
.no-objectfit .o-feature-set .o-tile.has-thumbnail .thumb-container img {
  width: 100%;
  height: auto
}

.o-feature-set .o-digest--feature .thumb-container img.portrait,
.o-feature-set .o-digest.has-thumbnail .thumb-container img.portrait,
.o-feature-set .o-tile--feature .thumb-container img.portrait,
.o-feature-set .o-tile.has-thumbnail .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-left: -100%;
  margin-top: 0
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller {
  padding: 62.5% 0 0;
  position: relative
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller>div,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller>div {
  display: none
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller__play,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller__play {
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 100%;
  padding: 0.2em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin: 0.2em
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller__play:after,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller__play:after {
  content: "";
  margin: 0;
  position: absolute
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller__icon,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller__icon {
  margin-top: 0;
  margin-right: 0
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller__title,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller__title {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller__title.acc-focusable:active,
.o-feature-set .o-digest.has-thumbnail .o-digest__controls .c-play-controller__title.acc-focusable:focus,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller__title.acc-focusable:active,
.o-feature-set .o-tile.has-thumbnail .o-digest__controls .c-play-controller__title.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.o-feature-set .o-tile.has-thumbnail .thumb-container:before {
  padding-top: 100%
}

.o-feature-set__primary {
  position: relative
}

@media only screen and (min-width: 768px) {

  .o-feature-set .o-digest.no-thumbnail,
  .o-feature-set .o-tile.no-thumbnail {
    border-top: 1px solid #ebeae6;
    padding-top: 1.5em
  }

  .o-feature-set .o-digest.no-thumbnail .o-digest__headline,
  .o-feature-set .o-tile.no-thumbnail .o-digest__headline {
    font-size: 24px;
    line-height: 1.125;
    margin-bottom: 0.5em
  }

  .o-feature-set .o-digest.no-thumbnail .o-digest__headline a,
  .o-feature-set .o-tile.no-thumbnail .o-digest__headline a {
    color: #ed615a
  }

  .o-feature-set.item-count--2 .o-digest,
  .o-feature-set.item-count--2 .o-tile {
    width: 49.0566037736%;
    float: left
  }

  .o-feature-set.item-count--2 .o-digest:nth-child(2n + 1),
  .o-feature-set.item-count--2 .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set.item-count--2 .o-digest:nth-child(2n + 2),
  .o-feature-set.item-count--2 .o-tile:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set.item-count--2 .o-digest,
  .ie8 .o-feature-set.item-count--2 .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media (min-width: 1000px) {
  .prog-home .o-feature-set--programme {
    margin-top: -2.25em
  }

  .o-feature-set .o-digest.lead-story .thumb-container,
  .o-feature-set .o-tile.lead-story .thumb-container {
    margin-bottom: 1.5em
  }

  .o-feature-set .o-digest.lead-story .o-digest__headline,
  .o-feature-set .o-digest.lead-story .o-tile__title,
  .o-feature-set .o-tile.lead-story .o-digest__headline,
  .o-feature-set .o-tile.lead-story .o-tile__title {
    font-size: 36px
  }

  .o-feature-set .item-count--1 .o-digest .thumb-container,
  .o-feature-set .item-count--1 .o-tile .thumb-container {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%;
    margin-bottom: 0
  }

  .o-feature-set .item-count--1 .o-digest__detail,
  .o-feature-set .item-count--1 .o-tile__detail {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .item-count--1 .o-digest__controls,
  .o-feature-set .item-count--1 .o-tile__controls {
    width: 48.5714285714%;
    margin-left: -48.5714285714%
  }

  .o-feature-set .item-count--1 .o-digest__controls .o-play__controller,
  .o-feature-set .item-count--1 .o-tile__controls .o-play__controller {
    margin: 1em
  }

  .o-feature-set .layout--standard.item-count--2 .o-digest,
  .o-feature-set .layout--standard.item-count--2 .o-tile {
    width: 48.5714285714%;
    float: left
  }

  .o-feature-set .layout--standard.item-count--2 .o-digest:nth-child(2n + 1),
  .o-feature-set .layout--standard.item-count--2 .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--standard.item-count--2 .o-digest:nth-child(2n + 2),
  .o-feature-set .layout--standard.item-count--2 .o-tile:nth-child(2n + 2) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--standard.item-count--2 .o-digest,
  .ie8 .o-feature-set .layout--standard.item-count--2 .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.1666666667%;
    margin-right: 0.1666666667%
  }

  .o-feature-set .layout--standard.item-count--3 .o-digest,
  .o-feature-set .layout--standard.item-count--3 .o-tile {
    width: 31.4285714286%;
    float: left
  }

  .o-feature-set .layout--standard.item-count--3 .o-digest:nth-child(3n + 1),
  .o-feature-set .layout--standard.item-count--3 .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--standard.item-count--3 .o-digest:nth-child(3n + 2),
  .o-feature-set .layout--standard.item-count--3 .o-tile:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--3 .o-digest:nth-child(3n + 3),
  .o-feature-set .layout--standard.item-count--3 .o-tile:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--standard.item-count--3 .o-digest,
  .ie8 .o-feature-set .layout--standard.item-count--3 .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25%;
    margin-right: 0.25%
  }

  .o-feature-set .layout--standard.item-count--4 .o-digest,
  .o-feature-set .layout--standard.item-count--4 .o-tile {
    width: 22.8571428571%;
    float: left
  }

  .o-feature-set .layout--standard.item-count--4 .o-digest:nth-child(4n + 1),
  .o-feature-set .layout--standard.item-count--4 .o-tile:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--standard.item-count--4 .o-digest:nth-child(4n + 2),
  .o-feature-set .layout--standard.item-count--4 .o-tile:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--4 .o-digest:nth-child(4n + 3),
  .o-feature-set .layout--standard.item-count--4 .o-tile:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--4 .o-digest:nth-child(4n + 4),
  .o-feature-set .layout--standard.item-count--4 .o-tile:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--standard.item-count--4 .o-digest,
  .ie8 .o-feature-set .layout--standard.item-count--4 .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile,
  .o-feature-set .layout--standard.item-count--6 .o-tile {
    width: 14.2857142857%;
    float: left
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile:nth-child(6n + 1),
  .o-feature-set .layout--standard.item-count--6 .o-tile:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile:nth-child(6n + 2),
  .o-feature-set .layout--standard.item-count--6 .o-tile:nth-child(6n + 2) {
    margin-left: 17.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile:nth-child(6n + 3),
  .o-feature-set .layout--standard.item-count--6 .o-tile:nth-child(6n + 3) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile:nth-child(6n + 4),
  .o-feature-set .layout--standard.item-count--6 .o-tile:nth-child(6n + 4) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile:nth-child(6n + 5),
  .o-feature-set .layout--standard.item-count--6 .o-tile:nth-child(6n + 5) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile:nth-child(6n + 6),
  .o-feature-set .layout--standard.item-count--6 .o-tile:nth-child(6n + 6) {
    margin-left: 85.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--standard.item-count--5 .o-tile,
  .ie8 .o-feature-set .layout--standard.item-count--6 .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .o-feature-set .layout--standard.item-count--5 .o-tile__title,
  .o-feature-set .layout--standard.item-count--6 .o-tile__title {
    font-size: 20px
  }

  .o-feature-set .layout--standard.many-items .o-digest,
  .o-feature-set .layout--standard.item-count--many .o-digest {
    width: 22.8571428571%;
    float: left
  }

  .o-feature-set .layout--standard.many-items .o-digest:nth-child(4n + 1),
  .o-feature-set .layout--standard.item-count--many .o-digest:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--standard.many-items .o-digest:nth-child(4n + 2),
  .o-feature-set .layout--standard.item-count--many .o-digest:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.many-items .o-digest:nth-child(4n + 3),
  .o-feature-set .layout--standard.item-count--many .o-digest:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.many-items .o-digest:nth-child(4n + 4),
  .o-feature-set .layout--standard.item-count--many .o-digest:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--standard.many-items .o-digest,
  .ie8 .o-feature-set .layout--standard.item-count--many .o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .o-feature-set .layout--standard.many-items .o-tile,
  .o-feature-set .layout--standard.item-count--many .o-tile {
    width: 14.2857142857%;
    float: left
  }

  .o-feature-set .layout--standard.many-items .o-tile:nth-child(6n + 1),
  .o-feature-set .layout--standard.item-count--many .o-tile:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--standard.many-items .o-tile:nth-child(6n + 2),
  .o-feature-set .layout--standard.item-count--many .o-tile:nth-child(6n + 2) {
    margin-left: 17.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.many-items .o-tile:nth-child(6n + 3),
  .o-feature-set .layout--standard.item-count--many .o-tile:nth-child(6n + 3) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.many-items .o-tile:nth-child(6n + 4),
  .o-feature-set .layout--standard.item-count--many .o-tile:nth-child(6n + 4) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.many-items .o-tile:nth-child(6n + 5),
  .o-feature-set .layout--standard.item-count--many .o-tile:nth-child(6n + 5) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--standard.many-items .o-tile:nth-child(6n + 6),
  .o-feature-set .layout--standard.item-count--many .o-tile:nth-child(6n + 6) {
    margin-left: 85.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--standard.many-items .o-tile,
  .ie8 .o-feature-set .layout--standard.item-count--many .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .o-feature-set .layout--standard.many-items .o-tile__title,
  .o-feature-set .layout--standard.item-count--many .o-tile__title {
    font-size: 20px
  }

  .o-feature-set .layout--series:after,
  .o-feature-set .layout--station:after {
    content: '';
    display: table;
    clear: both
  }

  .o-feature-set .layout--series.item-count--2 .set-summary,
  .o-feature-set .layout--station.item-count--2 .set-summary {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-feature-set .layout--series.item-count--2 .set-summary+.set-items,
  .o-feature-set .layout--station.item-count--2 .set-summary+.set-items {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .layout--series.item-count--3 .set-summary,
  .o-feature-set .layout--station.item-count--3 .set-summary {
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-feature-set .layout--series.item-count--3 .set-summary+.set-items,
  .o-feature-set .layout--station.item-count--3 .set-summary+.set-items {
    width: 65.7142857143%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .layout--series.item-count--3 .o-digest,
  .o-feature-set .layout--series.item-count--3 .o-tile,
  .o-feature-set .layout--station.item-count--3 .o-digest,
  .o-feature-set .layout--station.item-count--3 .o-tile {
    width: 47.8260869565%;
    float: left
  }

  .o-feature-set .layout--series.item-count--3 .o-digest:nth-child(2n + 1),
  .o-feature-set .layout--series.item-count--3 .o-tile:nth-child(2n + 1),
  .o-feature-set .layout--station.item-count--3 .o-digest:nth-child(2n + 1),
  .o-feature-set .layout--station.item-count--3 .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--series.item-count--3 .o-digest:nth-child(2n + 2),
  .o-feature-set .layout--series.item-count--3 .o-tile:nth-child(2n + 2),
  .o-feature-set .layout--station.item-count--3 .o-digest:nth-child(2n + 2),
  .o-feature-set .layout--station.item-count--3 .o-tile:nth-child(2n + 2) {
    margin-left: 52.1739130435%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--series.item-count--3 .o-digest,
  .ie8 .o-feature-set .layout--series.item-count--3 .o-tile,
  .ie8 .o-feature-set .layout--station.item-count--3 .o-digest,
  .ie8 .o-feature-set .layout--station.item-count--3 .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .o-feature-set .layout--series.item-count--4 .set-summary,
  .o-feature-set .layout--series.item-count--many .set-summary,
  .o-feature-set .layout--station.item-count--4 .set-summary,
  .o-feature-set .layout--station.item-count--many .set-summary {
    width: 22.8571428571%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-feature-set .layout--series.item-count--4 .set-summary+.set-items,
  .o-feature-set .layout--series.item-count--many .set-summary+.set-items,
  .o-feature-set .layout--station.item-count--4 .set-summary+.set-items,
  .o-feature-set .layout--station.item-count--many .set-summary+.set-items {
    width: 74.2857142857%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .layout--series.item-count--4 .o-digest,
  .o-feature-set .layout--series.item-count--4 .o-tile,
  .o-feature-set .layout--series.item-count--many .o-digest,
  .o-feature-set .layout--series.item-count--many .o-tile,
  .o-feature-set .layout--station.item-count--4 .o-digest,
  .o-feature-set .layout--station.item-count--4 .o-tile,
  .o-feature-set .layout--station.item-count--many .o-digest,
  .o-feature-set .layout--station.item-count--many .o-tile {
    width: 30.7692307692%;
    float: left
  }

  .o-feature-set .layout--series.item-count--4 .o-digest:nth-child(3n + 1),
  .o-feature-set .layout--series.item-count--4 .o-tile:nth-child(3n + 1),
  .o-feature-set .layout--series.item-count--many .o-digest:nth-child(3n + 1),
  .o-feature-set .layout--series.item-count--many .o-tile:nth-child(3n + 1),
  .o-feature-set .layout--station.item-count--4 .o-digest:nth-child(3n + 1),
  .o-feature-set .layout--station.item-count--4 .o-tile:nth-child(3n + 1),
  .o-feature-set .layout--station.item-count--many .o-digest:nth-child(3n + 1),
  .o-feature-set .layout--station.item-count--many .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--series.item-count--4 .o-digest:nth-child(3n + 2),
  .o-feature-set .layout--series.item-count--4 .o-tile:nth-child(3n + 2),
  .o-feature-set .layout--series.item-count--many .o-digest:nth-child(3n + 2),
  .o-feature-set .layout--series.item-count--many .o-tile:nth-child(3n + 2),
  .o-feature-set .layout--station.item-count--4 .o-digest:nth-child(3n + 2),
  .o-feature-set .layout--station.item-count--4 .o-tile:nth-child(3n + 2),
  .o-feature-set .layout--station.item-count--many .o-digest:nth-child(3n + 2),
  .o-feature-set .layout--station.item-count--many .o-tile:nth-child(3n + 2) {
    margin-left: 34.6153846154%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--series.item-count--4 .o-digest:nth-child(3n + 3),
  .o-feature-set .layout--series.item-count--4 .o-tile:nth-child(3n + 3),
  .o-feature-set .layout--series.item-count--many .o-digest:nth-child(3n + 3),
  .o-feature-set .layout--series.item-count--many .o-tile:nth-child(3n + 3),
  .o-feature-set .layout--station.item-count--4 .o-digest:nth-child(3n + 3),
  .o-feature-set .layout--station.item-count--4 .o-tile:nth-child(3n + 3),
  .o-feature-set .layout--station.item-count--many .o-digest:nth-child(3n + 3),
  .o-feature-set .layout--station.item-count--many .o-tile:nth-child(3n + 3) {
    margin-left: 69.2307692308%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--series.item-count--4 .o-digest,
  .ie8 .o-feature-set .layout--series.item-count--4 .o-tile,
  .ie8 .o-feature-set .layout--series.item-count--many .o-digest,
  .ie8 .o-feature-set .layout--series.item-count--many .o-tile,
  .ie8 .o-feature-set .layout--station.item-count--4 .o-digest,
  .ie8 .o-feature-set .layout--station.item-count--4 .o-tile,
  .ie8 .o-feature-set .layout--station.item-count--many .o-digest,
  .ie8 .o-feature-set .layout--station.item-count--many .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .o-feature-set .layout--lead_video:after {
    content: '';
    display: table;
    clear: both
  }

  .o-feature-set .layout--lead_video .o-feature-set__list {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .layout--lead_video .o-feature-set__list .assistive-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.08em
  }

  .o-feature-set .layout--lead_video .o-digest.lead-story,
  .o-feature-set .layout--lead_video .o-tile.lead-story {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-feature-set .layout--lead_video .o-digest.lead-story p,
  .o-feature-set .layout--lead_video .o-tile.lead-story p {
    font-size: 16px;
    line-height: 1.375
  }

  .o-feature-set .layout--lead_video li.o-digest,
  .o-feature-set .layout--lead_video li.o-tile {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    clear: both;
    float: none
  }

  .o-feature-set .layout--lead_video li.o-digest .thumb-container,
  .o-feature-set .layout--lead_video li.o-tile .thumb-container {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%
  }

  .o-feature-set .layout--lead_video li.o-digest .o-digest__detail,
  .o-feature-set .layout--lead_video li.o-tile .o-digest__detail {
    width: 47.0588235294%;
    float: right;
    margin-right: 0;
    clear: right
  }

  .o-feature-set .layout--lead_video li.o-digest .o-digest__controls,
  .o-feature-set .layout--lead_video li.o-tile .o-digest__controls {
    width: 47.0588235294%;
    margin-left: -47.0588235294%
  }

  .o-feature-set .layout--lead_story:after {
    content: '';
    display: table;
    clear: both
  }

  .o-feature-set .layout--lead_story .o-feature-set__list {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .layout--lead_story .o-digest.lead-story,
  .o-feature-set .layout--lead_story .o-tile.lead-story {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-feature-set .layout--lead_story .o-digest.lead-story p,
  .o-feature-set .layout--lead_story .o-tile.lead-story p {
    font-size: 16px;
    line-height: 1.375
  }

  .o-feature-set .layout--lead_story.item-count--1 .o-digest.lead-story,
  .o-feature-set .layout--lead_story.item-count--1 .o-tile.lead-story {
    width: 100%;
    float: none;
    margin-right: 0
  }

  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-digest,
  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-tile {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    clear: both;
    float: none
  }

  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-digest .thumb-container,
  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-tile .thumb-container {
    margin-bottom: 1.5em
  }

  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-digest p,
  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-tile p {
    font-size: 16px;
    line-height: 1.375
  }

  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-digest__headline,
  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-tile__headline {
    font-size: 36px
  }

  .o-feature-set .layout--lead_story.item-count--3 li.o-digest,
  .o-feature-set .layout--lead_story.item-count--3 li.o-tile,
  .o-feature-set .layout--lead_story.item-count--5 li.o-digest,
  .o-feature-set .layout--lead_story.item-count--5 li.o-tile {
    width: 47.0588235294%;
    float: left
  }

  .o-feature-set .layout--lead_story.item-count--3 li.o-digest:nth-child(2n + 1),
  .o-feature-set .layout--lead_story.item-count--3 li.o-tile:nth-child(2n + 1),
  .o-feature-set .layout--lead_story.item-count--5 li.o-digest:nth-child(2n + 1),
  .o-feature-set .layout--lead_story.item-count--5 li.o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--lead_story.item-count--3 li.o-digest:nth-child(2n + 2),
  .o-feature-set .layout--lead_story.item-count--3 li.o-tile:nth-child(2n + 2),
  .o-feature-set .layout--lead_story.item-count--5 li.o-digest:nth-child(2n + 2),
  .o-feature-set .layout--lead_story.item-count--5 li.o-tile:nth-child(2n + 2) {
    margin-left: 52.9411764706%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--lead_story.item-count--3 li.o-digest,
  .ie8 .o-feature-set .layout--lead_story.item-count--3 li.o-tile,
  .ie8 .o-feature-set .layout--lead_story.item-count--5 li.o-digest,
  .ie8 .o-feature-set .layout--lead_story.item-count--5 li.o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .o-feature-set .layout--lead_story.item-count--4 li.o-digest,
  .o-feature-set .layout--lead_story.item-count--4 li.o-tile {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    clear: both;
    float: none
  }

  .o-feature-set .layout--lead_story.item-count--4 li.o-digest .thumb-container,
  .o-feature-set .layout--lead_story.item-count--4 li.o-tile .thumb-container {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%
  }

  .o-feature-set .layout--lead_story.item-count--4 li.o-digest .o-digest__detail,
  .o-feature-set .layout--lead_story.item-count--4 li.o-tile .o-digest__detail {
    width: 47.0588235294%;
    float: right;
    margin-right: 0;
    clear: right
  }

  .o-feature-set .layout--lead_story.item-count--4 li.o-digest .o-digest__controls,
  .o-feature-set .layout--lead_story.item-count--4 li.o-tile .o-digest__controls {
    width: 47.0588235294%;
    margin-left: -47.0588235294%
  }

  .o-feature-set .layout--lead_story.many-items .o-feature-set__list,
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list {
    width: 100%;
    float: none
  }

  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-digest,
  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-tile,
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-digest,
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-tile {
    width: 22.8571428571%;
    float: left
  }

  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-digest:nth-child(4n + 1),
  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-tile:nth-child(4n + 1),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-digest:nth-child(4n + 1),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-tile:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-digest:nth-child(4n + 2),
  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-tile:nth-child(4n + 2),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-digest:nth-child(4n + 2),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-tile:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-digest:nth-child(4n + 3),
  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-tile:nth-child(4n + 3),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-digest:nth-child(4n + 3),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-tile:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-digest:nth-child(4n + 4),
  .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-tile:nth-child(4n + 4),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-digest:nth-child(4n + 4),
  .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-tile:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-digest,
  .ie8 .o-feature-set .layout--lead_story.many-items .o-feature-set__list .o-tile,
  .ie8 .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-digest,
  .ie8 .o-feature-set .layout--lead_story.item-count--many .o-feature-set__list .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .o-feature-set .layout--lead_story.many-items .lead-story,
  .o-feature-set .layout--lead_story.item-count--many .lead-story {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    clear: both;
    float: none
  }

  .o-feature-set .layout--lead_story.many-items .lead-story .thumb-container,
  .o-feature-set .layout--lead_story.item-count--many .lead-story .thumb-container {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-feature-set .layout--lead_story.many-items .lead-story__detail,
  .o-feature-set .layout--lead_story.item-count--many .lead-story__detail {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }

  .o-feature-set .layout--lead_story.many-items .lead-story__controls,
  .o-feature-set .layout--lead_story.item-count--many .lead-story__controls {
    width: 48.5714285714%;
    margin-left: -48.5714285714%
  }

  .o-feature-set .layout--lead_story.many-items .lead-story__controls .o-play__controller,
  .o-feature-set .layout--lead_story.item-count--many .lead-story__controls .o-play__controller {
    margin: 1em
  }
}

@media (min-width: 1270px) {

  .o-feature-set .o-digest.lead-story .o-digest__headline,
  .o-feature-set .o-digest.lead-story .o-tile__title,
  .o-feature-set .o-tile.lead-story .o-digest__headline,
  .o-feature-set .o-tile.lead-story .o-tile__title {
    font-size: 42px
  }

  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-digest__headline,
  .o-feature-set .layout--lead_story.item-count--2 .o-feature-set__list .o-tile__headline {
    font-size: 42px
  }
}

@media only screen and (max-width: 999px) {

  .o-feature-set .o-digest--extended .o-digest__headline,
  .o-feature-set .o-digest--extended .o-tile__title,
  .o-feature-set .o-tile--extended .o-digest__headline,
  .o-feature-set .o-tile--extended .o-tile__title {
    font-size: 21px
  }

  .o-feature-set.o-feature-set--video .layout--lead_video .lead-story {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .o-feature-set.o-feature-set--video .layout--lead_video .o-feature-set__list {
    clear: both
  }

  .o-feature-set.o-feature-set--video .layout--lead_video .o-feature-set__list .assistive-text {
    margin-left: 4vw;
    margin-right: 4vw
  }

  .o-feature-set .overflow-wrapper {
    margin-right: -1rem;
    margin-left: -1rem;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(40vw);
    scroll-snap-points-x: repeat(40vw)
  }

  .o-feature-set .overflow-wrapper:-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    display: none !important
  }

  .o-feature-set .overflow-wrapper.item-count--1,
  .o-feature-set .overflow-wrapper.item-count--2 {
    white-space: normal
  }

  .o-feature-set .item-count--3 {
    white-space: nowrap
  }

  .o-feature-set .item-count--3 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 132vw
  }

  .o-feature-set .item-count--3 .set-summary,
  .o-feature-set .item-count--3 .o-digest,
  .o-feature-set .item-count--3 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--4 {
    white-space: nowrap
  }

  .o-feature-set .item-count--4 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 172vw
  }

  .o-feature-set .item-count--4 .set-summary,
  .o-feature-set .item-count--4 .o-digest,
  .o-feature-set .item-count--4 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--5 {
    white-space: nowrap
  }

  .o-feature-set .item-count--5 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 212vw
  }

  .o-feature-set .item-count--5 .set-summary,
  .o-feature-set .item-count--5 .o-digest,
  .o-feature-set .item-count--5 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--6 {
    white-space: nowrap
  }

  .o-feature-set .item-count--6 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 252vw
  }

  .o-feature-set .item-count--6 .set-summary,
  .o-feature-set .item-count--6 .o-digest,
  .o-feature-set .item-count--6 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--7 {
    white-space: nowrap
  }

  .o-feature-set .item-count--7 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 292vw
  }

  .o-feature-set .item-count--7 .set-summary,
  .o-feature-set .item-count--7 .o-digest,
  .o-feature-set .item-count--7 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--8 {
    white-space: nowrap
  }

  .o-feature-set .item-count--8 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 332vw
  }

  .o-feature-set .item-count--8 .set-summary,
  .o-feature-set .item-count--8 .o-digest,
  .o-feature-set .item-count--8 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--9 {
    white-space: nowrap
  }

  .o-feature-set .item-count--9 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 372vw
  }

  .o-feature-set .item-count--9 .set-summary,
  .o-feature-set .item-count--9 .o-digest,
  .o-feature-set .item-count--9 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--10 {
    white-space: nowrap
  }

  .o-feature-set .item-count--10 .overflow-container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 412vw
  }

  .o-feature-set .item-count--10 .set-summary,
  .o-feature-set .item-count--10 .o-digest,
  .o-feature-set .item-count--10 .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }
}

@media only screen and (max-width: 767px) {
  .o-feature-set--programmes.no-overflow .o-tile {
    width: 32.0754716981%;
    float: left
  }

  .o-feature-set--programmes.no-overflow .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-feature-set--programmes.no-overflow .o-tile:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .o-feature-set--programmes.no-overflow .o-tile:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-feature-set--programmes.no-overflow .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .o-feature-set.o-feature-set--video .layout--lead_video .lead-story {
    width: 100vw;
    margin-left: -5vw;
    margin-right: 0
  }

  .o-feature-set.o-feature-set--video .layout--lead_video .lead-story .o-digest__detail {
    margin-left: 4vw;
    margin-right: 4vw
  }

  .o-feature-set .overflow-wrapper {
    -webkit-scroll-snap-points-x: repeat(80vw);
    scroll-snap-points-x: repeat(80vw)
  }

  .o-feature-set .overflow-wrapper.item-count--2 {
    white-space: nowrap
  }

  .o-feature-set .overflow-wrapper.item-count--2 .set-summary,
  .o-feature-set .overflow-wrapper.item-count--2 .o-digest,
  .o-feature-set .overflow-wrapper.item-count--2 .o-tile {
    float: left;
    white-space: normal
  }

  .o-feature-set .item-count--2 .overflow-container {
    width: 185.3333333333vw
  }

  .o-feature-set .item-count--2 .set-summary,
  .o-feature-set .item-count--2 .o-digest,
  .o-feature-set .item-count--2 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--3 .overflow-container {
    width: 265.3333333333vw
  }

  .o-feature-set .item-count--3 .set-summary,
  .o-feature-set .item-count--3 .o-digest,
  .o-feature-set .item-count--3 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--4 .overflow-container {
    width: 345.3333333333vw
  }

  .o-feature-set .item-count--4 .set-summary,
  .o-feature-set .item-count--4 .o-digest,
  .o-feature-set .item-count--4 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--5 .overflow-container {
    width: 425.3333333333vw
  }

  .o-feature-set .item-count--5 .set-summary,
  .o-feature-set .item-count--5 .o-digest,
  .o-feature-set .item-count--5 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--6 .overflow-container {
    width: 505.3333333333vw
  }

  .o-feature-set .item-count--6 .set-summary,
  .o-feature-set .item-count--6 .o-digest,
  .o-feature-set .item-count--6 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--7 .overflow-container {
    width: 585.3333333333vw
  }

  .o-feature-set .item-count--7 .set-summary,
  .o-feature-set .item-count--7 .o-digest,
  .o-feature-set .item-count--7 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--8 .overflow-container {
    width: 665.3333333333vw
  }

  .o-feature-set .item-count--8 .set-summary,
  .o-feature-set .item-count--8 .o-digest,
  .o-feature-set .item-count--8 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--9 .overflow-container {
    width: 745.3333333333vw
  }

  .o-feature-set .item-count--9 .set-summary,
  .o-feature-set .item-count--9 .o-digest,
  .o-feature-set .item-count--9 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }

  .o-feature-set .item-count--10 .overflow-container {
    width: 825.3333333333vw
  }

  .o-feature-set .item-count--10 .set-summary,
  .o-feature-set .item-count--10 .o-digest,
  .o-feature-set .item-count--10 .o-tile {
    width: 76vw;
    margin-left: 4vw
  }
}

.station-live {
  max-width: 640px
}

.station-live__title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: .5em;
  color: #6d7570;
  font-weight: 600
}

.station-live__info {
  display: table;
  width: 100%
}

.station-live__info>* {
  display: table-cell;
  vertical-align: middle
}

.station-live__thumb {
  width: 48px;
  height: 48px;
  overflow: hidden;
  position: relative
}

.station-live__thumb img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.station-live__detail {
  padding-left: .5em;
  white-space: normal
}

.station-live__detail .air-times {
  font-size: 13px;
  color: #6d7570
}

.station-live__icon {
  width: 48px;
  text-align: right
}

.station-live__icon .live-stream-link {
  display: inline-block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  border-radius: 36px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  text-indent: 200%;
  padding: 0;
  position: relative;
  background-color: #ed615a;
  color: #fff
}

.station-live__icon .live-stream-link:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 36px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  content: "";
  text-indent: 10%;
  position: absolute;
  width: 100%;
  top: 0
}

.station-live__icon .live-stream-link:hover,
.station-live__icon .live-stream-link:focus,
.station-live__icon .live-stream-link:active {
  color: #fff;
  background-color: #e8352c
}

.active .station-live__icon .live-stream-link:before {
  content: "\ea27"
}

.station-live__programme {
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 0
}

.c-listen-live .station-live {
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease;
  -moz-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  position: relative;
  padding-right: 1.25em;
  padding-left: .75em
}

.c-listen-live .station-live.active .station-live__icon .live-stream-link:before {
  content: "\ea27"
}

.c-listen-live .station-live.active {
  background-color: #ebeae6
}

.c-listen-live .station-live.active .live-stream-link {
  pointer-events: none
}

.c-listen-live .station-live:first-child {
  border-radius: 4px 4px 0 0
}

.c-listen-live .station-live:hover {
  background-color: #1e2722
}

.c-listen-live .station-live:hover .station-live__title,
.c-listen-live .station-live:hover .air-times {
  color: #f6f6f4
}

.c-listen-live .station-live:hover .station-live__programme span,
.c-listen-live .station-live:hover .station-live__programme span:visited,
.c-listen-live .station-live:hover .station-live__programme a,
.c-listen-live .station-live:hover .station-live__programme a:visited {
  color: #fff
}

.c-listen-live .station-live:hover .station-live__programme a:hover {
  color: #cccccc
}

.c-listen-live .station-live:hover .station-live__icon .live-stream-link {
  color: #1e2722;
  background-color: #fff
}

.c-listen-live .station-live__title,
.c-listen-live .station-live__programme {
  font-weight: 400
}

.c-listen-live .station-live__programme a,
.c-listen-live .station-live__programme a:visited {
  color: #404441
}

.o-live-station__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6d7570
}

.o-live-station__title a,
.o-live-station__title a:visited {
  color: #404441
}

.o-live-station__title a:hover {
  color: #343734
}

.o-live-station .o-tile {
  position: relative
}

.o-live-station .o-tile__title {
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 0.125em
}

.station-home .o-live-station .o-tile__title {
  margin-bottom: 0.5em
}

.station-home .o-live-station .o-tile--primary-programme .o-tile__title {
  font-size: 24px
}

.o-live-station .o-tile__summary .o-episode-summary {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none
}

.o-live-station__stream-link {
  display: block;
  position: absolute;
  bottom: .5em;
  left: .5em;
  width: 36px;
  height: 36px
}

.o-live-station__stream-link a {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  border-radius: 36px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  text-indent: 200%;
  padding: 0;
  position: relative;
  background-color: #ed615a;
  color: #fff
}

.o-live-station__stream-link a:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 36px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  content: "";
  text-indent: 10%;
  position: absolute;
  width: 100%;
  top: 0
}

.o-live-station__stream-link a:hover,
.o-live-station__stream-link a:focus,
.o-live-station__stream-link a:active {
  color: #fff;
  background-color: #e8352c
}

.u-blocklink .o-live-station__stream-link a:hover,
.u-blocklink:hover .o-live-station__stream-link a:hover,
.u-blocklink--hover .o-live-station__stream-link a:hover,
.u-blocklink .o-live-station__stream-link a:focus,
.u-blocklink:hover .o-live-station__stream-link a:focus,
.u-blocklink--hover .o-live-station__stream-link a:focus,
.u-blocklink .o-live-station__stream-link a:active,
.u-blocklink:hover .o-live-station__stream-link a:active,
.u-blocklink--hover .o-live-station__stream-link a:active {
  color: #fff
}

.o-tile--secondary-programme .o-live-station__stream-link {
  bottom: .25em;
  left: .25em;
  width: 30px;
  height: 30px
}

.o-tile--secondary-programme .o-live-station__stream-link a {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

.o-tile--secondary-programme .o-live-station__stream-link a:before {
  line-height: 30px
}

.u-blocklink .o-live-station__stream-link a,
.u-blocklink:hover .o-live-station__stream-link a,
.u-blocklink--hover .o-live-station__stream-link a {
  color: #fff
}

.o-live-station .on-air-status,
.o-live-station .air-times {
  font-size: 15px;
  color: #6d7570;
  margin-bottom: 0.4em
}

.o-live-station .on-air-status {
  display: inline-block;
  font-weight: 600
}

.o-live-station .air-times {
  display: block
}

.o-live-station .on-now .on-air-status {
  color: #d34141
}

.c-banner--station .o-live-station .on-now .on-air-status {
  color: #fff
}

.station-home .o-live-station .on-now .air-times {
  font-weight: 600
}

.o-live-station__live-link,
.o-live-station__current-prog {
  position: relative
}

@media (min-width: 1000px) {
  .o-live-station .o-tile {
    padding-bottom: 0
  }

  .content-secondary .o-live-station {
    width: 100%;
    margin-right: 0;
    margin-left: 0
  }
}

.station-extras {
  clear: both;
  border-top: 1px solid #ebeae6;
  padding-top: 1.5em
}

@media only screen and (min-width: 640px) {
  .station-extras {
    margin-top: 1.5em
  }
}

@media only screen and (max-width: 639px) {
  .station-extras {
    text-align: center
  }
}

.c-tiles__list .o-tile--primary-programme {
  margin-bottom: 1.5em
}

@media only screen and (max-width: 639px) {

  .c-tiles__list .o-tile--secondary-programme,
  .c-tiles__list .o-tile--primary-programme {
    border-bottom: 1px solid #ebeae6;
    padding-bottom: 1.5em
  }

  .c-tiles__list .o-tile--secondary-programme:last-child,
  .c-tiles__list .o-tile--primary-programme:last-child {
    border-bottom: none;
    padding-bottom: 0
  }

  .c-tiles__list .o-tile--secondary-programme {
    margin-bottom: 1.5em
  }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
  .c-tiles__list .o-tile--primary-programme {
    border-bottom: 1px solid #ebeae6;
    padding-bottom: 1.5em
  }
}

@media only screen and (min-width: 768px) {
  .c-tiles__list .o-tile--secondary-programme {
    margin-bottom: 1.5em
  }

  .c-tiles__list .o-tile--secondary-programme:last-child {
    border-bottom: none;
    padding-bottom: 0
  }
}

.ie8 .c-tiles__list .o-tile--primary-programme,
.ie8 .c-tiles__list .o-tile--secondary-programme {
  border-bottom: none;
  padding-bottom: 0
}

@media only screen and (min-width: 640px) {
  .c-tiles__list .o-tile--primary-programme {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
  }

  .c-tiles__list .o-tile--primary-programme .thumb-container {
    width: 49.0566037736%;
    float: left;
    margin-right: 1.8867924528%
  }

  .c-tiles__list .o-tile--primary-programme .o-tile__detail {
    width: 49.0566037736%;
    float: right;
    margin-right: 0
  }

  .c-tiles__list .o-tile--secondary-programme {
    width: 49.0566037736%;
    float: left;
    margin-right: 1.8867924528%
  }

  .c-tiles__list .o-tile--secondary-programme:last-child {
    margin-right: 0
  }
}

@media only screen and (min-width: 768px) {
  .c-tiles__list .o-tile--primary-programme {
    width: 66.0377358491%;
    float: left;
    margin-right: 1.8867924528%
  }

  .c-tiles__list .o-tile--primary-programme .thumb-container {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-tiles__list .o-tile--primary-programme .o-tile__detail {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }

  .c-tiles__list .o-tile--secondary-programme {
    width: 32.0754716981%;
    float: left;
    margin-right: 1.8867924528%;
    margin-right: 0
  }
}

@media (min-width: 1000px) {
  .c-tiles__list .o-tile--primary-programme {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-tiles__list .o-tile--primary-programme .thumb-container {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }

  .c-tiles__list .o-tile--primary-programme .o-tile__detail {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }

  .c-tiles__list .o-tile--secondary-programme {
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 0
  }
}

@media (min-width: 1312px) {
  .c-tiles__list .o-tile--primary-programme {
    width: 74.2857142857%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-tiles__list .o-tile--primary-programme .thumb-container {
    width: 42.3076923077%;
    float: left;
    margin-right: 3.8461538462%
  }

  .c-tiles__list .o-tile--primary-programme .o-tile__detail {
    width: 53.8461538462%;
    float: right;
    margin-right: 0
  }

  .c-tiles__list .o-tile--secondary-programme {
    width: 22.8571428571%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 0;
    float: right
  }
}

@media only screen and (max-width: 639px) {
  .c-tiles__list .o-episode-summary {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .c-tiles__list .o-episode-summary.acc-focusable:active,
  .c-tiles__list .o-episode-summary.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.o-live-station--nat .o-tile {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1.5em
}

.o-live-station--nat .o-tile:last-child {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .o-live-station--nat {
    border-bottom: 1px solid #ebeae6;
    margin-bottom: 1.5em
  }
}

@media only screen and (max-width: 767px) {

  .o-live-station--nat,
  .o-live-station--con,
  .o-live-station--int,
  .o-live-station--pod {
    border-bottom: 1px solid #ebeae6;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em
  }

  .o-live-station--nat:last-child,
  .o-live-station--con:last-child,
  .o-live-station--int:last-child,
  .o-live-station--pod:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
  }
}

@media only screen and (min-width: 768px) {

  .o-live-station--nat .o-tile,
  .o-live-station--con .o-tile,
  .o-live-station--int .o-tile,
  .o-live-station--pod .o-tile {
    width: 100%;
    margin-right: 0
  }

  .o-live-station--nat .o-tile .thumb-container,
  .o-live-station--nat .o-tile .o-tile__detail,
  .o-live-station--con .o-tile .thumb-container,
  .o-live-station--con .o-tile .o-tile__detail,
  .o-live-station--int .o-tile .thumb-container,
  .o-live-station--int .o-tile .o-tile__detail,
  .o-live-station--pod .o-tile .thumb-container,
  .o-live-station--pod .o-tile .o-tile__detail {
    width: 100%
  }

  .o-live-station--nat .o-tile .thumb-container,
  .o-live-station--con .o-tile .thumb-container,
  .o-live-station--int .o-tile .thumb-container,
  .o-live-station--pod .o-tile .thumb-container {
    margin-bottom: .75em
  }
}

.o-live-station--nat .o-tile:last-child,
.o-live-station--con .o-tile:last-child,
.o-live-station--int .o-tile:last-child,
.o-live-station--pod .o-tile:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .o-live-station--nat {
    width: 100%;
    float: right;
    margin-right: 0
  }

  .o-live-station--nat .o-tile {
    width: 32.0754716981%;
    float: left
  }

  .o-live-station--nat .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-live-station--nat .o-tile:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .o-live-station--nat .o-tile:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-live-station--nat .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media (min-width: 1000px) {
  .o-live-station--nat {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-live-station--nat .o-tile {
    width: 29.4117647059%;
    float: left
  }

  .o-live-station--nat .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-live-station--nat .o-tile:nth-child(3n + 2) {
    margin-left: 35.2941176471%;
    margin-right: -100%;
    clear: none
  }

  .o-live-station--nat .o-tile:nth-child(3n + 3) {
    margin-left: 70.5882352941%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .o-live-station--nat .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media only screen and (min-width: 768px) {

  .o-live-station--con,
  .o-live-station--int,
  .o-live-station--pod {
    width: 32.0754716981%;
    float: left;
    margin-right: 1.8867924528%
  }
}

@media (min-width: 1000px) {

  .o-live-station--con,
  .o-live-station--int,
  .o-live-station--pod {
    width: 14.2857142857%;
    float: left;
    margin-right: 2.8571428571%
  }
}

@media only screen and (min-width: 768px) {
  .o-live-station--pod {
    float: right;
    margin-right: 0
  }
}

.o-gallery.wide {
  text-align: center
}

.o-gallery.wide .slider_container {
  margin: 0 auto;
  padding-bottom: 10px
}

.c-top-stories {
  position: relative
}

.c-top-stories:before {
  content: '';
  display: block;
  height: 100%;
  max-height: 50em;
  max-height: 110vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  background: #f6f6f4;
  background: -webkit-linear-gradient(#f6f6f4, #fff);
  background: -o-linear-gradient(#f6f6f4, #fff);
  background: -moz-linear-gradient(#f6f6f4, #fff);
  background: linear-gradient(#f6f6f4, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f4', endColorstr='#fff')
}

.home .c-top-stories {
  background: transparent
}

.c-top-stories.layout--defcon {
  padding-top: 0 !important
}

.c-top-stories.layout--defcon .c-section__title {
  display: none
}

.c-top-stories .c-section__title {
  text-align: center
}

.home .c-top-stories {
  margin-bottom: 0
}

.c-top-stories .o-digest {
  padding-bottom: 0;
  margin-bottom: 1.5em;
  overflow: hidden
}

.c-top-stories .o-digest.lead-story {
  padding-top: 0;
  border-top: 0
}

.c-top-stories .o-digest__headline {
  font-weight: 800
}

.c-top-stories .o-digest.lead-story .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative
}

.c-top-stories .o-digest.lead-story .thumb-container:before {
  content: "";
  display: block;
  padding-top: 62.5%
}

.c-top-stories .o-digest.lead-story .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.c-top-stories .o-digest.lead-story .thumb-container img.icon,
.no-csstransforms .c-top-stories .o-digest.lead-story .thumb-container img,
.no-objectfit .c-top-stories .o-digest.lead-story .thumb-container img {
  width: 100%;
  height: auto
}

.c-top-stories .o-digest.lead-story .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

.c-top-stories .o-digest.lead-story .o-digest__headline {
  font-size: 30px;
  line-height: 1.125
}

.c-top-stories .o-digest.lead-story--defcon {
  overflow: visible
}

.c-top-stories .o-digest.lead-story--defcon .thumb-container,
.c-top-stories .o-digest.lead-story--defcon .o-digest__detail {
  background-color: #404441
}

.c-top-stories .o-digest.lead-story--defcon .thumb-container {
  margin-bottom: 0
}

.c-top-stories .o-digest.lead-story--defcon .o-digest__detail {
  color: #fff;
  padding: 1.5em
}

.c-top-stories .o-digest.lead-story--defcon .o-digest__headline a,
.c-top-stories .o-digest.lead-story--defcon .related-title a {
  color: #fff
}

.c-top-stories .o-digest.lead-story--defcon .o-digest__headline a:hover,
.c-top-stories .o-digest.lead-story--defcon .related-title a:hover {
  color: #ed615a
}

.c-top-stories .o-digest.lead-story--defcon .o-digest__headline a:visited,
.c-top-stories .o-digest.lead-story--defcon .related-title a:visited {
  color: #ebeae6
}

.c-top-stories .o-digest.lead-story--defcon .o-digest__headline a:visited:hover,
.c-top-stories .o-digest.lead-story--defcon .related-title a:visited:hover {
  color: #ed615a
}

.c-top-stories__primary {
  position: relative
}

.c-top-stories__primary.has-secondary {
  margin-bottom: 0.5em
}

.c-top-stories__primary .o-digest__detail {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical
}

.c-top-stories__primary .o-digest__headline,
.c-top-stories__primary .o-digest__title {
  letter-spacing: -0.008em;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1
}

.c-top-stories__primary .o-digest .o-kicker {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  margin-top: 0.5em;
  margin-bottom: 0;
  white-space: normal;
  overflow: visible
}

.no-flexbox .c-top-stories__primary .o-digest .o-kicker {
  margin-top: 0;
  margin-bottom: 0.5em
}

.c-top-stories__primary .o-digest__summary {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2
}

.c-top-stories__primary .o-digest__summary p {
  margin-bottom: 0
}

.no-flexbox .c-top-stories__primary .o-digest__summary p {
  margin-bottom: 0.5em
}

.c-top-stories__primary .o-digest__related {
  -webkit-box-ordinal-group: 4;
  -moz-box-ordinal-group: 4;
  box-ordinal-group: 4
}

.c-top-stories__secondary .assistive-text {
  color: #6d7570;
  margin-top: 0
}

.c-top-stories__secondary .o-digest__headline {
  font-weight: 600
}

@media only screen and (min-width: 768px) {
  .c-top-stories:after {
    content: '';
    display: table;
    clear: both
  }

  .c-top-stories .o-digest.no-thumbnail .o-digest__headline {
    font-size: 24px;
    line-height: 1.125;
    margin-bottom: 0.5em
  }

  .c-top-stories .o-digest.no-thumbnail .o-digest__headline a {
    color: #ed615a
  }

  .c-top-stories__primary li.o-digest.has-thumbnail {
    padding-top: 0;
    border-top: 0
  }

  .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container {
    overflow: hidden;
    background-color: #ebeae6;
    margin: 0 0 0.75em;
    position: relative
  }

  .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container:before {
    content: "";
    display: block;
    padding-top: 62.5%
  }

  .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container img {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container img.icon,
  .no-csstransforms .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container img,
  .no-objectfit .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container img {
    width: 100%;
    height: auto
  }

  .c-top-stories__primary li.o-digest.has-thumbnail .thumb-container img.portrait {
    width: 100%;
    height: 100%;
    object-position: top
  }

  .c-top-stories__secondary {
    clear: both
  }

  .c-top-stories__secondary .o-digest {
    padding-top: 1em;
    margin-bottom: 1em
  }

  .c-top-stories__secondary .o-digest__headline {
    font-size: 18px;
    margin-top: 0
  }

  .c-top-stories__secondary .o-digest__detail {
    display: block
  }

  .c-top-stories__secondary .o-digest__detail .o-kicker {
    display: block
  }

  .c-top-stories__secondary .o-digest__detail .o-kicker__tags,
  .c-top-stories__secondary .o-digest__detail .o-kicker__categories,
  .c-top-stories__secondary .o-digest__detail .o-kicker__time {
    margin-right: 0.1875em
  }

  .c-top-stories.layout--standard .has-secondary .o-digest,
  .c-top-stories.layout--standard .no-secondary .o-digest {
    width: 32.0754716981%;
    float: left
  }

  .c-top-stories.layout--standard .has-secondary .o-digest:nth-child(3n + 1),
  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--standard .has-secondary .o-digest:nth-child(3n + 2),
  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--standard .has-secondary .o-digest:nth-child(3n + 3),
  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--standard .has-secondary .o-digest,
  .ie8 .c-top-stories.layout--standard .no-secondary .o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest,
  .c-top-stories.layout--lead_story .has-secondary li.o-digest,
  .c-top-stories.layout--defcon .has-secondary li.o-digest {
    width: 32.0754716981%;
    float: left
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest:nth-child(3n + 1),
  .c-top-stories.layout--lead_story .has-secondary li.o-digest:nth-child(3n + 1),
  .c-top-stories.layout--defcon .has-secondary li.o-digest:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest:nth-child(3n + 2),
  .c-top-stories.layout--lead_story .has-secondary li.o-digest:nth-child(3n + 2),
  .c-top-stories.layout--defcon .has-secondary li.o-digest:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest:nth-child(3n + 3),
  .c-top-stories.layout--lead_story .has-secondary li.o-digest:nth-child(3n + 3),
  .c-top-stories.layout--defcon .has-secondary li.o-digest:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--feature .has-secondary li.o-digest,
  .ie8 .c-top-stories.layout--lead_story .has-secondary li.o-digest,
  .ie8 .c-top-stories.layout--defcon .has-secondary li.o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .c-top-stories.layout--feature .no-secondary li.o-digest,
  .c-top-stories.layout--lead_story .no-secondary li.o-digest,
  .c-top-stories.layout--defcon .no-secondary li.o-digest {
    width: 49.0566037736%;
    float: left
  }

  .c-top-stories.layout--feature .no-secondary li.o-digest:nth-child(2n + 1),
  .c-top-stories.layout--lead_story .no-secondary li.o-digest:nth-child(2n + 1),
  .c-top-stories.layout--defcon .no-secondary li.o-digest:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--feature .no-secondary li.o-digest:nth-child(2n + 2),
  .c-top-stories.layout--lead_story .no-secondary li.o-digest:nth-child(2n + 2),
  .c-top-stories.layout--defcon .no-secondary li.o-digest:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--feature .no-secondary li.o-digest,
  .ie8 .c-top-stories.layout--lead_story .no-secondary li.o-digest,
  .ie8 .c-top-stories.layout--defcon .no-secondary li.o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-top-stories.layout--feature .no-secondary li.o-digest .thumb-container,
  .c-top-stories.layout--lead_story .no-secondary li.o-digest .thumb-container,
  .c-top-stories.layout--defcon .no-secondary li.o-digest .thumb-container {
    width: 144px;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-top-stories.layout--feature .lead-story .thumb-container,
  .c-top-stories.layout--lead_story .lead-story .thumb-container {
    width: 49.0566037736%;
    float: left;
    margin-right: 1.8867924528%;
    margin-bottom: 0
  }

  .c-top-stories.layout--defcon .lead-story .thumb-container {
    margin-right: -2rem;
    margin-left: -2rem
  }

  .c-top-stories.layout--defcon .lead-story .thumb-container:before {
    padding-top: 50%
  }

  .c-top-stories.layout--defcon .lead-story .thumb-container img {
    width: 100%;
    height: auto
  }

  .c-top-stories.layout--defcon .lead-story .o-digest__detail {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(38, 40, 40, 0.9)
  }
}

@media (min-width: 1000px) {
  .c-top-stories__secondary {
    width: 22.8571428571%;
    float: right;
    margin-right: 0;
    clear: none
  }

  .c-top-stories.layout--standard .has-secondary,
  .c-top-stories.layout--feature .has-secondary,
  .c-top-stories.layout--lead_story .has-secondary {
    width: 74.2857142857%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-top-stories.layout--standard .has-secondary .o-digest {
    width: 30.7692307692%;
    float: left
  }

  .c-top-stories.layout--standard .has-secondary .o-digest:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--standard .has-secondary .o-digest:nth-child(3n + 2) {
    margin-left: 34.6153846154%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--standard .has-secondary .o-digest:nth-child(3n + 3) {
    margin-left: 69.2307692308%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--standard .has-secondary .o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-top-stories.layout--standard .no-secondary .o-digest {
    width: 22.8571428571%;
    float: left
  }

  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--standard .no-secondary .o-digest:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--standard .no-secondary .o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest,
  .c-top-stories.layout--lead_story .has-secondary li.o-digest,
  .c-top-stories.layout--defcon .has-secondary li.o-digest {
    width: 30.7692307692%;
    float: left
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest:nth-child(3n + 1),
  .c-top-stories.layout--lead_story .has-secondary li.o-digest:nth-child(3n + 1),
  .c-top-stories.layout--defcon .has-secondary li.o-digest:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest:nth-child(3n + 2),
  .c-top-stories.layout--lead_story .has-secondary li.o-digest:nth-child(3n + 2),
  .c-top-stories.layout--defcon .has-secondary li.o-digest:nth-child(3n + 2) {
    margin-left: 34.6153846154%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--feature .has-secondary li.o-digest:nth-child(3n + 3),
  .c-top-stories.layout--lead_story .has-secondary li.o-digest:nth-child(3n + 3),
  .c-top-stories.layout--defcon .has-secondary li.o-digest:nth-child(3n + 3) {
    margin-left: 69.2307692308%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--feature .has-secondary li.o-digest,
  .ie8 .c-top-stories.layout--lead_story .has-secondary li.o-digest,
  .ie8 .c-top-stories.layout--defcon .has-secondary li.o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-top-stories.layout--feature .has-secondary .lead-story .thumb-container,
  .c-top-stories.layout--lead_story .has-secondary .lead-story .thumb-container {
    width: 53.8461538462%;
    float: left;
    margin-right: 3.8461538462%;
    margin-bottom: 0
  }

  .c-top-stories.layout--feature .has-secondary .lead-story .o-digest__detail,
  .c-top-stories.layout--lead_story .has-secondary .lead-story .o-digest__detail {
    width: 42.3076923077%;
    float: right;
    margin-right: 0
  }

  .c-top-stories.layout--feature .no-secondary li.o-digest .thumb-container,
  .c-top-stories.layout--lead_story .no-secondary li.o-digest .thumb-container {
    width: 100%;
    float: none;
    margin-right: 0
  }

  .c-top-stories.layout--feature .no-secondary .lead-story {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-top-stories.layout--feature .no-secondary .lead-story .thumb-container {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 1em
  }

  .c-top-stories.layout--feature .no-secondary .c-top-stories__list {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }

  .c-top-stories.layout--feature .no-secondary .c-top-stories__list .o-digest {
    width: 47.0588235294%;
    float: left
  }

  .c-top-stories.layout--feature .no-secondary .c-top-stories__list .o-digest:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--feature .no-secondary .c-top-stories__list .o-digest:nth-child(2n + 2) {
    margin-left: 52.9411764706%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--feature .no-secondary .c-top-stories__list .o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }

  .c-top-stories.layout--lead_story .no-secondary .lead-story .thumb-container {
    width: 57.1428571429%;
    float: left;
    margin-right: 2.8571428571%;
    margin-bottom: 0
  }

  .c-top-stories.layout--lead_story .no-secondary .lead-story .o-digest__detail {
    width: 40%;
    float: right;
    margin-right: 0
  }

  .c-top-stories.layout--lead_story .no-secondary .c-top-stories__list .o-digest {
    width: 22.8571428571%;
    float: left
  }

  .c-top-stories.layout--lead_story .no-secondary .c-top-stories__list .o-digest:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--lead_story .no-secondary .c-top-stories__list .o-digest:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--lead_story .no-secondary .c-top-stories__list .o-digest:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--lead_story .no-secondary .c-top-stories__list .o-digest:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--lead_story .no-secondary .c-top-stories__list .o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-top-stories.layout--defcon .has-secondary .c-top-stories__list {
    width: 74.2857142857%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-top-stories.layout--defcon .no-secondary li.o-digest {
    width: 22.8571428571%;
    float: left
  }

  .c-top-stories.layout--defcon .no-secondary li.o-digest:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-top-stories.layout--defcon .no-secondary li.o-digest:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--defcon .no-secondary li.o-digest:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-top-stories.layout--defcon .no-secondary li.o-digest:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-top-stories.layout--defcon .no-secondary li.o-digest {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-top-stories.layout--defcon .no-secondary li.o-digest .thumb-container {
    width: 100%;
    float: none;
    margin-right: 0
  }

  .c-top-stories.layout--defcon .lead-story {
    margin-bottom: 3em
  }

  .c-top-stories.layout--defcon .lead-story .thumb-container:before {
    padding-top: 37.5%
  }

  .c-top-stories.layout--defcon .lead-story .o-digest__detail {
    width: 65.7142857143%;
    left: 50%;
    margin-bottom: -1.5em;
    margin-left: -32.8571428571%
  }
}

@media (min-width: 1312px) {
  .c-top-stories.layout--defcon .lead-story .thumb-container {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }

  .c-top-stories.layout--defcon .lead-story .o-digest__detail {
    width: 54.2857142857%;
    margin-left: -27.1428571429%
  }
}

@media (min-width: 1600px) {
  .c-top-stories.layout--defcon .lead-story .thumb-container {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

@media only screen and (max-width: 999px) {

  .c-top-stories__list .o-digest__headline,
  .c-top-stories__secondary .o-digest__headline {
    line-height: 1.1
  }

  .c-top-stories__list .o-digest__summary,
  .c-top-stories__secondary .o-digest__summary {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .c-top-stories .lead-story {
    margin-right: -1rem;
    margin-left: -1rem
  }

  .c-top-stories .lead-story .o-digest__detail {
    padding-right: 1rem;
    padding-left: 1rem
  }

  .c-top-stories .lead-story .o-digest__detail .o-kicker {
    margin-bottom: 0.5em
  }

  .c-top-stories__list .o-digest,
  .c-top-stories__secondary .o-digest {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    margin-bottom: 0
  }

  .c-top-stories__list .o-digest {
    border-top-color: #e0ded8
  }

  .c-top-stories__list .o-digest:first-child {
    padding-top: 0;
    border-top: 0
  }

  .c-top-stories__list .o-digest__headline {
    font-weight: 600
  }

  .c-top-stories__list .o-digest .thumb-container {
    width: 72px;
    overflow: hidden;
    float: left;
    margin-right: 0.75em;
    margin-bottom: 0
  }

  .c-top-stories__list .o-digest .thumb-container:before {
    content: "";
    display: block;
    padding-top: 100%
  }

  .c-top-stories__list .o-digest .thumb-container img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    max-width: none
  }

  .c-top-stories__list .o-digest .thumb-container .media-marker span {
    text-transform: none;
    padding: 0;
    text-indent: -999px;
    width: 24px;
    height: 24px;
    position: relative
  }

  .c-top-stories__list .o-digest .thumb-container .media-marker span:before {
    font-family: "icomoon" !important;
    speak: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 24px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px
  }

  .c-top-stories__list .o-digest .thumb-container .media-marker__audio:before {
    content: ""
  }

  .c-top-stories__list .o-digest .thumb-container .media-marker__video:before {
    content: ""
  }

  .c-top-stories__list .o-digest .thumb-container .media-marker__gallery:before {
    content: ""
  }

  .c-top-stories__list .o-digest .thumb-container .media-marker__comments:before {
    content: ""
  }

  .c-top-stories__secondary .o-digest {
    padding-top: 0.75em;
    padding-bottom: 0.75em
  }

  .c-top-stories__secondary .o-digest__headline {
    margin-bottom: 0
  }

  .c-top-stories__secondary .o-digest .o-kicker {
    margin-top: 0.375em;
    margin-bottom: 0
  }
}

.o-on-now .banner {
  height: 100px;
  overflow: hidden;
  margin-bottom: 1em;
  position: relative
}

.o-on-now .banner.nat {
  background-color: #e3d952
}

.o-on-now .banner.con {
  background-color: #3bb5d8
}

.o-on-now .banner.int {
  background-color: #fea229
}

.o-on-now .banner.rnz {
  background-color: #ff6666
}

.o-on-now .banner.pod {
  background-color: #fff
}

.o-on-now .banner h4 {
  position: relative;
  margin-right: 144px;
  padding: 1em
}

.o-on-now .banner img {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0
}

.o-play {
  font-size: 13px
}

.article__body .o-play,
.episode-body .o-play,
.page__body .o-play {
  padding: 0
}

.o-play li {
  padding: 0;
  background: none;
  display: inline-block;
  margin-right: 10px
}

.o-play li:before {
  background: none
}

.o-play li:after {
  background: none
}

.o-play li:hover {
  opacity: 1
}

.o-play li .dur {
  padding-left: 5px;
  opacity: 0.55;
  font-size: 90%
}

.o-play li .dur:hover {
  opacity: 1
}

.o-play li .bar {
  opacity: 0.55
}

.o-play li i {
  background: white;
  padding-right: 2px
}

.single-story .o-play li i:before {
  color: #dadcda
}

.o-play__controller .listen-icon {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  -ms-border-radius: 36px;
  border-radius: 36px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  text-indent: 200%;
  padding: 0;
  position: relative;
  background-color: #ed615a;
  color: #fff;
  margin-right: 0.75em
}

.o-play__controller .listen-icon:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 36px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  content: "";
  text-indent: 10%;
  position: absolute;
  width: 100%;
  top: 0
}

.o-play__controller .listen-icon:hover,
.o-play__controller .listen-icon:focus,
.o-play__controller .listen-icon:active {
  color: #fff;
  background-color: #e8352c
}

.o-play-stacked li {
  display: block;
  padding-bottom: 7px
}

.o-play .cup i {
  opacity: 0.35;
  padding: 0 1px 1px 0
}

.single-story .o-play .play-now .icon-play-circle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  -ms-border-radius: 42px;
  border-radius: 42px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  text-indent: 200%;
  padding: 0;
  position: relative;
  background-color: #ed615a;
  color: #fff;
  margin-right: 0.375em
}

.single-story .o-play .play-now .icon-play-circle:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 42px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  content: "";
  text-indent: 10%;
  position: absolute;
  width: 100%;
  top: 0
}

.single-story .o-play .play-now .icon-play-circle:hover,
.single-story .o-play .play-now .icon-play-circle:focus,
.single-story .o-play .play-now .icon-play-circle:active {
  color: #fff;
  background-color: #e8352c
}

.o-play .play-now .icon-play-circle.nat {
  background-color: #b1a531
}

.o-play .play-now .icon-play-circle.con {
  background-color: #0f90b6
}

.o-play .play-now .icon-play-circle.int {
  background-color: #d09341
}

.o-play .play-now .icon-play-circle.rnz {
  background-color: #ed615a
}

.o-play .play-now .icon-play-circle.pod {
  background-color: #fff
}

.u-blocklink {
  display: block;
  position: relative;
  cursor: pointer
}

.u-blocklink--steal .u-blocklink {
  position: static
}

.u-blocklink .link--not-visited:visited,
.u-blocklink a,
.u-blocklink .btn,
.u-blocklink abbr[title],
.u-blocklink__link,
.u-blocklink input,
.u-blocklink textarea {
  position: relative;
  z-index: 1
}

.u-blocklink .link--not-visited:visited,
.u-blocklink .link--not-visited:visited:hover,
.u-blocklink .link--not-visited:visited:focus,
.u-blocklink .link--not-visited:visited:active,
.u-blocklink a,
.u-blocklink a:hover,
.u-blocklink a:focus,
.u-blocklink a:active,
.u-blocklink abbr[title],
.u-blocklink abbr[title]:hover,
.u-blocklink abbr[title]:focus,
.u-blocklink abbr[title]:active,
.u-blocklink__link,
.u-blocklink__link:hover,
.u-blocklink__link:focus,
.u-blocklink__link:active {
  color: #d24141
}

.c-issues-deep-dive .u-blocklink .link--not-visited:visited,
.c-issues-deep-dive .u-blocklink .link--not-visited:visited:focus,
.c-issues-deep-dive .u-blocklink .link--not-visited:visited:active,
.c-issues-deep-dive .u-blocklink a,
.c-issues-deep-dive .u-blocklink a:focus,
.c-issues-deep-dive .u-blocklink a:active,
.c-issues-deep-dive .u-blocklink abbr[title],
.c-issues-deep-dive .u-blocklink abbr[title]:focus,
.c-issues-deep-dive .u-blocklink abbr[title]:active,
.c-issues-deep-dive .u-blocklink__link,
.c-issues-deep-dive .u-blocklink__link:focus,
.c-issues-deep-dive .u-blocklink__link:active {
  color: #ffffff
}

.u-blocklink .btn,
.u-blocklink .btn:hover,
.u-blocklink .btn:focus,
.u-blocklink .btn:active,
.u-blocklink .btn:visited,
.u-blocklink .btn.faux-link,
.u-blocklink .btn.faux-link:hover,
.u-blocklink .btn.faux-link:focus,
.u-blocklink .btn.faux-link:active,
.u-blocklink .btn.faux-link:visited {
  background-color: #ed615a;
  color: #fff
}

.u-blocklink .thumb-container>a {
  position: static
}

.u-blocklink .js-video-trigger {
  z-index: 1
}

.u-blocklink:hover .link--not-visited:visited,
.u-blocklink:hover a {
  color: #1e2722
}

.u-blocklink:hover .link--not-visited:visited:hover,
.u-blocklink:hover .link--not-visited:visited:focus,
.u-blocklink:hover .link--not-visited:visited:active,
.u-blocklink:hover a:hover,
.u-blocklink:hover a:focus,
.u-blocklink:hover a:active {
  color: #d24141
}

.u-blocklink:hover .tag-item a {
  border-color: #1e2722
}

.u-blocklink:hover .tag-item a:hover,
.u-blocklink:hover .tag-item a:focus,
.u-blocklink:hover .tag-item a:active {
  border-color: #d24141
}

.u-blocklink:hover .btn {
  background-color: #e8352c;
  color: #fff
}

.u-blocklink:hover .btn:hover,
.u-blocklink:hover .btn:focus,
.u-blocklink:hover .btn:active {
  background-color: #ed615a;
  color: #fff
}

.u-blocklink__overlay-link {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: transparent;
  cursor: pointer
}

.u-blocklink .faux-link {
  text-decoration: none;
  color: #1e2722
}

.u-blocklink .faux-link:visited {
  color: #717973
}

.u-blocklink .faux-link.faux-link--not-visited:visited {
  color: #1e2722
}

.c-issues-deep-dive .u-blocklink .faux-link.faux-link--not-visited:visited {
  color: #cccccc
}

.u-blocklink.u-blocklink--hover .faux-link,
.u-blocklink.u-blocklink--hover .faux-link--not-visited:visited {
  color: #d24141
}

.c-issues-deep-dive .u-blocklink.u-blocklink--hover .faux-link,
.c-issues-deep-dive .u-blocklink.u-blocklink--hover .faux-link--not-visited:visited {
  color: #d24141
}

.u-blocklink.u-blocklink--hover .o-digest__headline .faux-link,
.u-blocklink.u-blocklink--hover .o-digest__headline .faux-link--not-visited:visited {
  color: #ed615a
}

.u-blocklink.u-blocklink--hover .o-digest__headline .faux-link:hover {
  color: #d24141
}

.u-blocklink.u-blocklink--hover .btn,
.u-blocklink.u-blocklink--hover .btn.faux-link {
  background-color: #e8352c;
  color: #fff
}

a.u-blocklink__overlay-link {
  position: absolute;
  z-index: 0;
  opacity: 0
}

.lead-story--defcon.u-blocklink--hover a,
.lead-story--defcon.u-blocklink:hover a {
  color: #fff
}

.lead-story--defcon.u-blocklink--hover a:hover,
.lead-story--defcon.u-blocklink:hover a:hover {
  color: #d24141
}

.lead-story--defcon.u-blocklink--hover .o-digest__headline .faux-link,
.lead-story--defcon.u-blocklink--hover .o-digest__headline .faux-link:visited,
.lead-story--defcon.u-blocklink:hover .o-digest__headline .faux-link,
.lead-story--defcon.u-blocklink:hover .o-digest__headline .faux-link:visited {
  color: #d24141
}

.lead-story--defcon.u-blocklink--hover .o-digest__headline .faux-link:hover,
.lead-story--defcon.u-blocklink:hover .o-digest__headline .faux-link:hover {
  color: #fff !important
}

.o-pagination {
  font-size: 15px;
  clear: both
}

.o-pagination--top {
  margin-bottom: 1em
}

.o-pagination--bottom {
  text-align: center;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ebeae6
}

.o-pagination__message,
.o-pagination .btn,
.o-pagination__pages {
  line-height: 1.2
}

.o-pagination__message {
  color: #6d7570;
  padding: 0.6em 0.6em 0.6em 0;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.o-pagination .btn {
  padding-top: 0.6em;
  padding-bottom: 0.6em
}

.o-pagination__pages span {
  display: inline-block;
  vertical-align: baseline
}

.o-pagination__pages span.current {
  padding: 0.6em;
  color: #ed615a
}

.o-pagination__pages span.prev {
  margin-right: 0.6em
}

.o-pagination__pages span.next {
  margin-left: 0.6em
}

.o-pagination__pages .page a {
  padding: 0.6em
}

@media only screen and (min-width: 640px) {
  .o-pagination__message {
    float: left
  }

  .o-pagination--top .o-pagination__pages {
    float: right
  }
}

.o-presenter {
  text-align: center;
  margin-bottom: 1em;
  position: relative;
  padding-top: 100px
}

.o-presenter h4 {
  font-size: 16px;
  line-height: 1.125;
  white-space: nowrap;
  position: relative;
  padding-top: 0.5em
}

.o-presenter .thumb-container {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
  top: 0;
  left: 50%;
  margin-left: -50px
}

.o-presenter .thumb-container img {
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -70px
}

@media only screen and (min-width: 768px) {
  .o-presenter {
    min-width: 148px;
    float: left
  }
}

@media only screen and (max-width: 767px) {
  .o-presenter {
    width: 49.0566037736%;
    float: left
  }

  .o-presenter:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-presenter:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .item-count--1 .o-presenter {
    width: 100%;
    float: left
  }

  .item-count--1 .o-presenter:nth-child(1n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: none
  }
}

.presenters {
  margin-bottom: 1em
}

@media only screen and (min-width: 768px) {
  .prog-about .presenters {
    margin-top: -2em;
    float: right;
    position: relative;
    left: -50%;
    text-align: left
  }

  .prog-about .presenters ul {
    position: relative;
    left: 50%;
    padding: 0
  }
}

@media only screen and (max-width: 767px) {
  .presenters:after {
    content: '';
    display: table;
    clear: both
  }
}

.o-index-group {
  padding: 1.5em 0;
  border-top: 1px solid #ebeae6
}

.o-index-group:first-child {
  border-top: 0
}

.o-index-group__marker {
  font-size: 36px;
  margin: 0 0 0.5em;
  color: #868f89
}

.o-index-group li {
  line-height: 1.125;
  padding: 0.5625em 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.o-index-group li a {
  font-weight: 600
}

@media only screen and (min-width: 768px) {
  .o-index-group__list:after {
    content: '';
    display: table;
    clear: both
  }

  .o-index-group li {
    width: 49.0566037736%;
    float: left
  }

  .o-index-group li:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-index-group li:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }
}

@media (min-width: 1000px) {
  .o-index-group li {
    width: 31.4285714286%;
    float: left
  }

  .o-index-group li:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-index-group li:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .o-index-group li:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }
}

.o-search {
  text-align: center
}

.o-search__label {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0.5625em
}

@media only screen and (min-width: 768px) {
  .o-search {
    width: 66.0377358491%;
    margin-right: auto;
    margin-left: auto
  }

  .c-section .o-search {
    text-align: left;
    float: right;
    clear: right;
    width: auto;
    margin-right: 0;
    margin-left: 0
  }

  .c-section .o-search .o-input-group {
    display: block;
    margin-bottom: 0
  }

  .c-section .o-search .o-input-group__control {
    width: auto;
    min-width: 14em
  }

  .c-section .o-search .o-input-group__control:first-child {
    display: block;
    float: left
  }

  .c-section .o-search .o-input-group__addon {
    display: block;
    float: left
  }
}

@media (min-width: 1000px) {
  .o-search {
    width: 48.5714285714%;
    margin-right: auto;
    margin-left: auto
  }

  .c-page-header .o-search {
    width: 100%
  }
}

.o-weather {
  position: relative
}

.o-weather__city,
.o-weather__temp li {
  font-size: 20px;
  line-height: 1.2
}

.o-weather__city {
  padding: 0.6em 5.4em 0.6em 0.6em;
  background-color: #f6f6f4
}

.o-weather__temp {
  position: absolute;
  top: 0;
  right: 0
}

.o-weather__temp .high,
.o-weather__temp .low {
  box-sizing: border-box;
  padding: 0.6em 0.3em;
  float: left;
  min-width: 2.4em;
  font-weight: 600;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto
}

.o-weather__temp .high {
  background-color: #ed615a
}

.o-weather__temp .low {
  background-color: #00ad7f
}

.o-weather__temp .assistive-text {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.o-weather__temp .assistive-text.acc-focusable:active,
.o-weather__temp .assistive-text.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.o-weather__detail {
  padding: 0.75em 6.75em 0.75em 0.75em
}

.o-weather__detail p {
  line-height: 1.3
}

.o-weather__attribution {
  clear: both;
  margin: 1em 0
}

.o-weather__attribution img {
  max-width: 180px
}

@media only screen and (min-width: 768px) {
  .o-weather__detail p {
    min-height: 2.6em
  }
}

.o-episode-summary {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid #ebeae6;
  max-width: 90em;
  margin-right: auto;
  margin-left: auto
}

.o-episode-summary:first-child {
  border-top: 0
}

.o-live-station .o-episode-summary__title {
  font-size: 18px;
  font-weight: 600;
  color: #6d7570;
  margin-bottom: 0.5em
}

.o-live-station .o-episode-summary p {
  font-size: 15px
}

.o-episode-summary__highlights .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative
}

.o-episode-summary__highlights .thumb-container:before {
  content: "";
  display: block;
  padding-top: 62.5%
}

.o-episode-summary__highlights .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.o-episode-summary__highlights .thumb-container img.icon,
.no-csstransforms .o-episode-summary__highlights .thumb-container img,
.no-objectfit .o-episode-summary__highlights .thumb-container img {
  width: 100%;
  height: auto
}

.o-episode-summary__highlights .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

.o-episode-summary__highlights.item-count--1 {
  width: 32.0754716981%;
  float: left;
  margin-right: 1.8867924528%
}

.o-episode-summary__highlights.item-count--2,
.o-episode-summary__highlights.item-count--3 {
  margin-bottom: 1em
}

.o-episode-summary__highlights.item-count--2 .highlight,
.o-episode-summary__highlights.item-count--3 .highlight {
  width: 32.0754716981%;
  float: left
}

.o-episode-summary__highlights.item-count--2 .highlight:nth-child(3n + 1),
.o-episode-summary__highlights.item-count--3 .highlight:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0
}

.o-episode-summary__highlights.item-count--2 .highlight:nth-child(3n + 2),
.o-episode-summary__highlights.item-count--3 .highlight:nth-child(3n + 2) {
  margin-left: 33.9622641509%;
  margin-right: -100%;
  clear: none
}

.o-episode-summary__highlights.item-count--2 .highlight:nth-child(3n + 3),
.o-episode-summary__highlights.item-count--3 .highlight:nth-child(3n + 3) {
  margin-left: 67.9245283019%;
  margin-right: -100%;
  clear: none
}

.o-episode-summary__list {
  line-height: 1.5;
  margin-bottom: 1em
}

.o-episode-summary__list a {
  color: #343734
}

.o-episode-summary__list a:visited {
  color: #717973
}

.o-episode-summary__list a:hover {
  color: #d24141
}

.o-episode-summary__list a:focus,
.o-episode-summary__list a:active {
  color: #ed615a
}

.o-episode-summary__item {
  display: inline;
  margin-right: 0.375em
}

.o-episode-summary__item:after {
  content: ";"
}

.o-episode-summary__item:last-child:after {
  content: "."
}

.o-episode-summary__time {
  font-weight: 600;
  color: #404441
}

@media (min-width: 1000px) {
  .o-episode-summary__highlight.item-count--1 {
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-episode-summary__highlight.item-count--2 .highlight,
  .o-episode-summary__highlight.item-count--3 .highlight {
    width: 31.4285714286%;
    float: left
  }

  .o-episode-summary__highlight.item-count--2 .highlight:nth-child(3n + 1),
  .o-episode-summary__highlight.item-count--3 .highlight:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .o-episode-summary__highlight.item-count--2 .highlight:nth-child(3n + 2),
  .o-episode-summary__highlight.item-count--3 .highlight:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .o-episode-summary__highlight.item-count--2 .highlight:nth-child(3n + 3),
  .o-episode-summary__highlight.item-count--3 .highlight:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }
}

@media only screen and (max-width: 639px) {
  .o-live-station .o-episode-summary {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .o-live-station .o-episode-summary.acc-focusable:active,
  .o-live-station .o-episode-summary.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.o-dropdown>ul>li,
ul.o-dropdown>li {
  border-top: 1px solid #ebeae6
}

.o-dropdown>ul>li>a,
ul.o-dropdown>li>a {
  display: inline-block;
  white-space: nowrap;
  padding: 1em .75em
}

.js .o-dropdown {
  display: none
}

.js .o-dropdown.acc-visuallyhidden {
  display: block
}

.o-dropdown__toggle {
  cursor: pointer;
  position: relative
}

.o-dropdown>.assistive-text {
  font-size: 16px;
  padding: 1em 0.75em 0
}

.o-dropdown__footer {
  padding: 1em 0.75em;
  border-top: 1px solid #ebeae6;
  background: #f6f6f4;
  box-sizing: border-box;
  width: 100%;
  display: table
}

.o-dropdown__footer>* {
  display: table-cell
}

.toggled-on .o-dropdown {
  box-sizing: border-box;
  display: block;
  float: none;
  position: absolute;
  z-index: 10;
  max-width: 100%;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #f0f0ef;
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden
}

.toggled-on .o-dropdown__toggle .minimize {
  display: block !important
}

.toggled-on .o-dropdown__toggle .minimize,
.toggled-on .o-dropdown__toggle .minimize:after {
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: dashed dashed solid;
  border-width: 0 6px 6px
}

.toggled-on .o-dropdown__toggle .minimize {
  text-indent: -9999px;
  top: 100%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
  border-bottom-color: #f0f0ef;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  z-index: 20
}

.toggled-on .o-dropdown__toggle .minimize:after {
  display: block;
  content: "";
  top: 1px;
  left: -6px;
  border-bottom-color: #fff
}

@media only screen and (max-width: 639px) {
  .toggled-on .o-dropdown {
    width: 100%
  }
}

.o-drawer-menu {
  position: fixed;
  top: 0;
  width: 300px;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 90;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.o-drawer-menu--left {
  border-color: rgba(0, 0, 0, 0.2)
}

.o-drawer-menu--right {
  right: -300px
}

.o-drawer-menu--left {
  left: -300px;
  border-right: 1px solid #f0f0ef
}

.o-drawer-menu__header,
.o-drawer-menu__contents,
.o-drawer-menu__footer {
  width: 100%
}

.o-drawer-menu__header {
  top: 0;
  padding: 0 0.75em;
  height: 54px;
  background-color: #fff;
  border-bottom: 1px solid #e0ded8;
  display: table
}

.o-drawer-menu__header>* {
  display: table-cell;
  vertical-align: middle
}

.o-drawer-menu__header>.o-drawer-menu__close {
  width: 1%
}

.o-drawer-menu__header-title {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0.5em
}

.o-drawer-menu__contents {
  top: 54px;
  right: 0;
  bottom: 54px;
  left: 0;
  overflow-y: auto;
  overflow-x: auto
}

.o-drawer-menu__menu>li {
  padding: 1em 0.75em;
  border-top: 1px solid #e0ded8
}

.o-drawer-menu__menu>li:first-child {
  border-top: 0
}

.o-drawer-menu__footer {
  position: absolute;
  bottom: 0;
  height: 54px;
  border-top: 1px solid #ebeae6;
  background: #f6f6f4;
  box-sizing: border-box;
  display: table;
  line-height: 54px
}

.o-drawer-menu__footer>* {
  display: table-cell;
  text-align: center;
  border-left: 1px solid #ebeae6
}

.o-drawer-menu__footer>*:first-child {
  border-left: 0
}

.toggled-on .o-drawer-menu--right {
  -ms-transform: translate3d(-300px, 0, 0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0)
}

.toggled-on .o-drawer-menu--left {
  -ms-transform: translate3d(300px, 0, 0);
  -webkit-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0)
}

@media only screen and (min-width: 768px) {
  .o-drawer-menu {
    width: 480px
  }

  .o-drawer-menu--right {
    right: -480px
  }

  .o-drawer-menu--left {
    left: -480px
  }

  .o-drawer-menu__header {
    padding: 0 1em
  }

  .o-drawer-menu__menu>li {
    padding: 1em
  }

  .toggled-on .o-drawer-menu--right {
    -ms-transform: translate3d(-480px, 0, 0);
    -webkit-transform: translate3d(-480px, 0, 0);
    transform: translate3d(-480px, 0, 0)
  }

  .toggled-on .o-drawer-menu--left {
    -ms-transform: translate3d(480px, 0, 0);
    -webkit-transform: translate3d(480px, 0, 0);
    transform: translate3d(480px, 0, 0)
  }
}

.o-playlist-item {
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0.75em;
  border-top: 1px solid #ebeae6
}

.o-playlist-item:first-child {
  border-top: 0
}

.player--playlist .o-playlist-item {
  padding-right: 1.75em;
  padding-left: 0
}

.o-playlist-item.playing {
  border-left: 4px solid #ed615a;
  padding-left: 0.75em
}

.o-playlist-item__title,
.o-playlist-item__footer {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.o-playlist-item__dur {
  font-weight: 400;
  letter-spacing: 0.01em;
  font-size: 90%
}

.o-playlist-item__title,
.o-playlist-item__programme-link {
  font-weight: 600
}

.o-playlist-item__title {
  line-height: 1.5
}

.o-playlist-item__programme-link,
.o-playlist-item__programme-link:visited {
  color: #ed615a
}

.o-playlist-item__programme-link:hover {
  color: #404441
}

.o-playlist-item__footer {
  font-size: 15px;
  line-height: 1.6
}

.o-playlist-item__footer>* {
  display: inline;
  vertical-align: baseline;
  margin: 0 0.5em 0 0
}

@media only screen and (min-width: 768px) {
  .o-playlist-item__listen-link {
    display: none;
    margin-right: 0.2em
  }

  #inline-playlist .o-playlist-item:hover {
    background-color: #f6f6f4
  }

  #inline-playlist .o-playlist-item:hover .o-playlist-item__listen-link {
    display: inline-block
  }
}

.o-footnote {
  font-size: 15px;
  color: #6d7570;
  clear: both;
  line-height: 1.4;
  padding-top: 1.5em;
  border-top: 1px solid #ebeae6
}

.o-footnote__list li {
  display: inline-block
}

.o-footnote__list li:after {
  content: ";"
}

.o-footnote__list li:last-child:after {
  content: ""
}

.o-video {
  position: relative
}

.o-video .o-video--cta,
.o-video a.o-video--cta {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  text-indent: 80px;
  font-size: 0;
  width: 60px;
  height: 60px;
  background: transparent;
  border: 5px solid rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 1
}

.o-video .o-video--cta:before,
.o-video a.o-video--cta:before {
  position: absolute;
  left: 0;
  text-indent: 0;
  content: "\e90e";
  font-size: 40px;
  line-height: 50px;
  width: 55px;
  text-align: center;
  font-family: 'icomoon' !important;
  speak: none;
  -webkit-font-smoothing: antialiased
}

.o-video .o-video--cta:hover,
.o-video a.o-video--cta:hover {
  color: white;
  border-color: white
}

.o-video .o-video--cta>span,
.o-video a.o-video--cta>span {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.o-video .o-video--cta>span.acc-focusable:active,
.o-video .o-video--cta>span.acc-focusable:focus,
.o-video a.o-video--cta>span.acc-focusable:active,
.o-video a.o-video--cta>span.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.mc-newsletter-signup .form-wrap {
  max-width: 480px
}

.mc-newsletter-signup+.mc-newsletter-signup {
  margin-top: 1.125em
}

.mc-newsletter-signup.mc-newsletter-image .form-wrap {
  margin-left: 102px;
  position: relative
}

.mc-newsletter-signup.mc-newsletter-image .brand {
  width: 90px;
  height: 90px;
  position: absolute;
  left: -102px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.mc-newsletter-signup .assistive-text {
  line-height: 1.25;
  color: #6d7570
}

.mc-newsletter-signup .mc-archive {
  font-size: 15px;
  line-height: 1.2
}

@media only screen and (max-width: 639px) {
  .mc-newsletter-signup .o-input-group {
    display: block
  }

  .mc-newsletter-signup .o-input-group__control,
  .mc-newsletter-signup .o-input-group__addon {
    display: block;
    float: none;
    clear: both;
    white-space: normal
  }

  .mc-newsletter-signup .o-input-group__control {
    width: 100%
  }

  .mc-newsletter-signup .o-input-group__addon {
    width: auto;
    margin-top: 0.5em
  }
}

.o-live-video {
  background-color: #404441
}

.prog-home .o-live-video {
  margin-top: -1.5em
}

.prog-home .o-live-video+.programme-stories {
  padding: 1.5em
}

.prog-home .o-live-video+.o-feature-set {
  margin-top: 0
}

.o-live-video,
.o-live-video__title {
  color: #fff
}

.o-live-video a {
  color: #00ad7f
}

.o-live-video .o-episode-summary__item {
  margin-right: 0
}

.o-live-video .o-episode-summary__item a {
  color: #fff
}

.o-live-video .o-episode-summary__time {
  color: #ebeae6
}

.o-live-video .c-social {
  margin-top: 1.5em
}

.o-live-video .c-social .share-text {
  font-size: 13px;
  color: #ebeae6
}

.o-live-video .notification {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  color: #1e2722;
  background-color: #8cc63f;
  display: inline-block;
  padding: 0.2em 0.6em;
  margin-right: 4px
}

.o-live-video .notification.on-air {
  color: #fff;
  background-color: #d34141
}

.o-live-video #notice-area .notice-content p {
  font-size: 18px
}

.o-live-video #notice-area .alert,
.o-live-video #notice-area .announcement {
  padding: 0.75em
}

.o-live-video #notice-area .alert .notice-title,
.o-live-video #notice-area .announcement .notice-title {
  display: none
}

.o-live-video #notice-area .alert .notice-content:before,
.o-live-video #notice-area .announcement .notice-content:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
  margin-right: .5em
}

.o-live-video #notice-area .alert {
  background-color: #d34141;
  color: #fff
}

.o-live-video #notice-area .alert .notice-content:before {
  content: "\f071"
}

.o-live-video #notice-area .announcement {
  background-color: #8cc63f;
  color: #404441
}

.o-live-video #notice-area .announcement .notice-content:before {
  content: "\f130"
}

.o-live-video #play-live-stream {
  cursor: pointer;
  text-decoration: none;
  line-height: 1.875;
  width: 1.875em;
  text-align: center;
  border: 3px solid #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-0.9375em - 3px);
  margin-left: calc(-0.9375em - 3px);
  box-sizing: content-box
}

.o-live-video #play-live-stream:before {
  color: #fff;
  position: relative;
  left: 5px
}

.o-live-video .standby {
  background: url("") no-repeat right center;
  overflow: hidden
}

.o-live-video .standby .notification>span {
  position: absolute;
  top: 50%;
  width: 50%;
  height: 66px;
  margin-top: -33px
}

.o-live-video .standby img.presenter-overlay {
  position: absolute;
  top: -36px
}

.notification+.o-live-video__title {
  margin-top: 0.75em
}

.o-live-video__title .episode-title,
.o-live-video__title .stream-date,
.o-live-video__title .presenter {
  display: inline-block;
  vertical-align: top
}

@media (min-width: 1000px) {
  .o-live-video:after {
    content: '';
    display: table;
    clear: both
  }

  .prog-home .o-live-video {
    margin-top: -2.25em
  }

  .prog-home .o-live-video+.programme-stories {
    padding-top: 2.25em
  }

  .o-live-video .o-video {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .o-live-video__header {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }

  .o-live-video__title .date-time,
  .o-live-video__title .episode-title {
    display: block
  }

  .o-live-video__title .presenter {
    font-size: 0.75em
  }
}

@media (min-width: 1270px) {
  .o-live-video .standby .notification>span.on-air {
    font-size: 36px;
    line-height: 66px;
    padding: 0 0 0 1.25em
  }
}

@media only screen and (max-width: 999px) {
  .o-live-video__header {
    clear: both;
    padding-top: 1.125em
  }

  .o-live-video__title .presenter {
    display: block;
    font-size: 0.75em
  }
}

@media only screen and (max-width: 639px) {
  .o-live-video {
    padding-top: 0
  }

  .o-live-video .video-container {
    margin-right: -2rem;
    margin-left: -2rem
  }

  .o-live-video .c-social {
    margin-top: 1em
  }
}

.lt-ie9 .o-live-video {
  max-width: none;
  padding-bottom: 0
}

.video-stream .standby {
  z-index: 2
}

.video-stream .standby .notification {
  position: absolute;
  top: 35%;
  width: 100%;
  height: 30%;
  background-color: #d34141;
  text-align: center
}

.video-stream .standby .notification>span {
  display: block;
  margin-left: 50%;
  box-sizing: border-box;
  padding: 0 0.75em 0 3.5625em
}

@media only screen and (max-width: 767px) {
  .video-stream {
    float: none
  }
}

.o-excerpt {
  max-width: 640px
}

.o-excerpt__prefix {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 0.6em
}

.o-excerpt p,
.o-excerpt li {
  font-size: 15px;
  line-height: 1.4;
  display: inline
}

.banner-image--left,
.banner-image--right {
  position: absolute;
  bottom: 0;
  max-height: 100%
}

.banner-image--left {
  left: 0
}

.banner-image--right {
  right: 0
}

img.banner-image {
  display: block;
  max-width: none
}

div.banner-image--tiled,
div.banner-image--full_screen {
  background-position: center
}

div.banner-image--tiled {
  background-repeat: repeat
}

div.banner-image--full_screen {
  background-repeat: no-repeat;
  background-size: cover
}

.o-podcast-subscribe {
  border-color: #404441;
  color: #404441;
  display: inline-block;
  position: relative;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out
}

.o-podcast-subscribe a {
  color: #404441
}

.o-podcast-subscribe .o-podcast-subscribe__list {
  position: relative;
  background-color: #fff;
  margin: 0;
  max-width: none;
  min-width: 180px;
  overflow: visible;
  position: absolute;
  right: auto;
  top: 133%;
  width: auto;
  z-index: 5
}

.o-podcast-subscribe .o-podcast-subscribe__list:before,
.o-podcast-subscribe .o-podcast-subscribe__list:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  top: -6px;
  right: 45%;
  border-bottom-color: #b5b7b6
}

.o-podcast-subscribe .o-podcast-subscribe__list:after {
  top: -5px;
  border-bottom-color: #fff
}

.o-podcast-subscribe .o-podcast-subscribe__list_hidden {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0
}

.o-podcast-subscribe .o-podcast-subscribe__list_hidden.acc-focusable:active,
.o-podcast-subscribe .o-podcast-subscribe__list_hidden.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.o-podcast-subscribe .o-podcast-subscribe__list li {
  display: block;
  font-weight: 400;
  padding: 0
}

.o-podcast-subscribe .o-podcast-subscribe__list li a {
  color: #404441;
  display: block
}

.o-podcast-subscribe .o-podcast-subscribe__list li a:hover,
.o-podcast-subscribe .o-podcast-subscribe__list li a:active {
  color: #ed615a
}

.o-station-summary {
  margin-bottom: 1.5em;
  max-width: 640px
}

.o-station-summary p {
  font-size: 15px;
  line-height: 1.4
}

.c-primary-navigation {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  height: 100%
}

.c-primary-navigation .menu-toggle {
  display: none
}

.c-primary-navigation li {
  position: relative
}

.c-primary-navigation .menu-item {
  display: inline-block;
  height: 100%
}

.c-primary-navigation .menu-item>a {
  color: #404441;
  display: block;
  height: 100%;
  min-height: 60px;
  padding: 1.4em 0.75em 0;
  font-weight: 600
}

.c-primary-navigation .menu-item>a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0.75em;
  right: 0.75em;
  height: 0;
  background-color: #ed615a;
  -webkit-transition: height 0.1s;
  -moz-transition: height 0.1s;
  -o-transition: height 0.1s;
  transition: height 0.1s
}

.c-primary-navigation .menu-item>a.selected:after,
.c-primary-navigation .menu-item>a:hover:after,
.c-primary-navigation .menu-item>a:focus:after {
  height: 5px
}

.c-primary-navigation .nav-menu {
  height: 100%
}

.c-primary-navigation .nav-menu .minimize {
  display: none
}

@media only screen and (max-width: 1269px) {
  .c-primary-navigation .nav-menu {
    font-size: 15px
  }
}

.c-primary-navigation .sub-menu {
  display: none
}

.home .c-primary-navigation .menu-item--home {
  display: none
}

@media only screen and (max-width: 999px) {
  .c-primary-navigation .menu-item--home {
    display: none
  }
}

.c-primary-navigation .menu-item--more>a {
  display: none !important
}

.c-primary-navigation .menu-item--search {
  display: block;
  float: left
}

.c-primary-navigation .menu-item--search>a {
  position: relative
}

.search .c-primary-navigation .menu-item--search>a {
  cursor: default
}

.c-primary-navigation .menu-item--search>a:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 48px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #ed615a;
  float: left;
  position: relative;
  top: -2px;
  margin-right: 0.5em
}

.search .c-primary-navigation .menu-item--search>a:before {
  color: #ebeae6
}

.c-primary-navigation .menu-item--chinese {
  font-family: "Noto Sans SC"
}

@media only screen and (max-width: 979px) {
  .js .c-primary-navigation .menu-toggle {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    padding: 1.2em 0.75em 0;
    cursor: pointer
  }

  .js .c-primary-navigation .menu-toggle .minimize {
    display: none
  }

  .js .c-primary-navigation .nav-menu {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    display: block;
    -ms-transform: translateY(0.75em);
    -webkit-transform: translateY(0.75em);
    transform: translateY(0.75em);
    -webkit-transition: transform 0.15s;
    -moz-transition: transform 0.15s;
    -o-transition: transform 0.15s;
    transition: transform 0.15s
  }

  .js .c-primary-navigation .parent.active {
    background-color: #f6f6f4
  }

  .js .c-primary-navigation .parent.active .sub-menu {
    display: block
  }

  .js .c-primary-navigation .parent>a {
    margin-right: 48px
  }

  .js .c-primary-navigation .sub-menu .selected>a {
    cursor: default;
    text-decoration: underline
  }

  .js .c-primary-navigation.toggled-on .o-dropdown__toggle .minimize {
    margin-top: 0
  }

  .js .c-primary-navigation.toggled-on .nav-menu {
    display: block;
    opacity: 1;
    height: auto;
    overflow: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    left: 0;
    z-index: 100;
    height: auto;
    width: 100%;
    top: 46px;
    background-color: #fff;
    border: 1px solid #f0f0ef;
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    position: absolute
  }

  .js .c-primary-navigation.toggled-on .nav-menu:before,
  .js .c-primary-navigation.toggled-on .nav-menu:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    top: -7px;
    right: 15%;
    border-bottom-color: #b5b7b6
  }

  .js .c-primary-navigation.toggled-on .nav-menu:after {
    top: -6px;
    border-bottom-color: #fff
  }

  .js .c-primary-navigation.toggled-on .nav-menu:before,
  .js .c-primary-navigation.toggled-on .nav-menu:after {
    left: 8em
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item {
    overflow: hidden;
    height: auto;
    display: block
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item.parent .minimize {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 48px;
    width: 48px;
    height: 48px;
    text-align: center;
    text-indent: -9999em;
    cursor: pointer
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item.parent .minimize:before {
    font-family: "icomoon" !important;
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 48px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\e939";
    position: absolute;
    width: 100%;
    top: 0;
    text-indent: 0;
    color: #ed615a
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item.parent.active .minimize:before {
    color: #d8d8d4;
    content: "\e937"
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item>a {
    line-height: 48px;
    min-height: auto;
    height: 48px;
    padding-top: 0
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item>a:hover {
    background-color: #ed615a;
    color: #fff
  }

  .js .c-primary-navigation.toggled-on .nav-menu>.menu-item>a:after {
    content: none
  }

  .js .c-primary-navigation.toggled-on>.menu-toggle .minimize--marker {
    z-index: 110
  }
}

.menu-item--community {
  border-top: 1px solid #f4f1f1;
  border-left: 1px solid #f4f1f1;
  width: 50%;
  float: left
}

.menu-item--community:nth-child(2n) {
  border-left: 0
}

@media only screen and (min-width: 980px) {
  .menu-item--community {
    width: auto;
    border: 0;
    float: none
  }

  .menu-item.has-separator {
    position: relative;
    padding-left: 7px
  }

  .menu-item.has-separator::before {
    content: "";
    display: block;
    width: 1px;
    height: 32px;
    background-color: #f4f1f1;
    position: absolute;
    left: 5px;
    top: 14px
  }
}

.c-aside {
  margin-bottom: 2em
}

.c-aside:last-child {
  margin-bottom: 0
}

.c-aside__title,
.c-aside>h3:first-child {
  margin-bottom: 1.5em;
  color: #ed615a
}

.c-aside__title {
  margin-top: 2em
}

.c-aside__title:first-child {
  margin-top: 0
}

.c-aside__links li,
.c-aside--navblock li {
  line-height: 1.25;
  padding: 0.75em 0;
  border-top: 1px solid #ebeae6
}

.c-aside__links a,
.c-aside--navblock a {
  display: block;
  padding-left: 1.5em;
  position: relative;
  color: #343734
}

.c-aside__links a:before,
.c-aside--navblock a:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0.5em;
  left: 0;
  background-color: #ed615a
}

.c-aside__links a:visited,
.c-aside--navblock a:visited {
  color: #717973
}

.c-aside__links a:hover,
.c-aside--navblock a:hover {
  color: #d24141
}

.c-aside__links a:focus,
.c-aside__links a:active,
.c-aside--navblock a:focus,
.c-aside--navblock a:active {
  color: #ed615a
}

.c-aside--navblock {
  color: #6d7570
}

.c-aside--navblock li {
  padding-left: 1.5em
}

.c-aside--navblock a {
  font-weight: 600;
  display: block;
  padding-left: 0
}

.c-aside--navblock a:before {
  left: -1.5em
}

@media (min-width: 1000px) {
  .single-presenter .c-aside {
    box-sizing: border-box;
    width: 31.4285714286%;
    float: right;
    margin-right: 0;
    clear: right
  }

  .c-footer .c-aside {
    width: 31.4285714286%;
    float: left
  }

  .c-footer .c-aside:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-footer .c-aside:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .c-footer .c-aside:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .c-footer.c-footer__single .c-aside {
    width: 100%;
    float: left;
    max-width: 960px
  }

  .c-footer.c-footer__single .c-aside:nth-child(1n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: none
  }
}

@media only screen and (max-width: 999px) {
  .c-aside__related {
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    background-color: #f6f6f4
  }
}

@media only screen and (max-width: 999px) and (min-width: 768px) {
  .c-aside__related {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media only screen and (max-width: 999px) and (min-width: 1312px) {
  .c-aside__related {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (max-width: 999px) and (min-width: 1600px) {
  .c-aside__related {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (max-width: 999px) {
  .c-aside__related .o-digest {
    border-bottom-color: #d0cdc4
  }
}

.boxed-content,
.c-aside--conditions {
  box-sizing: border-box;
  padding: 1.5em;
  background-color: #f6f6f4
}

.c-sub-nav .assistive-text {
  display: none
}

.c-sub-nav__title {
  text-align: center;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 0
}

.c-sub-nav__title .assistive-text {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  padding: 0.5em;
  background-color: #ed615a;
  color: #fff
}

.c-sub-nav.bg-beige {
  background-color: #f6f6f4
}

.c-sub-nav--inline {
  position: relative;
  text-align: center;
  background-color: #fff;
  margin-right: -1rem;
  margin-left: -1rem;
  white-space: nowrap
}

@media only screen and (min-width: 768px) {
  .c-sub-nav--inline {
    margin-right: -2rem;
    margin-left: -2rem
  }
}

@media (min-width: 1312px) {
  .c-sub-nav--inline {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

@media (min-width: 1600px) {
  .c-sub-nav--inline {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

.c-sub-nav--inline::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ebeae6;
  z-index: 1
}

.c-sub-nav--inline ul {
  box-sizing: border-box;
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.c-sub-nav--inline li {
  display: inline-block;
  line-height: 24px;
  margin: 0;
  padding: 0 0.625em
}

.c-sub-nav--inline li:first-child {
  padding-left: 1rem
}

.c-sub-nav--inline li:last-child {
  padding-right: 1rem
}

.c-sub-nav--inline li a {
  display: block;
  padding: 1em 0 0.9em;
  box-sizing: border-box;
  color: #404441;
  position: relative;
  z-index: 2
}

.c-sub-nav--inline li a:hover,
.c-sub-nav--inline li a:focus,
.c-sub-nav--inline li a:active {
  color: #ed615a
}

.c-sub-nav--inline li a.selected {
  position: relative
}

.c-sub-nav--inline li a.selected:after {
  content: "";
  background-color: #ed615a;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px
}

.c-sub-nav--inline li.home-link a {
  font-weight: 600
}

.c-sub-nav--inline li.home-link a:after {
  content: ":"
}

.c-sub-nav--inline li.home-link.selected a {
  font-weight: 400
}

.c-sub-nav--inline li.home-link.selected a:after {
  content: ""
}

@media (min-width: 1312px) {
  .c-sub-nav--inline li:first-child {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }

  .c-sub-nav--inline li:last-child {
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .c-sub-nav--inline li:first-child {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }

  .c-sub-nav--inline li:last-child {
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.c-next-prev--bottom {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #ebeae6;
  margin-bottom: 0
}

.c-next-prev--bottom .assistive-text {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase
}

.c-next-prev--bottom .episode-date {
  display: block;
  font-size: 21px;
  padding: 0.375em 0
}

.c-next-prev--bottom a .assistive-text {
  color: #6d7570
}

.c-next-prev--top {
  text-align: center
}

.c-next-prev--top .menu {
  overflow: hidden
}

.c-next-prev--top .menu>* {
  display: block;
  width: 50%;
  float: left;
  line-height: 24px;
  padding: 0 0.5em;
  border-left: 1px solid #ebeae6
}

.c-next-prev--top .menu>*:first-child {
  border-left: 0
}

.c-next-prev--top .menu .assistive-text {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.c-next-prev--top .menu .assistive-text.acc-focusable:active,
.c-next-prev--top .menu .assistive-text.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.c-next-prev--top .menu .prev a:before,
.c-next-prev--top .menu .next a:after {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.c-next-prev--top .menu .prev {
  text-align: right
}

.c-next-prev--top .menu .prev a:before {
  content: "\e947";
  margin-right: 0.5em
}

.c-next-prev--top .menu .next {
  text-align: left
}

.c-next-prev--top .menu .next a:after {
  content: "\e948";
  margin-left: 0.5em
}

.c-next-prev--top .menu--part {
  overflow: auto
}

.c-next-prev--top .menu--part>* {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  float: none;
  border-left: 0
}

.c-next-prev--top .menu--part .prev,
.c-next-prev--top .menu--part .next {
  text-align: center;
  padding: 0
}

.c-next-prev--top .menu--part .prev a,
.c-next-prev--top .menu--part .next a {
  display: block;
  text-indent: -9999px;
  width: 3em;
  position: relative
}

.c-next-prev--top .menu--part .prev a:before,
.c-next-prev--top .menu--part .next a:after {
  display: block;
  text-indent: 0;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0
}

.c-next-prev--top .menu--part .prev a:before {
  margin-right: 0
}

.c-next-prev--top .menu--part .next a:after {
  margin-left: 0
}

@media (min-width: 1000px) {
  .c-next-prev {
    clear: both
  }

  .c-next-prev--bottom li {
    width: 50%
  }

  .c-next-prev--bottom li.prev {
    float: left
  }

  .c-next-prev--bottom li.next {
    float: right
  }
}

.js .c-social .embed {
  display: none
}

.c-social .share-text {
  font-size: 15px;
  margin-right: 0.4em;
  color: #6d7570;
  position: relative;
  top: -1px
}

.content__secondary .c-social {
  margin-bottom: 1.5em
}

.c-banner--station .c-social .assistive-text {
  font-size: 16px;
  font-weight: 600;
  color: #fff
}

.c-banner--station .c-social .btn-group {
  font-size: 0.85em
}

@media only screen and (min-width: 640px) {

  .c-banner--station .c-social .assistive-text,
  .c-banner--station .c-social .btn-group {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0
  }

  .c-banner--station .c-social .assistive-text {
    margin: 0 0.5em 0.5em 0
  }
}

@media only screen and (max-width: 639px) {
  .c-banner--station .c-social {
    margin-bottom: 1em
  }
}

.c-social__menu {
  white-space: nowrap
}

.article__footer .c-social__menu {
  padding-bottom: 4px
}

.c-social__menu>* {
  display: inline-block !important;
  vertical-align: middle
}

.c-social__buttons {
  position: relative
}

.c-social__buttons li {
  display: block;
  text-align: center
}

.c-social__buttons>ul>li {
  float: left;
  margin: 0 3px
}

.c-social__buttons>ul>li:first-child {
  margin-left: 0
}

.c-social__buttons>ul>li:last-child {
  margin-right: 0
}

.c-social__buttons>ul>li>.share-btn {
  position: relative;
  width: 36px;
  height: 36px;
  overflow: hidden;
  text-indent: -9999px
}

.c-social__buttons>ul>li>.share-btn:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 0
}

.c-social__buttons>ul>li>.share-btn:hover {
  background-color: #404441
}

.c-social__buttons>ul>li>.share-btn span {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.c-social__buttons>ul>li>.share-btn span.acc-focusable:active,
.c-social__buttons>ul>li>.share-btn span.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.c-social__buttons .share-btn {
  display: block;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

.c-social__buttons .share-btn:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 36px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.c-social__buttons .share-btn__twitter {
  background-color: #2693dd
}

.c-social__buttons .share-btn__twitter:before {
  content: ""
}

.c-social__buttons .share-btn__facebook {
  background-color: #3744a8
}

.c-social__buttons .share-btn__facebook:before {
  content: "";
  font-size: 16px
}

.c-social__buttons .share-btn__google {
  background-color: #dd4b39
}

.c-social__buttons .share-btn__google:before {
  content: "";
  font-size: 21px
}

.c-social__buttons .share-btn__reddit {
  background-color: #ff4500
}

.c-social__buttons .share-btn__reddit:before {
  content: "";
  font-size: 22px;
  line-height: 34px
}

.c-social__buttons .share-btn__linkedin {
  background-color: #007bb6
}

.c-social__buttons .share-btn__linkedin:before {
  content: "";
  line-height: 35px
}

.c-social__buttons .share-btn__email {
  background-color: #ed615a
}

.c-social__buttons .share-btn__email:before {
  content: ""
}

.c-social__buttons .share-btn__embed {
  background-color: #000
}

.c-social__buttons .share-btn__embed:before {
  content: ""
}

.c-social .embed {
  clear: both;
  padding: 1.5em 1em;
  background-color: #f6f6f4
}

.c-social .embed,
.c-social .embed-button.active::after {
  margin-top: 0.5em
}

.c-social .embed-button {
  font-weight: 600;
  margin-right: 6px;
  line-height: 36px;
  height: 36px;
  position: relative
}

.c-social .embed-button.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #ed615a;
  position: absolute;
  z-index: 1;
  top: 100%
}

@media only screen and (min-width: 640px) {
  .article__header .c-social {
    float: right
  }
}

@media (min-width: 1000px) {
  .c-social .embed-button {
    line-height: 36px;
    height: 36px
  }
}

@media only screen and (max-width: 639px) {
  .c-social .share-text {
    font-size: 12px
  }
}

@media only screen and (max-width: 367px) {
  .c-social .share-text {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .c-social .share-text.acc-focusable:active,
  .c-social .share-text.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.social-nav {
  font-size: 15px
}

.c-banner .social-nav,
.c-page-header .social-nav {
  margin-top: 1.2em
}

.social-nav__item {
  display: inline-block;
  vertical-align: middle
}

.social-nav__item+.social-nav__item {
  margin-left: 0.5em
}

.social-nav__link {
  display: inline-block;
  padding: 0.375em 0.5em 0.5em 0.5em;
  font-size: 22px;
  line-height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

.social-nav__link,
.social-nav__link:visited {
  color: #fff;
  background-color: #404441;
  background-color: rgba(255, 255, 255, 0.3)
}

.social-nav__icon {
  width: 1em;
  height: 1em
}

.social-nav__icon:before {
  font-size: 1em;
  vertical-align: middle
}

.social-nav__item--block {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  margin-right: 0.6em;
  display: block
}

.social-nav__item--block:first-child {
  margin-top: 0
}

.social-nav__item--block:last-child {
  margin-bottom: 0;
  margin-right: 0
}

@media only screen and (max-width: 639px) {
  .social-nav__item--block {
    margin-right: 0;
    display: block
  }
}

.social-nav--small .social-nav__link {
  font-size: 16px;
  line-height: 16px
}

.social-nav--small .social-nav__item,
.social-nav--small .social-nav__item+.social-nav__item {
  margin-right: 0.25em
}

.social-nav--invert .social-nav__link,
.social-nav--invert .social-nav__link:visited {
  color: #404441;
  background-color: #ebeae6;
  background-color: rgba(64, 68, 65, 0.15)
}

.social-nav--invert .social-nav__link:hover,
.social-nav--invert .social-nav__link:focus,
.social-nav--invert .social-nav__link:active {
  color: #fff
}

.c-story-context {
  margin-bottom: 0.75em
}

.c-story-context__site {
  border-bottom: 1px solid #ebeae6;
  padding: 0.5em 0;
  margin-bottom: 1em
}

.c-story-context__site span {
  font-weight: 600
}

.c-story-context__site a {
  color: #b3b3ac
}

.c-story-context__site a:hover {
  color: #d24141
}

.c-story-context__site a:visited {
  color: #b3b3ac
}

@media (min-width: 1000px) {
  .c-story-context__site {
    margin-bottom: 2em
  }
}

.c-story-context__kicker,
.c-story-context__comments {
  display: inline-block;
  vertical-align: middle
}

.c-story-context__comments {
  font-size: 12px;
  line-height: 1.3333em;
  color: #fff;
  background-color: #db4b6a;
  padding: 0 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative
}

.c-story-context__comments:before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 4px solid transparent;
  border-right: 4px solid #db4b6a;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  top: 100%;
  right: 4px;
  margin-top: -4px
}

.c-story-header {
  padding-bottom: 1em
}

.single-story--longform .c-story-header__feature {
  margin-bottom: 1.5em
}

.single-story--longform .c-story-header__feature img {
  display: block;
  width: 100%
}

@media only screen and (max-width: 1599px) {
  .single-story--longform .c-story-header__feature.full-screen {
    margin-right: -1rem;
    margin-left: -1rem
  }
}

@media only screen and (max-width: 1599px) and (min-width: 768px) {
  .single-story--longform .c-story-header__feature.full-screen {
    margin-right: -2rem;
    margin-left: -2rem
  }
}

@media only screen and (max-width: 1599px) and (min-width: 1312px) {
  .single-story--longform .c-story-header__feature.full-screen {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

@media only screen and (max-width: 1599px) and (min-width: 1600px) {
  .single-story--longform .c-story-header__feature.full-screen {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

.c-story-header__headline {
  font-size: 30px;
  margin-bottom: 0.4em
}

.c-story-header .broadcast-on,
.c-story-header .updated,
.c-story-header .c-byline {
  font-size: 15px;
  line-height: 1.2;
  color: #6d7570
}

.c-story-header .broadcast-on a,
.c-story-header .updated a,
.c-story-header .c-byline a {
  font-weight: 600
}

.c-story-header .c-dateblock {
  float: left
}

.c-story-header .c-dateblock .updated {
  position: relative;
  top: -1px
}

.c-story-header .c-dateblock:after,
.c-story-header .c-dateblock .broadcast-on,
.c-story-header .c-dateblock .updated {
  display: inline-block;
  vertical-align: middle
}

.c-story-header .c-dateblock:after {
  content: "";
  line-height: 36px;
  height: 36px
}

.c-story-header .c-social {
  float: right
}

.c-story-header .c-byline,
.c-story-header p.byline {
  clear: both;
  padding-top: 0.75em
}

.c-story-header .c-byline__author {
  display: table;
  margin-bottom: 0.375em
}

.c-story-header .c-byline__author [class^="icon-"]:before,
.c-story-header .c-byline__author [class*=" icon-"]:before {
  vertical-align: bottom;
  font-size: 18px;
  margin-right: 0.125em
}

.c-story-header .c-byline__author:last-child {
  margin-bottom: 0
}

.c-story-header .c-byline__author>* {
  display: table-cell;
  vertical-align: middle
}

.c-story-header .c-byline__author .author-avatar {
  position: relative;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.375em
}

@media only screen and (max-width: 639px) {
  .c-story-header .c-byline__author .author-avatar {
    display: block;
    float: left
  }
}

.c-story-header .c-byline__author .author-avatar img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.c-story-header .c-byline__author .author-avatar+.author-detail {
  padding-left: 0.75em
}

@media only screen and (max-width: 639px) {
  .c-story-header .c-byline__author .author-avatar+.author-detail {
    overflow: hidden
  }
}

.c-story-header .c-byline__author .author-name {
  font-weight: 600
}

.c-story-header .c-byline__author .author-social {
  word-break: keep-all
}

.c-story-header .c-byline__author .author-twitter {
  margin-right: 0.5em
}

.c-story-header .c-byline__author .author-email::before {
  position: relative;
  top: 1px
}

@media only screen and (min-width: 640px) {
  .c-story-header__headline {
    font-size: 48px
  }
}

@media (min-width: 1000px) {
  .c-story-header {
    padding-bottom: 1.5em
  }

  .c-story-header .c-dateblock:after {
    line-height: 36px;
    height: 36px
  }

  .single-story--longform .c-story-header__feature {
    margin-bottom: 1.5em
  }

  .single-story--longform .c-story-header .o-kicker,
  .single-story--longform .c-story-header__headline,
  .single-story--longform .c-story-header__meta {
    width: 65.7142857143%;
    margin-right: auto;
    margin-left: auto
  }
}

@media (min-width: 1270px) {
  .c-story-header__headline {
    font-size: 54px;
    margin-bottom: 0.2962962962963em
  }
}

@media (min-width: 1312px) {
  .c-story-header {
    position: relative
  }
}

@media only screen and (max-width: 639px) {

  .c-story-header .c-dateblock,
  .c-story-header .c-social {
    float: none
  }
}

.c-page-header,
.c-banner {
  background-color: #f6f6f4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center
}

.c-page-header__title:last-child,
.c-page-header__meta:last-child,
.c-banner__title:last-child,
.c-banner__meta:last-child {
  margin-bottom: 0
}

.c-page-header__title,
.c-banner__title {
  font-size: 30px;
  margin-bottom: .4em
}

.c-page-header__title .bi,
.c-banner__title .bi {
  display: block
}

.c-page-header__title .bi.reo,
.c-banner__title .bi.reo {
  font-weight: 600;
  font-size: 80%
}

.c-page-header__meta,
.c-banner__meta {
  max-width: 576px;
  margin: 0 auto 1.5em
}

.c-page-header .summary .air-times,
.c-banner .summary .air-times {
  font-weight: 600
}

.c-page-header--station,
.c-page-header--programme,
.c-banner--station,
.c-banner--programme {
  color: #fff
}

.nat .c-page-header--station,
.nat .c-page-header--programme,
.nat .c-banner--station,
.nat .c-banner--programme {
  background-color: #b1a531
}

.con .c-page-header--station,
.con .c-page-header--programme,
.con .c-banner--station,
.con .c-banner--programme {
  background-color: #0f90b6
}

.int .c-page-header--station,
.int .c-page-header--programme,
.int .c-banner--station,
.int .c-banner--programme {
  background-color: #d09341
}

.rnz .c-page-header--station,
.rnz .c-page-header--programme,
.rnz .c-banner--station,
.rnz .c-banner--programme {
  background-color: #ed615a
}

.pod .c-page-header--station,
.pod .c-page-header--programme,
.pod .c-banner--station,
.pod .c-banner--programme {
  background-color: #fff
}

.c-page-header--station .summary p,
.c-page-header--programme .summary p,
.c-banner--station .summary p,
.c-banner--programme .summary p {
  font-size: 15px;
  line-height: 1.4
}

.c-page-header--station a,
.c-page-header--programme a,
.c-banner--station a,
.c-banner--programme a {
  color: #fff
}

@media (min-width: 1000px) {

  .c-page-header__title,
  .c-page-header__meta,
  .c-banner__title,
  .c-banner__meta {
    width: 65.7142857143%;
    margin-right: auto;
    margin-left: auto
  }
}

@media (min-width: 1270px) {

  .c-page-header__title,
  .c-banner__title {
    font-size: 54px
  }
}

.c-page-header {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1.5em;
  padding-bottom: 1.5em
}

@media only screen and (min-width: 768px) {
  .c-page-header {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .c-page-header {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .c-page-header {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.c-page-header.no-bottom-padding {
  padding-bottom: 0
}

.c-page-header h1,
.c-page-header h2,
.c-page-header__title {
  color: #ed615a
}

@media only screen and (min-width: 768px) {
  .c-page-header {
    padding-top: 1.875em;
    padding-bottom: 1.875em
  }
}

@media (min-width: 1270px) {
  .c-page-header {
    padding-top: 2.25em;
    padding-bottom: 2.25em
  }
}

.c-banner {
  margin-right: -1rem;
  margin-left: -1rem
}

@media only screen and (min-width: 768px) {
  .c-banner {
    margin-right: -2rem;
    margin-left: -2rem
  }
}

@media (min-width: 1312px) {
  .c-banner {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

@media (min-width: 1600px) {
  .c-banner {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

.c-banner__container {
  padding: 1.5em 2rem
}

.has-graphic .c-banner__container {
  position: relative
}

.has-graphic--right .c-banner__container,
.has-graphic--left .c-banner__container {
  max-height: 576px
}

.c-banner__secondary {
  text-align: left
}

.c-banner__secondary .o-tile,
.c-banner__secondary .station-live--summary {
  max-width: 480px
}

.c-banner__secondary .o-tile {
  padding-bottom: 0;
  margin-bottom: 1.125em
}

.c-banner__secondary .o-tile:last-child {
  margin-bottom: 0
}

.c-banner__secondary .o-tile--split-view .thumb-container {
  width: 92px;
  float: left;
  margin-right: 1em
}

.c-banner__secondary .o-tile__detail {
  width: auto;
  float: none
}

.c-banner__secondary .o-tile__title {
  clear: none
}

.station-home .c-banner__secondary .o-tile__title {
  margin-bottom: 0.25em
}

.c-banner__secondary .o-tile .air-times {
  color: #fff
}

.c-banner__secondary .station-live--summary .assistive-text {
  display: inline-block
}

.c-banner__secondary .station-live--summary .assistive-text:after {
  content: ":"
}

.c-banner__secondary .station-live--summary .programme-link {
  font-weight: 800
}

.has-graphic .c-banner__title,
.has-graphic .c-banner__meta {
  position: relative
}

.c-banner.has-graphic--full_screen,
.c-banner.has-graphic--tiled {
  background-color: #404441 !important
}

.c-banner.has-graphic--full_screen .banner-image,
.c-banner.has-graphic--tiled .banner-image {
  opacity: 0.75
}

@media only screen and (min-width: 768px) {
  .c-banner__container {
    padding-top: 1.875em;
    padding-bottom: 1.875em
  }

  .has-graphic .c-banner__container {
    min-height: 240px
  }

  .c-banner .has-secondary-content:after {
    content: '';
    display: table;
    clear: both
  }

  .has-secondary-content>.c-banner__detail {
    width: 49.2957746479%;
    float: left;
    margin-right: 1.4084507042%;
    text-align: left
  }

  .c-banner__secondary {
    width: 36.6197183099%;
    float: right;
    margin-right: 0
  }

  .c-banner__secondary .o-tile__title {
    font-size: 20px
  }

  .c-banner.has-graphic--right .social-nav__item,
  .c-banner.has-graphic--left .social-nav__item {
    margin-right: 0.2em
  }

  .c-banner.has-graphic--right .social-nav__item--block,
  .c-banner.has-graphic--left .social-nav__item--block {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0
  }

  .c-banner.has-graphic--right .social-nav__item--block:first-child,
  .c-banner.has-graphic--left .social-nav__item--block:first-child {
    margin-right: 0.2em
  }

  .c-banner.has-graphic--right {
    text-align: left
  }

  .has-graphic--right .c-banner__title,
  .has-secondary-content .c-banner__title,
  .has-graphic--right .c-banner__meta,
  .has-secondary-content .c-banner__meta {
    margin-left: 0
  }

  .home--int .c-banner__container:after {
    content: '';
    display: table;
    clear: both
  }

  .home--int .c-banner__primary.has-secondary-content {
    width: 66.0377358491%;
    float: left;
    margin-right: 1.8867924528%;
    text-align: left
  }

  .home--int .c-banner__primary.has-secondary-content>* {
    width: 100%
  }

  .home--int .c-banner__secondary {
    width: 32.0754716981%;
    float: right;
    margin-right: 0
  }
}

@media (min-width: 1000px) {
  .has-secondary-content>.c-banner__detail {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%;
    text-align: left
  }

  .has-secondary-content>.c-banner__detail>* {
    width: 100%
  }

  .c-banner__secondary {
    width: 40%;
    float: right;
    margin-right: 0
  }

  .c-banner.has-graphic--right {
    text-align: left
  }

  .has-graphic--right .c-banner__title,
  .has-secondary-content .c-banner__title,
  .has-graphic--right .c-banner__meta,
  .has-secondary-content .c-banner__meta {
    margin-left: 0
  }
}

@media (min-width: 1270px) {
  .c-banner__container {
    padding-top: 2.25em;
    padding-bottom: 2.25em
  }

  .has-graphic--right .c-banner__container,
  .has-graphic--left .c-banner__container {
    min-height: 288px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 2rem;
    margin-left: 2rem
  }

  .c-banner__secondary {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }
}

@media (min-width: 1312px) {
  .c-banner__container {
    padding: 2.25em calc((100vw - (82rem - (2rem) * 2)) / 2)
  }

  .has-graphic--right .c-banner__container,
  .has-graphic--left .c-banner__container {
    margin-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    margin-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .c-banner__container {
    padding: 2.25em calc((100vw - (82rem - (2rem) * 2)) / 2)
  }

  .has-graphic--right .c-banner__container,
  .has-graphic--left .c-banner__container {
    margin-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    margin-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {

  .has-graphic--right .c-banner__title,
  .has-graphic--left .c-banner__title,
  .has-graphic--right .c-banner__meta,
  .has-graphic--left .c-banner__meta {
    max-width: 49.0566037736%
  }

  .has-graphic--left .c-banner__title,
  .has-graphic--left .c-banner__meta {
    text-align: left;
    margin-right: 0;
    margin-left: auto
  }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {

  .c-banner.has-graphic--right img.banner-image,
  .c-banner.has-graphic--left img.banner-image {
    opacity: 0.2
  }

  .c-banner__secondary {
    padding-top: 1.5em;
    margin-right: auto;
    margin-left: auto
  }
}

@media only screen and (max-width: 767px) {

  .c-banner__secondary .o-tile,
  .c-banner__secondary .station-live--summary {
    margin-right: auto;
    margin-left: auto
  }

  .c-banner__secondary .o-tile {
    padding: 0.625em;
    background-color: rgba(255, 255, 255, 0.2)
  }

  .c-banner__secondary .o-tile__detail {
    width: auto;
    float: none
  }

  .c-banner__secondary .o-tile__title {
    clear: none
  }

  .c-banner__secondary .station-live--summary,
  .c-banner__secondary .station-extras {
    text-align: center
  }
}

@media only screen and (max-width: 639px) {
  .c-banner__title {
    font-size: 24px
  }

  .prog-home .c-banner__title,
  .series-home .c-banner__title,
  .station-home .c-banner__title {
    margin-bottom: 0
  }

  .station-home .c-banner__meta {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .station-home .c-banner__meta.acc-focusable:active,
  .station-home .c-banner__meta.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }

  .c-banner.has-graphic--tiled .banner-image {
    background-size: cover
  }

  .c-banner.has-graphic--right img.banner-image,
  .c-banner.has-graphic--left img.banner-image {
    display: none
  }

  .c-banner__secondary {
    margin-top: 1.125em
  }

  .c-banner__secondary .o-tile__title {
    font-size: 20px
  }

  .c-banner__secondary .station-live--summary,
  .c-banner__secondary .station-extras {
    font-size: 15px
  }

  .c-banner__secondary .station-extras {
    padding-top: 1.125em;
    margin-top: 1.125em
  }
}

p .media-types {
  color: #868f89;
  text-transform: uppercase;
  font-size: .8em
}

p .media-types:before {
  content: "("
}

p .media-types:after {
  content: ")"
}

.c-tag-list {
  font-size: 15px;
  margin-bottom: 1.6em;
  clear: both
}

.o-tile .c-tag-list {
  margin-bottom: 0
}

.c-tag-list .assistive-text,
.c-tag-list__items {
  display: inline;
  vertical-align: baseline
}

.c-tag-list .assistive-text,
.c-tag-list .tag-item {
  margin: 0 0.2em 0.4em 0;
  line-height: 1.65
}

.c-tag-list__items {
  margin: 0;
  padding: 0
}

.c-tag-list .tag-item {
  display: inline-block;
  padding: 0;
  white-space: nowrap
}

.c-tag-list .tag-item:before {
  background: none
}

.c-tag-list .tag-item a {
  display: block;
  box-sizing: border-box;
  height: 1.9em;
  padding: 0 0.8em;
  border: 1px solid #ed615a;
  -webkit-border-radius: 1.9em;
  -moz-border-radius: 1.9em;
  -ms-border-radius: 1.9em;
  border-radius: 1.9em
}

.o-digest .c-tag-list .tag-item a,
.o-tile .c-tag-list .tag-item a {
  font-size: 14px;
  line-height: 1;
  height: 1.875em;
  padding: 0.428571429em 0.5em 0.285714286em;
  -webkit-border-radius: 1.875em;
  -moz-border-radius: 1.875em;
  -ms-border-radius: 1.875em;
  border-radius: 1.875em
}

.c-tag-list .tag-item a:hover {
  background-color: #ed615a;
  color: #fff
}

.c-tag-list h3 {
  padding-bottom: 5px !important
}

.c-tag-list--programme,
.c-tag-list--presenter {
  display: block;
  font-size: 14px;
  line-height: 1.1429;
  margin-top: 0.1429em
}

.c-tag-list--programme>*,
.c-tag-list--presenter>* {
  display: inline-block
}

.c-tag-list--programme>*:after,
.c-tag-list--presenter>*:after {
  content: "\002C"
}

.c-tag-list--programme>*:last-child:after,
.c-tag-list--presenter>*:last-child:after {
  display: none
}

.tagcloud li {
  background: none;
  border: 1px solid #cdcdcd;
  background: #f5f3f2;
  border-radius: 2px;
  margin: 0 20px 20px 0;
  padding: 8px 15px;
  font-size: 110%
}

.tagcloud li:before {
  background: none
}

.tagcloud li:after {
  background: none
}

p.audio-popup,
.o-audio-popup {
  border: 1px solid #aaa;
  background-color: #fcfcfc;
  padding: 7px;
  margin-bottom: 8px;
  overflow: hidden
}

p.audio-popup i,
.o-audio-popup i {
  padding-right: 3px
}

.article__body p.audio-popup,
.episode-body p.audio-popup,
.page__body p.audio-popup,
.article__body .o-audio-popup,
.episode-body .o-audio-popup,
.page__body .o-audio-popup {
  padding: 12px 10px;
  position: relative
}

.article__body .o-audio-popup,
.episode-body .o-audio-popup,
.page__body .o-audio-popup {
  border-top: 4px solid #ed615a;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  background-color: #f4f1f1
}

.article__body .o-audio-popup .listen-icon,
.episode-body .o-audio-popup .listen-icon,
.page__body .o-audio-popup .listen-icon {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  border-radius: 48px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  text-indent: 200%;
  padding: 0;
  position: relative;
  background-color: #ed615a;
  color: #fff;
  position: absolute;
  display: block
}

.article__body .o-audio-popup .listen-icon:before,
.episode-body .o-audio-popup .listen-icon:before,
.page__body .o-audio-popup .listen-icon:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 48px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  content: "";
  text-indent: 10%;
  position: absolute;
  width: 100%;
  top: 0
}

.article__body .o-audio-popup .listen-icon:hover,
.article__body .o-audio-popup .listen-icon:focus,
.article__body .o-audio-popup .listen-icon:active,
.episode-body .o-audio-popup .listen-icon:hover,
.episode-body .o-audio-popup .listen-icon:focus,
.episode-body .o-audio-popup .listen-icon:active,
.page__body .o-audio-popup .listen-icon:hover,
.page__body .o-audio-popup .listen-icon:focus,
.page__body .o-audio-popup .listen-icon:active {
  color: #fff;
  background-color: #e8352c
}

.article__body .o-audio-popup .listen-icon:hover,
.episode-body .o-audio-popup .listen-icon:hover,
.page__body .o-audio-popup .listen-icon:hover {
  background-color: #e8352c
}

.article__body .o-audio-popup__detail,
.episode-body .o-audio-popup__detail,
.page__body .o-audio-popup__detail {
  margin-left: 58px;
  padding-top: 0.3125em;
  box-sizing: border-box;
  min-height: 48px
}

.article__body .o-audio-popup__detail a,
.episode-body .o-audio-popup__detail a,
.page__body .o-audio-popup__detail a {
  font-size: 18px;
  line-height: 1
}

.article__body .o-audio-popup__duration,
.episode-body .o-audio-popup__duration,
.page__body .o-audio-popup__duration {
  display: block;
  clear: both;
  line-height: 1.125;
  margin-top: 0.375em;
  color: #8b928d
}

@media only screen and (max-width: 767px) {

  .article__body .o-audio-popup__duration,
  .episode-body .o-audio-popup__duration,
  .page__body .o-audio-popup__duration {
    display: inline-block;
    margin-top: 0
  }

  .article__body .o-audio-popup__duration:before,
  .episode-body .o-audio-popup__duration:before,
  .page__body .o-audio-popup__duration:before {
    content: "\0028\2009"
  }

  .article__body .o-audio-popup__duration:after,
  .episode-body .o-audio-popup__duration:after,
  .page__body .o-audio-popup__duration:after {
    content: "\2009\0029"
  }
}

p.audio-popup+p.audio-popup,
.o-audio-popup+.o-audio-popup {
  border-top: none;
  margin-top: -10px
}

.c-footer {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  background-color: #f2f1ef;
  border-top: 2px solid #ebeae6
}

@media only screen and (min-width: 768px) {
  .c-footer {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .c-footer {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .c-footer {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (min-width: 768px) {
  .c-footer:after {
    content: '';
    display: table;
    clear: both
  }
}

@media (min-width: 1000px) {
  .c-footer {
    padding-top: 2.25em;
    padding-bottom: 2.25em;
    border-top-width: 4px
  }
}

.programmes-list__popular li {
  position: relative;
  padding: 0;
  background-color: #ed615a
}

.programmes-list__popular li.nat {
  background-color: #e3d952
}

.programmes-list__popular li.con {
  background-color: #3bb5d8
}

.programmes-list__popular li.int {
  background-color: #fea229
}

.programmes-list__popular li.rnz {
  background-color: #ff6666
}

.programmes-list__popular li.pod {
  background-color: #fff
}

.programmes-list__popular li:before {
  content: "";
  display: block;
  padding-top: 100%
}

.programmes-list__popular li a {
  font-weight: 600;
  color: #fff;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0.75em;
  top: 0
}

@media (min-width: 1000px) {
  .programmes-list__popular li {
    width: 14.2857142857%;
    float: left
  }

  .programmes-list__popular li:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .programmes-list__popular li:nth-child(6n + 2) {
    margin-left: 17.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .programmes-list__popular li:nth-child(6n + 3) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .programmes-list__popular li:nth-child(6n + 4) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .programmes-list__popular li:nth-child(6n + 5) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .programmes-list__popular li:nth-child(6n + 6) {
    margin-left: 85.7142857143%;
    margin-right: -100%;
    clear: none
  }
}

@media only screen and (max-width: 999px) {
  .programmes-list__primary {
    margin-right: -1rem;
    margin-left: -1rem;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(40vw);
    scroll-snap-points-x: repeat(40vw)
  }

  .programmes-list__primary:-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    display: none !important
  }

  .programmes-list__popular {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 252vw
  }

  .programmes-list__popular .prog-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }
}

.programme-stories__list,
.programme-stories__footer,
.programme-stories__header,
.programme-stories__divider {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto
}

.programme-stories__header,
.programme-stories__divider {
  display: table;
  width: 100%
}

.programme-stories__header>*,
.programme-stories__divider>* {
  display: table-cell
}

.programme-stories__header {
  padding: 0 0 1.5em
}

.programme-stories__divider {
  padding: 2.25em 0 1.125em;
  border-top: 2px solid #ebeae6
}

.programme-stories__divider:first-child,
.programme-stories__header+.programme-stories__divider {
  padding-top: 0;
  border-top: none
}

.programme-stories__controls {
  text-align: right
}

.programme-stories__controls>* {
  display: inline-block
}

.programme-stories__controls .playlist-control a {
  display: block
}

.programme-stories__controls .playlist-control a,
.programme-stories__controls .playlist-control a:visited {
  color: #ed615a
}

.programme-stories__controls .playlist-control a:hover {
  color: #404441
}

.programme-stories__footer {
  border-top: 1px solid #ebeae6
}

@media only screen and (min-width: 640px) {
  .programme-stories .o-digest__detail {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical
  }

  .programme-stories .o-digest__headline,
  .programme-stories .o-digest__title {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2
  }

  .programme-stories .o-digest .o-kicker {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1
  }

  .programme-stories .o-digest__summary {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3
  }
}

@media only screen and (max-width: 639px) {
  .programme-stories__title {
    font-size: 16px
  }

  .programme-stories__controls {
    font-size: 14px
  }

  .programme-stories__controls .playlist-control {
    vertical-align: middle
  }

  .programme-stories__controls .playlist-control a {
    padding: 0.5em
  }

  .programme-stories__controls .playlist-control a,
  .programme-stories__controls .playlist-control a:visited {
    background-color: #f6f6f4
  }

  .programme-stories__controls .playlist-control a:hover,
  .programme-stories__controls .playlist-control a:active {
    background-color: #ed615a;
    color: #fff
  }
}

.c-episode__header {
  padding-bottom: 1em;
  border-bottom: 2px solid #ebeae6;
  margin-bottom: 1.5em
}

.c-episode__title {
  margin: 0
}

.c-episode .photo-right+.shownotes-heading {
  clear: none
}

.c-episode .shownotes-heading {
  position: relative
}

.c-episode .shownotes-heading>span {
  font-size: 75%;
  font-weight: 400;
  line-height: 1.5;
  color: #6d7570;
  display: inline-block;
  background-color: #ebeae6;
  padding: 2px 0.6em 0
}

.c-episode .shownotes__title,
.c-episode .episode-audio__title,
.c-episode .programme-stories__title {
  color: #6d7570
}

.c-episode .shownotes__header,
.c-episode .episode-audio__header,
.c-episode .programme-stories__header {
  padding-bottom: 1em
}

.c-episode .shownotes__header h3,
.c-episode .episode-audio__header h3,
.c-episode .programme-stories__header h3 {
  margin: 0
}

.c-episode .shownotes__header,
.c-episode .episode-audio__header {
  border-bottom: 1px solid #ebeae6;
  margin-bottom: 1.5em
}

.c-episode .episode-summary {
  margin-bottom: 1.5em
}

@media only screen and (min-width: 640px) {

  .c-episode__title,
  .c-episode__header-tools {
    display: table-cell
  }

  .c-episode__header-tools {
    text-align: right
  }

  .c-episode__header {
    display: table;
    width: 100%
  }
}

@media only screen and (min-width: 768px) {
  .c-episode:after {
    content: '';
    display: table;
    clear: both
  }

  .c-episode--shownotes .c-episode__primary {
    width: 32.0754716981%;
    float: right;
    margin-right: 0
  }

  .c-episode--shownotes .c-episode__secondary {
    width: 66.0377358491%;
    float: left;
    margin-right: 1.8867924528%
  }

  .c-episode__title {
    font-size: 24px;
    line-height: 1.25;
    height: 1.25em
  }
}

@media (min-width: 1000px) {
  .c-episode__primary {
    width: 57.1428571429%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-episode--shownotes .c-episode__primary {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }

  .c-episode__secondary {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }

  .c-episode--shownotes .c-episode__secondary {
    width: 57.1428571429%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-episode--shownotes .shownotes__header,
  .c-episode--shownotes .episode-body {
    margin-right: -10%
  }

  .c-episode--shownotes .episode-body {
    margin-left: 10%
  }

  .c-episode--shownotes .shownotes-heading>span {
    position: absolute;
    top: 1px;
    left: -10%;
    padding: 2px 0.4em 0
  }
}

@media (min-width: 1270px) {
  .c-episode__header {
    padding-bottom: 1em;
    border-bottom: 2px solid #ebeae6;
    margin-bottom: 2.25em
  }

  .c-episode__title {
    font-size: 30px;
    line-height: 1;
    height: 1em
  }

  .c-episode .shownotes__title,
  .c-episode .episode-audio__title,
  .c-episode .programme-stories__title {
    font-size: 20px
  }

  .c-episode--shownotes .shownotes-heading>span {
    font-size: 62.5%;
    top: 2px;
    line-height: 1.5
  }
}

@media only screen and (max-width: 1269px) {

  .c-episode .shownotes__title,
  .c-episode .programme-stories__title {
    font-size: 18px
  }
}

@media only screen and (max-width: 999px) {
  .c-episode .shownotes-heading {
    padding-top: 2em
  }

  .c-episode .shownotes-heading:before {
    content: "";
    background-color: #ebeae6;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1px;
    top: 0.5em
  }

  .csstransforms .c-episode .shownotes-heading>span {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

@media only screen and (max-width: 639px) {
  .c-episode__title {
    text-align: center
  }

  .c-episode__header,
  .c-episode .episode-audio {
    margin-right: -1rem;
    margin-left: -1rem;
    padding: 1.5em 1rem
  }

  .c-episode__header {
    margin-bottom: 0
  }

  .c-episode--shownotes .episode-audio {
    background-color: #f6f6f4
  }

  .c-episode .episode-summary {
    border-top: 1px solid #ebeae6;
    padding-top: 1.5em
  }

  .c-episode .shownotes {
    padding: 1.5em 0
  }

  .c-episode .shownotes__header {
    border-bottom: 0;
    margin-bottom: 0
  }

  .c-episode .shownotes__title,
  .c-episode .episode-audio__title,
  .c-episode .programme-stories__title {
    font-size: 16px
  }

  .c-episode__header-tools {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .c-episode__header-tools.acc-focusable:active,
  .c-episode__header-tools.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.programme-menu {
  background-color: #f6f6f4
}

.prog-home .programme-menu .home-link {
  position: absolute;
  z-index: -1;
  border: 0 !important;
  padding: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px)
}

.prog-home .programme-menu .home-link.acc-focusable:active,
.prog-home .programme-menu .home-link.acc-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.prog-home .programme-menu .home-link+li {
  padding-left: 2rem
}

@media (min-width: 1312px) {
  .prog-home .programme-menu .home-link+li {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .prog-home .programme-menu .home-link+li {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.prog-banner .programme-menu {
  background-color: #343734;
  border-bottom-color: #404441
}

.prog-banner .programme-menu a {
  color: #f2f2f2 !important
}

.prog-banner .programme-menu a:hover,
.prog-banner .programme-menu a:active {
  color: #fff !important
}

.show-status .notification {
  padding: 0.75em;
  background-color: #f4f1f1;
  border-left: 6px solid #c9c3bc;
  font-size: 20px;
  margin-bottom: 15px
}

.show-status .notification span.status {
  font-weight: bold
}

.sidebar .show-status .notification span {
  display: block
}

.show-status .notification.on-air,
.show-status .notification.coming-up {
  margin-top: 0
}

.nat .show-status .notification.coming-up {
  border-left-color: #e3d952;
  background-color: #f9f7dc
}

.con .show-status .notification.coming-up {
  border-left-color: #0f90b6;
  background-color: #eaf6fc
}

.show-status .notification.on-air {
  border-left-color: #d34141;
  background-color: #fbefef
}

.show-status .notification.on-air span.status {
  color: #d34141
}

.listen-live .notification.on-air,
.c-on_air-widebar .notification.on-air {
  color: #d34141
}

.c-widebar {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.125;
  padding-top: 1.125em;
  padding-bottom: 1.125em;
  border-bottom: 1px solid #ebeae6
}

@media only screen and (min-width: 768px) {
  .c-widebar {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .c-widebar {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .c-widebar {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.c-widebar a {
  font-weight: 600;
  color: #ed615a
}

.c-widebar a:hover {
  color: #404441
}

.c-widebar--hp-bulletin {
  border-top: 1px solid #ebeae6
}

.nat .c-widebar--episode {
  background-color: #e3d952
}

.con .c-widebar--episode {
  background-color: #3bb5d8
}

.int .c-widebar--episode {
  background-color: #fea229
}

.rnz .c-widebar--episode {
  background-color: #ff6666
}

.pod .c-widebar--episode {
  background-color: #fff
}

.c-widebar--episode a {
  color: #fff
}

.c-widebar--alert {
  color: #fff;
  background-color: #d34141;
  border-bottom: 0
}

.c-widebar--chch {
  color: #fff;
  background-color: black;
  border-bottom: 0
}

.c-widebar--notice {
  color: #d24141;
  background-color: #f7dede;
  border-bottom: 1px solid #fff;
  position: relative
}

.c-widebar__message {
  display: block
}

@media only screen and (max-width: 639px) {
  .c-widebar__message .assistive-text {
    display: block;
    margin-bottom: .75em
  }
}

.c-widebar--listen a {
  display: inline-block;
  position: relative;
  padding-left: 36px;
  margin-left: 6px
}

.c-widebar--listen a:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 30px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90e";
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
  padding-left: 2px;
  background-color: #ed615a;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%
}

@media (min-width: 1000px) {
  .c-widebar {
    font-size: 20px;
    line-height: 1.1;
    padding-top: 1.1em;
    padding-bottom: 1.1em
  }
}

.storytime-banner {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 18px;
  color: #000;
  background-color: #FF8888;
  z-index: 10
}

@media only screen and (min-width: 768px) {
  .storytime-banner {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .storytime-banner {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .storytime-banner {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .storytime-banner {
    height: 160px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .storytime-banner {
    height: 116px;
    line-height: 116px
  }
}

@media only screen and (min-width: 1024px) {
  .storytime-banner {
    text-align: center;
    height: 80px;
    line-height: 80px
  }
}

.storytime-sticky {
  position: fixed;
  top: 0;
  width: 100%
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .storytime-sticky-content {
    padding-top: 160px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .storytime-sticky-content {
    padding-top: 116px
  }
}

@media only screen and (min-width: 1024px) {
  .storytime-sticky-content {
    padding-top: 80px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .storytime-body-text {
    margin-left: -50px
  }
}

@media only screen and (max-width: 767px) {
  .storytime-body-text {
    display: block;
    padding-top: 16px;
    line-height: 24px
  }
}

.storytime-new-text {
  position: absolute;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  left: 0
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .storytime-new-text {
    position: relative;
    bottom: 30px
  }
}

@media only screen and (max-width: 767px) {
  .storytime-new-text {
    position: relative;
    display: block;
    padding-top: 16px
  }
}

@media only screen and (min-width: 1024px) {
  .storytime-new-text {
    left: 4vw
  }
}

.storytime-banner-button {
  display: inline;
  padding: .5em 1em .275em;
  font-weight: 500;
  font-size: 16px;
  color: black;
  background-color: #F6F6F4;
  border-radius: 3px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer
}

.storytime-banner-button:active {
  background-color: #EBEAE6
}

@media only screen and (max-width: 767px) {
  .storytime-banner-button-link {
    position: relative;
    top: 20px
  }
}

@media only screen and (min-width: 768px) {
  .storytime-banner-button-link {
    margin-left: 1em
  }
}

.storytime-close-icon {
  cursor: pointer
}

.storytime-close-button {
  z-index: 11;
  cursor: pointer;
  right: 4vw
}

@media only screen and (max-width: 767px) {
  .storytime-close-button {
    position: absolute;
    margin-top: 14px
  }
}

@media only screen and (min-width: 768px) {
  .storytime-close-button {
    display: flex;
    position: absolute
  }
}

.c-play-controller {
  font-size: 14px
}

.c-play-controller__play,
.c-play-controller__playlist {
  font-weight: 600
}

.c-play-controller__play,
.c-play-controller__programme,
.c-play-controller__playlist,
.c-play-controller__download {
  display: inline-block;
  vertical-align: middle
}

.c-play-controller__play:after,
.c-play-controller__programme:after,
.c-play-controller__playlist:after,
.c-play-controller__download:after {
  content: "|";
  display: inline-block;
  color: #b3b3ac;
  margin-left: 0.4em;
  margin-right: 0.4em;
  font-weight: 400
}

.c-play-controller__play:last-child:after,
.c-play-controller--full-width .c-play-controller__play:first-child:after,
.c-play-controller--full-width .c-play-controller__play:nth-last-child(2):after,
.c-play-controller__programme:last-child:after,
.c-play-controller--full-width .c-play-controller__programme:first-child:after,
.c-play-controller--full-width .c-play-controller__programme:nth-last-child(2):after,
.c-play-controller__playlist:last-child:after,
.c-play-controller--full-width .c-play-controller__playlist:first-child:after,
.c-play-controller--full-width .c-play-controller__playlist:nth-last-child(2):after,
.c-play-controller__download:last-child:after,
.c-play-controller--full-width .c-play-controller__download:first-child:after,
.c-play-controller--full-width .c-play-controller__download:nth-last-child(2):after {
  content: none
}

@media only screen and (max-width: 639px) {
  .c-play-controller__programme {
    display: none
  }
}

.c-play-controller__play {
  cursor: pointer
}

.u-blocklink .c-play-controller__play {
  color: #404441
}

.c-play-controller__icon {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  text-indent: 200%;
  padding: 0;
  position: relative;
  background-color: #ed615a;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2em
}

.c-play-controller__icon:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  text-align: center;
  content: "";
  text-indent: 10%;
  position: absolute;
  width: 100%;
  top: 0
}

.c-play-controller__icon:hover,
.c-play-controller__icon:focus,
.c-play-controller__icon:active {
  color: #fff;
  background-color: #e8352c
}

.c-play-controller__title {
  display: inline-block;
  vertical-align: middle
}

.c-play-controller__download {
  position: relative
}

.c-play-controller__download .o-dropdown {
  position: relative;
  max-width: none;
  width: auto;
  top: 145%;
  position: absolute;
  overflow: visible;
  margin: 0
}

.c-play-controller__download .o-dropdown:before,
.c-play-controller__download .o-dropdown:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  top: -6px;
  right: 15%;
  border-bottom-color: #b5b7b6
}

.c-play-controller__download .o-dropdown:after {
  top: -5px;
  border-bottom-color: #fff
}

.c-play-controller__duration {
  color: #b3b3ac;
  font-weight: 400
}

.c-play-controller--full-width {
  font-size: 16px;
  line-height: 1.3;
  width: 100%;
  clear: both;
  min-height: 48px
}

.article__body .c-play-controller--full-width,
.episode-body .c-play-controller--full-width,
.page__body .c-play-controller--full-width {
  padding: 1.25em 1em 1em;
  background-color: #f6f6f4;
  margin-top: 1em;
  margin-bottom: 1em
}

.article__body .c-play-controller--full-width:hover,
.episode-body .c-play-controller--full-width:hover,
.page__body .c-play-controller--full-width:hover {
  background-color: #ebeae6
}

.article__body .c-play-controller--full-width .c-play-controller__icon,
.episode-body .c-play-controller--full-width .c-play-controller__icon,
.page__body .c-play-controller--full-width .c-play-controller__icon {
  top: -0.25em
}

@media only screen and (max-width: 639px) {
  .c-play-controller--full-width {
    margin-right: -4vw;
    margin-left: -4vw;
    padding-right: 4vw;
    padding-left: 4vw;
    width: auto
  }
}

.c-play-controller--full-width .c-play-controller__play {
  display: inline-block;
  width: 100%
}

.c-play-controller--full-width .c-play-controller__icon {
  position: absolute;
  width: 48px;
  height: 48px;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  -ms-border-radius: 48px;
  border-radius: 48px
}

.c-play-controller--full-width .c-play-controller__icon:before {
  font-size: 24px;
  line-height: 48px
}

.c-play-controller--full-width .c-play-controller__title,
.c-play-controller--full-width .c-play-controller__play+* {
  padding-left: 60px
}

@media only screen and (max-width: 639px) {
  .c-play-controller--full-width .c-play-controller__play+.c-play-controller__programme+* {
    padding-left: 60px
  }
}

.c-play-controller--full-width .c-play-controller__playlist,
.c-play-controller--full-width .c-play-controller__programme,
.c-play-controller--full-width .c-play-controller__download {
  margin-top: 0.25em;
  cursor: pointer
}

@media only screen and (max-width: 639px) {

  .c-play-controller--full-width .c-play-controller__playlist:before,
  .c-play-controller--full-width .c-play-controller__programme:before,
  .c-play-controller--full-width .c-play-controller__download:before {
    margin-left: 0.25em;
    margin-right: 0.25em
  }
}

.c-play-controller--full-width .c-play-controller__download li {
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  margin: 0
}

.article__body .c-play-controller__message,
.article__summary .c-play-controller__message,
.c-play-controller__message {
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400;
  color: #b3b3ac;
  font-size: 14px
}

.c-quick-six__primary {
  position: relative
}

.c-quick-six .o-digest {
  overflow: hidden
}

.c-quick-six .o-digest .o-play li {
  display: none
}

.c-quick-six .o-digest .o-play__controller {
  display: inline-block !important;
  background-color: #f6f6f4;
  padding: 0.375em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px
}

.c-quick-six .o-digest .o-play__controller .listen-icon {
  width: 24px;
  height: 24px;
  margin-right: 0
}

.c-quick-six .o-digest .o-play__controller .listen-icon:before {
  font-size: 14px;
  line-height: 24px
}

.c-quick-six .o-digest .o-play__controller .play-link,
.c-quick-six .o-digest .o-play__controller .duration {
  display: none
}

.c-quick-six .o-digest.has-thumbnail {
  padding-top: 0;
  border-top: 0
}

.c-quick-six .o-digest.has-thumbnail .o-digest__controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-left: -100%;
  margin-top: 0
}

.c-quick-six .o-digest.has-thumbnail .o-digest__controls .o-play {
  padding: 62.5% 0 0;
  position: relative
}

.c-quick-six .o-digest.has-thumbnail .o-digest__controls .o-play__controller {
  position: absolute;
  bottom: 0;
  left: 100%;
  margin: 0.5em;
  background-color: rgba(0, 0, 0, 0.7)
}

.c-quick-six .o-digest.no-thumbnail {
  padding-top: 1em
}

.c-quick-six .o-digest.no-thumbnail .o-digest__headline,
.c-quick-six .o-digest.no-thumbnail .o-digest__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2
}

.c-quick-six .o-digest__detail {
  display: block !important
}

.c-quick-six .o-digest__detail .o-kicker {
  display: block !important
}

.c-quick-six .o-digest__headline,
.c-quick-six .o-digest__title {
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400
}

@media (min-width: 1000px) {
  .c-quick-six__list .o-digest {
    width: 14.2857142857%;
    float: left
  }

  .c-quick-six__list .o-digest:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-quick-six__list .o-digest:nth-child(6n + 2) {
    margin-left: 17.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .c-quick-six__list .o-digest:nth-child(6n + 3) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .c-quick-six__list .o-digest:nth-child(6n + 4) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-quick-six__list .o-digest:nth-child(6n + 5) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .c-quick-six__list .o-digest:nth-child(6n + 6) {
    margin-left: 85.7142857143%;
    margin-right: -100%;
    clear: none
  }
}

@media only screen and (max-width: 999px) {
  .c-quick-six__primary {
    margin-right: -1rem;
    margin-left: -1rem;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(28vw);
    scroll-snap-points-x: repeat(28vw)
  }

  .c-quick-six__primary:-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    display: none !important
  }

  .c-quick-six__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 176vw
  }

  .c-quick-six .o-digest {
    width: 24vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }
}

@media only screen and (max-width: 767px) {
  .c-quick-six__primary {
    -webkit-scroll-snap-points-x: repeat(40vw);
    scroll-snap-points-x: repeat(40vw)
  }

  .c-quick-six__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 252vw
  }

  .c-quick-six .o-digest {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }
}

.c-stations {
  margin-bottom: 0;
  background-color: #f6f6f4;
  text-align: center
}

@media only screen and (max-width: 639px) {
  .c-stations__buttons.btn-group {
    display: table;
    width: 100%
  }

  .c-stations__buttons.btn-group .btn {
    font-size: 15px;
    padding-right: 0.6em;
    padding-left: 0.6em;
    display: table-cell;
    float: none;
    width: 1%;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
  }

  .c-stations__buttons.btn-group .btn+.btn {
    margin-left: -1px
  }

  .c-stations__buttons.btn-group .btn:first-child:not(:last-child) {
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px
  }

  .c-stations__buttons.btn-group .btn:last-child:not(:first-child) {
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
  }
}

.c-tile-list.layout--standard .o-tile {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 4px solid #ebeae6;
  padding-top: 1.5em;
  margin-bottom: 1.5em
}

@media (min-width: 1000px) {
  .c-tile-list.layout--standard .o-tile {
    width: 31.4285714286%;
    float: left
  }

  .c-tile-list.layout--standard .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--standard .o-tile:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--standard .o-tile:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--standard .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25%;
    margin-right: 0.25%
  }
}

@media only screen and (min-width: 640px) and (max-width: 999px) {
  .c-tile-list.layout--standard .o-tile {
    width: 49.0566037736%;
    float: left
  }

  .c-tile-list.layout--standard .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--standard .o-tile:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--standard .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media only screen and (max-width: 639px) {
  .c-tile-list.layout--standard .o-tile {
    border-top-width: 1px;
    padding-top: 1.125em;
    padding-bottom: 1.125em;
    margin-bottom: 1.125em
  }

  .c-tile-list.layout--standard .o-tile:last-child {
    border-bottom: none;
    padding-bottom: 0
  }
}

.c-tile-list.layout--standard .o-tile.has-thumbnail {
  min-height: 100px
}

.c-tile-list.layout--standard .o-tile.has-thumbnail .thumb-container {
  width: 100px;
  position: absolute
}

.c-tile-list.layout--standard .o-tile.has-thumbnail .o-tile__detail {
  padding-left: 116px
}

@media (min-width: 1000px) {
  .c-tile-list.layout--vertical .o-tile {
    padding-top: 0.75em;
    padding-bottom: 0.75em
  }

  .c-tile-list.layout--vertical .o-tile.has-thumbnail {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 90px
  }

  .c-tile-list.layout--vertical .o-tile.has-thumbnail .thumb-container {
    width: 90px;
    position: absolute
  }

  .c-tile-list.layout--vertical .o-tile.has-thumbnail .o-tile__detail {
    padding-left: 102px
  }
}

@media only screen and (min-width: 640px) and (max-width: 999px) {
  .c-tile-list.layout--vertical .o-tile {
    width: 22.8571428571%;
    float: left
  }

  .c-tile-list.layout--vertical .o-tile:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--vertical .o-tile:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--vertical .o-tile:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--vertical .o-tile:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--vertical .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%/1 of 4/2;
    margin-right: 2%/1 of 4/2
  }
}

@media only screen and (max-width: 639px) {
  .c-tile-list.layout--vertical {
    margin-right: -1rem;
    margin-left: -1rem;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(40vw);
    scroll-snap-points-x: repeat(40vw)
  }

  .c-tile-list.layout--vertical:-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    display: none !important
  }

  .c-tile-list.layout--vertical .container {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 172vw
  }

  .c-tile-list.layout--vertical .o-tile {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }
}

@media (min-width: 1000px) {
  .c-tile-list.layout--feature .o-tile {
    width: 14.2857142857%;
    float: left
  }

  .c-tile-list.layout--feature .o-tile:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--feature .o-tile:nth-child(6n + 2) {
    margin-left: 17.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(6n + 3) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(6n + 4) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(6n + 5) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(6n + 6) {
    margin-left: 85.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--feature .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .c-tile-list.layout--feature .o-tile {
    width: 23.9436619718%;
    float: left
  }

  .c-tile-list.layout--feature .o-tile:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--feature .o-tile:nth-child(4n + 2) {
    margin-left: 25.3521126761%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(4n + 3) {
    margin-left: 50.7042253521%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(4n + 4) {
    margin-left: 76.0563380282%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--feature .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%/2 of 8/2;
    margin-right: 2%/2 of 8/2
  }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
  .c-tile-list.layout--feature .o-tile {
    width: 32.0754716981%;
    float: left
  }

  .c-tile-list.layout--feature .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--feature .o-tile:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--feature .o-tile:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--feature .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }
}

@media only screen and (max-width: 639px) {
  .c-tile-list.layout--feature .o-tile {
    width: 49.0566037736%;
    float: left
  }

  .c-tile-list.layout--feature .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--feature .o-tile:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--feature .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-tile-list.layout--feature .o-tile__summary {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .c-tile-list.layout--feature .o-tile__summary.acc-focusable:active,
  .c-tile-list.layout--feature .o-tile__summary.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

@media (min-width: 1000px) {
  .c-tile-list.layout--gallery .o-tile {
    width: 22.8571428571%;
    float: left
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--gallery .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media only screen and (min-width: 640px) and (max-width: 999px) {
  .c-tile-list.layout--gallery .o-tile {
    width: 32.0754716981%;
    float: left
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--gallery .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }
}

@media only screen and (max-width: 639px) {
  .c-tile-list.layout--gallery .o-tile {
    width: 49.0566037736%;
    float: left
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--gallery .o-tile:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--gallery .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

.c-tile-list.layout--part-index .o-tile.no-thumbnail {
  padding-top: 1.5em;
  border-top: 4px solid #ebeae6
}

@media (min-width: 1000px) {
  .c-tile-list.layout--part-index .o-tile {
    width: 22.8571428571%;
    float: left
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(4n + 2) {
    margin-left: 25.7142857143%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(4n + 3) {
    margin-left: 51.4285714286%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(4n + 4) {
    margin-left: 77.1428571429%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--part-index .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }
}

@media only screen and (min-width: 640px) and (max-width: 999px) {
  .c-tile-list.layout--part-index .o-tile {
    width: 32.0754716981%;
    float: left
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(3n + 2) {
    margin-left: 33.9622641509%;
    margin-right: -100%;
    clear: none
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(3n + 3) {
    margin-left: 67.9245283019%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--part-index .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5%;
    margin-right: 0.5%
  }
}

@media only screen and (max-width: 639px) {
  .c-tile-list.layout--part-index .o-tile {
    width: 49.0566037736%;
    float: left
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-tile-list.layout--part-index .o-tile:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .ie8 .c-tile-list.layout--part-index .o-tile {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3333333333%;
    margin-right: 0.3333333333%
  }

  .c-tile-list.layout--part-index .o-tile.no-thumbnail {
    border-top-width: 1px
  }

  .c-tile-list.layout--part-index .o-tile__summary {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .c-tile-list.layout--part-index .o-tile__summary.acc-focusable:active,
  .c-tile-list.layout--part-index .o-tile__summary.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.c-tools {
  display: table-cell;
  text-align: right;
  vertical-align: top;
  height: 100%;
  white-space: nowrap;
  margin-right: -2rem
}

@media (min-width: 1312px) {
  .c-tools {
    margin-right: 0
  }
}

@media only screen and (max-width: 1269px) {
  .c-tools {
    font-size: 15px
  }
}

.c-navigation-tools {
  height: 100%
}

.c-navigation-tools .icon:before {
  font-size: 22px
}

@media only screen and (max-width: 1269px) {
  .c-navigation-tools .icon span {
    margin-left: 0
  }
}

@media only screen and (max-width: 1269px) {
  .c-navigation-tools .icon:before {
    font-size: 21px
  }

  .c-navigation-tools .icon span {
    margin-left: 0
  }
}

.c-navigation-tools__item {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  border-left: 1px solid #ebeae6;
  text-align: left
}

@media only screen and (max-width: 1209px) {
  .c-navigation-tools__item {
    border-left: 0
  }
}

.c-navigation-tools__link {
  display: block;
  height: 100%;
  font-weight: 600;
  padding: 0 0.75em;
  min-height: 60px
}

.c-navigation-tools__link,
.c-navigation-tools__link:visited {
  color: #404441
}

.c-navigation-tools__link:hover,
.c-navigation-tools__link:active {
  background-color: #ed615a
}

.c-navigation-tools__link:hover,
.c-navigation-tools__link:hover .icon:before,
.c-navigation-tools__link:active,
.c-navigation-tools__link:active .icon:before {
  color: #fff
}

.c-navigation-tools__link:hover .icon__badge,
.c-navigation-tools__link:active .icon__badge {
  background-color: #fff;
  color: #ed615a;
  border-color: #ed615a
}

@media only screen and (max-width: 1099px) {
  .c-navigation-tools__link {
    padding: 0 0.75em;
    color: #404441
  }

  .c-navigation-tools__link:hover,
  .c-navigation-tools__link:active {
    background-color: transparent;
    color: #ed615a
  }

  .c-navigation-tools__link:hover .icon:before,
  .c-navigation-tools__link:active .icon:before {
    color: #404441
  }

  .c-navigation-tools__link:hover .icon__badge,
  .c-navigation-tools__link:active .icon__badge {
    background-color: #404441;
    color: #fff;
    border-color: #fff
  }
}

@media only screen and (max-width: 767px) {
  .c-navigation-tools__link {
    padding: 0 0.5em;
    min-height: 48px
  }
}

.c-navigation-tools__link>span {
  display: inline-block;
  margin-top: 1.3em
}

@media only screen and (max-width: 767px) {
  .c-navigation-tools__link>span {
    margin-top: 1em
  }
}

.top-stories__tile {
  background-color: #404441;
  padding: 1em;
  margin: 0 0 1.5em 0
}

.top-stories__tile:after {
  content: "";
  display: table;
  clear: both
}

.top-stories__tile-col {
  float: left
}

.top-stories__tile-col--right {
  width: 100%
}

.top-stories__tile-anchor {
  color: #fff !important;
  font-size: 20px
}

.top-stories__tile-anchor:visited {
  color: #fff
}

.top-stories__tile-anchor-detail {
  font-weight: 300;
  display: block;
  margin-top: 0.3em;
  font-size: 16px
}

.tertiary-navigation__item {
  display: block;
  margin-bottom: .5em
}

.tertiary-navigation__item:last-child {
  margin-bottom: 0
}

.tertiary-navigation__link {
  font-weight: 600;
  display: block
}

@media only screen and (min-width: 368px) {

  .tertiary-navigation--inline .tertiary-navigation__item,
  .tertiary-navigation--inline .tertiary-navigation__link {
    display: inline-block
  }

  .tertiary-navigation--inline .tertiary-navigation__item:after {
    content: "/"
  }

  .tertiary-navigation--inline .tertiary-navigation__item:last-child:after {
    content: none
  }
}

.c-listen-live {
  position: relative
}

.no-js .c-listen-live {
  display: none
}

.c-listen-live .o-dropdown__menu>.station-live {
  border-bottom: 1px solid #ebeae6
}

.c-listen-live__programme {
  margin: 0
}

.c-listen-live .c-listen-live__active-station-toggle {
  display: none;
  vertical-align: top;
  border-left: 1px solid #ebeae6
}

.c-listen-live .c-listen-live__active-station {
  display: none
}

.c-listen-live .c-listen-live__active-station>span {
  margin-top: 6px
}

@media (min-width: 1000px) {
  .c-listen-live .c-listen-live__active-station:before {
    margin-top: -1.2em
  }
}

.c-listen-live .c-listen-live__active-station-thumb {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  overflow: hidden;
  position: relative;
  margin-right: .25em;
  margin-top: -.1em;
  background-color: #ebeae6
}

.c-listen-live .c-listen-live__active-station-thumb+* {
  max-width: 100px;
  vertical-align: middle
}

@media (min-width: 1270px) {
  .c-listen-live .c-listen-live__active-station-thumb+* {
    max-width: 200px
  }
}

.c-listen-live .c-listen-live__active-station-thumb>img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media (min-width: 1270px) {

  .c-listen-live.active .c-listen-live__active-station-toggle,
  .c-listen-live.active .c-listen-live__active-station {
    display: inline-block
  }

  .c-listen-live.active .c-listen-live__no-station {
    display: none
  }

  .c-listen-live.active .c-listen-live__dropdown:before,
  .c-listen-live.active .c-listen-live__dropdown:after {
    right: 1.125em
  }
}

.c-listen-live__dropdown {
  position: relative
}

.c-listen-live__dropdown:before,
.c-listen-live__dropdown:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  top: -7px;
  right: 15%;
  border-bottom-color: #b5b7b6
}

.c-listen-live__dropdown:after {
  top: -6px;
  border-bottom-color: #fff
}

.c-listen-live__dropdown:before,
.c-listen-live__dropdown:after {
  right: 4em
}

@media only screen and (max-width: 1269px) {

  .c-listen-live__dropdown:before,
  .c-listen-live__dropdown:after {
    right: 3.75em
  }
}

@media only screen and (max-width: 1099px) {

  .c-listen-live__dropdown:before,
  .c-listen-live__dropdown:after {
    right: 1.2em
  }
}

@media only screen and (max-width: 639px) {

  .c-listen-live__dropdown:before,
  .c-listen-live__dropdown:after {
    right: 2.35em
  }
}

.c-listen-live__dropdown.arrow-active:after {
  border-bottom-color: #ebeae6
}

.c-listen-live__dropdown.arrow-hover:after {
  border-bottom-color: #1e2722;
  -webkit-transition: border-color 0.15s ease;
  -moz-transition: border-color 0.15s ease;
  -o-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease
}

.c-listen-live .o-dropdown {
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  display: block;
  -ms-transform: translateY(0.75em);
  -webkit-transform: translateY(0.75em);
  transform: translateY(0.75em);
  -webkit-transition: transform 0.15s;
  -moz-transition: transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s
}

@media only screen and (max-width: 639px) {
  .c-listen-live .o-dropdown {
    right: -1.5em
  }
}

.c-listen-live .o-dropdown .station-live,
.c-listen-live .o-dropdown__footer {
  padding: 1em 0.75em
}

.c-listen-live .o-dropdown__footer {
  background: #f6f6f4;
  width: 100%;
  display: table;
  border-radius: 0 0 4px 4px
}

.c-listen-live .o-dropdown__footer>* {
  display: table-cell
}

.c-listen-live.toggled-on .o-dropdown {
  opacity: 1;
  height: auto;
  overflow: visible;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  width: 100%;
  min-width: 288px;
  margin-top: -4px
}

@media only screen and (max-width: 639px) {
  .c-listen-live.toggled-on .o-dropdown {
    max-width: 288px;
    margin-top: -2px
  }
}

@media (min-width: 1000px) {
  .c-listen-live__active {
    float: left
  }
}

.active-playlist {
  overflow: hidden;
  height: 100%
}

.playlist-backdrop {
  overflow-y: scroll;
  position: fixed;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity .25s ease-out .25s, visibility .25s linear .25s;
  z-index: 40;
  background-color: #000
}

.active-playlist .playlist-backdrop {
  visibility: visible;
  opacity: .5;
  top: 0;
  transition: opacity .25s ease-out, visibility .25s linear
}

.no-js .c-playlist {
  display: none
}

.c-playlist .o-playlist-item {
  line-height: 1.2
}

.c-playlist .o-playlist-item__title,
.c-playlist .o-playlist-item__footer {
  display: block
}

.c-playlist .o-playlist-item__title,
.c-playlist .o-playlist-item__programme-link {
  font-weight: 600
}

.c-playlist .o-playlist-item__title {
  margin-bottom: 0.375em
}

.c-playlist .o-playlist-item__programme-link,
.c-playlist .o-playlist-item__programme-link:visited {
  color: #ed615a
}

.c-playlist .o-playlist-item__programme-link:hover {
  color: #404441
}

.c-playlist .o-playlist-item__footer>* {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0.5em 0 0
}

.c-playlist .o-playlist-item__footer .o-playlist-item__actions {
  display: block
}

.site-header .c-playlist .o-drawer-menu__header {
  height: 60px
}

.site-header .c-playlist .drawer-playlist-warning {
  white-space: normal;
  font-size: 13px;
  padding: 8px 12px;
  background-color: #FFD643
}

.site-header .c-playlist .drawer-playlist-warning-toggled {
  border-bottom: 2px solid #FFD643;
  background: #FFD6431A
}

.site-header .c-playlist .playlist-warning-header {
  padding-bottom: 8px
}

.site-header .c-playlist .playlist-warning-header p {
  font-size: 16px;
  font-weight: 800;
  line-height: 140%;
  color: black;
  margin-top: 0
}

.site-header .c-playlist .playlist-warning-header span {
  top: 3px;
  float: right
}

.site-header .c-playlist .playlist-warning-header span::before {
  color: black
}

.site-header .c-playlist .playlist-warning-message p,
.site-header .c-playlist .playlist-warning-message a {
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: black
}

.site-header .c-playlist .playlist-warning-message a {
  text-decoration: underline
}

.site-header .c-playlist .playlist-warning-dismiss {
  background: black;
  border-radius: 12px;
  color: white;
  height: 24px;
  text-align: center;
  padding: 0px 10px;
  border: none;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.26px;
  margin-bottom: 4px
}

.site-header .c-playlist .playlist-warning-hide {
  display: none !important
}

@media only screen and (min-width: 768px) {
  .c-playlist .o-playlist-item__listen-link {
    display: none
  }

  .c-playlist .o-playlist-item .o-playlist-item__actions {
    display: inline-block
  }

  .c-playlist .o-playlist-item:hover {
    background-color: #f6f6f4
  }

  .c-playlist .o-playlist-item:hover .o-playlist-item__listen-link {
    display: inline-block
  }
}

@media (min-width: 1000px) {
  .site-header .c-playlist .o-drawer-menu__header {
    height: 60px
  }

  .site-header .c-playlist .o-drawer-menu__header>* {
    margin: 6px 0.5em 6px 0 !important
  }
}

@media only screen and (max-width: 767px) {
  .site-header .c-playlist .o-drawer-menu__header .assistive-text {
    font-size: 16px
  }

  .site-header .c-playlist .o-drawer-menu__header .player-link {
    font-size: 14px
  }
}

@media only screen and (max-width: 639px) {
  .site-header .c-playlist .o-drawer-menu__header {
    height: 48px
  }

  .site-header .c-playlist .o-drawer-menu__header>* {
    line-height: 36px
  }
}

.nc_list {
  display: block;
  max-width: 100%;
  padding: .5em .75em;
  background-color: #fff;
  border: 1px solid #f0f0ef;
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px
}

.nc_item {
  padding: .5em 0;
  cursor: pointer
}

.nc_item:hover {
  color: #ed615a
}

.nc_item:last-child {
  margin-bottom: 0
}

.c-related .o-digest__summary p {
  font-size: 15px;
  line-height: 1.4
}

.c-related .o-digest .thumb-container {
  overflow: hidden;
  background-color: #ebeae6;
  margin: 0 0 0.75em;
  position: relative
}

.c-related .o-digest .thumb-container:before {
  content: "";
  display: block;
  padding-top: 62.5%
}

.c-related .o-digest .thumb-container img {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.c-related .o-digest .thumb-container img.icon,
.no-csstransforms .c-related .o-digest .thumb-container img,
.no-objectfit .c-related .o-digest .thumb-container img {
  width: 100%;
  height: auto
}

.c-related .o-digest .thumb-container img.portrait {
  width: 100%;
  height: 100%;
  object-position: top
}

@media (min-width: 1000px) {
  .c-related .o-digest.has-thumbnail:after {
    content: '';
    display: table;
    clear: both
  }

  .c-related .o-digest.has-thumbnail .thumb-container {
    width: 5.25em;
    height: 5.25em;
    margin: 0 0 0 1em
  }
}

@media only screen and (max-width: 999px) {
  .c-related__list:after {
    content: '';
    display: table;
    clear: both
  }

  .c-related .o-digest__detail {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical
  }

  .c-related .o-digest__headline {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1
  }

  .c-related .o-digest__summary {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2
  }

  .c-related .o-digest .o-kicker {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    margin-top: 0.5em;
    margin-bottom: 0
  }

  .c-related .o-digest.has-thumbnail {
    padding-top: 0;
    border-top: 0
  }

  .c-related .o-digest.has-thumbnail .thumb-container {
    position: absolute;
    top: 0;
    left: 0
  }

  .c-related .o-digest.has-thumbnail .o-digest__headline:first-child {
    margin-top: 0.3em
  }

  .c-related .o-digest.no-thumbnail .o-digest__headline {
    font-size: 24px;
    line-height: 1.125;
    margin-bottom: 0.5em
  }

  .c-related .o-digest.no-thumbnail .o-digest__headline a {
    color: #ed615a
  }

  .c-related .o-digest.no-thumbnail .o-digest__headline a:hover {
    color: #404441
  }

  .c-related.item-count--1 .o-digest.has-thumbnail .thumb-container {
    width: 32.0754716981%
  }

  .c-related.item-count--1 .o-digest.has-thumbnail .o-digest__detail,
  .c-related.item-count--1 .o-digest.has-thumbnail .o-digest__controls {
    width: 66.0377358491%;
    float: right;
    margin-right: 0;
    clear: right
  }

  .c-related.item-count--2 .o-digest.has-thumbnail:before,
  .c-related.item-count--3 .o-digest.has-thumbnail:before,
  .c-related.item-count--many .o-digest.has-thumbnail:before {
    content: "";
    display: block;
    padding-bottom: 62.5%;
    margin-bottom: 1em
  }

  .c-related.item-count--2 .o-digest.has-thumbnail .thumb-container,
  .c-related.item-count--3 .o-digest.has-thumbnail .thumb-container,
  .c-related.item-count--many .o-digest.has-thumbnail .thumb-container {
    width: 100%
  }

  .c-related.item-count--2 .o-digest {
    width: 49.0566037736%;
    float: left
  }

  .c-related.item-count--2 .o-digest:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .c-related.item-count--2 .o-digest:nth-child(2n + 2) {
    margin-left: 50.9433962264%;
    margin-right: -100%;
    clear: none
  }

  .c-related.item-count--many {
    margin-right: -1rem;
    margin-left: -1rem;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-x: repeat(40vw);
    scroll-snap-points-x: repeat(40vw)
  }

  .c-related.item-count--many:-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    display: none !important
  }

  .c-related.item-count--many .o-digest {
    width: 36vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .c-related.item-count--3 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 132vw
  }

  .c-related.item-count--4 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 172vw
  }

  .c-related.item-count--5 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 212vw
  }

  .c-related.item-count--6 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 252vw
  }

  .c-related.item-count--7 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 292vw
  }

  .c-related.item-count--8 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 332vw
  }

  .c-related.item-count--9 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 372vw
  }

  .c-related.item-count--10 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 412vw
  }
}

@media only screen and (max-width: 639px) {
  .c-related.item-count--many {
    -webkit-scroll-snap-points-x: repeat(80vw);
    scroll-snap-points-x: repeat(80vw)
  }

  .c-related.item-count--many .o-digest {
    width: 76vw;
    margin-left: 4vw;
    float: left;
    white-space: normal
  }

  .c-related.item-count--3 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 265.3333333333vw
  }

  .c-related.item-count--4 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 345.3333333333vw
  }

  .c-related.item-count--5 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 425.3333333333vw
  }

  .c-related.item-count--6 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 505.3333333333vw
  }

  .c-related.item-count--7 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 585.3333333333vw
  }

  .c-related.item-count--8 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 665.3333333333vw
  }

  .c-related.item-count--9 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 745.3333333333vw
  }

  .c-related.item-count--10 .c-related__list {
    box-sizing: content-box !important;
    padding-right: 4vw;
    width: 825.3333333333vw
  }
}

.banner {
  padding: 0 calc((100vw - (82rem - (2rem) * 2)) / 2) 0 calc((100vw - (82rem - (2rem) * 2)) / 2)
}

.banner__detail {
  align-self: center;
  max-width: 640px;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
  text-align: left
}

.banner__title {
  font-size: 54px
}

.banner__image {
  position: relative;
  align-self: center;
  height: 100%
}

.banner__image img {
  vertical-align: top;
  max-height: 350px;
  height: 100%;
  object-fit: cover
}

.banner__noimage {
  margin: 0 auto;
  padding: 0;
  text-align: center
}

.banner__contact {
  display: flex;
  padding-top: 1.5em
}

.banner__contact .social-nav {
  margin-top: 0
}

.banner__image::after {
  background-image: linear-gradient(to right, currentColor 0%, transparent 15%);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.banner__image::before {
  background-image: linear-gradient(to left, currentColor 0%, transparent 15%);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.banner__image--no-after::after,
.banner__image--no-before::before {
  background-image: none;
  content: none
}

@media only screen and (max-width: 767px) {
  .banner {
    background-color: #2b2b2b !important;
    flex-direction: column-reverse;
    padding: 0
  }

  .banner__contact {
    flex-direction: column
  }

  .banner__detail {
    color: #ffffff !important;
    padding: 1.5em
  }

  .banner__image img {
    width: 100%
  }

  .banner__image::after {
    content: none
  }

  .banner__image::before {
    content: none
  }
}

@media only screen and (min-width: 768px) {
  .banner {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

@media (min-width: 1000px) {
  .banner {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

@media (min-width: 1312px) {
  .banner {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.c-banner--has-image {
  background-color: #636466 !important;
  background-repeat: no-repeat;
  background-position: center 10%;
  background-size: cover;
  color: #fff
}

.c-banner--has-image .c-banner__container {
  min-height: 240px;
  padding-top: 4.5em;
  display: table;
  width: 100%
}

.c-banner--has-image .c-banner__title {
  display: table-cell;
  vertical-align: bottom
}

@media only screen and (min-width: 768px) {
  .c-banner--has-image .c-banner__container {
    padding-top: 6em
  }
}

@media (min-width: 1000px) {
  .c-banner--has-image .c-banner__container {
    padding-top: 9em
  }
}

@media (min-width: 1270px) {
  .c-banner--has-image .c-banner__container {
    min-height: 288px;
    padding-top: 12em
  }
}

@media (min-width: 1312px) {
  .c-banner--has-image .c-banner__container {
    min-height: 304px
  }
}

.mtally {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1em;
  margin-bottom: 1em
}

.no-js .mtally {
  display: none
}

.mtally h2 {
  margin: 0;
  padding: .5em 1em;
  background: #d8d8d8;
  font-size: 1.2em
}

.mtally table {
  border: 0
}

.mtally table tr {
  border-bottom: 1px solid #ebeae6
}

.mtally table tr:first-child {
  border-bottom: 2px solid #333
}

.mtally table td {
  border: 0
}

@media only screen and (max-width: 639px) {
  .mtally table td {
    padding: .75em .5em
  }
}

.mtally-results {
  opacity: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  overflow: hidden;
  position: relative;
  min-height: 5em
}

.mtally-results.active {
  opacity: 1;
  max-height: 5em
}

.mtally-results::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  bottom: 0;
  content: "";
  height: 50px;
  position: absolute;
  width: 100%;
  transition: all 500ms
}

.mtally-results.expanded::after {
  height: 0
}

.mtally-more {
  display: block;
  font-weight: 500;
  color: #404441;
  text-align: center;
  margin-top: 20px
}

.mtally-more .indicate-contract {
  display: none
}

.mtally-more.expanded .indicate-expand {
  display: none
}

.mtally-more.expanded .indicate-contract {
  display: inline
}

.mtally-more .indicator {
  color: #ed615a;
  margin-left: .3em;
  font-size: 1.4em;
  vertical-align: middle
}

.mtally-gold::before,
.mtally-silver::before,
.mtally-bronze::before {
  content: "";
  border-radius: 50%;
  width: .5em;
  height: .5em;
  background: green;
  display: inline-block;
  margin-right: .2em
}

.mtally-gold::before {
  background: gold
}

.mtally-silver::before {
  background: silver
}

.mtally-bronze::before {
  background: coral
}

.mtally-total {
  font-weight: bold
}

.covid-banner {
  background-image: url("");
  padding-top: 72px;
  padding-bottom: 52px;
  background-size: cover;
  background-position: center
}

.covid-banner .banner__detail {
  padding-right: 1.5rem
}

.covid-banner .banner__detail img {
  width: 360px;
  max-width: 360px
}

.covid-banner-details a:hover {
  color: #f57e7d;
  text-decoration: underline;
  cursor: pointer
}

.covid-banner-details hr {
  margin: 16px 0;
  opacity: 0.3
}

.covid-banner-icons {
  filter: invert(1);
  width: 18px;
  margin-right: 8px;
  padding-bottom: 6px
}

.qanda-jumpnav {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2em !important;
  display: flex;
  font-family: "Sohne" !important
}

.qanda-jumpnav li::before {
  display: none !important
}

.qanda-jumpnav li:first-child {
  padding: 0 !important;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 400
}

.qanda-jumpnav li {
  font-weight: 500
}

.qanda-section {
  padding-top: 20px;
  border-top: 3px #d8d8d8 solid;
  display: flex;
  justify-content: space-between
}

.qanda-section h3 {
  color: #991515;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 0
}

.qanda-section p {
  font-size: 20px
}

.qanda-section :first-child {
  margin-right: 1.125em
}

.qanda-section div {
  width: 50%
}

.qanda-questions {
  border: 3px solid #991515;
  padding: 10px;
  margin-bottom: 2em
}

.qanda-questions h3 {
  font-size: 24px !important;
  line-height: 27px;
  color: #991515;
  margin-bottom: 0
}

.qanda-questions hr {
  width: 100%;
  margin: 8px 0;
  opacity: 0.3
}

@media only screen and (max-width: 767px) {
  .qanda-jumpnav {
    margin-top: 2em;
    margin-bottom: 2em;
    flex-direction: column
  }

  .qanda-jumpnav li {
    padding-left: 0 !important;
    margin-top: 0
  }

  .qanda-jumpnav li:last-child {
    padding-bottom: 0.5em !important
  }

  .qanda-section {
    flex-direction: column-reverse
  }

  .qanda-section h3 {
    margin-top: 16px !important
  }

  .qanda-section div {
    width: 100%
  }

  .qanda-section img {
    max-height: none;
    width: 100%
  }

  .qanda-section :first-child {
    margin-right: 0
  }

  .qanda-section :last-child {
    width: 100%
  }

  .covid-banner {
    background-image: url("");
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: column;
    min-height: auto;
    background-color: white
  }

  .covid-banner .banner__detail {
    align-self: flex-start
  }

  .covid-banner .banner__detail img {
    width: 80%
  }

  .covid-banner-details {
    padding: 0 1.5rem 1.5rem 1.5rem;
    align-self: flex-start !important
  }
}

.c-super-feature {
  margin-right: -1rem;
  margin-left: -1rem;
  position: relative;
  color: #fff;
  background-color: #404441
}

@media only screen and (min-width: 768px) {
  .c-super-feature {
    margin-right: -2rem;
    margin-left: -2rem
  }
}

@media (min-width: 1312px) {
  .c-super-feature {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

@media (min-width: 1600px) {
  .c-super-feature {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1)
  }
}

.c-super-feature__detail {
  padding: 0 2rem
}

.c-super-feature__detail.layout-center {
  text-align: center
}

.c-super-feature__detail .summary {
  max-width: 576px
}

.c-super-feature__detail .summary p {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.c-super-feature__title {
  letter-spacing: -0.008em;
  margin-bottom: 0.5em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.c-super-feature__title a,
.c-super-feature__title a:visited {
  color: #fff
}

.layout-fifty-fifty .c-super-feature__title a,
.layout-fifty-fifty .c-super-feature__title a:visited {
  color: #d24141
}

.u-blocklink .c-super-feature__title a.faux-link,
.u-blocklink .c-super-feature__title a.faux-link:visited {
  color: #fff
}

.layout-fifty-fifty.u-blocklink .c-super-feature__title a.faux-link {
  color: #d24141
}

.layout-fifty-fifty.u-blocklink.u-blocklink--hover .c-super-feature__title a.faux-link:hover {
  color: #ed615a
}

.c-super-feature__title.has-logo a {
  display: block;
  width: 100%;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center
}

.c-super-feature.layout-fifty-fifty {
  color: #404441;
  background-color: #f6f6f4
}

.c-super-feature.layout-fifty-fifty .banner-title,
.c-super-feature.layout-fifty-fifty .summary p {
  text-shadow: none
}

.c-super-feature.layout-fifty-fifty a,
.c-super-feature.layout-fifty-fifty a:visited {
  color: #fff
}

.u-blocklink .c-super-feature.layout-fifty-fifty a.faux-link,
.u-blocklink .c-super-feature.layout-fifty-fifty a.faux-link:visited {
  color: #fff
}

@media only screen and (min-width: 768px) {
  .c-super-feature {
    overflow: hidden;
    min-height: 240px
  }

  .c-super-feature:before {
    content: "";
    display: block;
    padding-top: 50%
  }

  .c-super-feature .banner-image {
    opacity: 0.75
  }

  .c-super-feature.u-blocklink--hover .banner-image {
    opacity: 0.9
  }

  .c-super-feature.layout-fifty-fifty:before {
    padding-top: 31.25%
  }

  .flexbox .c-super-feature.layout-fifty-fifty {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center
  }

  .flexbox .c-super-feature.layout-fifty-fifty:before {
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
  }

  .c-super-feature.layout-fifty-fifty .banner-image {
    opacity: 1;
    width: 50%
  }

  .c-super-feature__detail {
    display: inline-block;
    position: absolute;
    top: 1.5em
  }

  .layout-right-center .c-super-feature__detail,
  .layout-right-top .c-super-feature__detail,
  .layout-right-bottom .c-super-feature__detail {
    right: 0
  }

  .layout-center .c-super-feature__detail,
  .layout-right-center .c-super-feature__detail,
  .layout-left-center .c-super-feature__detail {
    top: 50%
  }

  .layout-center .c-super-feature__detail,
  .layout-center-top .c-super-feature__detail,
  .layout-center-bottom .c-super-feature__detail {
    text-align: center;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .layout-center .c-super-feature__detail {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .layout-center-top .c-super-feature__detail,
  .layout-center-bottom .c-super-feature__detail {
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .layout-right-center .c-super-feature__detail,
  .layout-left-center .c-super-feature__detail {
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .layout-bottom .c-super-feature__detail,
  .layout-right-bottom .c-super-feature__detail,
  .layout-left-bottom .c-super-feature__detail,
  .layout-center-bottom .c-super-feature__detail {
    top: auto;
    bottom: 1.5em
  }

  .layout-fifty-fifty .c-super-feature__detail {
    display: block
  }

  .flexbox .layout-fifty-fifty .c-super-feature__detail {
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    position: static;
    top: auto;
    padding-top: 1.5em;
    padding-bottom: 1.5em
  }

  .no-flexbox .layout-fifty-fifty .c-super-feature__detail {
    top: 50%;
    left: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .c-super-feature__header {
    display: block;
    max-width: 640px
  }

  .c-super-feature__header+* {
    display: block;
    clear: both;
    margin-top: 0.75em
  }

  .c-super-feature__title {
    font-size: 30px;
    line-height: 1
  }
}

@media only screen and (min-width: 768px) {
  .c-super-feature:before {
    padding-top: 37.5%
  }

  .c-super-feature__detail {
    max-width: 50%
  }

  .c-super-feature__header {
    display: inline-block
  }

  .c-super-feature__title {
    font-size: 36px
  }
}

@media (min-width: 1000px) {
  .c-super-feature {
    min-height: 320px
  }

  .c-super-feature__header+* {
    margin-top: 1.5em
  }

  .c-super-feature__detail {
    top: 2.25em
  }

  .c-super-feature__detail.layout-bottom {
    bottom: 2.25em
  }

  .c-super-feature__title {
    font-size: 48px
  }
}

@media (min-width: 1270px) {
  .c-super-feature {
    min-height: 384px
  }

  .c-super-feature.layout-fifty-fifty:before {
    padding-top: 25%
  }
}

@media (min-width: 1312px) {
  .c-super-feature__detail {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }

  .c-super-feature__detail .summary p {
    font-size: 18px
  }
}

@media (min-width: 1600px) {
  .c-super-feature__detail {
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }

  .c-super-feature__title {
    font-size: 60px
  }
}

@media only screen and (max-width: 767px) {
  .c-super-feature__detail .summary p {
    font-size: 15px;
    line-height: 1.4
  }
}

@media only screen and (max-width: 767px) {
  .c-super-feature div.banner-image {
    position: static;
    height: auto
  }

  .c-super-feature div.banner-image:before {
    content: "";
    display: block;
    padding-top: 50%
  }

  .c-super-feature div.banner-image.u-tiled {
    background-size: cover
  }

  .c-super-feature__detail {
    padding-top: 1em;
    padding-bottom: 1em
  }

  .c-super-feature__detail .summary {
    margin-bottom: 1em
  }
}

@media only screen and (min-width: 768px) {
  .c-super-feature--invert .c-super-feature__detail .c-super-feature__title {
    text-shadow: none
  }

  .c-super-feature--invert .c-super-feature__detail p {
    color: #404441;
    text-shadow: none
  }

  .c-super-feature--invert.u-blocklink .c-super-feature__detail .c-super-feature__title a.faux-link,
  .c-super-feature--invert.u-blocklink .c-super-feature__detail .c-super-feature__title a.faux-link:visited {
    color: #404441
  }
}

.c-category-feature {
  text-align: center
}

.c-category-feature.has-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.c-category-feature.has-banner,
.c-category-feature.has-banner a {
  color: #fff
}

.c-category-feature.has-banner a:hover {
  opacity: 0.8
}

.c-category-feature.has-banner a:focus,
.c-category-feature.has-banner a:active {
  opacity: 1
}

.c-category-feature.has-banner .u-blocklink .faux-link:visited,
.c-category-feature.has-banner .u-blocklink .faux-link.faux-link--not-visited:visited {
  color: #fff
}

.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .faux-link--not-visited:visited,
.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .faux-link {
  color: #fff;
  opacity: 0.8
}

.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .faux-link:hover {
  opacity: 1
}

.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .o-digest__title a:after,
.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .o-tile__title a:after,
.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .o-digest__headline a:after,
.c-category-feature.has-banner .u-blocklink.u-blocklink--hover .o-tile__headline a:after {
  opacity: 1
}

.c-category-feature.has-banner .section-title,
.c-category-feature.has-banner .o-digest__title,
.c-category-feature.has-banner .o-digest__headline {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.c-category-feature.has-banner p {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.c-category-feature.has-banner .o-digest {
  overflow: visible
}

.c-category-feature.has-banner .thumb-container,
.c-category-feature.has-banner .graphic {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2)
}

.c-category-feature .o-digest,
.c-category-feature .o-tile {
  margin-bottom: 0 !important
}

.c-category-feature .o-digest .thumb-container,
.c-category-feature .o-digest .graphic,
.c-category-feature .o-tile .thumb-container,
.c-category-feature .o-tile .graphic {
  border: 1px solid #fff
}

.c-category-feature .o-digest__title a:after,
.c-category-feature .o-digest__headline a:after,
.c-category-feature .o-tile__title a:after,
.c-category-feature .o-tile__headline a:after {
  content: "\e948";
  font-family: "icomoon" !important;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.5em;
  opacity: 0.5
}

.c-category-feature .o-digest__title a:hover:after,
.c-category-feature .o-digest__headline a:hover:after,
.c-category-feature .o-tile__title a:hover:after,
.c-category-feature .o-tile__headline a:hover:after {
  opacity: 1
}

.t-home-latestaudio {
  overflow: hidden
}

.t-home-latestaudio .o-programmes {
  padding-top: 1.5em
}

.t-home-latestaudio .btn {
  margin-right: 1em
}

.t-home-latestaudio .label {
  color: #6d7570
}

@media (min-width: 1000px) {
  .t-home-latestaudio .o-stories {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .t-home-latestaudio .o-programmes {
    width: 31.4285714286%;
    float: right;
    margin-right: 0;
    padding-top: 0
  }
}

@media only screen and (max-width: 639px) {
  .t-home-latestaudio .o-programmes {
    position: absolute;
    z-index: -1;
    border: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
  }

  .t-home-latestaudio .o-programmes.acc-focusable:active,
  .t-home-latestaudio .o-programmes.acc-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
  }
}

.c-stories--condensed .o-digest.u-blocklink {
  padding-right: 0.75em;
  padding-left: 0.75em
}

.c-stories--condensed .o-digest.u-blocklink:hover {
  background-color: #f6f6f4
}

.c-stories--condensed .o-digest__headline {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.digest-list {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto
}

.has-secondary-content .digest-list,
.t-home-latestaudio .digest-list {
  margin-left: 0
}

.c-advert-app {
  background: #333;
  margin-bottom: 2em;
  margin-top: 2em
}

.c-advert-app h2 {
  font-size: 1.4em;
  margin: 0
}

.c-advert-app p {
  font-size: 1em;
  margin: 0 0 1.2em
}

.c-advert-app--sample img {
  display: block;
  margin: 2em auto 0;
  max-width: 100%
}

.c-advert-app--content {
  color: #fff
}

.c-advert-app--store-link img {
  width: 45%;
  max-width: 150px
}

.c-advert-app--sample {
  width: 47.0588235294%;
  float: left;
  margin-right: 5.8823529412%
}

.c-advert-app--sample:last-child {
  width: 47.0588235294%;
  float: right;
  margin-right: 0
}

.c-advert-app--content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0
}

.c-advert-app--narrow {
  padding: 1em 1em 0
}

.c-advert-app--full {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem
}

@media only screen and (min-width: 768px) {
  .c-advert-app--full {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .c-advert-app--full {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .c-advert-app--full {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

.c-advert-app--full .c-advert-app--content {
  padding-top: 1em
}

.c-advert-app--full .c-advert-app--sample img {
  width: 100%
}

@media only screen and (min-width: 640px) {
  .c-advert-app--full {
    margin-top: 5em
  }

  .c-advert-app--full h2 {
    font-size: 1.9em
  }

  .c-advert-app--full .c-advert-app--content {
    margin-top: 3vw;
    padding-top: 0
  }

  .c-advert-app--full .c-advert-app--sample img {
    margin: -4vw auto 0;
    width: 20vw;
    max-width: 275px
  }

  .c-advert-app--full .c-advert-app--sample,
  .c-advert-app--full .c-advert-app--sample:last-child {
    width: 22.8571428571%;
    float: left;
    margin-right: 2.8571428571%
  }

  .c-advert-app--full .c-advert-app--content {
    width: 48.5714285714%;
    float: right;
    margin-right: 0
  }
}

@media only screen and (min-width: 768px) {
  .c-advert-app--full h2 {
    font-size: 2.1em
  }

  .c-advert-app--full p {
    font-size: 1.3em
  }
}

@media (min-width: 1000px) {
  .c-advert-app--full h2 {
    font-size: 2.4em
  }

  .c-advert-app--full p {
    font-size: 1.5em
  }
}

@media (min-width: 1270px) {
  .c-advert-app--full {
    margin-top: 5em
  }

  .c-advert-app--full h2 {
    font-size: 2.9em
  }

  .c-advert-app--full p {
    font-size: 1.8em
  }
}

.c-banner .o-podcast-subscribe,
.c-page-header .o-podcast-subscribe {
  background-color: rgba(0, 173, 127, 0.9);
  border-color: #fff;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  padding: 0 8px;
  vertical-align: sub
}

.c-banner .o-podcast-subscribe a,
.c-page-header .o-podcast-subscribe a {
  color: #fff
}

.c-banner .o-podcast-subscribe:hover,
.c-page-header .o-podcast-subscribe:hover {
  background-color: #00ad7f
}

.c-banner .o-podcast-subscribe li,
.c-page-header .o-podcast-subscribe li {
  line-height: 1em
}

.c-banner .o-podcast-subscribe--trigger,
.c-page-header .o-podcast-subscribe--trigger {
  color: #fff
}

.c-banner .o-podcast-subscribe.icon:before,
.c-page-header .o-podcast-subscribe.icon:before {
  vertical-align: sub;
  margin-right: 6px
}

@media only screen and (max-width: 639px) {

  .c-banner .c-subscribe,
  .c-page-header .c-subscribe {
    margin: 1.5em -5vw -1.5em
  }

  .c-banner .c-subscribe .o-podcast-subscribe,
  .c-page-header .c-subscribe .o-podcast-subscribe {
    border-radius: 0;
    display: block
  }

  .c-banner .c-subscribe .o-podcast-subscribe__list,
  .c-page-header .c-subscribe .o-podcast-subscribe__list {
    left: 4vw;
    right: 4vw
  }
}

.live-mode {
  background: #222;
  color: #ffffff;
  overflow: hidden
}

.live-mode--content {
  height: 100%
}

.live-mode--title {
  color: #ffffff;
  font-size: 4em;
  margin-bottom: 5vw;
  text-align: center
}

.live-mode--title .highlight {
  color: #d24141
}

.live-mode--title .live {
  font-weight: 400
}

.live-mode h3 {
  color: #ffffff
}

.live-mode--ie-message {
  display: none
}

.live-mode--video {
  margin-bottom: 1.5em
}

.live-mode--only {
  width: 80%;
  margin: auto
}

@media only screen and (max-width: 639px) {
  .live-mode--title {
    font-size: 2em
  }
}

@media only screen and (min-width: 640px) and (max-width: 999px) {
  .live-mode--title {
    font-size: 3em
  }
}

@media (min-width: 1000px) {
  .live-mode--title {
    font-size: 4em
  }

  .live-mode--primary {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .live-mode--secondary {
    width: 31.4285714286%;
    float: right;
    margin-right: 0
  }
}

@media all and (min-width: 1000px) and (-ms-high-contrast: none),
(min-width: 1000px) and (-ms-high-contrast: active) {
  .live-mode--ie-message {
    width: 31.4285714286%;
    float: right;
    margin-right: 0;
    display: block
  }

  .live-mode--secondary {
    width: 65.7142857143%;
    float: left;
    margin-right: 2.8571428571%
  }

  .live-mode--primary {
    display: none
  }
}

@media only screen and (max-width: 639px) {
  .live-mode--links a {
    display: block
  }
}

.story-attribution .story-paragraph {
  font-family: "Sohne", Arial, Sans-serif;
  display: flex;
  align-items: center;
  font-size: 14px
}

.story-attribution .story-paragraph img {
  height: 30px;
  margin-left: 5px;
  display: flex;
  background: none
}

.story-attribution .story-paragraph a {
  background: none !important
}

.story-attribution-small .story-paragraph {
  font-family: "Sohne", Arial, Sans-serif;
  display: flex;
  align-items: center;
  font-size: 14px
}

.story-attribution-small .story-paragraph img {
  height: 15px;
  margin-left: 5px;
  display: flex;
  background: none
}

.story-attribution-small .story-paragraph a {
  background: none !important
}

.lifeline-tile {
  border: 3px solid #ffcd00;
  background-color: white;
  margin-bottom: 16px
}

.lifeline-tile::before {
  background: #f6f6f4
}

.lifeline-tile:hover {
  border: 3px solid black !important
}

.lifeline-tile:hover .lifeline-tile__header h3 {
  text-decoration-color: black !important
}

.lifeline-tile__contents {
  padding: 10px
}

.lifeline-tile__contents h3 {
  color: #1e2722;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: #ffcd00
}

.lifeline-tile__explainer {
  font-size: 15px;
  color: #1e2722;
  line-height: 21px;
  margin-top: 0.5em
}

.lifeline-tile__header h3 {
  margin-bottom: 0;
  font-weight: 700
}

.lifeline-tile__footer {
  background-color: #ffcd00;
  color: #1e2722;
  height: 100%
}

.lifeline-tile__footer p {
  font-size: 15px;
  margin: 0
}

.lifeline-tile__footer strong {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: white;
  text-underline-offset: 4px
}

.lifeline-tile__footer a {
  color: #000
}

.lifeline-tile__footer a strong:hover {
  text-decoration-color: black
}

.widebar-lifeline {
  margin-right: -4vw;
  margin-left: -4vw;
  padding-right: 4vw;
  padding-left: 4vw;
  padding-top: 1.5em;
  padding-bottom: 1.5rem;
  background-color: #f6f6f5
}

.lifeline-tile__footer-content {
  padding: 10px 10px 5px;
  min-width: 200px
}

.lifeline-uppercase {
  text-transform: uppercase
}

.lifeline-tile__footer-content--default {
  display: block !important;
  padding: 10px 10px 5px
}

.c-lifeline-panels .lifeline-tile,
.c-lifeline-panels .lifeline-tile__contents,
.c-lifeline-panels .lifeline-tile__header,
.c-lifeline-panels .lifeline-tile__footer,
.c-lifeline-panels .lifeline-tile__footer-content {
  display: block
}

.c-lifeline-panels .lifeline-tile {
  margin-bottom: 2em
}

.c-lifeline-panels .lifeline-tile__header h3 {
  padding-left: unset;
  padding-right: unset
}

@media screen and (min-width: 768px) and (max-width: 999px) {

  .c-lifeline-panels .lifeline-tile,
  .c-lifeline-panels .lifeline-tile__contents,
  .c-lifeline-panels .lifeline-tile__header,
  .c-lifeline-panels .lifeline-tile__footer,
  .c-lifeline-panels .lifeline-tile__footer-content {
    display: flex;
    flex: 1 0 0
  }

  .c-lifeline-panels .lifeline-tile img,
  .c-lifeline-panels .lifeline-tile__contents img,
  .c-lifeline-panels .lifeline-tile__header img,
  .c-lifeline-panels .lifeline-tile__footer img,
  .c-lifeline-panels .lifeline-tile__footer-content img {
    height: 100%
  }

  .c-lifeline-panels .lifeline-tile__footer {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
  }

  .c-lifeline-panels .lifeline-tile__header {
    align-items: center
  }

  .c-lifeline-panels .lifeline-tile__header h3 {
    padding-left: 20px;
    padding-right: 20px
  }

  .c-lifeline-panels .lifeline-tile__table-wrapper {
    display: none
  }

  .c-lifeline-panels .lifeline-tile__footer-content--default {
    display: none !important
  }

  .c-lifeline-panels .lifeline-tile__footer-content--tablet {
    display: block !important;
    padding: 10px 10px 5px
  }

  .c-lifeline-panels .lifeline-tile__preset-level {
    align-self: center
  }
}

@media screen and (min-width: 768px) and (max-width: 1270px) {
  .widebar-lifeline {
    padding-bottom: 0
  }

  .widebar-lifeline .lifeline-tile {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
  }

  .widebar-lifeline .lifeline-tile__explainer {
    margin: 0
  }

  .widebar-lifeline .lifeline-tile__contents {
    display: flex;
    flex-grow: 2;
    padding: 10px
  }

  .widebar-lifeline .lifeline-tile__contents img {
    height: 100%
  }

  .widebar-lifeline .lifeline-tile__header {
    display: flex;
    align-items: center;
    padding-top: 0
  }

  .widebar-lifeline .lifeline-tile__header h3 {
    padding-left: 20px;
    padding-right: 20px
  }

  .widebar-lifeline .lifeline-tile__footer {
    align-self: stretch;
    display: flex;
    height: auto;
    justify-content: center
  }

  .widebar-lifeline .lifeline-tile__footer-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
  }

  .widebar-lifeline .lifeline-tile__table-wrapper {
    display: none
  }

  .widebar-lifeline .lifeline-tile__footer-content--default {
    display: none !important
  }

  .widebar-lifeline .lifeline-tile__footer-content--tablet {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 10px 5px
  }
}

@media screen and (max-width: 1270px) {
  .hide-m {
    display: none
  }
}

@media only screen and (max-width: 767px) {
  .hide-sm {
    display: none
  }
}

@media (min-width: 1270px) {
  .hide-l {
    display: none
  }
}

.lifeline-tile__table {
  color: #1E2722;
  border: none;
  margin: 0;
  width: 100%
}

.lifeline-tile__table td {
  border: none
}

.lifeline-tile__table tr {
  border-bottom: 1px solid #ebeae6
}

.lifeline-tile__table tr:hover {
  background-color: #FFF9E5
}

.lifeline-tile__table a {
  color: #1e2722;
  display: block
}

.lifeline-tile__table-col1 {
  width: 35%;
  padding: 10px
}

.lifeline-tile__table-col1 strong {
  text-decoration: underline;
  text-decoration-color: #ffcc00;
  text-underline-offset: 4px
}

.lifeline-tile__table-col1 a:hover strong {
  text-decoration-color: black !important
}

.lifeline-tile__table-col2 {
  padding: 10px 10px 10px 0;
  font-size: 15px;
  line-height: 16px
}

.lifeline-tile__table-col2 a:hover {
  text-decoration: underline;
  text-decoration-color: black;
  text-underline-offset: 2px
}

.lifeline-tile__footer-content--tablet {
  min-width: 200px;
  display: none
}

.coverage-panel-wrapper,
.coverage-panel-wrapper-mini {
  background-image: url("");
  background-color: #600c0c;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.coverage-panel-wrapper h4,
.coverage-panel-wrapper a,
.coverage-panel-wrapper-mini h4,
.coverage-panel-wrapper-mini a {
  color: white
}

.coverage-panel-wrapper h4,
.coverage-panel-wrapper-mini h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-size: 24px;
  line-height: 29px;
  margin-top: 4px
}

.coverage-panel-wrapper a:hover,
.coverage-panel-wrapper-mini a:hover {
  color: #f57e7d;
  text-decoration: underline;
  cursor: pointer
}

.coverage-panel-wrapper li,
.coverage-panel-wrapper-mini li {
  font-size: 18px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 21px
}

.coverage-panel-wrapper li a,
.coverage-panel-wrapper-mini li a {
  padding-top: 1em;
  padding-bottom: 0.75em;
  z-index: 1;
  width: 100%
}

.coverage-panel-wrapper .panel-logo,
.coverage-panel-wrapper-mini .panel-logo {
  padding-bottom: 1em
}

.coverage-panel-wrapper .panel-logo img,
.coverage-panel-wrapper-mini .panel-logo img {
  max-width: 220px;
  width: 100%
}

.coverage-panel-wrapper .extra-links li:first-child,
.coverage-panel-wrapper-mini .extra-links li:first-child {
  border-top: white solid 2px
}

.coverage-panel-wrapper .extra-links li,
.coverage-panel-wrapper-mini .extra-links li {
  border-top: rgba(255, 255, 255, 0.3) solid 1px;
  font-weight: 400
}

.coverage-panel-wrapper .panel-icons,
.coverage-panel-wrapper-mini .panel-icons {
  height: 16px;
  width: 16px;
  margin-right: 8px;
  filter: invert(1)
}

.coverage-panel-wrapper-mini {
  padding: 1em 1em 0.5em;
  margin-bottom: 2em
}

.coverage-panel-wrapper-mini .extra-links li {
  margin-bottom: unset !important
}

.matariki-panel {
  background-image: url("");
  background-size: cover;
  background-position: center center
}

@media screen and (min-width: 768px) {
  .matariki-panel {
    background-image: url("")
  }
}

.coverage-panel-wrapper {
  width: 100vw;
  transform: translateX(-50%);
  padding: 1em 4vw 0.5em;
  margin: 1em 50% 2em
}

.coverage-panel-wrapper h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-size: 24px;
  line-height: 29px;
  margin-top: 4px
}

.coverage-panel-wrapper .left-links li:first-child {
  border-top: white solid 2px
}

.coverage-panel-wrapper .left-links li,
.coverage-panel-wrapper .right-links li {
  border-top: rgba(255, 255, 255, 0.3) solid 1px
}

.coverage-panel-wrapper .panel-icons {
  margin-top: 2px
}

@media screen and (min-width: 640px) {
  .coverage-panel-wrapper {
    background-image: url("");
    display: flex;
    flex-flow: wrap
  }

  .coverage-panel-wrapper .panel-logo {
    flex: 1 0;
    border-bottom: white solid 2px;
    width: 100%;
    min-width: 100%
  }

  .coverage-panel-wrapper .panel-logo h4 {
    display: inline;
    margin-left: 1em
  }

  .coverage-panel-wrapper .left-links,
  .coverage-panel-wrapper .right-links,
  .coverage-panel-wrapper .extra-links {
    flex: 0 0;
    margin-bottom: 4px
  }

  .coverage-panel-wrapper .left-links li:first-child,
  .coverage-panel-wrapper .right-links li:first-child,
  .coverage-panel-wrapper .extra-links li:first-child {
    border-top: none
  }

  .coverage-panel-wrapper .right-links {
    border-top: rgba(255, 255, 255, 0.3) solid 1px
  }

  .coverage-panel-wrapper .extra-links {
    flex: 1 0
  }

  .coverage-panel-wrapper>.links-divider {
    flex: 0 0 0
  }

  .coverage-panel-wrapper>.links-divider~.links-divider {
    flex: 0 0 8px
  }
}

@media screen and (min-width: 768px) {

  .coverage-panel-wrapper .left-links,
  .coverage-panel-wrapper .right-links,
  .coverage-panel-wrapper .extra-links {
    flex: 1 0
  }

  .coverage-panel-wrapper .right-links {
    border-top: unset;
    order: unset
  }

  .coverage-panel-wrapper>.links-divider~.links-divider {
    flex: 0 0 16px
  }
}

@media screen and (min-width: 1000px) {
  .coverage-panel-wrapper {
    padding-top: 0.5em;
    flex-flow: nowrap
  }

  .coverage-panel-wrapper .panel-logo {
    flex: 1 0;
    border-bottom: none;
    padding-top: 0.5em;
    display: block;
    margin: 0 auto
  }

  .coverage-panel-wrapper .panel-logo h4 {
    display: block;
    margin-left: unset
  }

  .coverage-panel-wrapper>.links-divider,
  .coverage-panel-wrapper>.links-divider~.links-divider {
    flex: 0 0 28px
  }

  .coverage-panel-wrapper .right-links li:first-child {
    border-top: none
  }
}

@media screen and (min-width: 1312px) {
  .coverage-panel-wrapper {
    padding: 1em 6vw 0.5em
  }

  .coverage-panel-wrapper>.links-divider,
  .coverage-panel-wrapper>.links-divider~.links-divider {
    flex: 0 0 34px
  }
}

@media screen and (min-width: 1600px) {
  .coverage-panel-wrapper {
    padding: 1em 10vw 0.5em
  }

  .coverage-panel-wrapper>.links-divider,
  .coverage-panel-wrapper>.links-divider~.links-divider {
    flex: 0 0 36px
  }
}

.panel-home-desktop {
  display: none
}

@media screen and (min-width: 1000px) {
  .panel-home-desktop {
    display: block
  }
}

@media screen and (min-width: 1000px) {
  .panel-home-mobile {
    display: none
  }
}

@media only screen and (max-width: 499px) {
  .coverage-panel-wrapper .panel-logo {
    max-width: 280px;
    margin: 0 auto
  }
}

@media only screen and (max-width: 999px) {
  .coverage-panel-wrapper.covid-panel .panel-logo {
    max-width: 100%;
    margin: 0;
    padding-top: 12px
  }

  .coverage-panel-wrapper.covid-panel .panel-logo .panel-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline
  }

  .coverage-panel-wrapper.covid-panel .panel-logo .panel-wrapper a {
    margin-right: 10px
  }
}

@media only screen and (min-width: 640px) and (max-width: 800px) {
  .coverage-panel-wrapper .links-divider {
    order: 3;
    flex: 0 0 100%;
    margin: 3px 0;
    border: 0;
    display: none
  }

  .coverage-panel-wrapper .left-links {
    order: 1;
    flex: 1 0 0;
    margin-right: 8px;
    margin-top: 1px
  }

  .coverage-panel-wrapper .right-links {
    order: 2;
    flex: 1 0 0;
    margin-left: 8px
  }

  .coverage-panel-wrapper .extra-links {
    order: 4;
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    padding-top: 24px;
    border-top: 1px solid white
  }

  .coverage-panel-wrapper .extra-links li {
    border-top: 0;
    flex: 1 0 calc(50% - 8px);
    padding-left: 8px
  }

  .coverage-panel-wrapper .extra-links li:first-child {
    padding-right: 8px;
    padding-left: 0
  }

  .coverage-panel-wrapper .fragments-episode {
    padding-top: 0
  }
}

@media only screen and (min-width: 800px) {
  .coverage-panel-wrapper .links-divider {
    border-top: 0 !important
  }
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
  .coverage-panel-wrapper .panel-logo {
    margin-bottom: 20px
  }
}

@media only screen and (min-width: 1000px) {
  .coverage-panel-wrapper .panel-logo {
    align-self: center;
    max-width: auto !important;
    width: auto !important;
    min-width: auto !important
  }

  .coverage-panel-wrapper img.chch-quake-10-logo-vertical {
    padding: 0 16px
  }
}

.summer-banner {
  position: relative;
  height: 420px;
  width: 100vw;
  transform: translateX(-50%);
  margin: 1em 50% 2em;
  background-color: #C4E5E8
}

.summer-banner-link,
.summer-banner-frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0
}

@media only screen and (min-width: 700px) {
  .summer-banner {
    height: 240px
  }
}

.qsl-buttons {
  display: flex
}

.qsl-buttons .btn[href="/international"] {
  margin-left: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em
}

.election-panel-mini-wrapper {
  background-color: #3E5562;
  width: 100vw;
  transform: translateX(-50%);
  margin: 1em 50% 2em
}

.election-panel-mini-wrapper h4,
.election-panel-mini-wrapper a {
  color: white
}

.election-panel-mini-wrapper a:hover {
  color: #FFAAAA;
  text-decoration: underline;
  cursor: pointer
}

.election-panel-mini-wrapper .logo-wrapper {
  padding-top: 1em;
  padding-bottom: 0.75em;
  border-bottom: white solid 2px
}

.election-panel-mini-wrapper .panel-link {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  align-items: center;
  border-bottom: rgba(255, 255, 255, 0.3) solid 1px
}

.election-panel-mini-wrapper .panel-link a {
  display: block;
  padding-top: 1em;
  padding-bottom: 0.75em;
  z-index: 1;
  width: 100%
}

.election-panel-mini-wrapper .panel-link:last-child {
  border: none
}

@media screen and (min-width: 640px) {
  .election-panel-mini-wrapper {
    display: flex;
    flex-flow: wrap
  }

  .election-panel-mini-wrapper .panel-links {
    padding-left: 16px
  }

  .election-panel-mini-wrapper .logo-wrapper,
  .election-panel-mini-wrapper .panel-links {
    flex: 0 0 50%;
    border: unset
  }

  .election-panel-mini-wrapper .panel-link {
    flex: 1 0 0
  }
}

@media screen and (min-width: 768px) {
  .election-panel-mini-wrapper .panel-links {
    padding-left: unset
  }
}

@media screen and (min-width: 1000px) {
  .election-panel-mini-wrapper .panel-links {
    flex: 3 0 0;
    display: flex
  }

  .election-panel-mini-wrapper .logo-wrapper img {
    max-width: 220px
  }

  .election-panel-mini-wrapper .logo-wrapper,
  .election-panel-mini-wrapper .panel-link {
    flex: 1 0 0;
    border: none
  }

  .election-panel-mini-wrapper .panel-links>.links-divider {
    flex: 0 0 8px
  }

  .election-panel-mini-wrapper .panel-links>.links-divider~.links-divider {
    flex: 0 0 28px
  }
}

@media screen and (min-width: 1100px) {
  .election-panel-mini-wrapper .logo-wrapper img {
    max-width: 100%
  }
}

@media screen and (min-width: 1312px) {
  .election-panel-mini-wrapper {
    padding: 0.5em 6vw
  }

  .election-panel-mini-wrapper .panel-links>.links-divider~.links-divider {
    flex: 0 0 34px
  }
}

@media screen and (min-width: 1600px) {
  .election-panel-mini-wrapper {
    padding: 0.5em 10vw
  }

  .election-panel-mini-wrapper .panel-links>.links-divider~.links-divider {
    flex: 0 0 36px
  }
}

.election-panel-sidebar .election-category-links li {
  margin-bottom: 0 !important
}

.election-panel,
.election-panel-sidebar {
  background-color: #3E5562
}

.election-panel a:hover,
.election-panel-sidebar a:hover {
  color: #FFAAAA
}

.election-panel .panel-logo,
.election-panel-sidebar .panel-logo {
  padding-bottom: 0.5em
}

.election-panel .panel-logo img,
.election-panel-sidebar .panel-logo img {
  max-width: 250px
}

.election-panel .election-logo-stacked,
.election-panel-sidebar .election-logo-stacked {
  display: none
}

.election-panel .left-links li:first-child,
.election-panel-sidebar .left-links li:first-child {
  border-top: #DA2128 solid 2px
}

.election-panel .extra-links li:first-child,
.election-panel-sidebar .extra-links li:first-child {
  border-top: #DA2128 solid 2px
}

.election-panel .extra-links li:last-child,
.election-panel-sidebar .extra-links li:last-child {
  font-weight: 400
}

.election-panel .election-category-links li:first-of-type,
.election-panel-sidebar .election-category-links li:first-of-type {
  border-top: #DA2128 solid 2px
}

.election-panel .election-category-links li,
.election-panel-sidebar .election-category-links li {
  border-bottom: rgba(255, 255, 255, 0.3) solid 1px
}

.election-panel .election-category-links li a,
.election-panel-sidebar .election-category-links li a {
  font-weight: 500
}

.election-panel .election-category-links li:last-child,
.election-panel-sidebar .election-category-links li:last-child {
  border-bottom: none
}

.election-panel .election-category-links li:last-child a,
.election-panel-sidebar .election-category-links li:last-child a {
  font-weight: 700
}

@media screen and (min-width: 640px) {
  .election-panel .panel-logo {
    border-bottom: #DA2128 solid 2px
  }

  .election-panel .left-links li:first-child {
    border-top: none
  }

  .election-panel .extra-links li:first-child {
    border-top: none
  }

  .election-panel .extra-links li:last-child {
    border-bottom: none
  }

  .election-panel .election-category-links {
    flex: 1 0 0;
    order: 4;
    margin-left: 16px
  }
}

@media screen and (min-width: 768px) {
  .election-panel .election-category-links {
    flex: unset;
    margin-left: unset;
    display: flex;
    width: 100%;
    border-top: #DA2128 solid 2px
  }

  .election-panel .election-category-links li:first-of-type {
    border-top: none
  }

  .election-panel .election-category-links li {
    border-bottom: none;
    flex: 1 0 0
  }

  .election-panel .election-category-links>.links-divider~.links-divider {
    flex: 0 0 16px
  }
}

@media screen and (min-width: 1000px) {
  .election-panel {
    flex-flow: wrap
  }

  .election-panel .panel-logo {
    border-bottom: none;
    padding-top: 1.5em;
    padding-bottom: 0
  }

  .election-panel .panel-logo img {
    max-width: 200px
  }

  .election-panel .election-logo {
    display: none
  }

  .election-panel .election-logo-stacked {
    display: unset
  }

  .election-panel .election-category-links {
    border-top: none
  }

  .election-panel .election-category-links li,
  .election-panel .election-category-links li:first-of-type {
    border-top: #DA2128 solid 3px
  }

  .election-panel .election-category-links .election-empty-link {
    flex: 1 0 0
  }

  .election-panel .election-category-links>.links-divider~.links-divider {
    border-top: #DA2128 solid 3px
  }

  .election-panel .election-category-links>.links-divider,
  .election-panel .election-category-links>.links-divider~.links-divider {
    flex: 0 0 28px
  }
}

@media screen and (min-width: 1312px) {

  .election-panel .election-category-links>.links-divider,
  .election-panel .election-category-links>.links-divider~.links-divider {
    flex: 0 0 34px
  }
}

@media screen and (min-width: 1600px) {

  .election-panel .election-category-links>.links-divider,
  .election-panel .election-category-links>.links-divider~.links-divider {
    flex: 0 0 36px
  }
}

.election-banner {
  background-color: #3E5562
}

.election-banner .banner__detail img {
  max-width: 200px
}

.election-banner .banner__detail p {
  max-width: 330px
}

.election-banner .election-links {
  align-self: flex-start;
  padding: 0 1.5em 1.5em;
  width: 100%
}

.election-banner .election-links p {
  padding-bottom: 0.5em;
  text-align: left;
  border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
  line-height: 24px
}

.election-banner .election-links a {
  font-weight: 500;
  margin-right: 1em;
  line-height: 24px
}

.election-banner .election-links a:last-child {
  margin-right: 0
}

.election-banner .election-links a:hover {
  color: #FFAAAA;
  text-decoration: underline;
  cursor: pointer
}

.election-banner .election-links div {
  display: flex
}

@media screen and (min-width: 768px) {
  .election-banner {
    padding-top: 1.5em;
    padding-bottom: 1.5em
  }

  .election-banner .election-links {
    align-self: flex-end;
    display: flex;
    width: unset;
    padding: 0 0 1.5em
  }

  .election-banner .election-links p {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-right: 1em
  }
}

.election-page .banner {
  background: #DAF3F3;
  background-size: cover
}

@media (max-width: 1000px) {
  .election-page .banner {
    padding-left: 4vw;
    padding-right: 4vw
  }
}

.election-page .banner__detail {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  max-width: unset;
  padding: 50px 0 0 0
}

@media (max-width: 640px) {
  .election-page .banner__detail {
    align-items: flex-start;
    flex-direction: column;
    padding: 24px 0 0 0
  }
}

.election-page .banner__title-long {
  color: #800A93;
  font-size: 54px;
  margin-bottom: 0;
  width: max-content
}

@media (max-width: 869px) {
  .election-page .banner__title-long {
    display: none
  }
}

.election-page .banner__title-short {
  font-size: 36px;
  padding: 18px 0
}

@media (min-width: 870px) {
  .election-page .banner__title-short {
    display: none
  }
}

.election-page .banner__toggles {
  display: flex
}

.election-page .banner__anchor {
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin: 0 24px 12px 0;
  padding-bottom: 10px;
  color: #000;
  background-color: #fff
}

.election-page .banner__anchor:hover {
  color: #DA2128
}

.election-page .banner__anchor--active {
  margin-bottom: 0;
  border-bottom: solid 8px #DA2128;
  font-weight: 700
}

.election-page .election-page__intro--wrapper {
  display: flex;
  justify-content: space-between;
  padding: 32px 0 24px 0
}

@media (max-width: 640px) {
  .election-page .election-page__intro--wrapper {
    flex-wrap: wrap
  }
}

.election-page .election-page__intro {
  font-size: 20px;
  line-height: 28px
}

.election-page .election-page__intro p {
  max-width: 724px
}

.election-page .election-page__intro-other-parties {
  padding: 24px 0
}

.election-page .election-page__count {
  min-width: 163px;
  text-align: right
}

@media (max-width: 640px) {
  .election-page .election-page__count {
    text-align: left;
    padding-top: 16px
  }
}

.election-page .election-page__percent-counted {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 0
}

.election-page .election-page__time-ago {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 4px
}

.election-page .election-page__js-message {
  font-size: 16px;
  position: absolute;
  right: 0
}

@media (max-width: 640px) {
  .election-page .election-page__js-message {
    left: 0
  }
}

.election-page .election-page__updated-section {
  margin-top: 4px
}

.election-page .election-page__hr {
  background-color: #D8D8D8;
  margin: 12px 0 0 0
}

.election-page .election-page__section {
  margin-top: 3em;
  margin-bottom: 3em
}

.election-page .election-page__section-header {
  border-bottom: 3px solid #404441;
  font-size: 30px;
  line-height: 36px;
  padding: 0 0 12px 0
}

.election-page .election-page__other-party-header,
.election-page .election-page__electorate-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px
}

.election-page .election-page__other-party-header h3,
.election-page .election-page__electorate-header h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 0
}

@media (max-width: 640px) {

  .election-page .election-page__other-party-header h3,
  .election-page .election-page__electorate-header h3 {
    font-size: 24px
  }
}

@media (max-width: 450px) {

  .election-page .election-page__other-party-header h3,
  .election-page .election-page__electorate-header h3 {
    font-size: 18px;
    line-height: 30px
  }
}

.election-page .election-page__other-party-header div,
.election-page .election-page__electorate-header div {
  align-self: center;
  line-height: 28px
}

.election-page .election-page__other-party-header span:first-of-type {
  font-size: 20px;
  margin-right: 8px
}

.election-page .election-page__other-party-header span:nth-of-type(2) {
  font-size: 24px;
  font-weight: 500
}

.election-page .election-page__section-header-paren {
  font-weight: 400
}

.election-page .election-page__other-party-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0
}

.election-page .election-page__icon--right {
  padding-left: 4px;
  fill: #404441
}

.election-page .election-page__icon svg {
  vertical-align: baseline
}

.election-page .election-page__values-float,
.election-page .election-page__values-float-prev {
  float: right;
  font-size: 16px;
  line-height: 16px;
  text-align: right;
  vertical-align: baseline
}

.election-page .election-page__values-float {
  font-weight: 500
}

.election-page .election-page__values-float-prev {
  font-size: 14px;
  line-height: 14px;
  margin-right: 8px
}

.election-page .election-page__values-float-prev .election-page__icon svg {
  height: 10px;
  margin-right: -2px
}

@media screen and (min-width: 1000px) {
  .election-page .election-page__other-parties .election-page__columns {
    display: flex;
    flex-flow: column wrap;
    height: 240px
  }
}

.election-page .election-page__other-parties .election-page__column {
  border-bottom: 1px solid #D8D8D8;
  height: 48px
}

@media screen and (min-width: 1000px) {
  .election-page .election-page__other-parties .election-page__column {
    width: 31%
  }
}

.election-page .election-page__other-parties .election-page__hidden-column {
  display: none
}

@media screen and (min-width: 1000px) {
  .election-page .election-page__other-parties .election-page__hidden-column {
    display: unset;
    visibility: hidden
  }
}

.election-page .election-page__other-parties .election-page__column:nth-child(-n+5) {
  align-self: flex-start
}

.election-page .election-page__other-parties .election-page__column:nth-child(n+6):nth-child(-n+10) {
  align-self: center
}

.election-page .election-page__other-parties .election-page__column:nth-child(n+11) {
  align-self: flex-end
}

.election-page .election-page__other-parties .election-page__column:first-child {
  border-top: 1px solid #D8D8D8
}

@media screen and (min-width: 1000px) {
  .election-page .election-page__other-parties .election-page__column:nth-child(5n+1) {
    border-top: 1px solid #D8D8D8
  }
}

.election-page .election-page__electorates .election-page__columns {
  display: none;
  padding-top: 12px
}

.election-page .election-page__electorates .election-page__columns-active {
  display: block
}

@media screen and (min-width: 1000px) {
  .election-page .election-page__electorates .election-page__columns-active {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
  }
}

.election-page .election-page__electorates .election-page__toggle,
.election-page .election-page__electorates .election-page__electorate-count {
  font-size: 24px;
  font-weight: 500
}

@media (max-width: 640px) {

  .election-page .election-page__electorates .election-page__toggle,
  .election-page .election-page__electorates .election-page__electorate-count {
    font-size: 18px
  }
}

@media (max-width: 450px) {

  .election-page .election-page__electorates .election-page__toggle,
  .election-page .election-page__electorates .election-page__electorate-count {
    font-size: 16px;
    line-height: 16px
  }
}

.election-page .election-page__electorates .election-page__electorate-intro {
  flex: 0 0 100%;
  max-width: 75%;
  padding-bottom: 24px
}

@media screen and (min-width: 1000px) {
  .election-page .election-page__electorates .election-page__column {
    width: 31%
  }
}

.election-page .election-page__electorates .election-page__electorate-header {
  padding: 12px 0;
  line-height: 36px;
  margin-bottom: 12px;
  border-bottom: 3px solid #D8D8D8
}

.election-page .election-page__electorates .election-page__electorate-header:hover {
  cursor: pointer
}

.election-page .election-page__electorates .election-page__electorate-header:hover h3,
.election-page .election-page__electorates .election-page__electorate-header:hover span {
  color: #A70EBF
}

.election-page .election-page__electorates .election-page__electorate-header:hover svg {
  fill: #A70EBF
}

.election-page .election-page__electorates .election-page__electorate-header-active {
  border-bottom: 3px solid #800A93
}

.election-page .election-page__electorates .election-page__electorate-other {
  padding: 16px 0;
  margin-bottom: unset;
  border-bottom: unset
}

.election-page .election-page__section-electorate {
  margin-bottom: 20px
}

.election-page table {
  border-top: none !important;
  border-left: none !important
}

.election-page table th,
.election-page table td {
  border: none !important;
  vertical-align: baseline !important
}

.election-page table th {
  background: none !important
}

.election-page .election-table {
  margin: 20px 0 40px 0;
  font-size: 16px;
  line-height: 16px
}

.election-page .election-table td {
  padding: 12px 0 9px 0
}

.election-page .election-table a {
  text-decoration: underline
}

.election-page .election-table__header {
  padding: 0 0;
  border-bottom: 2px solid #9CCCCC
}

.election-page .election-table--party {
  margin-top: 40px
}

.election-page .election-table__no-seats {
  text-align: left !important;
  line-height: 24px
}

.election-page .election-table__party-title {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0
}

.election-page .election-table__party-icon {
  margin-right: 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  border-style: solid;
  border-width: 6px;
  vertical-align: middle
}

.election-page .election-table__right {
  text-align: right
}

.election-page .election-table__align-right {
  display: inline;
  float: right;
  margin-top: 8px;
  text-align: right
}

.election-page .election-page__electorates .election-table__align-right {
  margin-top: 10px
}

.election-page .election-table__percent {
  font-size: 24px;
  font-weight: 700;
  margin-left: 12px
}

.election-page .election-table__percent-prev {
  font-size: 20px;
  font-weight: 400
}

.election-page .election-table__strong {
  font-weight: 500
}

.election-page .election-table__strong-heavy {
  font-weight: 700
}

.election-page .election-table__small {
  font-size: 14px;
  font-weight: 400;
  padding-left: 8px
}

.election-page .election-table__leading-party {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8 !important
}

.election-page .election-table__leading-status {
  font-weight: 700
}

.election-page .election-table__introduction {
  font-size: 16px;
  line-height: 24px
}

.election-page .election-table__candidate,
.election-page .election-table__candidate-leading,
.election-page .election-table__expand {
  border-top: 1px solid #D8D8D8
}

.election-page .election-table__leader td {
  font-weight: 500
}

.election-page .election-table__candidate {
  display: none
}

.election-page .election-table__candidate-active {
  display: table-row !important
}

.election-page .election-table__expand td {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px
}

.election-page .election-table__expand td:hover {
  cursor: pointer;
  color: #A70EBF
}

.election-page .election-table__expand td:hover svg {
  fill: #A70EBF
}

.election-page .party-color-LAB {
  color: #ee2c3a
}

.election-page .party-color-NAT {
  color: #1e99ea
}

.election-page .party-color-GP {
  color: #2ba53e
}

.election-page .party-color-ACT {
  color: #ffb503
}

.election-page .party-color-NZF {
  color: #000000
}

@media screen and (min-width: 1000px) {
  .election-page__key-parties-m {
    display: none
  }
}

.election-page__key-parties-d {
  display: none
}

@media screen and (min-width: 1000px) {
  .election-page__key-parties-d {
    display: block
  }

  .election-page__key-parties-d .election-page__columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
  }

  .election-page__key-parties-d .election-page__column {
    width: 31%
  }
}

.election-page__more-detail {
  color: #404441;
  display: block;
  font-size: 16px;
  line-height: 16px;
  margin: 50px 0;
  text-decoration: underline
}

.election-page__footer {
  max-width: 780px;
  margin-bottom: 50px
}

.election-page__footer h4 {
  color: #3F4441;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px
}

.bop {
  display: flex;
  justify-content: space-between;
  margin: auto
}

.bop__center {
  position: relative;
  margin: 0 0px
}

.bop__majority_line {
  position: absolute;
  height: calc(100% + 6px);
  border-left: 2px dashed #000;
  left: calc(50% - 1px);
  top: -5px
}

.bop__large .bop__majority_line {
  top: -4px
}

.bop__left,
.bop__right {
  display: flex;
  flex-basis: 50%;
  justify-content: space-between;
  gap: 2px 2px
}

.bop__group {
  display: flex;
  flex-flow: column wrap;
  flex-basis: 50%;
  height: calc(18px * 6)
}

.bop__left .bop__group {
  margin-right: 10px;
  align-items: flex-start
}

.bop__right .bop__group {
  margin-left: 10px;
  align-items: flex-end
}

.bop__medium,
.bop__large {
  display: none
}

@media (min-width: 600px) {

  .bop__small,
  .bop__large {
    display: none
  }

  .bop__medium {
    display: flex
  }
}

@media (min-width: 1100px) {

  .bop__small,
  .bop__medium {
    display: none
  }

  .bop__large {
    display: flex
  }
}

.bop__medium .bop__group {
  flex-basis: calc(100% / 3);
  height: calc(18px * 4)
}

.bop__medium .bop__left .bop__group {
  margin-right: 8px
}

.bop__medium .bop__right .bop__group {
  margin-left: 8px
}

.bop__large .bop__group {
  flex-basis: calc(100% / 6);
  height: calc(18px * 2)
}

@media (min-width: 1280px) {
  .bop__large .bop__group {
    flex-basis: calc(100% / 6);
    height: calc(18px * 2)
  }
}

.election-coverage {
  border-bottom: 0 !important
}

.election-coverage__content {
  color: #000
}

.election-coverage__header {
  display: flex;
  justify-content: space-between
}

.election-coverage__header--preview {
  justify-content: normal
}

@media (max-width: 1000px) {
  .election-coverage__header--preview {
    flex-direction: column
  }
}

.election-coverage__intro-wrapper,
.election-coverage__logo-wrapper {
  display: flex
}

.election-coverage__logo {
  margin-right: 50px;
  min-width: 320px
}

@media (max-width: 1000px) {
  .election-coverage__logo {
    margin-right: 24px
  }
}

@media (max-width: 550px) {
  .election-coverage__logo-wrapper {
    flex-wrap: wrap
  }
}

.election-coverage__logo img {
  height: auto;
  width: 320px
}

@media (max-width: 400px) {
  .election-coverage__logo img {
    width: 290px
  }
}

.election-coverage__intro {
  font-size: 15px;
  line-height: 21px;
  margin-right: 12px;
  max-width: 780px
}

.election-coverage__preview-live-blog {
  min-width: 150px
}

@media (max-width: 550px) {
  .election-coverage__preview-live-blog {
    margin: 20px 0 10px 0
  }
}

.election-coverage__body--checkpoint {
  display: flex;
  justify-content: space-between
}

@media (max-width: 1000px) {
  .election-coverage__body--checkpoint {
    flex-direction: column
  }
}

.election-coverage__checkpoint-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px
}

.election-coverage__update-table-icon {
  height: 10px
}

.election-coverage__checking-icon {
  animation: spin 1200ms infinite linear;
  -webkit-animation: spin 1200ms infinite linear;
  height: 13px
}

.bop-key-graph-only .election-coverage__checking-icon {
  height: 10px
}

@media (max-width: 640px) {
  .js-check-in-progress {
    display: none
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.election-coverage__bop .bop-key {
  margin-bottom: 8px
}

.bop-key__item-title {
  font-size: 12px
}

.bop-key__item-count {
  font-size: 14px
}

.bop-key--hp {
  font-size: 12px
}

.bop-key--hp .bop-key__item {
  flex-basis: 100%;
  text-align: right
}

@media (min-width: 1001px) {
  .election-coverage__body--checkpoint .bop__extra-small {
    display: flex;
    justify-content: space-evenly
  }
}

@media (max-width: 1000px) {
  .election-coverage__body--checkpoint .bop__extra-small {
    display: none
  }
}

@media (min-width: 980px) {
  .election-coverage__body--checkpoint .bop__medium {
    display: flex;
    justify-content: space-evenly
  }
}

@media (min-width: 1001px) {
  .election-coverage__body--checkpoint .bop__medium {
    display: none
  }
}

.election-coverage__body--checkpoint .bop__extra-small .bop__left .bop__group {
  margin-right: 2px
}

.election-coverage__body--checkpoint .bop__extra-small .bop__right .bop__group {
  margin-left: 2px
}

@media (min-width: 1000px) {

  .election-coverage__body--checkpoint .bop__extra-small .bop__left,
  .election-coverage__body--checkpoint .bop__extra-small .bop__right {
    display: inline-block
  }
}

@media (min-width: 1000px) {
  .election-coverage__body--checkpoint .bop__extra-small .bop__seat {
    transform: scale(0.8)
  }
}

@media (min-width: 1200px) {
  .election-coverage__body--checkpoint .bop__extra-small .bop__seat {
    transform: none
  }
}

.election-coverage__party-vote {
  display: flex;
  justify-content: space-between
}

.election-coverage__table {
  background: transparent;
  border: none
}

.election-coverage__table--wide {
  width: calc(97% / 3)
}

.election-coverage__table tbody {
  font-size: 16px;
  line-height: 16px
}

.election-coverage__table th {
  background-color: transparent;
  border-bottom: 1px solid #FFF;
  border-right: none;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  padding-left: 0;
  padding-right: 0
}

.election-coverage__table td {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0
}

.election-coverage__table-col1 {
  width: 45%;
  padding-left: 0
}

.election-coverage__table-col2 {
  text-align: right;
  width: 27.5%
}

.election-coverage__table-col3 {
  text-align: right;
  padding-right: 0;
  width: 27.5%
}

.election-coverage__table-icon {
  margin-right: 4px
}

.election-coverage__checkpoint {
  width: 65%
}

@media (max-width: 1000px) {
  .election-coverage__checkpoint {
    width: 100%
  }
}

.election-coverage__body--checkpoint .election-coverage__results {
  width: 35%;
  padding-left: 28px
}

@media (max-width: 1000px) {
  .election-coverage__body--checkpoint .election-coverage__results {
    width: 100%;
    padding-left: 0;
    padding-top: 12px
  }
}

.election-coverage__footer {
  display: flex;
  justify-content: space-between;
  padding-top: 8px
}

@media (max-width: 799px) {
  .election-coverage__footer-left {
    max-width: 150px
  }
}

.election-coverage__button {
  background: transparent;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 15px;
  font-weight: 700;
  margin: 2px;
  padding: 8px 8px 7px 8px
}

.election-coverage__button:hover {
  border: 1px solid #FFAAAA;
  color: #FFAAAA
}

.election-coverage__button--live {
  display: inline-block;
  padding: 8px 8px 7px 30px;
  position: relative
}

.election-coverage__button--live::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #DA2128;
  position: absolute;
  left: 7px;
  top: 7px;
  animation: live-pulse 4s infinite;
  -webkit-animation: live-pulse 4s infinite
}

@-webkit-keyframes live-pulse {

  0%,
  100% {
    background-color: #8d272b;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(218, 33, 40, 0);
    box-shadow: 0px 0px 5px 2px rgba(218, 33, 40, 0)
  }

  50% {
    background-color: #da2128;
    -webkit-box-shadow: 0px 0px 5px 2px #da2128;
    box-shadow: 0px 0px 5px 2px #da2128
  }
}

@keyframes live-pulse {

  0%,
  100% {
    background-color: #8d272b;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(218, 33, 40, 0);
    box-shadow: 0px 0px 5px 2px rgba(218, 33, 40, 0)
  }

  50% {
    background-color: #da2128;
    -webkit-box-shadow: 0px 0px 5px 2px #da2128;
    box-shadow: 0px 0px 5px 2px #da2128
  }
}

.election-coverage__button:hover::before {
  animation: none;
  background-color: #FFAAAA;
  border-color: #FFAAAA
}

.election-coverage__anchor {
  font-size: 16px;
  line-height: 16px
}

.election-coverage__anchor:hover,
.election-coverage__anchor:hover h3 {
  text-decoration: underline;
  color: #FFAAAA
}

.election-coverage__actions .election-coverage__anchor {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  margin: 8px 4px
}

@media (max-width: 600px) {
  .election-coverage__anchor.button__listen-live {
    display: none
  }
}

.election-coverage__anchor--check {
  line-height: 24px;
  display: inline-block;
  padding: 0 0 8px 0;
  align-self: flex-end
}

.election-coverage__unavailable {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 16px 0;
  margin: 0 0
}

.election-page .election-coverage__unavailable {
  border-bottom: 3px solid #DA2128;
  margin: 0px 0 60px 0;
  max-width: 724px;
  padding: 16px 0
}

.election-coverage__unavailable-heading {
  border-bottom: 1px solid #DA2128;
  padding-bottom: 8px
}

.election-page .election-coverage__unavailable-heading {
  border-bottom: 3px solid #DA2128;
  padding-bottom: 12px
}

@media (max-width: 640px) {
  .election-page .election-coverage__unavailable-heading {
    display: flex
  }
}

.election-coverage__unavailable-heading svg,
.election-coverage__unavailable-heading h2 {
  display: inline-block
}

.election-coverage__unavailable-heading h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-left: 8px
}

.election-page .election-coverage__unavailable-heading h2 {
  font-size: 30px;
  line-height: 36px
}

@media (max-width: 640px) {
  .election-page .election-coverage__unavailable-heading h2 {
    font-size: 24px;
    line-height: 24px
  }
}

.election-page .election-coverage__unavailable-heading svg {
  height: 30px;
  width: 30px
}

@media (max-width: 640px) {
  .election-page .election-coverage__unavailable-heading svg {
    height: 20px;
    width: 20px
  }
}

.election-coverage__unavailable-heading svg {
  vertical-align: text-bottom
}

.election-coverage__unavailable p {
  font-size: 16px;
  max-width: 700px
}

.election-page .election-coverage__unavailable p {
  font-size: 20px;
  line-height: 28px
}

.election-coverage__unavailable-hr {
  margin: 12px 0
}

@media (max-width: 799px) {
  .hide-sm {
    display: none
  }
}

@media (min-width: 800px) {
  .hide-l {
    display: none
  }
}

@media (min-width: 1000px) {
  .hide-xl {
    display: none
  }
}

@media (max-width: 1000px) {
  .hide-sm-xl {
    display: none
  }
}

@media (max-width: 1500px) {
  .hide-check {
    display: none
  }
}

@media (max-width: 1000px) {
  .hide-check {
    display: inline-block;
    margin-left: 4px
  }
}

@media (max-width: 450px) {
  .hide-check {
    display: none
  }
}

.u-font-weight-normal {
  font-weight: 400 !important
}

.u-font-weight-medium {
  font-weight: 600 !important
}

.u-font-weight-bold {
  font-weight: 800 !important
}

.u-truncate {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.bc-time {
  display: inline-block;
  padding-right: .25em;
  font-size: .95em
}

.u-font-size-smaller {
  font-size: .875em
}

.u-text-center {
  text-align: center
}

.u-float-left {
  float: left
}

.u-float-right {
  float: right
}

.u-full-width {
  margin-right: -1rem;
  margin-left: -1rem;
  padding-right: 1rem;
  padding-left: 1rem
}

@media only screen and (min-width: 768px) {
  .u-full-width {
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem
  }
}

@media (min-width: 1312px) {
  .u-full-width {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media (min-width: 1600px) {
  .u-full-width {
    margin-right: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    margin-left: calc(((100vw - (82rem - (2rem) * 2)) / 2) * -1);
    padding-right: calc((100vw - (82rem - (2rem) * 2)) / 2);
    padding-left: calc((100vw - (82rem - (2rem) * 2)) / 2)
  }
}

@media only screen and (max-width: 999px) {
  .u-divider-bottom\@until-medium {
    border-bottom: 2px solid #ebeae6;
    padding-bottom: 0em;
    margin-bottom: 1em
  }

  .u-divider-bottom\@until-medium+.content__secondary {
    padding-top: 0
  }
}

.u-adapt-video {
  height: 0;
  overflow: hidden;
  max-width: 100%
}

.u-adapt-video iframe,
.u-adapt-video object,
.u-adapt-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.u-boxed {
  background-color: #f6f6f4;
  padding: 1.125em
}

.u-full_screen,
div.banner-image--tiled,
div.banner-image--full_screen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.u-flex {
  display: flex;
  display: -ms-flexbox
}

.u-space-between {
  justify-content: space-between
}

.u-align-self-center {
  align-self: center
}

.u-align-items-start {
  align-items: flex-start
}

.u-align-items-center {
  align-items: center
}

.u-margin-bottom-sm {
  margin-bottom: 0.375em
}

.u-margin-top-none {
  margin-top: 0
}

.u-margin-top-m {
  margin-top: 1.125em
}

.u-margin-right-m {
  margin-right: 1.125em
}

.u-no-margin {
  margin: 0
}

.u-text-align-left {
  text-align: left
}

.u-show-s {
  display: none
}

.u-font-l {
  font-size: 36px
}

.u-font-thin {
  font-weight: 200
}

.u-font-light {
  font-weight: 300
}

.u-font-normal {
  font-weight: 400
}

.u-font-medium {
  font-weight: 500
}

.u-font-semibold {
  font-weight: 600
}

@media only screen and (max-width: 767px) {
  .u-margin-bottom-mq-m {
    margin-bottom: 1.125em
  }

  .u-show-s {
    display: block
  }
}

@media only screen and (max-width: 999px) {
  .u-heading-mq-m-s {
    font-size: 30px
  }
}

.u-inline-block {
  display: inline-block !important
}

.u-block {
  display: block !important
}

.u-hidden {
  display: none !important
}

@media only screen and (max-width: 767px) {
  .u-hidden\@small {
    display: none !important
  }
}

@media only screen and (max-width: 639px) {
  .u-hidden\@xsmall {
    display: none !important
  }
}

@media only screen and (max-width: 999px) {
  .u-hidden\@medium {
    display: none !important
  }
}

@media only screen and (max-width: 1099px) {
  .u-hidden\@mediumtall {
    display: none !important
  }
}

@media only screen and (max-width: 1209px) {
  .u-hidden\@mediumlarge {
    display: none !important
  }
}

@media only screen and (max-width: 1269px) {
  .u-hidden\@large {
    display: none !important
  }
}

@media only screen and (min-width: 640px) {
  .u-hidden\@after-xsmall {
    display: none !important
  }
}

.c-aside--sidebar>ul li,
.content__secondary li {
  margin-bottom: 0.75em
}

.content__secondary li.external-podcast-link {
  margin-bottom: 0.3em
}

.c-aside__links li {
  margin-bottom: 0
}

@media (min-width: 1270px) {
  .width-1\/3\@large {
    width: 31.4285714286%;
    float: left
  }

  .width-1\/3\@large:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .width-1\/3\@large:nth-child(3n + 2) {
    margin-left: 34.2857142857%;
    margin-right: -100%;
    clear: none
  }

  .width-1\/3\@large:nth-child(3n + 3) {
    margin-left: 68.5714285714%;
    margin-right: -100%;
    clear: none
  }
}

.broadcast-times {
  line-height: 1.3
}

.grid-spacing>* {
  margin-bottom: 1.5em
}

.o-feature-set--programme+[class*="programme-stories--"] {
  padding: 1.5em
}

@media (min-width: 1000px) {
  .o-feature-set--programme+[class*="programme-stories--"] {
    padding-top: 2.25em
  }
}

div#questions-container {
  margin-bottom: 200px
}

.questions-js {
  margin-bottom: 50px
}

.js .questions-nojs {
  display: none
}

.no-js .questions-js>p {
  display: none
}

textarea.complaint-address {
  height: 6em
}

textarea.complaint-details {
  height: 20em
}

.jssort01 {
  position: absolute;
  width: 800px;
  height: 100px
}

.jssort01 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  cursor: pointer;
  border: 1px solid transparent
}

.jssort01 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  border: none;
  max-width: none
}

.jssort01 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%
}

.jssort01 .c {
  display: none
}

.jssort01 .p.pav,
.jssort01 .p:hover {
  border-color: #aaa
}

.jssort01 .p:hover {
  border-color: #fff
}

* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
  width: 72px;
  height: 72px
}

.jssora05l,
.jssora05r {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url("") no-repeat;
  overflow: hidden
}

.jssora05l {
  background-position: -10px -40px
}

.jssora05r {
  background-position: -70px -40px
}

.jssora05l:hover {
  background-position: -130px -40px
}

.jssora05r:hover {
  background-position: -190px -40px
}

.jssora05l.jssora05ldn {
  background-position: -250px -40px
}

.jssora05r.jssora05rdn {
  background-position: -310px -40px
}

@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  body {
    overflow: visible !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " (" attr(href) ")"
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr,
  img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  .print-logo {
    display: block;
    margin-top: 6px
  }

  .logo,
  .site-footer,
  .site-header nav,
  .c-sub-nav,
  .content__secondary,
  .o-pagination,
  .article__footer,
  .c-play-controller,
  .c-social,
  .c-tabs,
  .no-print {
    display: none
  }
}

.rnz-media-button {
  display: inline-block;
  position: relative;
  width: 32px;
  margin: 2px
}

.rnz-media-button-small {
  display: inline-block;
  position: relative;
  width: 24px;
  margin: 2px
}

.rnz-media-container {
  display: flex;
  justify-content: center;
  align-items: center
}

.rnz-media-text {
  font-weight: 600
}

.rnz-media-text-extra {
  font-weight: 600;
  color: #ed615a
}

.rnz-media-text-extra-small {
  font-weight: 300;
  color: #d24141
}

.vercel-queue-player {
  position: relative;
  z-index: 10000
}

.vercel-site-header {
  position: relative;
  z-index: 9990
}

#chch-quake-10 {
  position: relative;
  color: #fff
}

#chch-quake-10 .coverage-panel-wrapper {
  background-color: #162222;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url("");
  background-size: cover;
  background-position: top center
}

#chch-quake-10 .fragments-promo {
  border: 2px solid white;
  display: flex;
  flex-direction: flex-row;
  flex-wrap: nowrap;
  padding: 0;
  align-items: stretch;
  border-radius: 2px;
  overflow: hidden
}

#chch-quake-10 .fragments-promo:hover {
  color: #bedf95;
  border-color: #bedf95
}

.fragments-promo-image {
  background-color: white;
  flex-grow: 1;
  width: 50%;
  max-width: 160px;
  min-width: 100px
}

.fragments-promo-image>div {
  overflow: hidden;
  padding-bottom: 100%;
  width: 100%
}

.fragments-promo-text {
  flex-grow: 1;
  padding: 8px 16px;
  box-sizing: border-box;
  align-self: center
}

.fragments-promo:hover .fragments-promo-text h4 {
  color: #bedf95
}

.fragments-promo-text h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: none;
  padding: 0;
  margin: 0;
  align-self: center
}

.fragments-promo-text span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 1px;
  color: #bedf95
}

#chch-quake-10 .right-links li,
#chch-quake-10 .left-links li {
  border-top: 2px solid #bedf95
}

#chch-quake-10 .right-links li:first-child,
#chch-quake-10 .left-links li:first-child {
  border-top: none
}

#chch-quake-10 .left-links li a:hover,
#chch-quake-10 .right-links li a:hover {
  color: #bedf95
}

#chch-quake-10 .extra-links {
  align-self: center
}

#chch-quake-10 .extra-links li {
  border-top: 0
}

#chch-quake-10 .fragments-episode {
  display: block;
  font-size: 18px;
  line-height: 1.1em;
  font-weight: 500;
  text-decoration: none
}

#chch-quake-10 .fragments-episode:hover {
  color: #bedf95
}

#chch-quake-10 .fragments-episode:hover span {
  color: white
}

#chch-quake-10 .small-caps {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #bedf95;
  letter-spacing: 0.06em;
  font-weight: 500
}

.coverage-panel-wrapper .panel-logo .panel-wrapper a {
  display: block
}

.coverage-panel-wrapper .panel-logo .panel-wrapper a img.chch-quake-10-logo-vertical {
  width: 100%;
  max-width: 100%
}

#chch-quake-10 .panel-logo .panel-wrapper a img.chch-quake-10-logo-horizontal {
  display: none;
  max-width: 600px;
  margin: 0px auto 20px
}

#chch-quake-10 .links-divider {
  border-top: 2px solid #bedf95
}

#chch-quake-10 .links-divider:last-of-type {
  margin-bottom: 20px
}

@media only screen and (min-width: 500px) and (max-width: 999px) {
  #chch-quake-10 .panel-logo a img.chch-quake-10-logo-horizontal {
    display: block !important
  }

  #chch-quake-10 img.chch-quake-10-logo-vertical {
    display: none
  }
}

@media only screen and (min-width: 800px) {
  #chch-quake-10 .coverage-panel-wrapper {
    background-image: url("");
    background-position: bottom center
  }
}

@media only screen and (min-width: 1000px) {

  #chch-quake-10 .panel-logo,
  #chch-quake-10 .left-links,
  #chch-quake-10 .right-links {
    align-self: center
  }

  #chch-quake-10 .coverage-panel-wrapper .links-divider {
    border-top: none
  }
}

#chch-terror-2021 {
  position: relative;
  color: #fff
}

#chch-terror-2021 .coverage-panel-wrapper {
  background-color: #104454;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: none;
  background-size: cover;
  background-position: top center
}

#chch-terror-2021 .fragments-promo {
  border: 2px solid white;
  display: flex;
  flex-direction: flex-row;
  flex-wrap: nowrap;
  padding: 0;
  align-items: stretch;
  border-radius: 2px;
  overflow: hidden
}

#chch-terror-2021 .fragments-promo:hover {
  color: #8fbdcc;
  border-color: #8fbdcc
}

#chch-terror-2021 .fragments-promo-image {
  background-color: #8fbdcc;
  flex-grow: 1;
  width: 50%;
  max-width: 160px;
  min-width: 100px
}

.fragments-promo-image>div {
  overflow: hidden;
  padding-bottom: 100%;
  width: 100%
}

.fragments-promo-text {
  flex-grow: 1;
  padding: 8px 16px;
  box-sizing: border-box;
  align-self: center
}

.fragments-promo:hover .fragments-promo-text h4 {
  color: #8fbdcc
}

.fragments-promo-text h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  text-transform: none;
  padding: 0;
  margin: 0;
  align-self: center
}

.fragments-promo-text span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 1px;
  color: #8fbdcc
}

#chch-terror-2021 .right-links li,
#chch-terror-2021 .left-links li {
  border-top: 2px solid #8fbdcc
}

#chch-terror-2021 .right-links li:first-child,
#chch-terror-2021 .left-links li:first-child {
  border-top: none
}

#chch-terror-2021 .left-links li a:hover,
#chch-terror-2021 .right-links li a:hover {
  color: #8fbdcc
}

#chch-terror-2021 .extra-links {
  align-self: center
}

#chch-terror-2021 .extra-links li {
  border-top: 0
}

#chch-terror-2021 .fragments-episode {
  display: block;
  font-size: 18px;
  line-height: 1.1em;
  font-weight: 500;
  text-decoration: none
}

#chch-terror-2021 .fragments-episode:hover {
  color: #8fbdcc
}

#chch-terror-2021 .fragments-episode:hover span {
  color: white
}

#chch-terror-2021 .small-caps {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #8fbdcc;
  letter-spacing: 0.06em;
  font-weight: 500
}

.coverage-panel-wrapper .panel-logo .panel-wrapper a {
  display: block
}

.coverage-panel-wrapper .panel-logo .panel-wrapper a img.chch-terror-2021-logo-vertical {
  width: 100%;
  max-width: 100%
}

#chch-terror-2021 .panel-logo .panel-wrapper a img.chch-terror-2021-logo-horizontal {
  display: none;
  max-width: 600px;
  margin: 0px auto 20px
}

#chch-terror-2021 .links-divider {
  border-top: 2px solid #8fbdcc
}

#chch-terror-2021 .links-divider:last-of-type {
  margin-bottom: 20px
}

@media only screen and (min-width: 500px) and (max-width: 999px) {
  #chch-terror-2021 .panel-logo a img.chch-terror-2021-logo-horizontal {
    display: block !important
  }

  #chch-terror-2021 img.chch-terror-2021-logo-vertical {
    display: none
  }
}

@media only screen and (min-width: 800px) {
  #chch-terror-2021 .coverage-panel-wrapper {
    background-image: none;
    background-position: bottom center
  }
}

@media only screen and (min-width: 1000px) {

  #chch-terror-2021 .panel-logo,
  #chch-terror-2021 .left-links,
  #chch-terror-2021 .right-links {
    align-self: center
  }

  #chch-terror-2021 .coverage-panel-wrapper .links-divider {
    border-top: none
  }
}

.coverage-panel-wrapper.to21 {
  background-image: none;
  background-color: #FAF8EF;
  color: black;
  padding-top: 40px;
  padding-bottom: 40px;
  background-position: center center;
  background-size: fill
}

.to21 .left-links a,
.to21 .right-links a {
  font-weight: 600
}

.to21-right-link,
.to21-left-link {
  border-bottom: 1px solid #EBEAE6
}

.to21-logo-vertical {
  margin: 0 auto;
  display: block
}

.to21-logo-horizontal {
  width: 100%;
  max-width: unset !important;
  max-height: 300px
}

.to21--hide {
  display: none !important
}

button.to21__btn-year {
  padding: 0;
  border: 0;
  background: transparent;
  font-weight: 800;
  margin-left: 5px
}

button.to21__btn-year.to21--active {
  color: #ed1c25
}

.to21 table {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  margin-bottom: 0;
  width: 100%
}

.to21 td {
  padding: 3px 0;
  border: 0;
  vertical-align: middle
}

*.to21-py-14,
td.to21-py-14 {
  padding: 14px 0
}

*.to21-pt-14,
td.to21-pt-14 {
  padding-top: 14px
}

*.to21-pt-14,
td.to21-pb-14 {
  padding-bottom: 14px
}

.to21-text-right {
  text-align: right
}

.to21-font-bold {
  font-weight: 800
}

.to21-text-xs {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em
}

.to21-coverage-message {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #595959 !important
}

.to21-coverage-message:hover {
  color: #9F8F5E !important
}

.to21-coverage-border {
  border-bottom: 1px solid #EBEAE6;
  padding-top: 8px
}

.to21-coverage-border:hover {
  border-bottom: 1px solid #9F8F5E
}

.to21-countdown-message {
  font-size: 13px;
  line-height: 1.33;
  letter-spacing: 0.02em
}

.to21-uppercase {
  text-transform: uppercase
}

.to21-medal-count {
  font-weight: 800;
  min-width: 2em;
  text-align: left;
  text-indent: 0.3em
}

.to21-medal {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  overflow: hidden
}

.to21-border-b-red {
  border-bottom: 1px solid #E5E5E5
}

.to21-border-b-white {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.to21-w-full {
  width: 100%
}

.to21 .panel-logo {
  border-bottom: 0 !important
}

.to21-secondary-text {
  color: #595959
}

.to21-header-text {
  color: #969696
}

.to21-border-t-0 {
  border-top: 0 !important
}

.to21 .left-links,
.to21 .right-links {
  margin-bottom: 40px
}

.to21 .left-links a,
.to21 .right-links a {
  color: black
}

.to21-links-header {
  padding-bottom: 14px;
  color: #969696;
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  line-height: 140%;
  letter-spacing: 1.1px
}

.to21-schedule-item {
  padding-top: 8px;
  padding-bottom: 9px
}

.to21-schedule-time {
  flex: 1 0 25%;
  font-size: 13px;
  align-self: flex-start;
  color: #959595
}

.to21-schedule-titles {
  flex: 1 0 70%;
  font-size: 13px
}

.to21-schedule-titles span {
  display: block
}

.to21-schedule-subtitle {
  color: #959595
}

.to21-schedule-disclaimer {
  font-size: 11px;
  color: #959595;
  padding-top: 8px
}

.to21-medal-table {
  padding-top: 8px;
  padding-bottom: 9px
}

.to21-medal-table span {
  font-size: 13px
}

.to21-m {
  flex: 1 0 12%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.to21-m-go,
.to21-m-si,
.to21-m-br {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  position: absolute
}

.to21-m-span {
  position: absolute
}

.to21-m-go {
  background: var(--Gold-Light, #F4CA72)
}

.to21-m-si {
  background: var(--Silver-Light, #E5E5E5)
}

.to21-m-br {
  background: var(--Bronze-Light, #D5B58C)
}

.to21-m-total {
  flex: 1 0 12%;
  text-align: right
}

.to21-m-flag {
  flex: 1 0 40%
}

.to21-m-flag .fi {
  margin-right: 8px
}

.to21-m-place {
  flex: 1 0 12%
}

.to21-m-updated {
  color: #959595;
  font-size: 11px;
  padding: 8px 0
}

.to21-countdown-text {
  margin-top: 8px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  padding-top: 4px
}

.to21-article-image {
  padding-top: 4px
}

.to21-article-image a {
  padding-bottom: 8px !important
}

.to21-article-header {
  padding-top: 0px !important
}

.to21-table-icon {
  height: 16px;
  width: 16px;
  margin-left: auto
}

.to21-table-icon svg {
  width: 16px;
  height: 16px;
  overflow: hidden
}

table.to21-medals-row td {
  padding: 11px 0
}

.to21-no-live-blog {
  font-weight: 400
}

.to21-no-live-blog .to21-live-blog-icon {
  border: 2px solid #b0b0b0
}

.to21-live-blog-icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 4px;
  position: relative;
  top: -1px
}

.to21-live-blog-icon.active {
  background-color: #ed1c25;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-animation: flickerAnimation 3s infinite;
  -moz-animation: flickerAnimation 3s infinite;
  -o-animation: flickerAnimation 3s infinite;
  animation: flickerAnimation 3s infinite
}

.coverage-panel-wrapper.to21 li,
.coverage-panel-wrapper-mini.to21 {
  line-height: auto
}

.coverage-panel-wrapper.to21 li a,
.coverage-panel-wrapper-mini.to21 li a {
  padding-top: 8px;
  padding-bottom: 9px;
  font-size: 16px
}

.coverage-panel-wrapper.to21 li a:hover {
  color: #9F8F5E;
  text-decoration: none
}

@keyframes flickerAnimation {
  0% {
    background-color: #ed1c25
  }

  50% {
    background-color: rgba(237, 28, 37, 0)
  }

  100% {
    background-color: #ed1c25
  }
}

@-o-keyframes flickerAnimation {
  0% {
    background-color: #ed1c25
  }

  50% {
    background-color: rgba(237, 28, 37, 0)
  }

  100% {
    background-color: #ed1c25
  }
}

@-moz-keyframes flickerAnimation {
  0% {
    background-color: #ed1c25
  }

  50% {
    background-color: rgba(237, 28, 37, 0)
  }

  100% {
    background-color: #ed1c25
  }
}

@-webkit-keyframes flickerAnimation {
  0% {
    background-color: #ed1c25
  }

  50% {
    background-color: rgba(237, 28, 37, 0)
  }

  100% {
    background-color: #ed1c25
  }
}

.coverage-panel-wrapper.to21,
.coverage-panel-wrapper-mini.to21 {
  background-image: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.coverage-panel-wrapper.to21 .extra-links li,
.coverage-panel-wrapper-mini.to21 .extra-links li {
  border-top: rgba(255, 255, 255, 0.3) solid 1px
}

.coverage-panel-wrapper.to21 .extra-links li:first-child,
.coverage-panel-wrapper-mini.to21 .extra-links li:first-child {
  border-top: none
}

.coverage-panel-wrapper.to21 .left-links li:first-child {
  border-top: none
}

.coverage-panel-wrapper.to21 .left-links li:first-child,
.coverage-panel-wrapper.to21 .right-links li:first-child {
  border-top: none
}

@media screen and (min-width: 640px) {

  .coverage-panel-wrapper.to21 .left-links,
  .coverage-panel-wrapper.to21 .right-links,
  .coverage-panel-wrapper.to21 .extra-links {
    margin-bottom: 0
  }

  .coverage-panel-wrapper.to21 .left-links li:first-child,
  .coverage-panel-wrapper.to21 .right-links li:first-child,
  .coverage-panel-wrapper.to21 .extra-links li:first-child {
    border-top: none
  }

  .coverage-panel-wrapper.to21 .right-links {
    border-top: none
  }

  .coverage-panel-wrapper.to21 .to21-logo-horizontal {
    display: block
  }

  .coverage-panel-wrapper.to21 .to21-logo-vertical {
    display: none
  }

  .coverage-panel-wrapper.to21 .left-links,
  .coverage-panel-wrapper.to21 .right-links {
    margin-bottom: 0px
  }
}

@media screen and (max-width: 640px) {
  .coverage-panel-wrapper.to21 .to21-logo-vertical {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .coverage-panel-wrapper.to21 .right-links {
    border-top: unset;
    order: unset
  }

  .coverage-panel-wrapper.to21 .to21-logo-horizontal {
    display: block
  }

  .coverage-panel-wrapper.to21 .to21-logo-vertical {
    display: none
  }
}

@media screen and (min-width: 1000px) {
  .coverage-panel-wrapper.to21 .to21-logo-horizontal {
    display: none
  }

  .coverage-panel-wrapper.to21 .to21-logo-vertical {
    display: block
  }

  .coverage-panel-wrapper.to21 .right-links li:first-child {
    border-top: none
  }
}

.panel-home-desktop {
  display: none
}

@media screen and (min-width: 1000px) {
  .panel-home-desktop {
    display: block
  }

  .extra-links {
    margin-top: -2px
  }
}

@media screen and (min-width: 1000px) {
  .panel-home-mobile {
    display: none
  }
}

@media only screen and (max-width: 499px) {
  .coverage-panel-wrapper .panel-logo {
    max-width: 280px;
    margin: 0 auto
  }
}

@media only screen and (max-width: 999px) {
  .coverage-panel-wrapper.covid-panel .panel-logo {
    max-width: 100%;
    padding-top: 12px
  }

  .coverage-panel-wrapper.covid-panel .panel-logo .panel-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline
  }

  .coverage-panel-wrapper.covid-panel .panel-logo .panel-wrapper a {
    margin-right: 10px
  }
}

@media only screen and (min-width: 640px) and (max-width: 800px) {
  .coverage-panel-wrapper .extra-links {
    border-top: none
  }

  .coverage-panel-wrapper .extra-links li {
    border-top: 0
  }
}

@media only screen and (min-width: 800px) {
  .coverage-panel-wrapper .links-divider {
    border-top: 0 !important
  }
}

@media only screen and (min-width: 1000px) {

  .coverage-panel-wrapper.to21 .panel-logo img,
  .coverage-panel-wrapper-mini.to21 .panel-logo img {
    max-width: 280px !important
  }
}

.to21-logo-vertical-text {
  position: absolute;
  top: 8%
}

.to21-logo-vertical-image {
  position: absolute;
  bottom: 0
}

@media only screen and (min-width: 1000px) and (max-width: 1050px) {
  .to21-logo-vertical-image {
    left: 1%
  }
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
  .coverage-panel-wrapper .panel-logo {
    margin-bottom: 20px
  }
}

@media only screen and (min-width: 1000px) {
  .coverage-panel-wrapper .panel-logo {
    align-self: center;
    max-width: unset !important;
    width: auto !important;
    min-width: unset !important
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
  .to21-events-header {
    display: none !important
  }
}

@media only screen and (min-width: 640px) and (max-width: 800px) {
  .to21-medals-col {
    max-width: 50%
  }
}

@media only screen and (min-width: 640px) and (max-width: 800px) {
  .to21-extra-links {
    display: block !important;
    padding-top: 32px !important
  }

  .to21-coverage-wrapper-mobile {
    order: 99;
    flex: 1
  }
}

@media screen and (max-width: 640px) {

  .to21 .left-links,
  .to21 .right-links {
    margin-bottom: 32px
  }
}

@media screen and (max-width: 768px) {
  .coverage-panel-wrapper.to21 li a {
    font-size: 20px
  }

  .to21-coverage-message {
    font-size: 16px !important
  }

  .to21-countdown-text {
    font-size: 30px
  }

  .to21-countdown-message,
  .to21-links-header,
  .to21-medal-table span,
  .to21-schedule-titles,
  .to21-schedule-time,
  .to21-schedule-disclaimer,
  .to21-m-updated {
    font-size: 16px
  }

  .to21-m-go,
  .to21-m-si,
  .to21-m-br {
    width: 32px;
    height: 32px;
    border-radius: 16px
  }

  .to21-coverage-wrapper-desktop {
    display: none !important
  }

  .to21-coverage-wrapper-mobile {
    display: block !important
  }
}

.to21-coverage-wrapper-mobile {
  display: none;
  text-align: center;
  padding-top: 32px
}

.to21-coverage-wrapper-mobile span {
  font-size: 16px;
  border-bottom: 1px solid #969696
}

.to21-coverage-wrapper-mobile a {
  color: #595959;
  font-weight: 600
}

.to21-links-header {
  letter-spacing: 0 !important
}

.to21-schedule-titles {
  line-height: 140% !important
}

.to21-m-span {
  line-height: 24px !important
}

.coverage-panel-wrapper .left-links li,
.coverage-panel-wrapper .right-links li {
  border-top: none !important
}

.coverage-panel-wrapper-mini a:hover {
  color: #9F8F5E !important;
  text-decoration: none !important;
  border-bottom: 1px solid #9F8F5E !important
}

.to21-m-updated,
.to21-schedule-disclaimer {
  line-height: 140% !important
}

@media screen and (max-width: 800px) {
  .to21-m-span {
    line-height: 32px !important
  }

  .to21-medal-table {
    min-height: 48px !important
  }
}

.to21-m[data-medal-number="0"] .to21-m-go,
.to21-m[data-medal-number="0"] .to21-m-si,
.to21-m[data-medal-number="0"] .to21-m-br {
  background: transparent !important
}

.to21-m[data-medal-number="0"] .to21-m-span {
  color: #969696 !important
}

.icon-email::before,
.icon--email::before {
  content: "✉️";
}

.broadcast-on,
.updated,
.c-byline {
  font-size: 15px;
  line-height: 1.2;
  color: #6d7570;
}

.c-dateblock {
  margin: 2rem 0;
}