@charset "UTF-8";
/****************************************************************************
   style.scss

   Primary stylesheet - includes the different modules _index.scss files
*****************************************************************************/
/****************************************************************************
   base/_index.scss

   Import all 'base' partials here
*****************************************************************************/
/****************************************************************************
   Normalize.scss
    - based on normalize.css v3.0.2 | MIT License | git.io/normalize
    - modified by Jo�o Silva to remove support IE8-9 and Firefox 4
*****************************************************************************/
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
details,
main,
summary {
  display: block; }

/**
 * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  vertical-align: baseline; }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 10.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * 1. Remove the gray background color from active links in IE 10.
 * 2. Improve readability of focused elements when they are also in an
 *    active/hover state.
 * 3. Addresses `outline` inconsistency between Chrome and other browsers.
 */
a {
  background-color: transparent;
  /* 1 */ }
  a:active, a:hover {
    outline: 0;
    /* 2 */ }
  a:focus {
    outline: thin dotted;
    /* 3 */ }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Safari and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Grouping content
   ========================================================================== */
/**
 * Address margin not present in Safari.
 */
figure {
  margin: 0; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Correct font family set oddly in Safari 5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 10.
 * 2. Remove excess padding in IE 10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: none;
  margin: 0;
  padding: 0; }

/**
 * 1. Correct `color` not being inherited in IE 10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* ==========================================================================
   Buttons
   ========================================================================== */
/**
 * Remove button styles.
 */
button {
  background-color: transparent;
  border: none;
  border-color: transparent;
  padding: 0; }
  button:focus {
    outline: none; }

/* ==========================================================================
  Headings
  ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  padding: 0; }

/* ==========================================================================
  Links
  ========================================================================== */
a {
  color: inherit;
  text-decoration: none;
  outline: none; }
  a:focus {
    outline: thin dotted;
    /* 3 */ }
  a:hover {
    cursor: pointer; }

/* ==========================================================================
  Lists
  ========================================================================== */
ol,
ul,
li {
  margin: 0;
  padding: 0; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInAndUp {
  0% {
    -ms-transform: translateY(121px);
    transform: translateY(121px);
    opacity: 0; }
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

/* Aspect ratio
--------------------------------------------*/
/* Image hover shading effect
--------------------------------------------*/
html {
  min-height: 100%;
  /* Needed for responsive images */ }

body {
  height: 100%;
  /* Needed for responsive images */
  min-width: 320px; }

@media screen and (min-device-width: 1024px) {
  body.onDemand {
    min-width: 640px; } }

p {
  margin: 0 0 20px 0; }

.img {
  max-width: 100%;
  width: 100%; }

.accessibility {
  position: absolute;
  top: auto;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.accessibility--notEffectVerticalHeight {
  top: -9999px; }

@media screen and (max-width: 1419px) {
  .ism-frame {
    display: none; } }

/* The Grid
 * --------------------
 * This is a simple set of grid functions and mixins using the Susy grid library which can be used to adhere to
 * the Brand Hub grid layouts at each breakpoint.  This allows us to use just what we need to layout the content.
 *
 *
 * Mixins:
 *
 * span($columns) - generates a column at $columns width with correct padding and floats (susy mixin)
 * span($columns nest) - generates a column at $columns width with no column gutter. Use on parent modules that have children that use the span mixin
 * span($columns of $parentColumns) - use on nested elements to get correct column width.
 * full-bleed() - generates a column at 100% width with no page gutter
 * left-bleed($columns) - generates a column at $columns width with no left page gutter
 * respond-to($grid-size) { @content } - wrap layout classes with this mixin so that calls to grid mixins and functions will use the correct grid config
 *
 * Functions:
 *
 * span($columns) - returns the width of a column that is $columns wide at the current breakpoint (susy function)
 * gutter() - returns the width of the column gutter at the current breakpoint (susy function)
 * page-gutter() - returns the width of the page gutter at the current breakpoint
 *
*/
*, *:before, *:after {
  box-sizing: border-box; }

/* ========================================================================
   Components wrapper/container
   ======================================================================= */
.container {
  margin-bottom: 40px;
  position: relative;
  z-index: 1; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  .container--no-margin {
    margin-bottom: 0; }

@media (max-width: 499px) {
  .grid-wrapper {
    margin-left: -5.5px;
    margin-right: -5.5px; }
  .container--full {
    margin-left: -4.5px;
    margin-right: -4.5px;
    padding-left: 4.5px;
    padding-right: 4.5px; } }

@media (min-width: 500px) {
  .grid-wrapper {
    margin-left: -7px;
    margin-right: -7px; }
  .container--full {
    margin-left: -7px;
    margin-right: -7px;
    padding-left: 7px;
    padding-right: 7px; }
  .container--fullNoPadding {
    margin-left: -7px;
    margin-right: -7px; } }

@media (min-width: 700px) {
  .container {
    margin-bottom: 60px; }
    .container--no-margin {
      margin-bottom: 0; }
  .grid-wrapper {
    margin-left: -9.5px;
    margin-right: -9.5px; }
  .container--full {
    padding-left: 10.5px;
    padding-right: 10.5px;
    margin-left: -10.5px;
    margin-right: -10.5px; }
  .container--fullNoPadding {
    margin-left: -10.5px;
    margin-right: -10.5px; }
  .brandHubHero-container + .moreEpisodes-container.moreEpisodes--carouselView {
    margin-top: -50px; } }

@media (min-width: 1000px) {
  .container {
    margin-bottom: 80px; }
    .container--no-margin {
      margin-bottom: 0; }
  .brandHubHero-container + .moreEpisodes-container.moreEpisodes--carouselView {
    margin-top: -70px; }
  .grid-wrapper {
    margin-left: -10px;
    margin-right: -10px; }
  .container--full {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px; }
  .container--fullNoPadding {
    margin-left: -20px;
    margin-right: -20px; } }

/*
Typography

Styleguide 1
*/
/*
Headings

All headings use across the site, including articles.

Markup:
<p class="{$modifiers}">The quick brown fox jumped over the lazy dog</p>

.h1 - Largest heading. Used for page or article title. Only 1 of these per page.
.h2 - Second level heading. Used for sub-heading inside articles (CMS h1 will convert to this)
.sectionHeading - Section / block heading
.h3 - Tertiary heading. Seldom used.

Styleguide 1.1
*/
/*-----------------------------------------
    Mobile (Base)
  -----------------------------------------*/
body,
.corporate-secondaryTitle {
  font-family: "c4.text.lowercase", "c4.text.uppercase", "c4.text.numbers", "c4.text.punctuation", "c4.text.currency", "c4.text.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

body {
  color: #565656;
  background: #ececec;
  font-size: 14px;
  line-height: 20px; }

.h1,
.h2,
.h3,
.h4,
.corporate-title,
.sectionHeading--corporate {
  font-family: "c4.headline.lowercase", "c4.headline.uppercase", "c4.headline.numbers", "c4.headline.punctuation", "c4.headline.currency", "c4.headline.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.h1,
.h2,
.h3,
.h4 {
  margin-top: 0;
  margin-bottom: 10px; }

.h1 {
  font-size: 24px;
  line-height: 30px; }

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

.h3 {
  font-size: 22px;
  line-height: 26px; }

.h4 {
  font-size: 14px;
  line-height: 17px; }

.sectionHeading {
  background-color: #444d57;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  padding: 9px 10px; }

.sliceHeading {
  font-size: 16px;
  line-height: 20px; }

.corporate-title,
.corporate-secondaryTitle {
  display: block;
  color: #565656; }

.corporate-title {
  font-size: 16px;
  line-height: 22px; }

.corporate-secondaryTitle {
  font-size: 14px;
  line-height: 20px; }

.brandHubMeta-textOpacity, .brandHubMeta-summary,
.brandHubMeta-nextOnPreTitle, .brandHubMeta-firstTxDate {
  opacity: 0.7; }

.font-c4 {
  /*
  H1 should be heading font across all break points,
  H2 should be heading font at large breakpoint only.
  All other header variants should be text font
  */
  font-family: "c4.chadwick.regular.lowercase", "c4.chadwick.regular.uppercase", "c4.chadwick.regular.numbers", "c4.chadwick.regular.punctuation", "c4.chadwick.regular.currency", "c4.chadwick.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-c4 .h1 {
    font-family: "c4.horseferry.regular.lowercase", "c4.horseferry.regular.uppercase", "c4.horseferry.regular.numbers", "c4.horseferry.regular.punctuation", "c4.horseferry.regular.currency", "c4.horseferry.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-c4 .h2,
  .font-c4 .h3,
  .font-c4 .h4,
  .font-c4 .regular-font {
    font-family: "c4.chadwick.regular.lowercase", "c4.chadwick.regular.uppercase", "c4.chadwick.regular.numbers", "c4.chadwick.regular.punctuation", "c4.chadwick.regular.currency", "c4.chadwick.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-c4 .list,
  .font-c4 .sliceHeading {
    font-family: "c4.chadwick.medium.lowercase", "c4.chadwick.medium.uppercase", "c4.chadwick.medium.numbers", "c4.chadwick.medium.punctuation", "c4.chadwick.medium.currency", "c4.chadwick.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-c4 .strong {
    font-family: "c4.chadwick.bold.lowercase", "c4.chadwick.bold.uppercase", "c4.chadwick.bold.numbers", "c4.chadwick.bold.punctuation", "c4.chadwick.bold.currency", "c4.chadwick.bold.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.font-e4 {
  /*
  H1 should be heading font across all break points,
  H2 should be heading font at large breakpoint only.
  All other header variants should be text font
  */
  font-family: "c4.router.regular.lowercase", "c4.router.regular.uppercase", "c4.router.regular.numbers", "c4.router.regular.punctuation", "c4.router.regular.currency", "c4.router.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .h1 {
    font-family: "c4.router.medium.lowercase", "c4.router.medium.uppercase", "c4.router.medium.numbers", "c4.router.medium.punctuation", "c4.router.medium.currency", "c4.router.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .h2,
  .font-e4 .h3,
  .font-e4 .h4,
  .font-e4 .regular-font {
    font-family: "c4.router.regular.lowercase", "c4.router.regular.uppercase", "c4.router.regular.numbers", "c4.router.regular.punctuation", "c4.router.regular.currency", "c4.router.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .list,
  .font-e4 .sliceHeading {
    font-family: "c4.router.medium.lowercase", "c4.router.medium.uppercase", "c4.router.medium.numbers", "c4.router.medium.punctuation", "c4.router.medium.currency", "c4.router.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .strong {
    font-family: "c4.router.bold.lowercase", "c4.router.bold.uppercase", "c4.router.bold.numbers", "c4.router.bold.punctuation", "c4.router.bold.currency", "c4.router.bold.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .sectionHeading {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; }
  .sectionHeading-container {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .sectionHeading--pullLeft {
    margin-left: -10px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  body {
    font-size: 16px;
    line-height: 24px; }
  .h1 {
    font-size: 34px;
    line-height: 38px; }
  .h2,
  .sectionHeading {
    font-size: 24px;
    line-height: 28px; }
  .sectionHeading {
    margin-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px; }
  .sectionHeading-container {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .sectionHeading--pullLeft {
    margin-left: -14px; }
  .sectionHeading--corporate {
    padding: 12px 14px; }
  .h3 {
    font-size: 32px;
    line-height: 38px; }
  .sliceHeading {
    font-size: 18px;
    line-height: 22px; }
  .h4 {
    font-size: 14px;
    line-height: 17px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  body {
    font-size: 14px;
    line-height: 20px; }
  .h1 {
    font-size: 34px;
    line-height: 38px; }
  .h2,
  .sectionHeading {
    font-size: 20px;
    line-height: 24px; }
  .sectionHeading {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  .sectionHeading-container {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .sectionHeading--pullLeft {
    margin-left: -20px; }
  .sectionHeading--corporate {
    padding: 12px 14px 12px 20px;
    margin-bottom: 0; }
  .h3 {
    font-size: 22px;
    line-height: 26px; }
  .h4 {
    font-size: 16px;
    line-height: 18px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  body {
    font-size: 16px;
    line-height: 24px; }
  .h1 {
    font-size: 48px;
    line-height: 52px; }
  .h2,
  .sectionHeading {
    font-size: 26px;
    line-height: 30px; }
  .sectionHeading {
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px; }
  .sectionHeading-container {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .sectionHeading--pullLeft {
    margin-left: -30px; }
  .sectionHeading--corporate {
    padding: 15px 20px 15px 30px;
    margin-bottom: 0; }
  .h3 {
    font-size: 28px;
    line-height: 32px; }
  .h4 {
    font-size: 18px;
    line-height: 18px; }
  .font-c4 .h2,
  .font-c4 .sectionHeading {
    font-family: "c4.horseferry.regular.lowercase", "c4.horseferry.regular.uppercase", "c4.horseferry.regular.numbers", "c4.horseferry.regular.punctuation", "c4.horseferry.regular.currency", "c4.horseferry.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-c4 .sectionHeading--corporate {
    font-family: "c4.headline.lowercase", "c4.headline.uppercase", "c4.headline.numbers", "c4.headline.punctuation", "c4.headline.currency", "c4.headline.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .h2,
  .font-e4 .sectionHeading {
    font-family: "c4.router.regular.lowercase", "c4.router.regular.uppercase", "c4.router.regular.numbers", "c4.router.regular.punctuation", "c4.router.regular.currency", "c4.router.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .sectionHeading--corporate {
    font-family: "c4.headline.lowercase", "c4.headline.uppercase", "c4.headline.numbers", "c4.headline.punctuation", "c4.headline.currency", "c4.headline.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .sliceHeading {
    font-size: 20px;
    line-height: 22px; } }

/*-----------------------------------------
    Mobile (Base)
  -----------------------------------------*/
.link {
  color: #42688b;
  outline: none; }
  .link:hover, .link:focus {
    text-decoration: underline;
    outline: none; }
  .link:hover {
    cursor: pointer; }

/*-----------------------------------------
    Mobile (Base)
  -----------------------------------------*/
.caption {
  color: #42688b;
  font-size: 18px;
  line-height: 24px; }

.note {
  font-size: 11px;
  line-height: 14px;
  opacity: 0.7; }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .caption {
    font-size: 19px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .caption {
    font-size: 17px;
    line-height: 22px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .caption {
    font-size: 20px;
    line-height: 24px; }
  .note {
    font-size: 12px;
    line-height: 15px; } }

@font-face {
  font-family: "fouricons";
  src: url("../fonts/fouricons.eot");
  src: url("../fonts/fouricons.eot?#iefix") format("embedded-opentype"), url("../fonts/fouricons.woff") format("woff"), url("../fonts/fouricons.ttf") format("truetype"), url("../fonts/fouricons.svg#fouricons") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'fouricons';
    src: url("../fonts/fouricons.svg#fouricons") format("svg"); } }

/*
Icons

Styleguide 2
*/
/*
Font Icons

 Note: In order to meet AA accessibility, the icon element must have an <strong>aria-hidden</strong> property set to <strong>true</strong>

 Markup:
 <span class="{$modifiers}" aria-hidden="true"></span>
 <span class="{$modifiers} test" aria-hidden="true"></span>

 sg-wrapper:
 <div style="font-size: 36px">
  <sg-wrapper-content/>
 </div>

.icon--accept    		    - accept
.icon--arrow-down		    - arrow-down
.icon--arrow-up  		    - arrow-up
.icon--audio-description    - audio-description
.icon--calendar  		    - calendar
.icon--camera    		    - camera
.icon--cancel	 		    - cancel
.icon--chevron-down		    - chevron-down
.icon--chevron-left		    - chevron-left
.icon--chevron-right		- chevron-right
.icon--chevron-up		    - chevron-up
.icon--clock                - clock
.icon--devices			    - devices
.icon--discover			    - discover
.icon--download			    - download
.icon--edit  			    - edit
.icon--email				- email
.icon--exit-full-screen	    - exit-full-screen
.icon--facebook			    - facebook
.icon--first			    - first
.icon--follow			    - follow
.icon--full-screen		    - full-screen
.icon--google			    - google
.icon--guidance			    - guidance
.icon--guide				- guide
.icon--history			    - history
.icon--information          - information
.icon--information-alt      - information
.icon--repeat               - repeat
.icon--last 			    - last
.icon--locked			    - locked
.icon--menu			        - menu
.icon--notification-empty   - notification-empty
.icon--notification-new	    - notification-new
.icon--overflow			    - overflow
.icon--overflow-vertical	- overflow vertical
.icon--paper				- paper
.icon--pause				- pause
.icon--pinterest		    - pinterest
.icon--play				    - play
.icon--pop-out			    - pop-out
.icon--replay			    - replay
.icon--resume			    - resume
.icon--search			    - search
.icon--settings			    - settings
.icon--sign-in			    - sign-in
.icon--sign-out			    - sign-out
.icon--stop				    - stop
.icon--subtitles			- subtitles
.icon--tumblr			    - tumblr
.icon--twitter			    - twitter
.icon--unfollow			    - unfollow
.icon--unlocked			    - unlocked
.icon--user				    - user
.icon--view-as-grid		    - view-as-user
.icon--volume-muted		    - volume-muted
.icon--volume-on			- volume-on
.icon--warning			    - warning
.icon--watching			    - watching

Styleguide 2.1
*/
.icon---large:before {
  font-size: 30px; }

.icon--accept:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "a"; }

.icon--arrow-down:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "b"; }

.icon--arrow-up:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "e"; }

.icon--audio-description:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "3"; }

.icon--calendar:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "f"; }

.icon--camera:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "g"; }

.icon--cancel:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "h"; }

.icon--chevron-down:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "2"; }

.icon--chevron-left:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "c"; }

.icon--chevron-right:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "d"; }

.icon--chevron-up:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "1"; }

.icon--clock:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "4"; }

.icon--devices:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "i"; }

.icon--discover:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "j"; }

.icon--download:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "k"; }

.icon--edit:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "l"; }

.icon--email:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "W"; }

.icon--exit-full-screen:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "m"; }

.icon--facebook:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "n"; }

.icon--first:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "o"; }

.icon--follow:before, .brandHeadBtn--favourite .brandHeadBtn-icon:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "≠"; }

.icon--full-screen:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "q"; }

.icon--google:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "r"; }

.icon--guidance:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "5"; }

.icon--guide:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "s"; }

.icon--history:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "t"; }

.icon--information:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "6"; }

.icon--information-alt:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: ";"; }

.icon--lock:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "v"; }

.icon--lock_open:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "P"; }

.icon--lock_outline:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "†"; }

.icon--repeat:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "9"; }

.icon--last:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "u"; }

.icon--locked:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "v"; }

.icon--menu:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "7"; }

.icon--notification-empty:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "w"; }

.icon--notification-new:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "x"; }

.icon--overflow:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "X"; }

.icon--overflow-vertical:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "Z"; }

.icon--paper:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "y"; }

.icon--pause:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "z"; }

.icon--pinterest:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "A"; }

.icon--play:before,
.icon--playing:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "B"; }

.icon--pop-out:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "D"; }

.icon--replay:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "G"; }

.icon--resume:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "H"; }

.icon--search:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "I"; }

.icon--settings:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "J"; }

.icon--sign-in:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "Y"; }

.icon--sign-out:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "K"; }

.icon--stop:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "L"; }

.icon--subtitles:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "8"; }

.icon--tumblr:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "M"; }

.icon--twitter:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "N"; }

.icon--followed:before, .brandHeadBtn--favourite.brandHeadBtn--favouriteSet .brandHeadBtn-icon:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "a"; }

.icon--unfollow:before, .brandHeadBtn--favourite.brandHeadBtn--tabFocus.brandHeadBtn--favouriteSet .brandHeadBtn-icon:before,
.brandHeadBtn--favourite.brandHeadBtn--favouriteSet:hover .brandHeadBtn-icon:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "∂"; }

.icon--unlocked:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "P"; }

.icon--user:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "Q"; }

.icon--view-as-grid:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "R"; }

.icon--volume-muted:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "S"; }

.icon--volume-on:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "T"; }

.icon--warning:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "U"; }

.icon--watching:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "V"; }

.icon--video-library:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "∫"; }

.icon--photo-library:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "}"; }

.icon--visibility-off:before {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: "~"; }

/*
Themes

Styleguide 5
*/
/*
Themes

Themes rely on a top class theme-${themeName} that should be added to the body. Then different combinations of background/foreground colors can be used
adding a different class to the element (please refer to the markup below).

 Markup:
 <div class="{$modifiers}">
    <div class="paletteCta">some text</div>
    <div class="palette1">some text</div>
    <div class="palette2">some text</div>
    <div class="palette3">some text</div>
    <div class="palette4">some text</div>
    <div class="paletteCtaTertiary"></div>
    <a class="link paletteLink">Text link</a>
    <a class="link paletteLinkOnDark">Text link</a>
 </div>


 sg-wrapper:
 <div style="padding: 10px; text-align: center;">
    <sg-wrapper-content/>
 </div>

.theme-onDemand - on demand theme
.theme-c4 - c4 theme
.theme-e4 - e4 theme
.theme-more4 - more4 theme
.theme-four7 - four7 theme
.theme-film4 - film4 theme
.theme-fourMusic - fourMusic theme
.theme-su2c - su2c theme
.theme-walterPresents - walter presents theme
.theme-c4News - c4 news theme
.theme-shorts - shorts theme
.theme-rewards - rewards theme


Styleguide 5.1
*/
/*---Start of theme-c4----*/
.theme-c4 .palette1 {
  background-color: #333c41;
  color: #fff; }

.theme-c4 .palette2,
.theme-c4 .buttonCta:focus {
  background-color: #2a3135;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4 .palette3 {
  background-color: #21262a;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4 .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4 .palette3 .paletteLinkOnDark:hover, .theme-c4 .palette3 .paletteLinkOnDark:focus, .theme-c4 .palette3 .paletteLinkOnDark:active {
      color: #81b1cc; }
  .theme-c4 .palette3 .textLinkOnDark:hover, .theme-c4 .palette3 .textLinkOnDark:focus, .theme-c4 .palette3 .textLinkOnDark:active {
    color: #81b1cc; }

.theme-c4 .palette4 {
  background-color: #14181a;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4 .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4 .palette4 .paletteLinkOnDark:hover, .theme-c4 .palette4 .paletteLinkOnDark:focus, .theme-c4 .palette4 .paletteLinkOnDark:active {
      color: #81b1cc; }
  .theme-c4 .palette4 .textLinkOnDark:hover, .theme-c4 .palette4 .textLinkOnDark:focus, .theme-c4 .palette4 .textLinkOnDark:active {
    color: #81b1cc; }

.theme-c4 .paletteCta {
  background-color: #516f80;
  color: #fff; }

.theme-c4 .paletteCtaTertiary {
  background-color: #edf0f2;
  color: #516f80; }

.theme-c4 .paletteLink {
  color: #516f80; }
  .theme-c4 .paletteLink:hover, .theme-c4 .paletteLink:active {
    color: #14181a;
    outline: none; }
  .theme-c4 .paletteLink:focus {
    color: #14181a; }

.theme-c4 .paletteLinkOnDark {
  color: #fff; }
  .theme-c4 .paletteLinkOnDark:hover, .theme-c4 .paletteLinkOnDark:focus, .theme-c4 .paletteLinkOnDark:active {
    color: #81b1cc; }

.theme-c4 .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4 .paletteLinkOnDark2:hover, .theme-c4 .paletteLinkOnDark2:focus, .theme-c4 .paletteLinkOnDark2:active {
    color: #81b1cc; }

.theme-c4 .textLinkOnLight {
  color: #516f80;
  border-bottom: 1px solid rgba(81, 111, 128, 0.2);
  text-decoration: none; }
  .theme-c4 .textLinkOnLight:hover, .theme-c4 .textLinkOnLight:focus, .theme-c4 .textLinkOnLight:active {
    color: #14181a;
    border-bottom: 1px solid #14181a; }

.theme-c4 .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4 .textLinkOnDark:hover, .theme-c4 .textLinkOnDark:focus, .theme-c4 .textLinkOnDark:active {
    color: #81b1cc; }

.theme-c4 .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4 .textLinkOnDark2:hover, .theme-c4 .textLinkOnDark2:focus, .theme-c4 .textLinkOnDark2:active {
    color: #81b1cc; }

.theme-c4 .buttonCta--primary,
.theme-c4 .buttonCtaAlt {
  background-color: #516f80;
  color: #fff;
  border-color: #516f80;
  transition: all 75ms ease-in; }
  .theme-c4 .buttonCta--primary:hover,
  .theme-c4 .buttonCtaAlt:hover {
    background-color: #445e6c; }
  .theme-c4 .buttonCta--primary:focus, .theme-c4 .buttonCta--primary:active,
  .theme-c4 .buttonCtaAlt:focus,
  .theme-c4 .buttonCtaAlt:active {
    background-color: #2a3135; }

.theme-c4 .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #516f80;
  color: #14181a; }
  .theme-c4 .buttonCta--secondary:focus, .theme-c4 .buttonCta--secondary:active {
    background-color: #2a3135; }

.theme-c4 .buttonCta--tertiary {
  background-color: #edf0f2;
  color: #14181a;
  border-color: #edf0f2; }
  .theme-c4 .buttonCta--tertiary:focus, .theme-c4 .buttonCta--tertiary:active {
    background-color: #2a3135; }

.theme-c4 .buttonNav {
  background-color: #516f80; }
  .theme-c4 .buttonNav:hover, .theme-c4 .buttonNav:active {
    background: #2a3135;
    color: #90a5b1; }

.theme-c4 a {
  transition: all 75ms ease-in; }

.theme-c4 .secondaryNavPill {
  color: #fff; }
  .theme-c4 .secondaryNavPill:hover, .theme-c4 .secondaryNavPill:focus, .theme-c4 .secondaryNavPill:active {
    color: #81b1cc;
    background-color: #14181a; }

.theme-c4 .secondaryNavPill.secondaryNavPill--isActive {
  color: #14181a;
  background-color: #fff; }

.theme-c4 .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #14181a;
  color: #81b1cc; }

.theme-c4 .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4 .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #333c41;
    background-color: #edf0f2; }
  .theme-c4 .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #14181a; }
  .theme-c4 .secondaryNavPill-toggle:hover {
    color: #81b1cc;
    border: 1px solid #81b1cc; }

.theme-c4 .brandHeadInfo-summary {
  color: #fff; }

.theme-c4 .carousel-control {
  background-color: rgba(81, 111, 128, 0.75);
  color: #fff; }

.theme-c4 .gallery-thumb--selected:before {
  border-color: #333c41; }

.theme-c4 .skipLinksItem-link {
  background-color: #516f80;
  color: #fff; }

.theme-c4 .inputText:focus {
  border-color: #516f80; }

.theme-c4 .info-icon {
  background-color: #516f80;
  color: #fff; }

.theme-c4 .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4 .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4 .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4 .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #333c41; }

/*-----end of theme-c4----*/
/*---Start of theme-e4----*/
.theme-e4 .palette1 {
  background-color: #6E2FBC;
  color: #fff; }

.theme-e4 .palette2,
.theme-e4 .buttonCta:focus {
  background-color: #5D289E;
  color: rgba(255, 255, 255, 0.7); }

.theme-e4 .palette3 {
  background-color: #4B207F;
  color: rgba(255, 255, 255, 0.7); }
  .theme-e4 .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-e4 .palette3 .paletteLinkOnDark:hover, .theme-e4 .palette3 .paletteLinkOnDark:focus, .theme-e4 .palette3 .paletteLinkOnDark:active {
      color: #DBBDFF; }
  .theme-e4 .palette3 .textLinkOnDark:hover, .theme-e4 .palette3 .textLinkOnDark:focus, .theme-e4 .palette3 .textLinkOnDark:active {
    color: #DBBDFF; }

.theme-e4 .palette4 {
  background-color: #2D134C;
  color: rgba(255, 255, 255, 0.7); }
  .theme-e4 .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-e4 .palette4 .paletteLinkOnDark:hover, .theme-e4 .palette4 .paletteLinkOnDark:focus, .theme-e4 .palette4 .paletteLinkOnDark:active {
      color: #DBBDFF; }
  .theme-e4 .palette4 .textLinkOnDark:hover, .theme-e4 .palette4 .textLinkOnDark:focus, .theme-e4 .palette4 .textLinkOnDark:active {
    color: #DBBDFF; }

.theme-e4 .paletteCta {
  background-color: #9741ff;
  color: #fff; }

.theme-e4 .paletteCtaTertiary {
  background-color: #E8E0F3;
  color: #9741FF; }

.theme-e4 .paletteLink {
  color: #9741FF; }
  .theme-e4 .paletteLink:hover, .theme-e4 .paletteLink:active {
    color: #2D134C;
    outline: none; }
  .theme-e4 .paletteLink:focus {
    color: #2D134C; }

.theme-e4 .paletteLinkOnDark {
  color: #fff; }
  .theme-e4 .paletteLinkOnDark:hover, .theme-e4 .paletteLinkOnDark:focus, .theme-e4 .paletteLinkOnDark:active {
    color: #DBBDFF; }

.theme-e4 .paletteLinkOnDark2 {
  color: #fff; }
  .theme-e4 .paletteLinkOnDark2:hover, .theme-e4 .paletteLinkOnDark2:focus, .theme-e4 .paletteLinkOnDark2:active {
    color: #DBBDFF; }

.theme-e4 .textLinkOnLight {
  color: #9741FF;
  border-bottom: 1px solid rgba(151, 65, 255, 0.2);
  text-decoration: none; }
  .theme-e4 .textLinkOnLight:hover, .theme-e4 .textLinkOnLight:focus, .theme-e4 .textLinkOnLight:active {
    color: #2D134C;
    border-bottom: 1px solid #2D134C; }

.theme-e4 .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-e4 .textLinkOnDark:hover, .theme-e4 .textLinkOnDark:focus, .theme-e4 .textLinkOnDark:active {
    color: #DBBDFF; }

.theme-e4 .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-e4 .textLinkOnDark2:hover, .theme-e4 .textLinkOnDark2:focus, .theme-e4 .textLinkOnDark2:active {
    color: #DBBDFF; }

.theme-e4 .buttonCta--primary,
.theme-e4 .buttonCtaAlt {
  background-color: #9741ff;
  color: #fff;
  border-color: #9741ff;
  transition: all 75ms ease-in; }
  .theme-e4 .buttonCta--primary:hover,
  .theme-e4 .buttonCtaAlt:hover {
    background-color: #8031DF; }
  .theme-e4 .buttonCta--primary:focus, .theme-e4 .buttonCta--primary:active,
  .theme-e4 .buttonCtaAlt:focus,
  .theme-e4 .buttonCtaAlt:active {
    background-color: #5D289E; }

.theme-e4 .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #9741ff;
  color: #2D134C; }
  .theme-e4 .buttonCta--secondary:focus, .theme-e4 .buttonCta--secondary:active {
    background-color: #5D289E; }

.theme-e4 .buttonCta--tertiary {
  background-color: #E8E0F3;
  color: #2D134C;
  border-color: #E8E0F3; }
  .theme-e4 .buttonCta--tertiary:focus, .theme-e4 .buttonCta--tertiary:active {
    background-color: #5D289E; }

.theme-e4 .buttonNav {
  background-color: #9741ff; }
  .theme-e4 .buttonNav:hover, .theme-e4 .buttonNav:active {
    background: #5D289E;
    color: #BD5DF9; }

.theme-e4 a {
  transition: all 75ms ease-in; }

.theme-e4 .secondaryNavPill {
  color: #fff; }
  .theme-e4 .secondaryNavPill:hover, .theme-e4 .secondaryNavPill:focus, .theme-e4 .secondaryNavPill:active {
    color: #DBBDFF;
    background-color: #2D134C; }

.theme-e4 .secondaryNavPill.secondaryNavPill--isActive {
  color: #2D134C;
  background-color: #fff; }

.theme-e4 .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #2D134C;
  color: #DBBDFF; }

.theme-e4 .secondaryNavPill-toggle {
  color: #fff; }
  .theme-e4 .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #6E2FBC;
    background-color: #E8E0F3; }
  .theme-e4 .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #2D134C; }
  .theme-e4 .secondaryNavPill-toggle:hover {
    color: #DBBDFF;
    border: 1px solid #DBBDFF; }

.theme-e4 .brandHeadInfo-summary {
  color: #fff; }

.theme-e4 .carousel-control {
  background-color: rgba(151, 65, 255, 0.75);
  color: #fff; }

.theme-e4 .gallery-thumb--selected:before {
  border-color: #6E2FBC; }

.theme-e4 .skipLinksItem-link {
  background-color: #9741ff;
  color: #fff; }

.theme-e4 .inputText:focus {
  border-color: #9741ff; }

.theme-e4 .info-icon {
  background-color: #9741ff;
  color: #fff; }

.theme-e4 .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-e4 .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-e4 .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-e4 .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #6E2FBC; }

/*-----end of theme-e4----*/
/*---Start of theme-more4----*/
.theme-more4 .palette1 {
  background-color: #2E6520;
  color: #fff; }

.theme-more4 .palette2,
.theme-more4 .buttonCta:focus {
  background-color: #234D18;
  color: rgba(255, 255, 255, 0.7); }

.theme-more4 .palette3 {
  background-color: #1C3E13;
  color: rgba(255, 255, 255, 0.7); }
  .theme-more4 .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-more4 .palette3 .paletteLinkOnDark:hover, .theme-more4 .palette3 .paletteLinkOnDark:focus, .theme-more4 .palette3 .paletteLinkOnDark:active {
      color: #A7DE96; }
  .theme-more4 .palette3 .textLinkOnDark:hover, .theme-more4 .palette3 .textLinkOnDark:focus, .theme-more4 .palette3 .textLinkOnDark:active {
    color: #A7DE96; }

.theme-more4 .palette4 {
  background-color: #16320F;
  color: rgba(255, 255, 255, 0.7); }
  .theme-more4 .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-more4 .palette4 .paletteLinkOnDark:hover, .theme-more4 .palette4 .paletteLinkOnDark:focus, .theme-more4 .palette4 .paletteLinkOnDark:active {
      color: #A7DE96; }
  .theme-more4 .palette4 .textLinkOnDark:hover, .theme-more4 .palette4 .textLinkOnDark:focus, .theme-more4 .palette4 .textLinkOnDark:active {
    color: #A7DE96; }

.theme-more4 .paletteCta {
  background-color: #56BE3C;
  color: #fff; }

.theme-more4 .paletteCtaTertiary {
  background-color: #E2ECDF;
  color: #234D18; }

.theme-more4 .paletteLink {
  color: #234D18; }
  .theme-more4 .paletteLink:hover, .theme-more4 .paletteLink:active {
    color: #16320F;
    outline: none; }
  .theme-more4 .paletteLink:focus {
    color: #16320F; }

.theme-more4 .paletteLinkOnDark {
  color: #fff; }
  .theme-more4 .paletteLinkOnDark:hover, .theme-more4 .paletteLinkOnDark:focus, .theme-more4 .paletteLinkOnDark:active {
    color: #A7DE96; }

.theme-more4 .paletteLinkOnDark2 {
  color: #fff; }
  .theme-more4 .paletteLinkOnDark2:hover, .theme-more4 .paletteLinkOnDark2:focus, .theme-more4 .paletteLinkOnDark2:active {
    color: #A7DE96; }

.theme-more4 .textLinkOnLight {
  color: #234D18;
  border-bottom: 1px solid rgba(35, 77, 24, 0.2);
  text-decoration: none; }
  .theme-more4 .textLinkOnLight:hover, .theme-more4 .textLinkOnLight:focus, .theme-more4 .textLinkOnLight:active {
    color: #16320F;
    border-bottom: 1px solid #16320F; }

.theme-more4 .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-more4 .textLinkOnDark:hover, .theme-more4 .textLinkOnDark:focus, .theme-more4 .textLinkOnDark:active {
    color: #A7DE96; }

.theme-more4 .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-more4 .textLinkOnDark2:hover, .theme-more4 .textLinkOnDark2:focus, .theme-more4 .textLinkOnDark2:active {
    color: #A7DE96; }

.theme-more4 .buttonCta--primary,
.theme-more4 .buttonCtaAlt {
  background-color: #56BE3C;
  color: #fff;
  border-color: #56BE3C;
  transition: all 75ms ease-in; }
  .theme-more4 .buttonCta--primary:hover,
  .theme-more4 .buttonCtaAlt:hover {
    background-color: #3CA023; }
  .theme-more4 .buttonCta--primary:focus, .theme-more4 .buttonCta--primary:active,
  .theme-more4 .buttonCtaAlt:focus,
  .theme-more4 .buttonCtaAlt:active {
    background-color: #234D18; }

.theme-more4 .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #56BE3C;
  color: #16320F; }
  .theme-more4 .buttonCta--secondary:focus, .theme-more4 .buttonCta--secondary:active {
    background-color: #234D18; }

.theme-more4 .buttonCta--tertiary {
  background-color: #E2ECDF;
  color: #16320F;
  border-color: #E2ECDF; }
  .theme-more4 .buttonCta--tertiary:focus, .theme-more4 .buttonCta--tertiary:active {
    background-color: #234D18; }

.theme-more4 .buttonNav {
  background-color: #56BE3C; }
  .theme-more4 .buttonNav:hover, .theme-more4 .buttonNav:active {
    background: #234D18;
    color: #55DB33; }

.theme-more4 a {
  transition: all 75ms ease-in; }

.theme-more4 .secondaryNavPill {
  color: #fff; }
  .theme-more4 .secondaryNavPill:hover, .theme-more4 .secondaryNavPill:focus, .theme-more4 .secondaryNavPill:active {
    color: #A7DE96;
    background-color: #16320F; }

.theme-more4 .secondaryNavPill.secondaryNavPill--isActive {
  color: #16320F;
  background-color: #fff; }

.theme-more4 .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #16320F;
  color: #A7DE96; }

.theme-more4 .secondaryNavPill-toggle {
  color: #fff; }
  .theme-more4 .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #2E6520;
    background-color: #E2ECDF; }
  .theme-more4 .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #16320F; }
  .theme-more4 .secondaryNavPill-toggle:hover {
    color: #A7DE96;
    border: 1px solid #A7DE96; }

.theme-more4 .brandHeadInfo-summary {
  color: #fff; }

.theme-more4 .carousel-control {
  background-color: rgba(86, 190, 60, 0.75);
  color: #fff; }

.theme-more4 .gallery-thumb--selected:before {
  border-color: #2E6520; }

.theme-more4 .skipLinksItem-link {
  background-color: #56BE3C;
  color: #fff; }

.theme-more4 .inputText:focus {
  border-color: #56BE3C; }

.theme-more4 .info-icon {
  background-color: #56BE3C;
  color: #fff; }

.theme-more4 .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-more4 .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-more4 .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-more4 .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #2E6520; }

/*-----end of theme-more4----*/
/*---Start of theme-four7----*/
.theme-four7 .palette1 {
  background-color: #3a8088;
  color: #fff; }

.theme-four7 .palette2,
.theme-four7 .buttonCta:focus {
  background-color: #36787d;
  color: rgba(255, 255, 255, 0.7); }

.theme-four7 .palette3 {
  background-color: #2a5b60;
  color: rgba(255, 255, 255, 0.7); }
  .theme-four7 .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-four7 .palette3 .paletteLinkOnDark:hover, .theme-four7 .palette3 .paletteLinkOnDark:focus, .theme-four7 .palette3 .paletteLinkOnDark:active {
      color: #90ded9; }
  .theme-four7 .palette3 .textLinkOnDark:hover, .theme-four7 .palette3 .textLinkOnDark:focus, .theme-four7 .palette3 .textLinkOnDark:active {
    color: #90ded9; }

.theme-four7 .palette4 {
  background-color: #1a3b3e;
  color: rgba(255, 255, 255, 0.7); }
  .theme-four7 .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-four7 .palette4 .paletteLinkOnDark:hover, .theme-four7 .palette4 .paletteLinkOnDark:focus, .theme-four7 .palette4 .paletteLinkOnDark:active {
      color: #90ded9; }
  .theme-four7 .palette4 .textLinkOnDark:hover, .theme-four7 .palette4 .textLinkOnDark:focus, .theme-four7 .palette4 .textLinkOnDark:active {
    color: #90ded9; }

.theme-four7 .paletteCta {
  background-color: #90ded9;
  color: #2a5b60; }

.theme-four7 .paletteCtaTertiary {
  background-color: #e8f2f4;
  color: #3a8088; }

.theme-four7 .paletteLink {
  color: #3a8088; }
  .theme-four7 .paletteLink:hover, .theme-four7 .paletteLink:active {
    color: #14181a;
    outline: none; }
  .theme-four7 .paletteLink:focus {
    color: #14181a; }

.theme-four7 .paletteLinkOnDark {
  color: #fff; }
  .theme-four7 .paletteLinkOnDark:hover, .theme-four7 .paletteLinkOnDark:focus, .theme-four7 .paletteLinkOnDark:active {
    color: #000800; }

.theme-four7 .paletteLinkOnDark2 {
  color: #fff; }
  .theme-four7 .paletteLinkOnDark2:hover, .theme-four7 .paletteLinkOnDark2:focus, .theme-four7 .paletteLinkOnDark2:active {
    color: #90ded9; }

.theme-four7 .textLinkOnLight {
  color: #3a8088;
  border-bottom: 1px solid rgba(58, 128, 136, 0.2);
  text-decoration: none; }
  .theme-four7 .textLinkOnLight:hover, .theme-four7 .textLinkOnLight:focus, .theme-four7 .textLinkOnLight:active {
    color: #14181a;
    border-bottom: 1px solid #14181a; }

.theme-four7 .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-four7 .textLinkOnDark:hover, .theme-four7 .textLinkOnDark:focus, .theme-four7 .textLinkOnDark:active {
    color: #000800; }

.theme-four7 .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-four7 .textLinkOnDark2:hover, .theme-four7 .textLinkOnDark2:focus, .theme-four7 .textLinkOnDark2:active {
    color: #90ded9; }

.theme-four7 .buttonCta--primary,
.theme-four7 .buttonCtaAlt {
  background-color: #90ded9;
  color: #2a5b60;
  border-color: #90ded9;
  transition: all 75ms ease-in; }
  .theme-four7 .buttonCta--primary:hover,
  .theme-four7 .buttonCtaAlt:hover {
    background-color: #a0e2de; }
  .theme-four7 .buttonCta--primary:focus, .theme-four7 .buttonCta--primary:active,
  .theme-four7 .buttonCtaAlt:focus,
  .theme-four7 .buttonCtaAlt:active {
    background-color: #36787d; }

.theme-four7 .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #90ded9;
  color: #14181a; }
  .theme-four7 .buttonCta--secondary:focus, .theme-four7 .buttonCta--secondary:active {
    background-color: #36787d; }

.theme-four7 .buttonCta--tertiary {
  background-color: #e8f2f4;
  color: #14181a;
  border-color: #e8f2f4; }
  .theme-four7 .buttonCta--tertiary:focus, .theme-four7 .buttonCta--tertiary:active {
    background-color: #36787d; }

.theme-four7 .buttonNav {
  background-color: #90ded9; }
  .theme-four7 .buttonNav:hover, .theme-four7 .buttonNav:active {
    background: #36787d;
    color: #68ced9; }

.theme-four7 a {
  transition: all 75ms ease-in; }

.theme-four7 .secondaryNavPill {
  color: #fff; }
  .theme-four7 .secondaryNavPill:hover, .theme-four7 .secondaryNavPill:focus, .theme-four7 .secondaryNavPill:active {
    color: #90ded9;
    background-color: #1a3b3e; }

.theme-four7 .secondaryNavPill.secondaryNavPill--isActive {
  color: #1a3b3e;
  background-color: #fff; }

.theme-four7 .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #1a3b3e;
  color: #000800; }

.theme-four7 .secondaryNavPill-toggle {
  color: #fff; }
  .theme-four7 .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #3a8088;
    background-color: #e8f2f4; }
  .theme-four7 .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #14181a; }
  .theme-four7 .secondaryNavPill-toggle:hover {
    color: #000800;
    border: 1px solid #000800; }

.theme-four7 .brandHeadInfo-summary {
  color: #fff; }

.theme-four7 .carousel-control {
  background-color: rgba(144, 222, 217, 0.75);
  color: #2a5b60; }

.theme-four7 .gallery-thumb--selected:before {
  border-color: #3a8088; }

.theme-four7 .skipLinksItem-link {
  background-color: #90ded9;
  color: #2a5b60; }

.theme-four7 .inputText:focus {
  border-color: #90ded9; }

.theme-four7 .info-icon {
  background-color: #90ded9;
  color: #2a5b60; }

.theme-four7 .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-four7 .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-four7 .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-four7 .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #3a8088; }

/*-----end of theme-four7----*/
/*---Start of theme-film4----*/
.theme-film4 .palette1 {
  background-color: #D2081E;
  color: #fff; }

.theme-film4 .palette2,
.theme-film4 .buttonCta:focus {
  background-color: #a90819;
  color: rgba(255, 255, 255, 0.7); }

.theme-film4 .palette3 {
  background-color: #870614;
  color: rgba(255, 255, 255, 0.7); }
  .theme-film4 .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-film4 .palette3 .paletteLinkOnDark:hover, .theme-film4 .palette3 .paletteLinkOnDark:focus, .theme-film4 .palette3 .paletteLinkOnDark:active {
      color: #ffcfd4; }
  .theme-film4 .palette3 .textLinkOnDark:hover, .theme-film4 .palette3 .textLinkOnDark:focus, .theme-film4 .palette3 .textLinkOnDark:active {
    color: #ffcfd4; }

.theme-film4 .palette4 {
  background-color: #540303;
  color: rgba(255, 255, 255, 0.7); }
  .theme-film4 .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-film4 .palette4 .paletteLinkOnDark:hover, .theme-film4 .palette4 .paletteLinkOnDark:focus, .theme-film4 .palette4 .paletteLinkOnDark:active {
      color: #ffcfd4; }
  .theme-film4 .palette4 .textLinkOnDark:hover, .theme-film4 .palette4 .textLinkOnDark:focus, .theme-film4 .palette4 .textLinkOnDark:active {
    color: #ffcfd4; }

.theme-film4 .paletteCta {
  background-color: #df001a;
  color: #fff; }

.theme-film4 .paletteCtaTertiary {
  background-color: #ffeeee;
  color: #d2081e; }

.theme-film4 .paletteLink {
  color: #d2081e; }
  .theme-film4 .paletteLink:hover, .theme-film4 .paletteLink:active {
    color: #540303;
    outline: none; }
  .theme-film4 .paletteLink:focus {
    color: #540303; }

.theme-film4 .paletteLinkOnDark {
  color: #fff; }
  .theme-film4 .paletteLinkOnDark:hover, .theme-film4 .paletteLinkOnDark:focus, .theme-film4 .paletteLinkOnDark:active {
    color: #ffcfd4; }

.theme-film4 .paletteLinkOnDark2 {
  color: #fff; }
  .theme-film4 .paletteLinkOnDark2:hover, .theme-film4 .paletteLinkOnDark2:focus, .theme-film4 .paletteLinkOnDark2:active {
    color: #ffcfd4; }

.theme-film4 .textLinkOnLight {
  color: #d2081e;
  border-bottom: 1px solid rgba(210, 8, 30, 0.2);
  text-decoration: none; }
  .theme-film4 .textLinkOnLight:hover, .theme-film4 .textLinkOnLight:focus, .theme-film4 .textLinkOnLight:active {
    color: #540303;
    border-bottom: 1px solid #540303; }

.theme-film4 .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-film4 .textLinkOnDark:hover, .theme-film4 .textLinkOnDark:focus, .theme-film4 .textLinkOnDark:active {
    color: #ffcfd4; }

.theme-film4 .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-film4 .textLinkOnDark2:hover, .theme-film4 .textLinkOnDark2:focus, .theme-film4 .textLinkOnDark2:active {
    color: #ffcfd4; }

.theme-film4 .buttonCta--primary,
.theme-film4 .buttonCtaAlt {
  background-color: #df001a;
  color: #fff;
  border-color: #df001a;
  transition: all 75ms ease-in; }
  .theme-film4 .buttonCta--primary:hover,
  .theme-film4 .buttonCtaAlt:hover {
    background-color: #bd0016; }
  .theme-film4 .buttonCta--primary:focus, .theme-film4 .buttonCta--primary:active,
  .theme-film4 .buttonCtaAlt:focus,
  .theme-film4 .buttonCtaAlt:active {
    background-color: #a90819; }

.theme-film4 .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #df001a;
  color: #540303; }
  .theme-film4 .buttonCta--secondary:focus, .theme-film4 .buttonCta--secondary:active {
    background-color: #a90819; }

.theme-film4 .buttonCta--tertiary {
  background-color: #ffeeee;
  color: #540303;
  border-color: #ffeeee; }
  .theme-film4 .buttonCta--tertiary:focus, .theme-film4 .buttonCta--tertiary:active {
    background-color: #a90819; }

.theme-film4 .buttonNav {
  background-color: #df001a; }
  .theme-film4 .buttonNav:hover, .theme-film4 .buttonNav:active {
    background: #a90819;
    color: #ff6474; }

.theme-film4 a {
  transition: all 75ms ease-in; }

.theme-film4 .secondaryNavPill {
  color: #fff; }
  .theme-film4 .secondaryNavPill:hover, .theme-film4 .secondaryNavPill:focus, .theme-film4 .secondaryNavPill:active {
    color: #ffcfd4;
    background-color: #540303; }

.theme-film4 .secondaryNavPill.secondaryNavPill--isActive {
  color: #540303;
  background-color: #fff; }

.theme-film4 .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #540303;
  color: #ffcfd4; }

.theme-film4 .secondaryNavPill-toggle {
  color: #fff; }
  .theme-film4 .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #D2081E;
    background-color: #ffeeee; }
  .theme-film4 .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #540303; }
  .theme-film4 .secondaryNavPill-toggle:hover {
    color: #ffcfd4;
    border: 1px solid #ffcfd4; }

.theme-film4 .brandHeadInfo-summary {
  color: #fff; }

.theme-film4 .carousel-control {
  background-color: rgba(223, 0, 26, 0.75);
  color: #fff; }

.theme-film4 .gallery-thumb--selected:before {
  border-color: #D2081E; }

.theme-film4 .skipLinksItem-link {
  background-color: #df001a;
  color: #fff; }

.theme-film4 .inputText:focus {
  border-color: #df001a; }

.theme-film4 .info-icon {
  background-color: #df001a;
  color: #fff; }

.theme-film4 .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-film4 .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-film4 .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-film4 .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #D2081E; }

/*-----end of theme-film4----*/
/*---Start of theme-fourmusic----*/
.theme-fourmusic .palette1 {
  background-color: #e40085;
  color: #fff; }

.theme-fourmusic .palette2,
.theme-fourmusic .buttonCta:focus {
  background-color: #bd0171;
  color: rgba(255, 255, 255, 0.7); }

.theme-fourmusic .palette3 {
  background-color: #8f0256;
  color: rgba(255, 255, 255, 0.7); }
  .theme-fourmusic .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-fourmusic .palette3 .paletteLinkOnDark:hover, .theme-fourmusic .palette3 .paletteLinkOnDark:focus, .theme-fourmusic .palette3 .paletteLinkOnDark:active {
      color: #000000; }
  .theme-fourmusic .palette3 .textLinkOnDark:hover, .theme-fourmusic .palette3 .textLinkOnDark:focus, .theme-fourmusic .palette3 .textLinkOnDark:active {
    color: #000000; }

.theme-fourmusic .palette4 {
  background-color: #5e0038;
  color: rgba(255, 255, 255, 0.7); }
  .theme-fourmusic .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-fourmusic .palette4 .paletteLinkOnDark:hover, .theme-fourmusic .palette4 .paletteLinkOnDark:focus, .theme-fourmusic .palette4 .paletteLinkOnDark:active {
      color: #000000; }
  .theme-fourmusic .palette4 .textLinkOnDark:hover, .theme-fourmusic .palette4 .textLinkOnDark:focus, .theme-fourmusic .palette4 .textLinkOnDark:active {
    color: #000000; }

.theme-fourmusic .paletteCta {
  background-color: #ff47b4;
  color: #000000; }

.theme-fourmusic .paletteCtaTertiary {
  background-color: #fdeef7;
  color: #e40085; }

.theme-fourmusic .paletteLink {
  color: #e40085; }
  .theme-fourmusic .paletteLink:hover, .theme-fourmusic .paletteLink:active {
    color: #5e0038;
    outline: none; }
  .theme-fourmusic .paletteLink:focus {
    color: #5e0038; }

.theme-fourmusic .paletteLinkOnDark {
  color: #fff; }
  .theme-fourmusic .paletteLinkOnDark:hover, .theme-fourmusic .paletteLinkOnDark:focus, .theme-fourmusic .paletteLinkOnDark:active {
    color: #000000; }

.theme-fourmusic .paletteLinkOnDark2 {
  color: #fff; }
  .theme-fourmusic .paletteLinkOnDark2:hover, .theme-fourmusic .paletteLinkOnDark2:focus, .theme-fourmusic .paletteLinkOnDark2:active {
    color: #000000; }

.theme-fourmusic .textLinkOnLight {
  color: #e40085;
  border-bottom: 1px solid rgba(228, 0, 133, 0.2);
  text-decoration: none; }
  .theme-fourmusic .textLinkOnLight:hover, .theme-fourmusic .textLinkOnLight:focus, .theme-fourmusic .textLinkOnLight:active {
    color: #5e0038;
    border-bottom: 1px solid #5e0038; }

.theme-fourmusic .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-fourmusic .textLinkOnDark:hover, .theme-fourmusic .textLinkOnDark:focus, .theme-fourmusic .textLinkOnDark:active {
    color: #000000; }

.theme-fourmusic .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-fourmusic .textLinkOnDark2:hover, .theme-fourmusic .textLinkOnDark2:focus, .theme-fourmusic .textLinkOnDark2:active {
    color: #000000; }

.theme-fourmusic .buttonCta--primary,
.theme-fourmusic .buttonCtaAlt {
  background-color: #ff47b4;
  color: #000000;
  border-color: #ff47b4;
  transition: all 75ms ease-in; }
  .theme-fourmusic .buttonCta--primary:hover,
  .theme-fourmusic .buttonCtaAlt:hover {
    background-color: #ff62bf; }
  .theme-fourmusic .buttonCta--primary:focus, .theme-fourmusic .buttonCta--primary:active,
  .theme-fourmusic .buttonCtaAlt:focus,
  .theme-fourmusic .buttonCtaAlt:active {
    background-color: #bd0171; }

.theme-fourmusic .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #ff47b4;
  color: #5e0038; }
  .theme-fourmusic .buttonCta--secondary:focus, .theme-fourmusic .buttonCta--secondary:active {
    background-color: #bd0171; }

.theme-fourmusic .buttonCta--tertiary {
  background-color: #fdeef7;
  color: #5e0038;
  border-color: #fdeef7; }
  .theme-fourmusic .buttonCta--tertiary:focus, .theme-fourmusic .buttonCta--tertiary:active {
    background-color: #bd0171; }

.theme-fourmusic .buttonNav {
  background-color: #ff47b4; }
  .theme-fourmusic .buttonNav:hover, .theme-fourmusic .buttonNav:active {
    background: #bd0171;
    color: #ff89ce; }

.theme-fourmusic a {
  transition: all 75ms ease-in; }

.theme-fourmusic .secondaryNavPill {
  color: #fff; }
  .theme-fourmusic .secondaryNavPill:hover, .theme-fourmusic .secondaryNavPill:focus, .theme-fourmusic .secondaryNavPill:active {
    color: #000000;
    background-color: #5e0038; }

.theme-fourmusic .secondaryNavPill.secondaryNavPill--isActive {
  color: #5e0038;
  background-color: #fff; }

.theme-fourmusic .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #5e0038;
  color: #000000; }

.theme-fourmusic .secondaryNavPill-toggle {
  color: #fff; }
  .theme-fourmusic .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #e40085;
    background-color: #fdeef7; }
  .theme-fourmusic .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #5e0038; }
  .theme-fourmusic .secondaryNavPill-toggle:hover {
    color: #000000;
    border: 1px solid #000000; }

.theme-fourmusic .brandHeadInfo-summary {
  color: #fff; }

.theme-fourmusic .carousel-control {
  background-color: rgba(255, 71, 180, 0.75);
  color: #000000; }

.theme-fourmusic .gallery-thumb--selected:before {
  border-color: #e40085; }

.theme-fourmusic .skipLinksItem-link {
  background-color: #ff47b4;
  color: #000000; }

.theme-fourmusic .inputText:focus {
  border-color: #ff47b4; }

.theme-fourmusic .info-icon {
  background-color: #ff47b4;
  color: #000000; }

.theme-fourmusic .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-fourmusic .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-fourmusic .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-fourmusic .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #e40085; }

/*-----end of theme-fourmusic----*/
/*---Start of theme-stand-up-to-cancer----*/
.theme-stand-up-to-cancer .palette1 {
  background-color: #d64213;
  color: #fff; }

.theme-stand-up-to-cancer .palette2,
.theme-stand-up-to-cancer .buttonCta:focus {
  background-color: #ac3611;
  color: rgba(255, 255, 255, 0.7); }

.theme-stand-up-to-cancer .palette3 {
  background-color: #832a0e;
  color: rgba(255, 255, 255, 0.7); }
  .theme-stand-up-to-cancer .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-stand-up-to-cancer .palette3 .paletteLinkOnDark:hover, .theme-stand-up-to-cancer .palette3 .paletteLinkOnDark:focus, .theme-stand-up-to-cancer .palette3 .paletteLinkOnDark:active {
      color: #ff9f6e; }
  .theme-stand-up-to-cancer .palette3 .textLinkOnDark:hover, .theme-stand-up-to-cancer .palette3 .textLinkOnDark:focus, .theme-stand-up-to-cancer .palette3 .textLinkOnDark:active {
    color: #ff9f6e; }

.theme-stand-up-to-cancer .palette4 {
  background-color: #561a08;
  color: rgba(255, 255, 255, 0.7); }
  .theme-stand-up-to-cancer .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-stand-up-to-cancer .palette4 .paletteLinkOnDark:hover, .theme-stand-up-to-cancer .palette4 .paletteLinkOnDark:focus, .theme-stand-up-to-cancer .palette4 .paletteLinkOnDark:active {
      color: #ff9f6e; }
  .theme-stand-up-to-cancer .palette4 .textLinkOnDark:hover, .theme-stand-up-to-cancer .palette4 .textLinkOnDark:focus, .theme-stand-up-to-cancer .palette4 .textLinkOnDark:active {
    color: #ff9f6e; }

.theme-stand-up-to-cancer .paletteCta {
  background-color: #ff8864;
  color: #561a08; }

.theme-stand-up-to-cancer .paletteCtaTertiary {
  background-color: #ffece6;
  color: #561a08; }

.theme-stand-up-to-cancer .paletteLink {
  color: #561a08; }
  .theme-stand-up-to-cancer .paletteLink:hover, .theme-stand-up-to-cancer .paletteLink:active {
    color: #ff906c;
    outline: none; }
  .theme-stand-up-to-cancer .paletteLink:focus {
    color: #ff906c; }

.theme-stand-up-to-cancer .paletteLinkOnDark {
  color: #fff; }
  .theme-stand-up-to-cancer .paletteLinkOnDark:hover, .theme-stand-up-to-cancer .paletteLinkOnDark:focus, .theme-stand-up-to-cancer .paletteLinkOnDark:active {
    color: #000000; }

.theme-stand-up-to-cancer .paletteLinkOnDark2 {
  color: #fff; }
  .theme-stand-up-to-cancer .paletteLinkOnDark2:hover, .theme-stand-up-to-cancer .paletteLinkOnDark2:focus, .theme-stand-up-to-cancer .paletteLinkOnDark2:active {
    color: #ff9f6e; }

.theme-stand-up-to-cancer .textLinkOnLight {
  color: #561a08;
  border-bottom: 1px solid rgba(86, 26, 8, 0.2);
  text-decoration: none; }
  .theme-stand-up-to-cancer .textLinkOnLight:hover, .theme-stand-up-to-cancer .textLinkOnLight:focus, .theme-stand-up-to-cancer .textLinkOnLight:active {
    color: #ff906c;
    border-bottom: 1px solid #ff906c; }

.theme-stand-up-to-cancer .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-stand-up-to-cancer .textLinkOnDark:hover, .theme-stand-up-to-cancer .textLinkOnDark:focus, .theme-stand-up-to-cancer .textLinkOnDark:active {
    color: #000000; }

.theme-stand-up-to-cancer .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-stand-up-to-cancer .textLinkOnDark2:hover, .theme-stand-up-to-cancer .textLinkOnDark2:focus, .theme-stand-up-to-cancer .textLinkOnDark2:active {
    color: #ff9f6e; }

.theme-stand-up-to-cancer .buttonCta--primary,
.theme-stand-up-to-cancer .buttonCtaAlt {
  background-color: #ff8864;
  color: #561a08;
  border-color: #ff8864;
  transition: all 75ms ease-in; }
  .theme-stand-up-to-cancer .buttonCta--primary:hover,
  .theme-stand-up-to-cancer .buttonCtaAlt:hover {
    background-color: #ff997b; }
  .theme-stand-up-to-cancer .buttonCta--primary:focus, .theme-stand-up-to-cancer .buttonCta--primary:active,
  .theme-stand-up-to-cancer .buttonCtaAlt:focus,
  .theme-stand-up-to-cancer .buttonCtaAlt:active {
    background-color: #ac3611; }

.theme-stand-up-to-cancer .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #ff8864;
  color: #561a08; }
  .theme-stand-up-to-cancer .buttonCta--secondary:focus, .theme-stand-up-to-cancer .buttonCta--secondary:active {
    background-color: #ac3611; }

.theme-stand-up-to-cancer .buttonCta--tertiary {
  background-color: #ffece6;
  color: #561a08;
  border-color: #ffece6; }
  .theme-stand-up-to-cancer .buttonCta--tertiary:focus, .theme-stand-up-to-cancer .buttonCta--tertiary:active {
    background-color: #ac3611; }

.theme-stand-up-to-cancer .buttonNav {
  background-color: #ff8864; }
  .theme-stand-up-to-cancer .buttonNav:hover, .theme-stand-up-to-cancer .buttonNav:active {
    background: #ac3611;
    color: #ff906c; }

.theme-stand-up-to-cancer a {
  transition: all 75ms ease-in; }

.theme-stand-up-to-cancer .secondaryNavPill {
  color: #fff; }
  .theme-stand-up-to-cancer .secondaryNavPill:hover, .theme-stand-up-to-cancer .secondaryNavPill:focus, .theme-stand-up-to-cancer .secondaryNavPill:active {
    color: #ff9f6e;
    background-color: #561a08; }

.theme-stand-up-to-cancer .secondaryNavPill.secondaryNavPill--isActive {
  color: #561a08;
  background-color: #fff; }

.theme-stand-up-to-cancer .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #561a08;
  color: #000000; }

.theme-stand-up-to-cancer .secondaryNavPill-toggle {
  color: #fff; }
  .theme-stand-up-to-cancer .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #d64213;
    background-color: #ffece6; }
  .theme-stand-up-to-cancer .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #ff906c; }
  .theme-stand-up-to-cancer .secondaryNavPill-toggle:hover {
    color: #000000;
    border: 1px solid #000000; }

.theme-stand-up-to-cancer .brandHeadInfo-summary {
  color: #fff; }

.theme-stand-up-to-cancer .carousel-control {
  background-color: rgba(255, 136, 100, 0.75);
  color: #561a08; }

.theme-stand-up-to-cancer .gallery-thumb--selected:before {
  border-color: #d64213; }

.theme-stand-up-to-cancer .skipLinksItem-link {
  background-color: #ff8864;
  color: #561a08; }

.theme-stand-up-to-cancer .inputText:focus {
  border-color: #ff8864; }

.theme-stand-up-to-cancer .info-icon {
  background-color: #ff8864;
  color: #561a08; }

.theme-stand-up-to-cancer .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-stand-up-to-cancer .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-stand-up-to-cancer .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-stand-up-to-cancer .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #d64213; }

/*-----end of theme-stand-up-to-cancer----*/
/*---Start of theme-world-drama----*/
.theme-world-drama .palette1 {
  background-color: #ad1e4e;
  color: #fff; }

.theme-world-drama .palette2,
.theme-world-drama .buttonCta:focus {
  background-color: #8a183e;
  color: rgba(255, 255, 255, 0.7); }

.theme-world-drama .palette3 {
  background-color: #68122f;
  color: rgba(255, 255, 255, 0.7); }
  .theme-world-drama .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-world-drama .palette3 .paletteLinkOnDark:hover, .theme-world-drama .palette3 .paletteLinkOnDark:focus, .theme-world-drama .palette3 .paletteLinkOnDark:active {
      color: #ff7ca8; }
  .theme-world-drama .palette3 .textLinkOnDark:hover, .theme-world-drama .palette3 .textLinkOnDark:focus, .theme-world-drama .palette3 .textLinkOnDark:active {
    color: #ff7ca8; }

.theme-world-drama .palette4 {
  background-color: #450c1f;
  color: rgba(255, 255, 255, 0.7); }
  .theme-world-drama .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-world-drama .palette4 .paletteLinkOnDark:hover, .theme-world-drama .palette4 .paletteLinkOnDark:focus, .theme-world-drama .palette4 .paletteLinkOnDark:active {
      color: #ff7ca8; }
  .theme-world-drama .palette4 .textLinkOnDark:hover, .theme-world-drama .palette4 .textLinkOnDark:focus, .theme-world-drama .palette4 .textLinkOnDark:active {
    color: #ff7ca8; }

.theme-world-drama .paletteCta {
  background-color: #e3316d;
  color: #fff; }

.theme-world-drama .paletteCtaTertiary {
  background-color: #fceaf0;
  color: #ad1e4e; }

.theme-world-drama .paletteLink {
  color: #ad1e4e; }
  .theme-world-drama .paletteLink:hover, .theme-world-drama .paletteLink:active {
    color: #ff7ca8;
    outline: none; }
  .theme-world-drama .paletteLink:focus {
    color: #ff7ca8; }

.theme-world-drama .paletteLinkOnDark {
  color: #fff; }
  .theme-world-drama .paletteLinkOnDark:hover, .theme-world-drama .paletteLinkOnDark:focus, .theme-world-drama .paletteLinkOnDark:active {
    color: #ff7ca8; }

.theme-world-drama .paletteLinkOnDark2 {
  color: #fff; }
  .theme-world-drama .paletteLinkOnDark2:hover, .theme-world-drama .paletteLinkOnDark2:focus, .theme-world-drama .paletteLinkOnDark2:active {
    color: #ff7ca8; }

.theme-world-drama .textLinkOnLight {
  color: #ad1e4e;
  border-bottom: 1px solid rgba(173, 30, 78, 0.2);
  text-decoration: none; }
  .theme-world-drama .textLinkOnLight:hover, .theme-world-drama .textLinkOnLight:focus, .theme-world-drama .textLinkOnLight:active {
    color: #ff7ca8;
    border-bottom: 1px solid #ff7ca8; }

.theme-world-drama .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-world-drama .textLinkOnDark:hover, .theme-world-drama .textLinkOnDark:focus, .theme-world-drama .textLinkOnDark:active {
    color: #ff7ca8; }

.theme-world-drama .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-world-drama .textLinkOnDark2:hover, .theme-world-drama .textLinkOnDark2:focus, .theme-world-drama .textLinkOnDark2:active {
    color: #ff7ca8; }

.theme-world-drama .buttonCta--primary,
.theme-world-drama .buttonCtaAlt {
  background-color: #e3316d;
  color: #fff;
  border-color: #e3316d;
  transition: all 75ms ease-in; }
  .theme-world-drama .buttonCta--primary:hover,
  .theme-world-drama .buttonCtaAlt:hover {
    background-color: #c0295c; }
  .theme-world-drama .buttonCta--primary:focus, .theme-world-drama .buttonCta--primary:active,
  .theme-world-drama .buttonCtaAlt:focus,
  .theme-world-drama .buttonCtaAlt:active {
    background-color: #8a183e; }

.theme-world-drama .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #e3316d;
  color: #e3316d; }
  .theme-world-drama .buttonCta--secondary:focus, .theme-world-drama .buttonCta--secondary:active {
    background-color: #8a183e; }

.theme-world-drama .buttonCta--tertiary {
  background-color: #fceaf0;
  color: #e3316d;
  border-color: #fceaf0; }
  .theme-world-drama .buttonCta--tertiary:focus, .theme-world-drama .buttonCta--tertiary:active {
    background-color: #8a183e; }

.theme-world-drama .buttonNav {
  background-color: #e3316d; }
  .theme-world-drama .buttonNav:hover, .theme-world-drama .buttonNav:active {
    background: #8a183e;
    color: #ff7ca8; }

.theme-world-drama a {
  transition: all 75ms ease-in; }

.theme-world-drama .secondaryNavPill {
  color: #fff; }
  .theme-world-drama .secondaryNavPill:hover, .theme-world-drama .secondaryNavPill:focus, .theme-world-drama .secondaryNavPill:active {
    color: #ff7ca8;
    background-color: #450c1f; }

.theme-world-drama .secondaryNavPill.secondaryNavPill--isActive {
  color: #450c1f;
  background-color: #fff; }

.theme-world-drama .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #450c1f;
  color: #ff7ca8; }

.theme-world-drama .secondaryNavPill-toggle {
  color: #fff; }
  .theme-world-drama .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #ad1e4e;
    background-color: #fceaf0; }
  .theme-world-drama .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #ff7ca8; }
  .theme-world-drama .secondaryNavPill-toggle:hover {
    color: #ff7ca8;
    border: 1px solid #ff7ca8; }

.theme-world-drama .brandHeadInfo-summary {
  color: #fff; }

.theme-world-drama .carousel-control {
  background-color: rgba(227, 49, 109, 0.75);
  color: #fff; }

.theme-world-drama .gallery-thumb--selected:before {
  border-color: #ad1e4e; }

.theme-world-drama .skipLinksItem-link {
  background-color: #e3316d;
  color: #fff; }

.theme-world-drama .inputText:focus {
  border-color: #e3316d; }

.theme-world-drama .info-icon {
  background-color: #e3316d;
  color: #fff; }

.theme-world-drama .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-world-drama .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-world-drama .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-world-drama .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #ad1e4e; }

/*-----end of theme-world-drama----*/
/*---Start of theme-c4-news----*/
.theme-c4-news .palette1 {
  background-color: #510185;
  color: #fff; }

.theme-c4-news .palette2,
.theme-c4-news .buttonCta:focus {
  background-color: #41016a;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-news .palette3 {
  background-color: #310150;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-news .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-news .palette3 .paletteLinkOnDark:hover, .theme-c4-news .palette3 .paletteLinkOnDark:focus, .theme-c4-news .palette3 .paletteLinkOnDark:active {
      color: #ffa3f6; }
  .theme-c4-news .palette3 .textLinkOnDark:hover, .theme-c4-news .palette3 .textLinkOnDark:focus, .theme-c4-news .palette3 .textLinkOnDark:active {
    color: #ffa3f6; }

.theme-c4-news .palette4 {
  background-color: #200035;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-news .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-news .palette4 .paletteLinkOnDark:hover, .theme-c4-news .palette4 .paletteLinkOnDark:focus, .theme-c4-news .palette4 .paletteLinkOnDark:active {
      color: #ffa3f6; }
  .theme-c4-news .palette4 .textLinkOnDark:hover, .theme-c4-news .palette4 .textLinkOnDark:focus, .theme-c4-news .palette4 .textLinkOnDark:active {
    color: #ffa3f6; }

.theme-c4-news .paletteCta {
  background-color: #6c00b2;
  color: #fff; }

.theme-c4-news .paletteCtaTertiary {
  background-color: #f9f0ff;
  color: #510185; }

.theme-c4-news .paletteLink {
  color: #510185; }
  .theme-c4-news .paletteLink:hover, .theme-c4-news .paletteLink:active {
    color: #200035;
    outline: none; }
  .theme-c4-news .paletteLink:focus {
    color: #200035; }

.theme-c4-news .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-news .paletteLinkOnDark:hover, .theme-c4-news .paletteLinkOnDark:focus, .theme-c4-news .paletteLinkOnDark:active {
    color: #ffa3f6; }

.theme-c4-news .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-news .paletteLinkOnDark2:hover, .theme-c4-news .paletteLinkOnDark2:focus, .theme-c4-news .paletteLinkOnDark2:active {
    color: #ffa3f6; }

.theme-c4-news .textLinkOnLight {
  color: #510185;
  border-bottom: 1px solid rgba(81, 1, 133, 0.2);
  text-decoration: none; }
  .theme-c4-news .textLinkOnLight:hover, .theme-c4-news .textLinkOnLight:focus, .theme-c4-news .textLinkOnLight:active {
    color: #200035;
    border-bottom: 1px solid #200035; }

.theme-c4-news .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-news .textLinkOnDark:hover, .theme-c4-news .textLinkOnDark:focus, .theme-c4-news .textLinkOnDark:active {
    color: #ffa3f6; }

.theme-c4-news .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-news .textLinkOnDark2:hover, .theme-c4-news .textLinkOnDark2:focus, .theme-c4-news .textLinkOnDark2:active {
    color: #ffa3f6; }

.theme-c4-news .buttonCta--primary,
.theme-c4-news .buttonCtaAlt {
  background-color: #6c00b2;
  color: #fff;
  border-color: #6c00b2;
  transition: all 75ms ease-in; }
  .theme-c4-news .buttonCta--primary:hover,
  .theme-c4-news .buttonCtaAlt:hover {
    background-color: #5b0097; }
  .theme-c4-news .buttonCta--primary:focus, .theme-c4-news .buttonCta--primary:active,
  .theme-c4-news .buttonCtaAlt:focus,
  .theme-c4-news .buttonCtaAlt:active {
    background-color: #41016a; }

.theme-c4-news .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #6c00b2;
  color: #200035; }
  .theme-c4-news .buttonCta--secondary:focus, .theme-c4-news .buttonCta--secondary:active {
    background-color: #41016a; }

.theme-c4-news .buttonCta--tertiary {
  background-color: #f9f0ff;
  color: #200035;
  border-color: #f9f0ff; }
  .theme-c4-news .buttonCta--tertiary:focus, .theme-c4-news .buttonCta--tertiary:active {
    background-color: #41016a; }

.theme-c4-news .buttonNav {
  background-color: #6c00b2; }
  .theme-c4-news .buttonNav:hover, .theme-c4-news .buttonNav:active {
    background: #41016a;
    color: #c473f9; }

.theme-c4-news a {
  transition: all 75ms ease-in; }

.theme-c4-news .secondaryNavPill {
  color: #fff; }
  .theme-c4-news .secondaryNavPill:hover, .theme-c4-news .secondaryNavPill:focus, .theme-c4-news .secondaryNavPill:active {
    color: #ffa3f6;
    background-color: #200035; }

.theme-c4-news .secondaryNavPill.secondaryNavPill--isActive {
  color: #200035;
  background-color: #fff; }

.theme-c4-news .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #200035;
  color: #ffa3f6; }

.theme-c4-news .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-news .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #510185;
    background-color: #f9f0ff; }
  .theme-c4-news .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #200035; }
  .theme-c4-news .secondaryNavPill-toggle:hover {
    color: #ffa3f6;
    border: 1px solid #ffa3f6; }

.theme-c4-news .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-news .carousel-control {
  background-color: rgba(108, 0, 178, 0.75);
  color: #fff; }

.theme-c4-news .gallery-thumb--selected:before {
  border-color: #510185; }

.theme-c4-news .skipLinksItem-link {
  background-color: #6c00b2;
  color: #fff; }

.theme-c4-news .inputText:focus {
  border-color: #6c00b2; }

.theme-c4-news .info-icon {
  background-color: #6c00b2;
  color: #fff; }

.theme-c4-news .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-news .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-news .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-news .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #510185; }

/*-----end of theme-c4-news----*/
/*---Start of theme-shorts----*/
.theme-shorts .palette1 {
  background-color: #1a8388;
  color: #fff; }

.theme-shorts .palette2,
.theme-shorts .buttonCta:focus {
  background-color: #166a6e;
  color: rgba(255, 255, 255, 0.7); }

.theme-shorts .palette3 {
  background-color: #125154;
  color: rgba(255, 255, 255, 0.7); }
  .theme-shorts .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-shorts .palette3 .paletteLinkOnDark:hover, .theme-shorts .palette3 .paletteLinkOnDark:focus, .theme-shorts .palette3 .paletteLinkOnDark:active {
      color: #b1ffff; }
  .theme-shorts .palette3 .textLinkOnDark:hover, .theme-shorts .palette3 .textLinkOnDark:focus, .theme-shorts .palette3 .textLinkOnDark:active {
    color: #b1ffff; }

.theme-shorts .palette4 {
  background-color: #0a3436;
  color: rgba(255, 255, 255, 0.7); }
  .theme-shorts .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-shorts .palette4 .paletteLinkOnDark:hover, .theme-shorts .palette4 .paletteLinkOnDark:focus, .theme-shorts .palette4 .paletteLinkOnDark:active {
      color: #b1ffff; }
  .theme-shorts .palette4 .textLinkOnDark:hover, .theme-shorts .palette4 .textLinkOnDark:focus, .theme-shorts .palette4 .textLinkOnDark:active {
    color: #b1ffff; }

.theme-shorts .paletteCta {
  background-color: #89dee2;
  color: #125154; }

.theme-shorts .paletteCtaTertiary {
  background-color: #f3fbfc;
  color: #1a8388; }

.theme-shorts .paletteLink {
  color: #1a8388; }
  .theme-shorts .paletteLink:hover, .theme-shorts .paletteLink:active {
    color: #0a3436;
    outline: none; }
  .theme-shorts .paletteLink:focus {
    color: #0a3436; }

.theme-shorts .paletteLinkOnDark {
  color: #fff; }
  .theme-shorts .paletteLinkOnDark:hover, .theme-shorts .paletteLinkOnDark:focus, .theme-shorts .paletteLinkOnDark:active {
    color: #b1ffff v; }

.theme-shorts .paletteLinkOnDark2 {
  color: #fff; }
  .theme-shorts .paletteLinkOnDark2:hover, .theme-shorts .paletteLinkOnDark2:focus, .theme-shorts .paletteLinkOnDark2:active {
    color: #b1ffff; }

.theme-shorts .textLinkOnLight {
  color: #1a8388;
  border-bottom: 1px solid rgba(26, 131, 136, 0.2);
  text-decoration: none; }
  .theme-shorts .textLinkOnLight:hover, .theme-shorts .textLinkOnLight:focus, .theme-shorts .textLinkOnLight:active {
    color: #0a3436;
    border-bottom: 1px solid #0a3436; }

.theme-shorts .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-shorts .textLinkOnDark:hover, .theme-shorts .textLinkOnDark:focus, .theme-shorts .textLinkOnDark:active {
    color: #b1ffff v; }

.theme-shorts .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-shorts .textLinkOnDark2:hover, .theme-shorts .textLinkOnDark2:focus, .theme-shorts .textLinkOnDark2:active {
    color: #b1ffff; }

.theme-shorts .buttonCta--primary,
.theme-shorts .buttonCtaAlt {
  background-color: #89dee2;
  color: #125154;
  border-color: #89dee2;
  transition: all 75ms ease-in; }
  .theme-shorts .buttonCta--primary:hover,
  .theme-shorts .buttonCtaAlt:hover {
    background-color: #9ae2e6; }
  .theme-shorts .buttonCta--primary:focus, .theme-shorts .buttonCta--primary:active,
  .theme-shorts .buttonCtaAlt:focus,
  .theme-shorts .buttonCtaAlt:active {
    background-color: #166a6e; }

.theme-shorts .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #89dee2;
  color: #0a3436; }
  .theme-shorts .buttonCta--secondary:focus, .theme-shorts .buttonCta--secondary:active {
    background-color: #166a6e; }

.theme-shorts .buttonCta--tertiary {
  background-color: #f3fbfc;
  color: #0a3436;
  border-color: #f3fbfc; }
  .theme-shorts .buttonCta--tertiary:focus, .theme-shorts .buttonCta--tertiary:active {
    background-color: #166a6e; }

.theme-shorts .buttonNav {
  background-color: #89dee2; }
  .theme-shorts .buttonNav:hover, .theme-shorts .buttonNav:active {
    background: #166a6e;
    color: #41b9bf; }

.theme-shorts a {
  transition: all 75ms ease-in; }

.theme-shorts .secondaryNavPill {
  color: #fff; }
  .theme-shorts .secondaryNavPill:hover, .theme-shorts .secondaryNavPill:focus, .theme-shorts .secondaryNavPill:active {
    color: #b1ffff;
    background-color: #0a3436; }

.theme-shorts .secondaryNavPill.secondaryNavPill--isActive {
  color: #0a3436;
  background-color: #fff; }

.theme-shorts .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #0a3436;
  color: #b1ffff v; }

.theme-shorts .secondaryNavPill-toggle {
  color: #fff; }
  .theme-shorts .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #1a8388;
    background-color: #f3fbfc; }
  .theme-shorts .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #0a3436; }
  .theme-shorts .secondaryNavPill-toggle:hover {
    color: #b1ffff v;
    border: 1px solid #b1ffff v; }

.theme-shorts .brandHeadInfo-summary {
  color: #fff; }

.theme-shorts .carousel-control {
  background-color: rgba(137, 222, 226, 0.75);
  color: #125154; }

.theme-shorts .gallery-thumb--selected:before {
  border-color: #1a8388; }

.theme-shorts .skipLinksItem-link {
  background-color: #89dee2;
  color: #125154; }

.theme-shorts .inputText:focus {
  border-color: #89dee2; }

.theme-shorts .info-icon {
  background-color: #89dee2;
  color: #125154; }

.theme-shorts .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-shorts .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-shorts .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-shorts .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #1a8388; }

/*-----end of theme-shorts----*/
/*---Start of theme-rewards----*/
.theme-rewards .palette1 {
  background-color: #dca91f;
  color: #000000; }

.theme-rewards .palette2,
.theme-rewards .buttonCta:focus {
  background-color: #b08719;
  color: rgba(255, 255, 255, 0.7); }

.theme-rewards .palette3 {
  background-color: #846513;
  color: rgba(255, 255, 255, 0.7); }
  .theme-rewards .palette3 .paletteLinkOnDark {
    color: #772340; }
    .theme-rewards .palette3 .paletteLinkOnDark:hover, .theme-rewards .palette3 .paletteLinkOnDark:focus, .theme-rewards .palette3 .paletteLinkOnDark:active {
      color: #fee63a; }
  .theme-rewards .palette3 .textLinkOnDark:hover, .theme-rewards .palette3 .textLinkOnDark:focus, .theme-rewards .palette3 .textLinkOnDark:active {
    color: #fee63a; }

.theme-rewards .palette4 {
  background-color: #58440c;
  color: rgba(255, 255, 255, 0.7); }
  .theme-rewards .palette4 .paletteLinkOnDark {
    color: #772340; }
    .theme-rewards .palette4 .paletteLinkOnDark:hover, .theme-rewards .palette4 .paletteLinkOnDark:focus, .theme-rewards .palette4 .paletteLinkOnDark:active {
      color: #fee63a; }
  .theme-rewards .palette4 .textLinkOnDark:hover, .theme-rewards .palette4 .textLinkOnDark:focus, .theme-rewards .palette4 .textLinkOnDark:active {
    color: #fee63a; }

.theme-rewards .paletteCta {
  background-color: #ffcb17;
  color: #58440c; }

.theme-rewards .paletteCtaTertiary {
  background-color: #fff9ec;
  color: #846513; }

.theme-rewards .paletteLink {
  color: #846513; }
  .theme-rewards .paletteLink:hover, .theme-rewards .paletteLink:active {
    color: #493206;
    outline: none; }
  .theme-rewards .paletteLink:focus {
    color: #493206; }

.theme-rewards .paletteLinkOnDark {
  color: #772340; }
  .theme-rewards .paletteLinkOnDark:hover, .theme-rewards .paletteLinkOnDark:focus, .theme-rewards .paletteLinkOnDark:active {
    color: #fee63a; }

.theme-rewards .paletteLinkOnDark2 {
  color: #772340; }
  .theme-rewards .paletteLinkOnDark2:hover, .theme-rewards .paletteLinkOnDark2:focus, .theme-rewards .paletteLinkOnDark2:active {
    color: #fee63a; }

.theme-rewards .textLinkOnLight {
  color: #846513;
  border-bottom: 1px solid rgba(132, 101, 19, 0.2);
  text-decoration: none; }
  .theme-rewards .textLinkOnLight:hover, .theme-rewards .textLinkOnLight:focus, .theme-rewards .textLinkOnLight:active {
    color: #493206;
    border-bottom: 1px solid #493206; }

.theme-rewards .textLinkOnDark {
  color: #772340;
  text-decoration: none; }
  .theme-rewards .textLinkOnDark:hover, .theme-rewards .textLinkOnDark:focus, .theme-rewards .textLinkOnDark:active {
    color: #fee63a; }

.theme-rewards .textLinkOnDark2 {
  color: #772340;
  border-bottom: 1px solid rgba(119, 35, 64, 0.2);
  text-decoration: none; }
  .theme-rewards .textLinkOnDark2:hover, .theme-rewards .textLinkOnDark2:focus, .theme-rewards .textLinkOnDark2:active {
    color: #fee63a; }

.theme-rewards .buttonCta--primary,
.theme-rewards .buttonCtaAlt {
  background-color: #ffcb17;
  color: #58440c;
  border-color: #ffcb17;
  transition: all 75ms ease-in; }
  .theme-rewards .buttonCta--primary:hover,
  .theme-rewards .buttonCtaAlt:hover {
    background-color: #ffd239; }
  .theme-rewards .buttonCta--primary:focus, .theme-rewards .buttonCta--primary:active,
  .theme-rewards .buttonCtaAlt:focus,
  .theme-rewards .buttonCtaAlt:active {
    background-color: #b08719; }

.theme-rewards .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #ffcb17;
  color: #493206; }
  .theme-rewards .buttonCta--secondary:focus, .theme-rewards .buttonCta--secondary:active {
    background-color: #b08719; }

.theme-rewards .buttonCta--tertiary {
  background-color: #fff9ec;
  color: #493206;
  border-color: #fff9ec; }
  .theme-rewards .buttonCta--tertiary:focus, .theme-rewards .buttonCta--tertiary:active {
    background-color: #b08719; }

.theme-rewards .buttonNav {
  background-color: #ffcb17; }
  .theme-rewards .buttonNav:hover, .theme-rewards .buttonNav:active {
    background: #b08719;
    color: #ebd952; }

.theme-rewards a {
  transition: all 75ms ease-in; }

.theme-rewards .secondaryNavPill {
  color: #000000; }
  .theme-rewards .secondaryNavPill:hover, .theme-rewards .secondaryNavPill:focus, .theme-rewards .secondaryNavPill:active {
    color: #fee63a;
    background-color: #58440c; }

.theme-rewards .secondaryNavPill.secondaryNavPill--isActive {
  color: #58440c;
  background-color: #fff; }

.theme-rewards .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #58440c;
  color: #fee63a; }

.theme-rewards .secondaryNavPill-toggle {
  color: #000000; }
  .theme-rewards .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #dca91f;
    background-color: #fff9ec; }
  .theme-rewards .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #493206; }
  .theme-rewards .secondaryNavPill-toggle:hover {
    color: #fee63a;
    border: 1px solid #fee63a; }

.theme-rewards .brandHeadInfo-summary {
  color: #772340; }

.theme-rewards .carousel-control {
  background-color: rgba(255, 203, 23, 0.75);
  color: #58440c; }

.theme-rewards .gallery-thumb--selected:before {
  border-color: #dca91f; }

.theme-rewards .skipLinksItem-link {
  background-color: #ffcb17;
  color: #58440c; }

.theme-rewards .inputText:focus {
  border-color: #ffcb17; }

.theme-rewards .info-icon {
  background-color: #ffcb17;
  color: #58440c; }

.theme-rewards .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-rewards .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-rewards .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-rewards .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #dca91f; }

/*-----end of theme-rewards----*/
/*---Start of theme-c4-coral----*/
.theme-c4-coral .palette1 {
  background-color: #df6767;
  color: #fff; }

.theme-c4-coral .palette2,
.theme-c4-coral .buttonCta:focus {
  background-color: #b45454;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-coral .palette3 {
  background-color: #723637;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-coral .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-coral .palette3 .paletteLinkOnDark:hover, .theme-c4-coral .palette3 .paletteLinkOnDark:focus, .theme-c4-coral .palette3 .paletteLinkOnDark:active {
      color: #ff9e99; }
  .theme-c4-coral .palette3 .textLinkOnDark:hover, .theme-c4-coral .palette3 .textLinkOnDark:focus, .theme-c4-coral .palette3 .textLinkOnDark:active {
    color: #ff9e99; }

.theme-c4-coral .palette4 {
  background-color: #592929;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-coral .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-coral .palette4 .paletteLinkOnDark:hover, .theme-c4-coral .palette4 .paletteLinkOnDark:focus, .theme-c4-coral .palette4 .paletteLinkOnDark:active {
      color: #ff9e99; }
  .theme-c4-coral .palette4 .textLinkOnDark:hover, .theme-c4-coral .palette4 .textLinkOnDark:focus, .theme-c4-coral .palette4 .textLinkOnDark:active {
    color: #ff9e99; }

.theme-c4-coral .paletteCta {
  background-color: #ff7878;
  color: #fff7878; }

.theme-c4-coral .paletteCtaTertiary {
  background-color: #fff1f1;
  color: #b45454; }

.theme-c4-coral .paletteLink {
  color: #b45454; }
  .theme-c4-coral .paletteLink:hover, .theme-c4-coral .paletteLink:active {
    color: #592929;
    outline: none; }
  .theme-c4-coral .paletteLink:focus {
    color: #592929; }

.theme-c4-coral .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-coral .paletteLinkOnDark:hover, .theme-c4-coral .paletteLinkOnDark:focus, .theme-c4-coral .paletteLinkOnDark:active {
    color: #000800; }

.theme-c4-coral .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-coral .paletteLinkOnDark2:hover, .theme-c4-coral .paletteLinkOnDark2:focus, .theme-c4-coral .paletteLinkOnDark2:active {
    color: #ff9e99; }

.theme-c4-coral .textLinkOnLight {
  color: #b45454;
  border-bottom: 1px solid rgba(180, 84, 84, 0.2);
  text-decoration: none; }
  .theme-c4-coral .textLinkOnLight:hover, .theme-c4-coral .textLinkOnLight:focus, .theme-c4-coral .textLinkOnLight:active {
    color: #592929;
    border-bottom: 1px solid #592929; }

.theme-c4-coral .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-coral .textLinkOnDark:hover, .theme-c4-coral .textLinkOnDark:focus, .theme-c4-coral .textLinkOnDark:active {
    color: #000800; }

.theme-c4-coral .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-coral .textLinkOnDark2:hover, .theme-c4-coral .textLinkOnDark2:focus, .theme-c4-coral .textLinkOnDark2:active {
    color: #ff9e99; }

.theme-c4-coral .buttonCta--primary,
.theme-c4-coral .buttonCtaAlt {
  background-color: #ff7878;
  color: #fff7878;
  border-color: #ff7878;
  transition: all 75ms ease-in; }
  .theme-c4-coral .buttonCta--primary:hover,
  .theme-c4-coral .buttonCtaAlt:hover {
    background-color: #ff7878; }
  .theme-c4-coral .buttonCta--primary:focus, .theme-c4-coral .buttonCta--primary:active,
  .theme-c4-coral .buttonCtaAlt:focus,
  .theme-c4-coral .buttonCtaAlt:active {
    background-color: #b45454; }

.theme-c4-coral .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #ff7878;
  color: #592929; }
  .theme-c4-coral .buttonCta--secondary:focus, .theme-c4-coral .buttonCta--secondary:active {
    background-color: #b45454; }

.theme-c4-coral .buttonCta--tertiary {
  background-color: #fff1f1;
  color: #592929;
  border-color: #fff1f1; }
  .theme-c4-coral .buttonCta--tertiary:focus, .theme-c4-coral .buttonCta--tertiary:active {
    background-color: #b45454; }

.theme-c4-coral .buttonNav {
  background-color: #ff7878; }
  .theme-c4-coral .buttonNav:hover, .theme-c4-coral .buttonNav:active {
    background: #b45454;
    color: #ffb6c2; }

.theme-c4-coral a {
  transition: all 75ms ease-in; }

.theme-c4-coral .secondaryNavPill {
  color: #fff; }
  .theme-c4-coral .secondaryNavPill:hover, .theme-c4-coral .secondaryNavPill:focus, .theme-c4-coral .secondaryNavPill:active {
    color: #ff9e99;
    background-color: #592929; }

.theme-c4-coral .secondaryNavPill.secondaryNavPill--isActive {
  color: #592929;
  background-color: #fff; }

.theme-c4-coral .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #592929;
  color: #000800; }

.theme-c4-coral .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-coral .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #df6767;
    background-color: #fff1f1; }
  .theme-c4-coral .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #592929; }
  .theme-c4-coral .secondaryNavPill-toggle:hover {
    color: #000800;
    border: 1px solid #000800; }

.theme-c4-coral .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-coral .carousel-control {
  background-color: rgba(255, 120, 120, 0.75);
  color: #fff7878; }

.theme-c4-coral .gallery-thumb--selected:before {
  border-color: #df6767; }

.theme-c4-coral .skipLinksItem-link {
  background-color: #ff7878;
  color: #fff7878; }

.theme-c4-coral .inputText:focus {
  border-color: #ff7878; }

.theme-c4-coral .info-icon {
  background-color: #ff7878;
  color: #fff7878; }

.theme-c4-coral .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-coral .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-coral .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-coral .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #df6767; }

/*-----end of theme-c4-coral----*/
/*---Start of theme-c4-deeppink----*/
.theme-c4-deeppink .palette1 {
  background-color: #c43672;
  color: #fff; }

.theme-c4-deeppink .palette2,
.theme-c4-deeppink .buttonCta:focus {
  background-color: #9e2c5d;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-deeppink .palette3 {
  background-color: #782347;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-deeppink .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-deeppink .palette3 .paletteLinkOnDark:hover, .theme-c4-deeppink .palette3 .paletteLinkOnDark:focus, .theme-c4-deeppink .palette3 .paletteLinkOnDark:active {
      color: #ff84df; }
  .theme-c4-deeppink .palette3 .textLinkOnDark:hover, .theme-c4-deeppink .palette3 .textLinkOnDark:focus, .theme-c4-deeppink .palette3 .textLinkOnDark:active {
    color: #ff84df; }

.theme-c4-deeppink .palette4 {
  background-color: #4e162e;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-deeppink .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-deeppink .palette4 .paletteLinkOnDark:hover, .theme-c4-deeppink .palette4 .paletteLinkOnDark:focus, .theme-c4-deeppink .palette4 .paletteLinkOnDark:active {
      color: #ff84df; }
  .theme-c4-deeppink .palette4 .textLinkOnDark:hover, .theme-c4-deeppink .palette4 .textLinkOnDark:focus, .theme-c4-deeppink .palette4 .textLinkOnDark:active {
    color: #ff84df; }

.theme-c4-deeppink .paletteCta {
  background-color: #d51571;
  color: #fff; }

.theme-c4-deeppink .paletteCtaTertiary {
  background-color: #fff7fa;
  color: #4e162e; }

.theme-c4-deeppink .paletteLink {
  color: #4e162e; }
  .theme-c4-deeppink .paletteLink:hover, .theme-c4-deeppink .paletteLink:active {
    color: #ff79df;
    outline: none; }
  .theme-c4-deeppink .paletteLink:focus {
    color: #ff79df; }

.theme-c4-deeppink .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-deeppink .paletteLinkOnDark:hover, .theme-c4-deeppink .paletteLinkOnDark:focus, .theme-c4-deeppink .paletteLinkOnDark:active {
    color: #000000; }

.theme-c4-deeppink .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-deeppink .paletteLinkOnDark2:hover, .theme-c4-deeppink .paletteLinkOnDark2:focus, .theme-c4-deeppink .paletteLinkOnDark2:active {
    color: #ff84df; }

.theme-c4-deeppink .textLinkOnLight {
  color: #4e162e;
  border-bottom: 1px solid rgba(78, 22, 46, 0.2);
  text-decoration: none; }
  .theme-c4-deeppink .textLinkOnLight:hover, .theme-c4-deeppink .textLinkOnLight:focus, .theme-c4-deeppink .textLinkOnLight:active {
    color: #ff79df;
    border-bottom: 1px solid #ff79df; }

.theme-c4-deeppink .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-deeppink .textLinkOnDark:hover, .theme-c4-deeppink .textLinkOnDark:focus, .theme-c4-deeppink .textLinkOnDark:active {
    color: #000000; }

.theme-c4-deeppink .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-deeppink .textLinkOnDark2:hover, .theme-c4-deeppink .textLinkOnDark2:focus, .theme-c4-deeppink .textLinkOnDark2:active {
    color: #ff84df; }

.theme-c4-deeppink .buttonCta--primary,
.theme-c4-deeppink .buttonCtaAlt {
  background-color: #d51571;
  color: #fff;
  border-color: #d51571;
  transition: all 75ms ease-in; }
  .theme-c4-deeppink .buttonCta--primary:hover,
  .theme-c4-deeppink .buttonCtaAlt:hover {
    background-color: #b51160; }
  .theme-c4-deeppink .buttonCta--primary:focus, .theme-c4-deeppink .buttonCta--primary:active,
  .theme-c4-deeppink .buttonCtaAlt:focus,
  .theme-c4-deeppink .buttonCtaAlt:active {
    background-color: #9e2c5d; }

.theme-c4-deeppink .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #d51571;
  color: #4e162e; }
  .theme-c4-deeppink .buttonCta--secondary:focus, .theme-c4-deeppink .buttonCta--secondary:active {
    background-color: #9e2c5d; }

.theme-c4-deeppink .buttonCta--tertiary {
  background-color: #fff7fa;
  color: #4e162e;
  border-color: #fff7fa; }
  .theme-c4-deeppink .buttonCta--tertiary:focus, .theme-c4-deeppink .buttonCta--tertiary:active {
    background-color: #9e2c5d; }

.theme-c4-deeppink .buttonNav {
  background-color: #d51571; }
  .theme-c4-deeppink .buttonNav:hover, .theme-c4-deeppink .buttonNav:active {
    background: #9e2c5d;
    color: #ff79df; }

.theme-c4-deeppink a {
  transition: all 75ms ease-in; }

.theme-c4-deeppink .secondaryNavPill {
  color: #fff; }
  .theme-c4-deeppink .secondaryNavPill:hover, .theme-c4-deeppink .secondaryNavPill:focus, .theme-c4-deeppink .secondaryNavPill:active {
    color: #ff84df;
    background-color: #4e162e; }

.theme-c4-deeppink .secondaryNavPill.secondaryNavPill--isActive {
  color: #4e162e;
  background-color: #fff; }

.theme-c4-deeppink .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #4e162e;
  color: #000000; }

.theme-c4-deeppink .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-deeppink .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #c43672;
    background-color: #fff7fa; }
  .theme-c4-deeppink .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #ff79df; }
  .theme-c4-deeppink .secondaryNavPill-toggle:hover {
    color: #000000;
    border: 1px solid #000000; }

.theme-c4-deeppink .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-deeppink .carousel-control {
  background-color: rgba(213, 21, 113, 0.75);
  color: #fff; }

.theme-c4-deeppink .gallery-thumb--selected:before {
  border-color: #c43672; }

.theme-c4-deeppink .skipLinksItem-link {
  background-color: #d51571;
  color: #fff; }

.theme-c4-deeppink .inputText:focus {
  border-color: #d51571; }

.theme-c4-deeppink .info-icon {
  background-color: #d51571;
  color: #fff; }

.theme-c4-deeppink .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-deeppink .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-deeppink .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-deeppink .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #c43672; }

/*-----end of theme-c4-deeppink----*/
/*---Start of theme-c4-cherry----*/
.theme-c4-cherry .palette1 {
  background-color: #a31940;
  color: #fff; }

.theme-c4-cherry .palette2,
.theme-c4-cherry .buttonCta:focus {
  background-color: #841535;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-cherry .palette3 {
  background-color: #641129;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-cherry .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-cherry .palette3 .paletteLinkOnDark:hover, .theme-c4-cherry .palette3 .paletteLinkOnDark:focus, .theme-c4-cherry .palette3 .paletteLinkOnDark:active {
      color: #fdb3cc; }
  .theme-c4-cherry .palette3 .textLinkOnDark:hover, .theme-c4-cherry .palette3 .textLinkOnDark:focus, .theme-c4-cherry .palette3 .textLinkOnDark:active {
    color: #fdb3cc; }

.theme-c4-cherry .palette4 {
  background-color: #410a1a;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-cherry .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-cherry .palette4 .paletteLinkOnDark:hover, .theme-c4-cherry .palette4 .paletteLinkOnDark:focus, .theme-c4-cherry .palette4 .paletteLinkOnDark:active {
      color: #fdb3cc; }
  .theme-c4-cherry .palette4 .textLinkOnDark:hover, .theme-c4-cherry .palette4 .textLinkOnDark:focus, .theme-c4-cherry .palette4 .textLinkOnDark:active {
    color: #fdb3cc; }

.theme-c4-cherry .paletteCta {
  background-color: #da1c52;
  color: #fff; }

.theme-c4-cherry .paletteCtaTertiary {
  background-color: #fff6f9;
  color: #a31940; }

.theme-c4-cherry .paletteLink {
  color: #a31940; }
  .theme-c4-cherry .paletteLink:hover, .theme-c4-cherry .paletteLink:active {
    color: #410a1a;
    outline: none; }
  .theme-c4-cherry .paletteLink:focus {
    color: #410a1a; }

.theme-c4-cherry .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-cherry .paletteLinkOnDark:hover, .theme-c4-cherry .paletteLinkOnDark:focus, .theme-c4-cherry .paletteLinkOnDark:active {
    color: #fdb3cc; }

.theme-c4-cherry .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-cherry .paletteLinkOnDark2:hover, .theme-c4-cherry .paletteLinkOnDark2:focus, .theme-c4-cherry .paletteLinkOnDark2:active {
    color: #fdb3cc; }

.theme-c4-cherry .textLinkOnLight {
  color: #a31940;
  border-bottom: 1px solid rgba(163, 25, 64, 0.2);
  text-decoration: none; }
  .theme-c4-cherry .textLinkOnLight:hover, .theme-c4-cherry .textLinkOnLight:focus, .theme-c4-cherry .textLinkOnLight:active {
    color: #410a1a;
    border-bottom: 1px solid #410a1a; }

.theme-c4-cherry .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-cherry .textLinkOnDark:hover, .theme-c4-cherry .textLinkOnDark:focus, .theme-c4-cherry .textLinkOnDark:active {
    color: #fdb3cc; }

.theme-c4-cherry .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-cherry .textLinkOnDark2:hover, .theme-c4-cherry .textLinkOnDark2:focus, .theme-c4-cherry .textLinkOnDark2:active {
    color: #fdb3cc; }

.theme-c4-cherry .buttonCta--primary,
.theme-c4-cherry .buttonCtaAlt {
  background-color: #da1c52;
  color: #fff;
  border-color: #da1c52;
  transition: all 75ms ease-in; }
  .theme-c4-cherry .buttonCta--primary:hover,
  .theme-c4-cherry .buttonCtaAlt:hover {
    background-color: #b91745; }
  .theme-c4-cherry .buttonCta--primary:focus, .theme-c4-cherry .buttonCta--primary:active,
  .theme-c4-cherry .buttonCtaAlt:focus,
  .theme-c4-cherry .buttonCtaAlt:active {
    background-color: #841535; }

.theme-c4-cherry .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #da1c52;
  color: #410a1a; }
  .theme-c4-cherry .buttonCta--secondary:focus, .theme-c4-cherry .buttonCta--secondary:active {
    background-color: #841535; }

.theme-c4-cherry .buttonCta--tertiary {
  background-color: #fff6f9;
  color: #410a1a;
  border-color: #fff6f9; }
  .theme-c4-cherry .buttonCta--tertiary:focus, .theme-c4-cherry .buttonCta--tertiary:active {
    background-color: #841535; }

.theme-c4-cherry .buttonNav {
  background-color: #da1c52; }
  .theme-c4-cherry .buttonNav:hover, .theme-c4-cherry .buttonNav:active {
    background: #841535;
    color: #ff6daa; }

.theme-c4-cherry a {
  transition: all 75ms ease-in; }

.theme-c4-cherry .secondaryNavPill {
  color: #fff; }
  .theme-c4-cherry .secondaryNavPill:hover, .theme-c4-cherry .secondaryNavPill:focus, .theme-c4-cherry .secondaryNavPill:active {
    color: #fdb3cc;
    background-color: #410a1a; }

.theme-c4-cherry .secondaryNavPill.secondaryNavPill--isActive {
  color: #410a1a;
  background-color: #fff; }

.theme-c4-cherry .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #410a1a;
  color: #fdb3cc; }

.theme-c4-cherry .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-cherry .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #a31940;
    background-color: #fff6f9; }
  .theme-c4-cherry .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #410a1a; }
  .theme-c4-cherry .secondaryNavPill-toggle:hover {
    color: #fdb3cc;
    border: 1px solid #fdb3cc; }

.theme-c4-cherry .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-cherry .carousel-control {
  background-color: rgba(218, 28, 82, 0.75);
  color: #fff; }

.theme-c4-cherry .gallery-thumb--selected:before {
  border-color: #a31940; }

.theme-c4-cherry .skipLinksItem-link {
  background-color: #da1c52;
  color: #fff; }

.theme-c4-cherry .inputText:focus {
  border-color: #da1c52; }

.theme-c4-cherry .info-icon {
  background-color: #da1c52;
  color: #fff; }

.theme-c4-cherry .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-cherry .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-cherry .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-cherry .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #a31940; }

/*-----end of theme-c4-cherry----*/
/*---Start of theme-c4-orange----*/
.theme-c4-orange .palette1 {
  background-color: #df6413;
  color: #fff; }

.theme-c4-orange .palette2,
.theme-c4-orange .buttonCta:focus {
  background-color: #b45111;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-orange .palette3 {
  background-color: #883e0e;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-orange .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-orange .palette3 .paletteLinkOnDark:hover, .theme-c4-orange .palette3 .paletteLinkOnDark:focus, .theme-c4-orange .palette3 .paletteLinkOnDark:active {
      color: #ffba72; }
  .theme-c4-orange .palette3 .textLinkOnDark:hover, .theme-c4-orange .palette3 .textLinkOnDark:focus, .theme-c4-orange .palette3 .textLinkOnDark:active {
    color: #ffba72; }

.theme-c4-orange .palette4 {
  background-color: #592808;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-orange .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-orange .palette4 .paletteLinkOnDark:hover, .theme-c4-orange .palette4 .paletteLinkOnDark:focus, .theme-c4-orange .palette4 .paletteLinkOnDark:active {
      color: #ffba72; }
  .theme-c4-orange .palette4 .textLinkOnDark:hover, .theme-c4-orange .palette4 .textLinkOnDark:focus, .theme-c4-orange .palette4 .textLinkOnDark:active {
    color: #ffba72; }

.theme-c4-orange .paletteCta {
  background-color: #ff7829;
  color: #592808; }

.theme-c4-orange .paletteCtaTertiary {
  background-color: #faf0ea;
  color: #cb5100; }

.theme-c4-orange .paletteLink {
  color: #cb5100; }
  .theme-c4-orange .paletteLink:hover, .theme-c4-orange .paletteLink:active {
    color: #592808;
    outline: none; }
  .theme-c4-orange .paletteLink:focus {
    color: #592808; }

.theme-c4-orange .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-orange .paletteLinkOnDark:hover, .theme-c4-orange .paletteLinkOnDark:focus, .theme-c4-orange .paletteLinkOnDark:active {
    color: #000000; }

.theme-c4-orange .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-orange .paletteLinkOnDark2:hover, .theme-c4-orange .paletteLinkOnDark2:focus, .theme-c4-orange .paletteLinkOnDark2:active {
    color: #ffba72; }

.theme-c4-orange .textLinkOnLight {
  color: #cb5100;
  border-bottom: 1px solid rgba(203, 81, 0, 0.2);
  text-decoration: none; }
  .theme-c4-orange .textLinkOnLight:hover, .theme-c4-orange .textLinkOnLight:focus, .theme-c4-orange .textLinkOnLight:active {
    color: #592808;
    border-bottom: 1px solid #592808; }

.theme-c4-orange .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-orange .textLinkOnDark:hover, .theme-c4-orange .textLinkOnDark:focus, .theme-c4-orange .textLinkOnDark:active {
    color: #000000; }

.theme-c4-orange .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-orange .textLinkOnDark2:hover, .theme-c4-orange .textLinkOnDark2:focus, .theme-c4-orange .textLinkOnDark2:active {
    color: #ffba72; }

.theme-c4-orange .buttonCta--primary,
.theme-c4-orange .buttonCtaAlt {
  background-color: #ff7829;
  color: #592808;
  border-color: #ff7829;
  transition: all 75ms ease-in; }
  .theme-c4-orange .buttonCta--primary:hover,
  .theme-c4-orange .buttonCtaAlt:hover {
    background-color: #d86522; }
  .theme-c4-orange .buttonCta--primary:focus, .theme-c4-orange .buttonCta--primary:active,
  .theme-c4-orange .buttonCtaAlt:focus,
  .theme-c4-orange .buttonCtaAlt:active {
    background-color: #1e3349; }

.theme-c4-orange .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #ff7829;
  color: #592808; }
  .theme-c4-orange .buttonCta--secondary:focus, .theme-c4-orange .buttonCta--secondary:active {
    background-color: #1e3349; }

.theme-c4-orange .buttonCta--tertiary {
  background-color: #faf0ea;
  color: #592808;
  border-color: #faf0ea; }
  .theme-c4-orange .buttonCta--tertiary:focus, .theme-c4-orange .buttonCta--tertiary:active {
    background-color: #1e3349; }

.theme-c4-orange .buttonNav {
  background-color: #ff7829; }
  .theme-c4-orange .buttonNav:hover, .theme-c4-orange .buttonNav:active {
    background: #b45111;
    color: #fbbd59; }

.theme-c4-orange a {
  transition: all 75ms ease-in; }

.theme-c4-orange .secondaryNavPill {
  color: #fff; }
  .theme-c4-orange .secondaryNavPill:hover, .theme-c4-orange .secondaryNavPill:focus, .theme-c4-orange .secondaryNavPill:active {
    color: #ffba72;
    background-color: #592808; }

.theme-c4-orange .secondaryNavPill.secondaryNavPill--isActive {
  color: #592808;
  background-color: #fff; }

.theme-c4-orange .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #592808;
  color: #000000; }

.theme-c4-orange .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-orange .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #df6413;
    background-color: #faf0ea; }
  .theme-c4-orange .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #592808; }
  .theme-c4-orange .secondaryNavPill-toggle:hover {
    color: #000000;
    border: 1px solid #000000; }

.theme-c4-orange .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-orange .carousel-control {
  background-color: rgba(255, 120, 41, 0.75);
  color: #592808; }

.theme-c4-orange .gallery-thumb--selected:before {
  border-color: #df6413; }

.theme-c4-orange .skipLinksItem-link {
  background-color: #ff7829;
  color: #592808; }

.theme-c4-orange .inputText:focus {
  border-color: #ff7829; }

.theme-c4-orange .info-icon {
  background-color: #ff7829;
  color: #592808; }

.theme-c4-orange .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-orange .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-orange .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-orange .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #df6413; }

/*-----end of theme-c4-orange----*/
/*---Start of theme-c4-greengold----*/
.theme-c4-greengold .palette1 {
  background-color: #b28f15;
  color: #fff; }

.theme-c4-greengold .palette2,
.theme-c4-greengold .buttonCta:focus {
  background-color: #907412;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-greengold .palette3 {
  background-color: #6d580f;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-greengold .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-greengold .palette3 .paletteLinkOnDark:hover, .theme-c4-greengold .palette3 .paletteLinkOnDark:focus, .theme-c4-greengold .palette3 .paletteLinkOnDark:active {
      color: #fad112; }
  .theme-c4-greengold .palette3 .textLinkOnDark:hover, .theme-c4-greengold .palette3 .textLinkOnDark:focus, .theme-c4-greengold .palette3 .textLinkOnDark:active {
    color: #fad112; }

.theme-c4-greengold .palette4 {
  background-color: #473908;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-greengold .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-greengold .palette4 .paletteLinkOnDark:hover, .theme-c4-greengold .palette4 .paletteLinkOnDark:focus, .theme-c4-greengold .palette4 .paletteLinkOnDark:active {
      color: #fad112; }
  .theme-c4-greengold .palette4 .textLinkOnDark:hover, .theme-c4-greengold .palette4 .textLinkOnDark:focus, .theme-c4-greengold .palette4 .textLinkOnDark:active {
    color: #fad112; }

.theme-c4-greengold .paletteCta {
  background-color: #d8ab11;
  color: #473908; }

.theme-c4-greengold .paletteCtaTertiary {
  background-color: #d8ab11;
  color: #b28f15; }

.theme-c4-greengold .paletteLink {
  color: #b28f15; }
  .theme-c4-greengold .paletteLink:hover, .theme-c4-greengold .paletteLink:active {
    color: #fad112;
    outline: none; }
  .theme-c4-greengold .paletteLink:focus {
    color: #fad112; }

.theme-c4-greengold .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-greengold .paletteLinkOnDark:hover, .theme-c4-greengold .paletteLinkOnDark:focus, .theme-c4-greengold .paletteLinkOnDark:active {
    color: #fad112; }

.theme-c4-greengold .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-greengold .paletteLinkOnDark2:hover, .theme-c4-greengold .paletteLinkOnDark2:focus, .theme-c4-greengold .paletteLinkOnDark2:active {
    color: #fad112; }

.theme-c4-greengold .textLinkOnLight {
  color: #b28f15;
  border-bottom: 1px solid rgba(178, 143, 21, 0.2);
  text-decoration: none; }
  .theme-c4-greengold .textLinkOnLight:hover, .theme-c4-greengold .textLinkOnLight:focus, .theme-c4-greengold .textLinkOnLight:active {
    color: #fad112;
    border-bottom: 1px solid #fad112; }

.theme-c4-greengold .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-greengold .textLinkOnDark:hover, .theme-c4-greengold .textLinkOnDark:focus, .theme-c4-greengold .textLinkOnDark:active {
    color: #fad112; }

.theme-c4-greengold .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-greengold .textLinkOnDark2:hover, .theme-c4-greengold .textLinkOnDark2:focus, .theme-c4-greengold .textLinkOnDark2:active {
    color: #fad112; }

.theme-c4-greengold .buttonCta--primary,
.theme-c4-greengold .buttonCtaAlt {
  background-color: #d8ab11;
  color: #473908;
  border-color: #d8ab11;
  transition: all 75ms ease-in; }
  .theme-c4-greengold .buttonCta--primary:hover,
  .theme-c4-greengold .buttonCtaAlt:hover {
    background-color: #b7910e; }
  .theme-c4-greengold .buttonCta--primary:focus, .theme-c4-greengold .buttonCta--primary:active,
  .theme-c4-greengold .buttonCtaAlt:focus,
  .theme-c4-greengold .buttonCtaAlt:active {
    background-color: #907412; }

.theme-c4-greengold .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #d8ab11;
  color: #473908; }
  .theme-c4-greengold .buttonCta--secondary:focus, .theme-c4-greengold .buttonCta--secondary:active {
    background-color: #907412; }

.theme-c4-greengold .buttonCta--tertiary {
  background-color: #d8ab11;
  color: #473908;
  border-color: #d8ab11; }
  .theme-c4-greengold .buttonCta--tertiary:focus, .theme-c4-greengold .buttonCta--tertiary:active {
    background-color: #907412; }

.theme-c4-greengold .buttonNav {
  background-color: #d8ab11; }
  .theme-c4-greengold .buttonNav:hover, .theme-c4-greengold .buttonNav:active {
    background: #907412;
    color: #fad112; }

.theme-c4-greengold a {
  transition: all 75ms ease-in; }

.theme-c4-greengold .secondaryNavPill {
  color: #fff; }
  .theme-c4-greengold .secondaryNavPill:hover, .theme-c4-greengold .secondaryNavPill:focus, .theme-c4-greengold .secondaryNavPill:active {
    color: #fad112;
    background-color: #473908; }

.theme-c4-greengold .secondaryNavPill.secondaryNavPill--isActive {
  color: #473908;
  background-color: #fff; }

.theme-c4-greengold .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #473908;
  color: #fad112; }

.theme-c4-greengold .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-greengold .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #b28f15;
    background-color: #d8ab11; }
  .theme-c4-greengold .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #fad112; }
  .theme-c4-greengold .secondaryNavPill-toggle:hover {
    color: #fad112;
    border: 1px solid #fad112; }

.theme-c4-greengold .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-greengold .carousel-control {
  background-color: rgba(216, 171, 17, 0.75);
  color: #473908; }

.theme-c4-greengold .gallery-thumb--selected:before {
  border-color: #b28f15; }

.theme-c4-greengold .skipLinksItem-link {
  background-color: #d8ab11;
  color: #473908; }

.theme-c4-greengold .inputText:focus {
  border-color: #d8ab11; }

.theme-c4-greengold .info-icon {
  background-color: #d8ab11;
  color: #473908; }

.theme-c4-greengold .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-greengold .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-greengold .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-greengold .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #b28f15; }

/*-----end of theme-c4-greengold----*/
/*---Start of theme-c4-khaki----*/
.theme-c4-khaki .palette1 {
  background-color: #80755A;
  color: #fff; }

.theme-c4-khaki .palette2,
.theme-c4-khaki .buttonCta:focus {
  background-color: #72664A;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-khaki .palette3 {
  background-color: #5c523a;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-khaki .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-khaki .palette3 .paletteLinkOnDark:hover, .theme-c4-khaki .palette3 .paletteLinkOnDark:focus, .theme-c4-khaki .palette3 .paletteLinkOnDark:active {
      color: #eee5d4; }
  .theme-c4-khaki .palette3 .textLinkOnDark:hover, .theme-c4-khaki .palette3 .textLinkOnDark:focus, .theme-c4-khaki .palette3 .textLinkOnDark:active {
    color: #eee5d4; }

.theme-c4-khaki .palette4 {
  background-color: #403a2b;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-khaki .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-khaki .palette4 .paletteLinkOnDark:hover, .theme-c4-khaki .palette4 .paletteLinkOnDark:focus, .theme-c4-khaki .palette4 .paletteLinkOnDark:active {
      color: #eee5d4; }
  .theme-c4-khaki .palette4 .textLinkOnDark:hover, .theme-c4-khaki .palette4 .textLinkOnDark:focus, .theme-c4-khaki .palette4 .textLinkOnDark:active {
    color: #eee5d4; }

.theme-c4-khaki .paletteCta {
  background-color: #c3af80;
  color: #403a2b; }

.theme-c4-khaki .paletteCtaTertiary {
  background-color: #eae8e3;
  color: #a1916b; }

.theme-c4-khaki .paletteLink {
  color: #a1916b; }
  .theme-c4-khaki .paletteLink:hover, .theme-c4-khaki .paletteLink:active {
    color: #403a2b;
    outline: none; }
  .theme-c4-khaki .paletteLink:focus {
    color: #403a2b; }

.theme-c4-khaki .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-khaki .paletteLinkOnDark:hover, .theme-c4-khaki .paletteLinkOnDark:focus, .theme-c4-khaki .paletteLinkOnDark:active {
    color: #eee5d4; }

.theme-c4-khaki .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-khaki .paletteLinkOnDark2:hover, .theme-c4-khaki .paletteLinkOnDark2:focus, .theme-c4-khaki .paletteLinkOnDark2:active {
    color: #eee5d4; }

.theme-c4-khaki .textLinkOnLight {
  color: #a1916b;
  border-bottom: 1px solid rgba(161, 145, 107, 0.2);
  text-decoration: none; }
  .theme-c4-khaki .textLinkOnLight:hover, .theme-c4-khaki .textLinkOnLight:focus, .theme-c4-khaki .textLinkOnLight:active {
    color: #403a2b;
    border-bottom: 1px solid #403a2b; }

.theme-c4-khaki .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-khaki .textLinkOnDark:hover, .theme-c4-khaki .textLinkOnDark:focus, .theme-c4-khaki .textLinkOnDark:active {
    color: #eee5d4; }

.theme-c4-khaki .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-khaki .textLinkOnDark2:hover, .theme-c4-khaki .textLinkOnDark2:focus, .theme-c4-khaki .textLinkOnDark2:active {
    color: #eee5d4; }

.theme-c4-khaki .buttonCta--primary,
.theme-c4-khaki .buttonCtaAlt {
  background-color: #c3af80;
  color: #403a2b;
  border-color: #c3af80;
  transition: all 75ms ease-in; }
  .theme-c4-khaki .buttonCta--primary:hover,
  .theme-c4-khaki .buttonCtaAlt:hover {
    background-color: #a5946c; }
  .theme-c4-khaki .buttonCta--primary:focus, .theme-c4-khaki .buttonCta--primary:active,
  .theme-c4-khaki .buttonCtaAlt:focus,
  .theme-c4-khaki .buttonCtaAlt:active {
    background-color: #827557; }

.theme-c4-khaki .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #c3af80;
  color: #403a2b; }
  .theme-c4-khaki .buttonCta--secondary:focus, .theme-c4-khaki .buttonCta--secondary:active {
    background-color: #827557; }

.theme-c4-khaki .buttonCta--tertiary {
  background-color: #eae8e3;
  color: #403a2b;
  border-color: #eae8e3; }
  .theme-c4-khaki .buttonCta--tertiary:focus, .theme-c4-khaki .buttonCta--tertiary:active {
    background-color: #827557; }

.theme-c4-khaki .buttonNav {
  background-color: #c3af80; }
  .theme-c4-khaki .buttonNav:hover, .theme-c4-khaki .buttonNav:active {
    background: #72664A;
    color: #ebce86; }

.theme-c4-khaki a {
  transition: all 75ms ease-in; }

.theme-c4-khaki .secondaryNavPill {
  color: #fff; }
  .theme-c4-khaki .secondaryNavPill:hover, .theme-c4-khaki .secondaryNavPill:focus, .theme-c4-khaki .secondaryNavPill:active {
    color: #eee5d4;
    background-color: #403a2b; }

.theme-c4-khaki .secondaryNavPill.secondaryNavPill--isActive {
  color: #403a2b;
  background-color: #fff; }

.theme-c4-khaki .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #403a2b;
  color: #eee5d4; }

.theme-c4-khaki .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-khaki .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #80755A;
    background-color: #eae8e3; }
  .theme-c4-khaki .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #403a2b; }
  .theme-c4-khaki .secondaryNavPill-toggle:hover {
    color: #eee5d4;
    border: 1px solid #eee5d4; }

.theme-c4-khaki .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-khaki .carousel-control {
  background-color: rgba(195, 175, 128, 0.75);
  color: #403a2b; }

.theme-c4-khaki .gallery-thumb--selected:before {
  border-color: #80755A; }

.theme-c4-khaki .skipLinksItem-link {
  background-color: #c3af80;
  color: #403a2b; }

.theme-c4-khaki .inputText:focus {
  border-color: #c3af80; }

.theme-c4-khaki .info-icon {
  background-color: #c3af80;
  color: #403a2b; }

.theme-c4-khaki .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-khaki .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-khaki .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-khaki .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #80755A; }

/*-----end of theme-c4-khaki----*/
/*---Start of theme-c4-green----*/
.theme-c4-green .palette1 {
  background-color: #4a6945;
  color: #fff; }

.theme-c4-green .palette2,
.theme-c4-green .buttonCta:focus {
  background-color: #3c5339;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-green .palette3 {
  background-color: #2f412c;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-green .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-green .palette3 .paletteLinkOnDark:hover, .theme-c4-green .palette3 .paletteLinkOnDark:focus, .theme-c4-green .palette3 .paletteLinkOnDark:active {
      color: #b7ec94; }
  .theme-c4-green .palette3 .textLinkOnDark:hover, .theme-c4-green .palette3 .textLinkOnDark:focus, .theme-c4-green .palette3 .textLinkOnDark:active {
    color: #b7ec94; }

.theme-c4-green .palette4 {
  background-color: #1e2a1c;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-green .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-green .palette4 .paletteLinkOnDark:hover, .theme-c4-green .palette4 .paletteLinkOnDark:focus, .theme-c4-green .palette4 .paletteLinkOnDark:active {
      color: #b7ec94; }
  .theme-c4-green .palette4 .textLinkOnDark:hover, .theme-c4-green .palette4 .textLinkOnDark:focus, .theme-c4-green .palette4 .textLinkOnDark:active {
    color: #b7ec94; }

.theme-c4-green .paletteCta {
  background-color: #4e7f47;
  color: #fff; }

.theme-c4-green .paletteCtaTertiary {
  background-color: #e7f1e6;
  color: #4a6945; }

.theme-c4-green .paletteLink {
  color: #4a6945; }
  .theme-c4-green .paletteLink:hover, .theme-c4-green .paletteLink:active {
    color: #1e2a1c;
    outline: none; }
  .theme-c4-green .paletteLink:focus {
    color: #1e2a1c; }

.theme-c4-green .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-green .paletteLinkOnDark:hover, .theme-c4-green .paletteLinkOnDark:focus, .theme-c4-green .paletteLinkOnDark:active {
    color: #b7ec94; }

.theme-c4-green .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-green .paletteLinkOnDark2:hover, .theme-c4-green .paletteLinkOnDark2:focus, .theme-c4-green .paletteLinkOnDark2:active {
    color: #b7ec94; }

.theme-c4-green .textLinkOnLight {
  color: #4a6945;
  border-bottom: 1px solid rgba(74, 105, 69, 0.2);
  text-decoration: none; }
  .theme-c4-green .textLinkOnLight:hover, .theme-c4-green .textLinkOnLight:focus, .theme-c4-green .textLinkOnLight:active {
    color: #1e2a1c;
    border-bottom: 1px solid #1e2a1c; }

.theme-c4-green .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-green .textLinkOnDark:hover, .theme-c4-green .textLinkOnDark:focus, .theme-c4-green .textLinkOnDark:active {
    color: #b7ec94; }

.theme-c4-green .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-green .textLinkOnDark2:hover, .theme-c4-green .textLinkOnDark2:focus, .theme-c4-green .textLinkOnDark2:active {
    color: #b7ec94; }

.theme-c4-green .buttonCta--primary,
.theme-c4-green .buttonCtaAlt {
  background-color: #4e7f47;
  color: #fff;
  border-color: #4e7f47;
  transition: all 75ms ease-in; }
  .theme-c4-green .buttonCta--primary:hover,
  .theme-c4-green .buttonCtaAlt:hover {
    background-color: #426b3c; }
  .theme-c4-green .buttonCta--primary:focus, .theme-c4-green .buttonCta--primary:active,
  .theme-c4-green .buttonCtaAlt:focus,
  .theme-c4-green .buttonCtaAlt:active {
    background-color: #3c5339; }

.theme-c4-green .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #4e7f47;
  color: #1e2a1c; }
  .theme-c4-green .buttonCta--secondary:focus, .theme-c4-green .buttonCta--secondary:active {
    background-color: #3c5339; }

.theme-c4-green .buttonCta--tertiary {
  background-color: #e7f1e6;
  color: #1e2a1c;
  border-color: #e7f1e6; }
  .theme-c4-green .buttonCta--tertiary:focus, .theme-c4-green .buttonCta--tertiary:active {
    background-color: #3c5339; }

.theme-c4-green .buttonNav {
  background-color: #4e7f47; }
  .theme-c4-green .buttonNav:hover, .theme-c4-green .buttonNav:active {
    background: #3c5339;
    color: #93dc87; }

.theme-c4-green a {
  transition: all 75ms ease-in; }

.theme-c4-green .secondaryNavPill {
  color: #fff; }
  .theme-c4-green .secondaryNavPill:hover, .theme-c4-green .secondaryNavPill:focus, .theme-c4-green .secondaryNavPill:active {
    color: #b7ec94;
    background-color: #1e2a1c; }

.theme-c4-green .secondaryNavPill.secondaryNavPill--isActive {
  color: #1e2a1c;
  background-color: #fff; }

.theme-c4-green .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #1e2a1c;
  color: #b7ec94; }

.theme-c4-green .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-green .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #4a6945;
    background-color: #e7f1e6; }
  .theme-c4-green .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #1e2a1c; }
  .theme-c4-green .secondaryNavPill-toggle:hover {
    color: #b7ec94;
    border: 1px solid #b7ec94; }

.theme-c4-green .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-green .carousel-control {
  background-color: rgba(78, 127, 71, 0.75);
  color: #fff; }

.theme-c4-green .gallery-thumb--selected:before {
  border-color: #4a6945; }

.theme-c4-green .skipLinksItem-link {
  background-color: #4e7f47;
  color: #fff; }

.theme-c4-green .inputText:focus {
  border-color: #4e7f47; }

.theme-c4-green .info-icon {
  background-color: #4e7f47;
  color: #fff; }

.theme-c4-green .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-green .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-green .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-green .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #4a6945; }

/*-----end of theme-c4-green----*/
/*---Start of theme-c4-veridian----*/
.theme-c4-veridian .palette1 {
  background-color: #249a7a;
  color: #fff; }

.theme-c4-veridian .palette2,
.theme-c4-veridian .buttonCta:focus {
  background-color: #1e7c63;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-veridian .palette3 {
  background-color: #185f4c;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-veridian .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-veridian .palette3 .paletteLinkOnDark:hover, .theme-c4-veridian .palette3 .paletteLinkOnDark:focus, .theme-c4-veridian .palette3 .paletteLinkOnDark:active {
      color: #3bfac6; }
  .theme-c4-veridian .palette3 .textLinkOnDark:hover, .theme-c4-veridian .palette3 .textLinkOnDark:focus, .theme-c4-veridian .palette3 .textLinkOnDark:active {
    color: #3bfac6; }

.theme-c4-veridian .palette4 {
  background-color: #0e3e31;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-veridian .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-veridian .palette4 .paletteLinkOnDark:hover, .theme-c4-veridian .palette4 .paletteLinkOnDark:focus, .theme-c4-veridian .palette4 .paletteLinkOnDark:active {
      color: #3bfac6; }
  .theme-c4-veridian .palette4 .textLinkOnDark:hover, .theme-c4-veridian .palette4 .textLinkOnDark:focus, .theme-c4-veridian .palette4 .textLinkOnDark:active {
    color: #3bfac6; }

.theme-c4-veridian .paletteCta {
  background-color: #35b793;
  color: #0e3e31; }

.theme-c4-veridian .paletteCtaTertiary {
  background-color: #e9f5f2;
  color: #249a7a; }

.theme-c4-veridian .paletteLink {
  color: #249a7a; }
  .theme-c4-veridian .paletteLink:hover, .theme-c4-veridian .paletteLink:active {
    color: #3bfac6;
    outline: none; }
  .theme-c4-veridian .paletteLink:focus {
    color: #3bfac6; }

.theme-c4-veridian .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-veridian .paletteLinkOnDark:hover, .theme-c4-veridian .paletteLinkOnDark:focus, .theme-c4-veridian .paletteLinkOnDark:active {
    color: #3bfac6; }

.theme-c4-veridian .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-veridian .paletteLinkOnDark2:hover, .theme-c4-veridian .paletteLinkOnDark2:focus, .theme-c4-veridian .paletteLinkOnDark2:active {
    color: #3bfac6; }

.theme-c4-veridian .textLinkOnLight {
  color: #249a7a;
  border-bottom: 1px solid rgba(36, 154, 122, 0.2);
  text-decoration: none; }
  .theme-c4-veridian .textLinkOnLight:hover, .theme-c4-veridian .textLinkOnLight:focus, .theme-c4-veridian .textLinkOnLight:active {
    color: #3bfac6;
    border-bottom: 1px solid #3bfac6; }

.theme-c4-veridian .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-veridian .textLinkOnDark:hover, .theme-c4-veridian .textLinkOnDark:focus, .theme-c4-veridian .textLinkOnDark:active {
    color: #3bfac6; }

.theme-c4-veridian .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-veridian .textLinkOnDark2:hover, .theme-c4-veridian .textLinkOnDark2:focus, .theme-c4-veridian .textLinkOnDark2:active {
    color: #3bfac6; }

.theme-c4-veridian .buttonCta--primary,
.theme-c4-veridian .buttonCtaAlt {
  background-color: #35b793;
  color: #0e3e31;
  border-color: #35b793;
  transition: all 75ms ease-in; }
  .theme-c4-veridian .buttonCta--primary:hover,
  .theme-c4-veridian .buttonCtaAlt:hover {
    background-color: #2d9b7c; }
  .theme-c4-veridian .buttonCta--primary:focus, .theme-c4-veridian .buttonCta--primary:active,
  .theme-c4-veridian .buttonCtaAlt:focus,
  .theme-c4-veridian .buttonCtaAlt:active {
    background-color: #1e7c63; }

.theme-c4-veridian .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #35b793;
  color: #0e3e31; }
  .theme-c4-veridian .buttonCta--secondary:focus, .theme-c4-veridian .buttonCta--secondary:active {
    background-color: #1e7c63; }

.theme-c4-veridian .buttonCta--tertiary {
  background-color: #e9f5f2;
  color: #0e3e31;
  border-color: #e9f5f2; }
  .theme-c4-veridian .buttonCta--tertiary:focus, .theme-c4-veridian .buttonCta--tertiary:active {
    background-color: #1e7c63; }

.theme-c4-veridian .buttonNav {
  background-color: #35b793; }
  .theme-c4-veridian .buttonNav:hover, .theme-c4-veridian .buttonNav:active {
    background: #1e7c63;
    color: #3bfac6; }

.theme-c4-veridian a {
  transition: all 75ms ease-in; }

.theme-c4-veridian .secondaryNavPill {
  color: #fff; }
  .theme-c4-veridian .secondaryNavPill:hover, .theme-c4-veridian .secondaryNavPill:focus, .theme-c4-veridian .secondaryNavPill:active {
    color: #3bfac6;
    background-color: #0e3e31; }

.theme-c4-veridian .secondaryNavPill.secondaryNavPill--isActive {
  color: #0e3e31;
  background-color: #fff; }

.theme-c4-veridian .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #0e3e31;
  color: #3bfac6; }

.theme-c4-veridian .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-veridian .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #249a7a;
    background-color: #e9f5f2; }
  .theme-c4-veridian .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #3bfac6; }
  .theme-c4-veridian .secondaryNavPill-toggle:hover {
    color: #3bfac6;
    border: 1px solid #3bfac6; }

.theme-c4-veridian .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-veridian .carousel-control {
  background-color: rgba(53, 183, 147, 0.75);
  color: #0e3e31; }

.theme-c4-veridian .gallery-thumb--selected:before {
  border-color: #249a7a; }

.theme-c4-veridian .skipLinksItem-link {
  background-color: #35b793;
  color: #0e3e31; }

.theme-c4-veridian .inputText:focus {
  border-color: #35b793; }

.theme-c4-veridian .info-icon {
  background-color: #35b793;
  color: #0e3e31; }

.theme-c4-veridian .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-veridian .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-veridian .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-veridian .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #249a7a; }

/*-----end of theme-c4-veridian----*/
/*---Start of theme-c4-lavendar----*/
.theme-c4-lavendar .palette1 {
  background-color: #7b7eac;
  color: #fff; }

.theme-c4-lavendar .palette2,
.theme-c4-lavendar .buttonCta:focus {
  background-color: #64668b;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-lavendar .palette3 {
  background-color: #464e6a;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-lavendar .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-lavendar .palette3 .paletteLinkOnDark:hover, .theme-c4-lavendar .palette3 .paletteLinkOnDark:focus, .theme-c4-lavendar .palette3 .paletteLinkOnDark:active {
      color: #ffeefc; }
  .theme-c4-lavendar .palette3 .textLinkOnDark:hover, .theme-c4-lavendar .palette3 .textLinkOnDark:focus, .theme-c4-lavendar .palette3 .textLinkOnDark:active {
    color: #ffeefc; }

.theme-c4-lavendar .palette4 {
  background-color: #313245;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-lavendar .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-lavendar .palette4 .paletteLinkOnDark:hover, .theme-c4-lavendar .palette4 .paletteLinkOnDark:focus, .theme-c4-lavendar .palette4 .paletteLinkOnDark:active {
      color: #ffeefc; }
  .theme-c4-lavendar .palette4 .textLinkOnDark:hover, .theme-c4-lavendar .palette4 .textLinkOnDark:focus, .theme-c4-lavendar .palette4 .textLinkOnDark:active {
    color: #ffeefc; }

.theme-c4-lavendar .paletteCta {
  background-color: #9a9ddf;
  color: #313245; }

.theme-c4-lavendar .paletteCtaTertiary {
  background-color: #eff0fb;
  color: #7b7eac; }

.theme-c4-lavendar .paletteLink {
  color: #7b7eac; }
  .theme-c4-lavendar .paletteLink:hover, .theme-c4-lavendar .paletteLink:active {
    color: #313245;
    outline: none; }
  .theme-c4-lavendar .paletteLink:focus {
    color: #313245; }

.theme-c4-lavendar .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-lavendar .paletteLinkOnDark:hover, .theme-c4-lavendar .paletteLinkOnDark:focus, .theme-c4-lavendar .paletteLinkOnDark:active {
    color: #ffeefc; }

.theme-c4-lavendar .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-lavendar .paletteLinkOnDark2:hover, .theme-c4-lavendar .paletteLinkOnDark2:focus, .theme-c4-lavendar .paletteLinkOnDark2:active {
    color: #ffeefc; }

.theme-c4-lavendar .textLinkOnLight {
  color: #7b7eac;
  border-bottom: 1px solid rgba(123, 126, 172, 0.2);
  text-decoration: none; }
  .theme-c4-lavendar .textLinkOnLight:hover, .theme-c4-lavendar .textLinkOnLight:focus, .theme-c4-lavendar .textLinkOnLight:active {
    color: #313245;
    border-bottom: 1px solid #313245; }

.theme-c4-lavendar .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-lavendar .textLinkOnDark:hover, .theme-c4-lavendar .textLinkOnDark:focus, .theme-c4-lavendar .textLinkOnDark:active {
    color: #ffeefc; }

.theme-c4-lavendar .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-lavendar .textLinkOnDark2:hover, .theme-c4-lavendar .textLinkOnDark2:focus, .theme-c4-lavendar .textLinkOnDark2:active {
    color: #ffeefc; }

.theme-c4-lavendar .buttonCta--primary,
.theme-c4-lavendar .buttonCtaAlt {
  background-color: #9a9ddf;
  color: #313245;
  border-color: #9a9ddf;
  transition: all 75ms ease-in; }
  .theme-c4-lavendar .buttonCta--primary:hover,
  .theme-c4-lavendar .buttonCtaAlt:hover {
    background-color: #8285bd; }
  .theme-c4-lavendar .buttonCta--primary:focus, .theme-c4-lavendar .buttonCta--primary:active,
  .theme-c4-lavendar .buttonCtaAlt:focus,
  .theme-c4-lavendar .buttonCtaAlt:active {
    background-color: #64668b; }

.theme-c4-lavendar .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #9a9ddf;
  color: #313245; }
  .theme-c4-lavendar .buttonCta--secondary:focus, .theme-c4-lavendar .buttonCta--secondary:active {
    background-color: #64668b; }

.theme-c4-lavendar .buttonCta--tertiary {
  background-color: #eff0fb;
  color: #313245;
  border-color: #eff0fb; }
  .theme-c4-lavendar .buttonCta--tertiary:focus, .theme-c4-lavendar .buttonCta--tertiary:active {
    background-color: #64668b; }

.theme-c4-lavendar .buttonNav {
  background-color: #9a9ddf; }
  .theme-c4-lavendar .buttonNav:hover, .theme-c4-lavendar .buttonNav:active {
    background: #64668b;
    color: #eeb2ff; }

.theme-c4-lavendar a {
  transition: all 75ms ease-in; }

.theme-c4-lavendar .secondaryNavPill {
  color: #fff; }
  .theme-c4-lavendar .secondaryNavPill:hover, .theme-c4-lavendar .secondaryNavPill:focus, .theme-c4-lavendar .secondaryNavPill:active {
    color: #ffeefc;
    background-color: #313245; }

.theme-c4-lavendar .secondaryNavPill.secondaryNavPill--isActive {
  color: #313245;
  background-color: #fff; }

.theme-c4-lavendar .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #313245;
  color: #ffeefc; }

.theme-c4-lavendar .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-lavendar .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #7b7eac;
    background-color: #eff0fb; }
  .theme-c4-lavendar .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #313245; }
  .theme-c4-lavendar .secondaryNavPill-toggle:hover {
    color: #ffeefc;
    border: 1px solid #ffeefc; }

.theme-c4-lavendar .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-lavendar .carousel-control {
  background-color: rgba(154, 157, 223, 0.75);
  color: #313245; }

.theme-c4-lavendar .gallery-thumb--selected:before {
  border-color: #7b7eac; }

.theme-c4-lavendar .skipLinksItem-link {
  background-color: #9a9ddf;
  color: #313245; }

.theme-c4-lavendar .inputText:focus {
  border-color: #9a9ddf; }

.theme-c4-lavendar .info-icon {
  background-color: #9a9ddf;
  color: #313245; }

.theme-c4-lavendar .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-lavendar .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-lavendar .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-lavendar .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #7b7eac; }

/*-----end of theme-c4-lavendar----*/
/*---Start of theme-c4-sky----*/
.theme-c4-sky .palette1 {
  background-color: #2467af;
  color: #fff; }

.theme-c4-sky .palette2,
.theme-c4-sky .buttonCta:focus {
  background-color: #1e5485;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-sky .palette3 {
  background-color: #184066;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-sky .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-sky .palette3 .paletteLinkOnDark:hover, .theme-c4-sky .palette3 .paletteLinkOnDark:focus, .theme-c4-sky .palette3 .paletteLinkOnDark:active {
      color: #c6e7ff; }
  .theme-c4-sky .palette3 .textLinkOnDark:hover, .theme-c4-sky .palette3 .textLinkOnDark:focus, .theme-c4-sky .palette3 .textLinkOnDark:active {
    color: #c6e7ff; }

.theme-c4-sky .palette4 {
  background-color: #0e2942;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-sky .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-sky .palette4 .paletteLinkOnDark:hover, .theme-c4-sky .palette4 .paletteLinkOnDark:focus, .theme-c4-sky .palette4 .paletteLinkOnDark:active {
      color: #c6e7ff; }
  .theme-c4-sky .palette4 .textLinkOnDark:hover, .theme-c4-sky .palette4 .textLinkOnDark:focus, .theme-c4-sky .palette4 .textLinkOnDark:active {
    color: #c6e7ff; }

.theme-c4-sky .paletteCta {
  background-color: #1174df;
  color: #fff; }

.theme-c4-sky .paletteCtaTertiary {
  background-color: #e3ebf3;
  color: #2467af; }

.theme-c4-sky .paletteLink {
  color: #2467af; }
  .theme-c4-sky .paletteLink:hover, .theme-c4-sky .paletteLink:active {
    color: #0e2942;
    outline: none; }
  .theme-c4-sky .paletteLink:focus {
    color: #0e2942; }

.theme-c4-sky .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-sky .paletteLinkOnDark:hover, .theme-c4-sky .paletteLinkOnDark:focus, .theme-c4-sky .paletteLinkOnDark:active {
    color: #c6e7ff; }

.theme-c4-sky .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-sky .paletteLinkOnDark2:hover, .theme-c4-sky .paletteLinkOnDark2:focus, .theme-c4-sky .paletteLinkOnDark2:active {
    color: #c6e7ff; }

.theme-c4-sky .textLinkOnLight {
  color: #2467af;
  border-bottom: 1px solid rgba(36, 103, 175, 0.2);
  text-decoration: none; }
  .theme-c4-sky .textLinkOnLight:hover, .theme-c4-sky .textLinkOnLight:focus, .theme-c4-sky .textLinkOnLight:active {
    color: #0e2942;
    border-bottom: 1px solid #0e2942; }

.theme-c4-sky .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-sky .textLinkOnDark:hover, .theme-c4-sky .textLinkOnDark:focus, .theme-c4-sky .textLinkOnDark:active {
    color: #c6e7ff; }

.theme-c4-sky .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-sky .textLinkOnDark2:hover, .theme-c4-sky .textLinkOnDark2:focus, .theme-c4-sky .textLinkOnDark2:active {
    color: #c6e7ff; }

.theme-c4-sky .buttonCta--primary,
.theme-c4-sky .buttonCtaAlt {
  background-color: #1174df;
  color: #fff;
  border-color: #1174df;
  transition: all 75ms ease-in; }
  .theme-c4-sky .buttonCta--primary:hover,
  .theme-c4-sky .buttonCtaAlt:hover {
    background-color: #0e62bd; }
  .theme-c4-sky .buttonCta--primary:focus, .theme-c4-sky .buttonCta--primary:active,
  .theme-c4-sky .buttonCtaAlt:focus,
  .theme-c4-sky .buttonCtaAlt:active {
    background-color: #1e5485; }

.theme-c4-sky .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #1174df;
  color: #1174df; }
  .theme-c4-sky .buttonCta--secondary:focus, .theme-c4-sky .buttonCta--secondary:active {
    background-color: #1e5485; }

.theme-c4-sky .buttonCta--tertiary {
  background-color: #e3ebf3;
  color: #1174df;
  border-color: #e3ebf3; }
  .theme-c4-sky .buttonCta--tertiary:focus, .theme-c4-sky .buttonCta--tertiary:active {
    background-color: #1e5485; }

.theme-c4-sky .buttonNav {
  background-color: #1174df; }
  .theme-c4-sky .buttonNav:hover, .theme-c4-sky .buttonNav:active {
    background: #1e5485;
    color: #59beff; }

.theme-c4-sky a {
  transition: all 75ms ease-in; }

.theme-c4-sky .secondaryNavPill {
  color: #fff; }
  .theme-c4-sky .secondaryNavPill:hover, .theme-c4-sky .secondaryNavPill:focus, .theme-c4-sky .secondaryNavPill:active {
    color: #c6e7ff;
    background-color: #0e2942; }

.theme-c4-sky .secondaryNavPill.secondaryNavPill--isActive {
  color: #0e2942;
  background-color: #fff; }

.theme-c4-sky .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #0e2942;
  color: #c6e7ff; }

.theme-c4-sky .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-sky .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #2467af;
    background-color: #e3ebf3; }
  .theme-c4-sky .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #0e2942; }
  .theme-c4-sky .secondaryNavPill-toggle:hover {
    color: #c6e7ff;
    border: 1px solid #c6e7ff; }

.theme-c4-sky .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-sky .carousel-control {
  background-color: rgba(17, 116, 223, 0.75);
  color: #fff; }

.theme-c4-sky .gallery-thumb--selected:before {
  border-color: #2467af; }

.theme-c4-sky .skipLinksItem-link {
  background-color: #1174df;
  color: #fff; }

.theme-c4-sky .inputText:focus {
  border-color: #1174df; }

.theme-c4-sky .info-icon {
  background-color: #1174df;
  color: #fff; }

.theme-c4-sky .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-sky .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-sky .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-sky .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #2467af; }

/*-----end of theme-c4-sky----*/
/*---Start of theme-c4-warmgrey----*/
.theme-c4-warmgrey .palette1 {
  background-color: #75756f;
  color: #fff; }

.theme-c4-warmgrey .palette2,
.theme-c4-warmgrey .buttonCta:focus {
  background-color: #5e5e59;
  color: rgba(255, 255, 255, 0.7); }

.theme-c4-warmgrey .palette3 {
  background-color: #464643;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-warmgrey .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-warmgrey .palette3 .paletteLinkOnDark:hover, .theme-c4-warmgrey .palette3 .paletteLinkOnDark:focus, .theme-c4-warmgrey .palette3 .paletteLinkOnDark:active {
      color: #fffdb5; }
  .theme-c4-warmgrey .palette3 .textLinkOnDark:hover, .theme-c4-warmgrey .palette3 .textLinkOnDark:focus, .theme-c4-warmgrey .palette3 .textLinkOnDark:active {
    color: #fffdb5; }

.theme-c4-warmgrey .palette4 {
  background-color: #2f2f2c;
  color: rgba(255, 255, 255, 0.7); }
  .theme-c4-warmgrey .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-c4-warmgrey .palette4 .paletteLinkOnDark:hover, .theme-c4-warmgrey .palette4 .paletteLinkOnDark:focus, .theme-c4-warmgrey .palette4 .paletteLinkOnDark:active {
      color: #fffdb5; }
  .theme-c4-warmgrey .palette4 .textLinkOnDark:hover, .theme-c4-warmgrey .palette4 .textLinkOnDark:focus, .theme-c4-warmgrey .palette4 .textLinkOnDark:active {
    color: #fffdb5; }

.theme-c4-warmgrey .paletteCta {
  background-color: #acaca0;
  color: #2f2f2c; }

.theme-c4-warmgrey .paletteCtaTertiary {
  background-color: #e5e5e2;
  color: #75756f; }

.theme-c4-warmgrey .paletteLink {
  color: #75756f; }
  .theme-c4-warmgrey .paletteLink:hover, .theme-c4-warmgrey .paletteLink:active {
    color: #2f2f2c;
    outline: none; }
  .theme-c4-warmgrey .paletteLink:focus {
    color: #2f2f2c; }

.theme-c4-warmgrey .paletteLinkOnDark {
  color: #fff; }
  .theme-c4-warmgrey .paletteLinkOnDark:hover, .theme-c4-warmgrey .paletteLinkOnDark:focus, .theme-c4-warmgrey .paletteLinkOnDark:active {
    color: #fffdb5; }

.theme-c4-warmgrey .paletteLinkOnDark2 {
  color: #fff; }
  .theme-c4-warmgrey .paletteLinkOnDark2:hover, .theme-c4-warmgrey .paletteLinkOnDark2:focus, .theme-c4-warmgrey .paletteLinkOnDark2:active {
    color: #fffdb5; }

.theme-c4-warmgrey .textLinkOnLight {
  color: #75756f;
  border-bottom: 1px solid rgba(117, 117, 111, 0.2);
  text-decoration: none; }
  .theme-c4-warmgrey .textLinkOnLight:hover, .theme-c4-warmgrey .textLinkOnLight:focus, .theme-c4-warmgrey .textLinkOnLight:active {
    color: #2f2f2c;
    border-bottom: 1px solid #2f2f2c; }

.theme-c4-warmgrey .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-c4-warmgrey .textLinkOnDark:hover, .theme-c4-warmgrey .textLinkOnDark:focus, .theme-c4-warmgrey .textLinkOnDark:active {
    color: #fffdb5; }

.theme-c4-warmgrey .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-c4-warmgrey .textLinkOnDark2:hover, .theme-c4-warmgrey .textLinkOnDark2:focus, .theme-c4-warmgrey .textLinkOnDark2:active {
    color: #fffdb5; }

.theme-c4-warmgrey .buttonCta--primary,
.theme-c4-warmgrey .buttonCtaAlt {
  background-color: #acaca0;
  color: #2f2f2c;
  border-color: #acaca0;
  transition: all 75ms ease-in; }
  .theme-c4-warmgrey .buttonCta--primary:hover,
  .theme-c4-warmgrey .buttonCtaAlt:hover {
    background-color: #929287; }
  .theme-c4-warmgrey .buttonCta--primary:focus, .theme-c4-warmgrey .buttonCta--primary:active,
  .theme-c4-warmgrey .buttonCtaAlt:focus,
  .theme-c4-warmgrey .buttonCtaAlt:active {
    background-color: #5e5e59; }

.theme-c4-warmgrey .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #acaca0;
  color: #2f2f2c; }
  .theme-c4-warmgrey .buttonCta--secondary:focus, .theme-c4-warmgrey .buttonCta--secondary:active {
    background-color: #5e5e59; }

.theme-c4-warmgrey .buttonCta--tertiary {
  background-color: #e5e5e2;
  color: #2f2f2c;
  border-color: #e5e5e2; }
  .theme-c4-warmgrey .buttonCta--tertiary:focus, .theme-c4-warmgrey .buttonCta--tertiary:active {
    background-color: #5e5e59; }

.theme-c4-warmgrey .buttonNav {
  background-color: #acaca0; }
  .theme-c4-warmgrey .buttonNav:hover, .theme-c4-warmgrey .buttonNav:active {
    background: #5e5e59;
    color: #c9c49f; }

.theme-c4-warmgrey a {
  transition: all 75ms ease-in; }

.theme-c4-warmgrey .secondaryNavPill {
  color: #fff; }
  .theme-c4-warmgrey .secondaryNavPill:hover, .theme-c4-warmgrey .secondaryNavPill:focus, .theme-c4-warmgrey .secondaryNavPill:active {
    color: #fffdb5;
    background-color: #2f2f2c; }

.theme-c4-warmgrey .secondaryNavPill.secondaryNavPill--isActive {
  color: #2f2f2c;
  background-color: #fff; }

.theme-c4-warmgrey .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #2f2f2c;
  color: #fffdb5; }

.theme-c4-warmgrey .secondaryNavPill-toggle {
  color: #fff; }
  .theme-c4-warmgrey .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #75756f;
    background-color: #e5e5e2; }
  .theme-c4-warmgrey .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #2f2f2c; }
  .theme-c4-warmgrey .secondaryNavPill-toggle:hover {
    color: #fffdb5;
    border: 1px solid #fffdb5; }

.theme-c4-warmgrey .brandHeadInfo-summary {
  color: #fff; }

.theme-c4-warmgrey .carousel-control {
  background-color: rgba(172, 172, 160, 0.75);
  color: #2f2f2c; }

.theme-c4-warmgrey .gallery-thumb--selected:before {
  border-color: #75756f; }

.theme-c4-warmgrey .skipLinksItem-link {
  background-color: #acaca0;
  color: #2f2f2c; }

.theme-c4-warmgrey .inputText:focus {
  border-color: #acaca0; }

.theme-c4-warmgrey .info-icon {
  background-color: #acaca0;
  color: #2f2f2c; }

.theme-c4-warmgrey .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-c4-warmgrey .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-c4-warmgrey .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-c4-warmgrey .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #75756f; }

/*-----end of theme-c4-warmgrey----*/
/*---Start of theme-onDemand----*/
.theme-onDemand .palette1 {
  background-color: #444d57;
  color: #fff; }

.theme-onDemand .palette2,
.theme-onDemand .buttonCta:focus {
  background-color: #383f47;
  color: rgba(255, 255, 255, 0.7); }

.theme-onDemand .palette3 {
  background-color: #2b3137;
  color: rgba(255, 255, 255, 0.7); }
  .theme-onDemand .palette3 .paletteLinkOnDark {
    color: #fff; }
    .theme-onDemand .palette3 .paletteLinkOnDark:hover, .theme-onDemand .palette3 .paletteLinkOnDark:focus, .theme-onDemand .palette3 .paletteLinkOnDark:active {
      color: #00b9ff; }
  .theme-onDemand .palette3 .textLinkOnDark:hover, .theme-onDemand .palette3 .textLinkOnDark:focus, .theme-onDemand .palette3 .textLinkOnDark:active {
    color: #00b9ff; }

.theme-onDemand .palette4 {
  background-color: #1e2226;
  color: rgba(255, 255, 255, 0.7); }
  .theme-onDemand .palette4 .paletteLinkOnDark {
    color: #fff; }
    .theme-onDemand .palette4 .paletteLinkOnDark:hover, .theme-onDemand .palette4 .paletteLinkOnDark:focus, .theme-onDemand .palette4 .paletteLinkOnDark:active {
      color: #00b9ff; }
  .theme-onDemand .palette4 .textLinkOnDark:hover, .theme-onDemand .palette4 .textLinkOnDark:focus, .theme-onDemand .palette4 .textLinkOnDark:active {
    color: #00b9ff; }

.theme-onDemand .paletteCta {
  background-color: #42688b;
  color: #fff; }

.theme-onDemand .paletteCtaTertiary {
  background-color: #eceff3;
  color: #42688b; }

.theme-onDemand .paletteLink {
  color: #42688b; }
  .theme-onDemand .paletteLink:hover, .theme-onDemand .paletteLink:active {
    color: #1e2226;
    outline: none; }
  .theme-onDemand .paletteLink:focus {
    color: #1e2226; }

.theme-onDemand .paletteLinkOnDark {
  color: #fff; }
  .theme-onDemand .paletteLinkOnDark:hover, .theme-onDemand .paletteLinkOnDark:focus, .theme-onDemand .paletteLinkOnDark:active {
    color: #00b9ff; }

.theme-onDemand .paletteLinkOnDark2 {
  color: #fff; }
  .theme-onDemand .paletteLinkOnDark2:hover, .theme-onDemand .paletteLinkOnDark2:focus, .theme-onDemand .paletteLinkOnDark2:active {
    color: #00b9ff; }

.theme-onDemand .textLinkOnLight {
  color: #42688b;
  border-bottom: 1px solid rgba(66, 104, 139, 0.2);
  text-decoration: none; }
  .theme-onDemand .textLinkOnLight:hover, .theme-onDemand .textLinkOnLight:focus, .theme-onDemand .textLinkOnLight:active {
    color: #1e2226;
    border-bottom: 1px solid #1e2226; }

.theme-onDemand .textLinkOnDark {
  color: #fff;
  text-decoration: none; }
  .theme-onDemand .textLinkOnDark:hover, .theme-onDemand .textLinkOnDark:focus, .theme-onDemand .textLinkOnDark:active {
    color: #00b9ff; }

.theme-onDemand .textLinkOnDark2 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none; }
  .theme-onDemand .textLinkOnDark2:hover, .theme-onDemand .textLinkOnDark2:focus, .theme-onDemand .textLinkOnDark2:active {
    color: #00b9ff; }

.theme-onDemand .buttonCta--primary,
.theme-onDemand .buttonCtaAlt {
  background-color: #42688b;
  color: #fff;
  border-color: #42688b;
  transition: all 75ms ease-in; }
  .theme-onDemand .buttonCta--primary:hover,
  .theme-onDemand .buttonCtaAlt:hover {
    background-color: #385876; }
  .theme-onDemand .buttonCta--primary:focus, .theme-onDemand .buttonCta--primary:active,
  .theme-onDemand .buttonCtaAlt:focus,
  .theme-onDemand .buttonCtaAlt:active {
    background-color: #1e3349; }

.theme-onDemand .buttonCta--secondary {
  background-color: #ffffff;
  border-color: #42688b;
  color: #1e2226; }
  .theme-onDemand .buttonCta--secondary:focus, .theme-onDemand .buttonCta--secondary:active {
    background-color: #1e3349; }

.theme-onDemand .buttonCta--tertiary {
  background-color: #eceff3;
  color: #1e2226;
  border-color: #eceff3; }
  .theme-onDemand .buttonCta--tertiary:focus, .theme-onDemand .buttonCta--tertiary:active {
    background-color: #1e3349; }

.theme-onDemand .buttonNav {
  background-color: #444d57; }
  .theme-onDemand .buttonNav:hover, .theme-onDemand .buttonNav:active {
    background: #383f47;
    color: #00b9ff; }

.theme-onDemand a {
  transition: all 75ms ease-in; }

.theme-onDemand .secondaryNavPill {
  color: #fff; }
  .theme-onDemand .secondaryNavPill:hover, .theme-onDemand .secondaryNavPill:focus, .theme-onDemand .secondaryNavPill:active {
    color: #00b9ff;
    background-color: #1e2226; }

.theme-onDemand .secondaryNavPill.secondaryNavPill--isActive {
  color: #1e2226;
  background-color: #fff; }

.theme-onDemand .secondaryNavPill[href].secondaryNavPill--isActive:hover {
  background-color: #1e2226;
  color: #00b9ff; }

.theme-onDemand .secondaryNavPill-toggle {
  color: #fff; }
  .theme-onDemand .secondaryNavPill-toggle.secondaryNavPill--isActive {
    color: #444d57;
    background-color: #eceff3; }
  .theme-onDemand .secondaryNavPill-toggle:focus {
    outline: thin dotted;
    color: #1e2226; }
  .theme-onDemand .secondaryNavPill-toggle:hover {
    color: #00b9ff;
    border: 1px solid #00b9ff; }

.theme-onDemand .brandHeadInfo-summary {
  color: #fff; }

.theme-onDemand .carousel-control {
  background-color: rgba(66, 104, 139, 0.75);
  color: #fff; }

.theme-onDemand .gallery-thumb--selected:before {
  border-color: #444d57; }

.theme-onDemand .skipLinksItem-link {
  background-color: #42688b;
  color: #fff; }

.theme-onDemand .inputText:focus {
  border-color: #42688b; }

.theme-onDemand .info-icon {
  background-color: #42688b;
  color: #fff; }

.theme-onDemand .bc-player-EyVAcJY3g_default .vjs-play-progress,
.theme-onDemand .bc-player-EyVAcJY3g_default .vjs-volume-level,
.theme-onDemand .bc-player-NJd6xAPnl_default .vjs-play-progress,
.theme-onDemand .bc-player-NJd6xAPnl_default .vjs-volume-level {
  background-color: #444d57; }

/*-----end of theme-onDemand----*/
.imageBlock-image,
.imageBlock-image--no-js,
.imageBlock-image--replaced {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1; }

.imageBlock--custom .imageBlock-image--replaced {
  position: relative; }

.image-no-js {
  opacity: 1; }

.imageBlock-image--replaced {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: ease;
  -moz-opacity: 0;
  -moz-animation-name: fadeIn;
  -moz-animation-duration: 0.4s;
  -moz-animation-fill-mode: forwards;
  -moz-animation-delay: 0s;
  -moz-animation-timing-function: ease;
  -webkit-opacity: 0;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function: ease;
  -o-opacity: 0;
  -o-animation-name: fadeIn;
  -o-animation-duration: 0.4s;
  -o-animation-fill-mode: forwards;
  -o-animation-delay: 0s;
  -o-animation-timing-function: ease; }

.imageBlock {
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: translateZ(0); }

.imageBlock:before {
  content: "";
  display: inline-block;
  width: 100%; }

.imageBlock--custom:before {
  background: transparent; }

.imageBlock--4x3:before,
.imageBlock--16x9:before {
  background: #d3d3d3; }

.imageBlock--4x3Dark:before,
.imageBlock--16x9Dark:before {
  background: #000000; }

.imageBlock--4x3:before,
.imageBlock--4x3Dark:before {
  padding-top: 75%; }

.imageBlock--16x9:before,
.imageBlock--16x9Dark:before {
  padding-top: 56.32%; }

.gridOverlay-toggle {
  z-index: 99;
  position: fixed;
  top: 10px;
  right: 10px;
  display: block;
  padding: 5px 10px;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  opacity: 0.8; }

.gridOverlay {
  display: block;
  display: none;
  z-index: 98;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%; }

.gridOverlay .col {
  width: 8.33333%;
  float: left;
  padding-left: 5.5px;
  padding-right: 5.5px;
  opacity: .4;
  height: 100%; }

.gridOverlay .col-in {
  background: palevioletred;
  width: 100%;
  height: 100%; }

.gridOverlay-toggle:hover ~ .gridOverlay,
.gridOverlay-toggle:focus ~ .gridOverlay {
  display: block; }

@media (max-width: 499px) {
  .gridOverlay {
    padding: 0 4.5px; }
  .gridOverlay .col {
    width: 8.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .gridOverlay {
    padding: 0 7px; }
  .gridOverlay .col {
    width: 8.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 700px) {
  .gridOverlay {
    padding: 0 10.5px; }
  .gridOverlay .col {
    width: 8.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

@media (min-width: 1000px) {
  .gridOverlay {
    padding: 0 20px; }
  .gridOverlay .col {
    width: 8.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; } }

.testGrid .content-100 {
  width: 100%;
  background-color: #a8a6ca;
  height: 40px; }

.testGrid .grid-img100 {
  width: 100%; }

.testGrid .page {
  border: 1px solid red; }

@media (max-width: 499px) {
  .testGrid .test-fullbleed {
    margin-left: -4.5px;
    margin-right: -4.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .test-leftbleed {
    margin-left: -4.5px;
    margin-right: 0;
    width: calc(50% + 4.5px);
    float: left;
    padding-right: 5.5px; }
  .testGrid .col-1 {
    width: 8.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-2 {
    width: 16.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-3 {
    width: 25%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-4 {
    width: 33.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-5 {
    width: 41.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-6 {
    width: 50%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-7 {
    width: 58.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-8 {
    width: 66.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-9 {
    width: 75%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-10 {
    width: 83.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-11 {
    width: 91.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-12 {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    border: 1px solid #dbdbdb; } }

@media (min-width: 500px) {
  .testGrid .test-fullbleed {
    margin-left: -7px;
    margin-right: -7px;
    border: 1px solid #dbdbdb; }
  .testGrid .test-leftbleed {
    margin-left: -7px;
    margin-right: 0;
    width: calc(50% + 7px);
    float: left;
    padding-right: 7px; }
  .testGrid .col-1 {
    width: 8.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-2 {
    width: 16.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-3 {
    width: 25%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-4 {
    width: 33.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-5 {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-6 {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-7 {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-8 {
    width: 66.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-9 {
    width: 75%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-10 {
    width: 83.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-11 {
    width: 91.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-12 {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #dbdbdb; } }

@media (min-width: 700px) {
  .testGrid .test-fullbleed {
    margin-left: -10.5px;
    margin-right: -10.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .test-leftbleed {
    margin-left: -10.5px;
    margin-right: 0;
    width: calc(50% + 10.5px);
    float: left;
    padding-right: 9.5px; }
  .testGrid .col-1 {
    width: 8.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-2 {
    width: 16.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-3 {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-4 {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-5 {
    width: 41.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-6 {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-7 {
    width: 58.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-8 {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-9 {
    width: 75%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-10 {
    width: 83.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-11 {
    width: 91.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-12 {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    border: 1px solid #dbdbdb; } }

@media (min-width: 1000px) {
  .testGrid .test-fullbleed {
    margin-left: -20px;
    margin-right: -20px;
    border: 1px solid #dbdbdb; }
  .testGrid .test-leftbleed {
    margin-left: -20px;
    margin-right: 0;
    width: calc(50% + 20px);
    float: left;
    padding-right: 10px; }
  .testGrid .col-1 {
    width: 8.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-2 {
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-3 {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-4 {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-5 {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-6 {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-7 {
    width: 58.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-8 {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-9 {
    width: 75%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-10 {
    width: 83.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-11 {
    width: 91.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; }
  .testGrid .col-12 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dbdbdb; } }

/****************************************************************************
   elements/_index.scss

   Import all 'elements' partials here
*****************************************************************************/
/*
Elements

Styleguide 3
*/
/*
Lists

Unordered lists to be used in articles.

Markup:
<ul class="{$modifiers}">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca-cola</li>
</ul>

.list - Simple list with no bullets.
.list.list--bulleted - Bulleted list.
.list.list--inline - Inline list.
.list.list--inline.list--bulleted - Inline and bulleted list.

Styleguide 3.1
*/
.list {
  list-style-type: none;
  padding-left: 0;
  margin: 0; }
  .list--bulleted > li:before {
    content: '\25CF';
    display: inline-block;
    margin-right: 10px; }
  .list--inline > li {
    display: inline;
    margin-right: 10px; }

/*
Pills

There is only one style for pills at the moment.

Styleguide 3.4
*/
/*
Pills



Markup:
<div style="background: #1C3849; padding: 20px;">
  <button class="pill">Hello world</button>
  <a href="http://localhost:3000/section/3.4" class="pill">Hello world</a>
<div>

.pill - Creates the pill shape with default backgorund colours


Styleguide 3.4.1
*/
.pill {
  display: inline-block;
  height: 26px;
  line-height: 28px;
  padding: 0 10px;
  text-decoration: none;
  border-radius: 30px;
  background: #fff;
  color: #666; }

.pill,
.pill:active,
.pill:focus {
  outline: none; }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .pill {
    height: 30px;
    line-height: 32px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
/*
Buttons

There is only one style for articles at the moment. Might add some modifiers in future.

Styleguide 3.3
*/
/*
Video player buttons

There is only one style for articles at the moment. Might add some modifiers in future.

Markup:
<button class="{$modifiers}"><span class="button-icon icon--play" aria-hidden="true"></span>Play latest</button>
<button class="{$modifiers}"><span class="button-icon icon--pause" aria-hidden="true"></span>Resume</button>
<button class="{$modifiers}"><span class="button-icon icon--replay" aria-hidden="true"></span>Replay</button>

.button - A button with hidden label (for accessibility) on a video player
.button.button--small - Small version used in list of clips/videos
.button.button--hasLabel - Button with visible label on a video player


Styleguide 3.3.1
*/
.overlayLabel {
  display: table-cell;
  font-size: 16px;
  vertical-align: middle;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.6); }
  .overlayLabel:hover {
    text-decoration: underline; }
  .overlayLabel:active {
    color: #d8d8d8; }

.squareButton {
  font-family: "c4.chadwick.regular.lowercase", "c4.chadwick.regular.uppercase", "c4.chadwick.regular.numbers", "c4.chadwick.regular.punctuation", "c4.chadwick.regular.currency", "c4.chadwick.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 0;
  display: table;
  height: 22px;
  color: #ffffff;
  border: none; }
  .squareButton .squareButton-icon {
    font-size: 11px;
    width: 22px;
    height: 22px;
    line-height: 22px; }

.squareButton--viewMore {
  display: block;
  font-size: inherit;
  height: 44px;
  line-height: 24px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin-top: 10px;
  width: 100%; }

.squareButton-icon {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%; }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
/*-----------------------------------------
    Tablet
  -----------------------------------------*/
/*-----------------------------------------
    Desktop
  -----------------------------------------*/
/*
Social buttons

Markup:
<button class="button button--social button--{$modifiers}"><span class="button-icon icon--{$modifiers}" aria-hidden="true"></span>Share on Facebook</button>

facebook - Share on Facebook
twitter - Share on Twitter
facebook.button--inverted - Share on Facebook (inverted)
twitter.button--inverted - Share on Twitter (inverted)


Styleguide 3.3.2
*/
.button--social {
  height: 40px;
  width: 40px; }
  .button--social.button--facebook:focus .button-icon {
    background: #23355b; }
  .button--social.button--twitter:focus .button-icon {
    background: #32678e; }

.button--social .button-icon {
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  width: 40px; }
  .button--social .button-icon:hover {
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.4); }

.button--facebook .button-icon {
  background: #39579a; }

.button--twitter .button-icon {
  background: #55abf1; }

.button--inverted {
  color: #2f689c; }

.button--inverted .button-icon {
  background: #ffffff; }

/*
Roundels

Circular elements with a letter in the centre. Used for indicators for episode info such as Guidance, and Subtitles.

Styleguide 3.5
*/
/*
Roundels

Markup:
  <span class="roundel"></span>

.roundel - Creates the roundel with default size



Styleguide 3.5.1
*/
.roundel {
  display: inline-block;
  width: 18px;
  height: 18px; }
  .roundel--alignLeft {
    margin-right: 8px; }
  .roundel--alignRight {
    margin-left: 2px; }

/*
CTA buttons

Markup:
<button class="{$modifiers}">Click me</button>
<button class="{$modifiers}">Click me</button>
<button class="{$modifiers}">Click me</button>
<button class="{$modifiers}">Click me</button>

.buttonCta - Primary CTA button
.buttonCta.buttonCta--primary - Primary CTA button
.buttonCta.buttonCta--secondary - Secondary CTA button
.buttonCta.buttonCta--tertiary - Tertiary CTA button


Styleguide 3.3.2
*/
.buttonCta {
  display: inline-block;
  min-width: 200px;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  padding: 0 20px;
  border-radius: 3px;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-bottom: 20px; }
  .buttonCta:hover {
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.4);
    text-decoration: none; }

.buttonCta:disabled, .buttonCta[disabled="disabled"]:hover,
.buttonCta--primary:disabled,
.buttonCta--primary[disabled="disabled"]:hover {
  background-color: #767676;
  border-color: #767676;
  box-shadow: none; }

.buttonCta--secondary:hover {
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.4); }

.buttonCta--secondary:disabled, .buttonCta--secondary[disabled="disabled"]:hover {
  color: #767676;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  box-shadow: none; }

.buttonCta--tertiary {
  font-size: 14px; }
  .buttonCta--tertiary:hover {
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); }
  .buttonCta--tertiary:disabled, .buttonCta--tertiary[disabled="disabled"]:hover {
    color: #767676;
    background-color: #f6f7f9;
    border-color: #f6f7f9;
    box-shadow: none; }

.buttonCta--small {
  min-width: inherit; }

.buttonCta--large {
  min-width: inherit;
  width: 100%; }

.buttonCta--cf {
  display: table; }

.buttonCta-icon {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
  margin-right: 5px;
  font-size: 24px; }

.buttonCta--alignRight {
  float: right;
  margin-left: 10px; }

@media (min-width: 700px) {
  .buttonCta--large {
    width: auto; } }

/*
Layout
*/
.formGroup {
  display: block;
  margin-bottom: 10px;
  overflow: visible; }

.formGroup--list {
  display: list-item;
  list-style-position: inside;
  margin-bottom: 20px; }

.formGroup--separator {
  margin-top: 20px; }

.formGroup-heading {
  font-family: "c4.headline.lowercase", "c4.headline.uppercase", "c4.headline.numbers", "c4.headline.punctuation", "c4.headline.currency", "c4.headline.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px; }

.formGroup-row {
  display: block;
  margin-bottom: 10px; }
  .formGroup-row label {
    display: -ms-flexbox;
    display: flex; }
  .formGroup-row .tooltip .tooltip-content {
    position: absolute; }

.formGroup-row--error {
  color: #ca0003; }

/*
Inputs
*/
.formGroup-row--inline .input {
  display: inline-block; }

.input-text {
  border-radius: 3px;
  border: 1px solid #cccccc;
  padding: 5px;
  outline: none; }

.input-text.input--pin {
  width: 44px;
  height: 44px;
  margin-right: 5px;
  text-align: center;
  vertical-align: top;
  -webkit-text-security: disc;
  -webkit-appearance: none; }

.input-text.input--last {
  margin-right: 30px; }

.input-text.input--error {
  border-color: #ca0003; }

/*
Checkboxes

Markup:

  <input type="checkbox" class="checkbox" id="my-checkbox" />
  <label class="checkbox-label" for="my-checkbox">
    The label must follow the checkbox (doesn't have to directly follow)
  </label>

Styleguide 3.3
*/
.checkbox {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.checkbox-label {
  padding: 2px 0 0; }
  .checkbox ~ .checkbox-label:before {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 5px 0 0;
    color: #fff;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    speak: none;
    content: 'a';
    font-family: "fouricons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle; }

.theme-c4 .checkbox:checked ~ :before {
  background: #516f80;
  border-color: #516f80; }

.theme-c4 .checkbox:focus ~ :before {
  border-color: #516f80; }

.theme-e4 .checkbox:checked ~ :before {
  background: #9741ff;
  border-color: #9741ff; }

.theme-e4 .checkbox:focus ~ :before {
  border-color: #9741ff; }

.theme-more4 .checkbox:checked ~ :before {
  background: #56BE3C;
  border-color: #56BE3C; }

.theme-more4 .checkbox:focus ~ :before {
  border-color: #56BE3C; }

.theme-four7 .checkbox:checked ~ :before {
  background: #90ded9;
  border-color: #90ded9; }

.theme-four7 .checkbox:focus ~ :before {
  border-color: #90ded9; }

.theme-film4 .checkbox:checked ~ :before {
  background: #df001a;
  border-color: #df001a; }

.theme-film4 .checkbox:focus ~ :before {
  border-color: #df001a; }

.theme-fourmusic .checkbox:checked ~ :before {
  background: #ff47b4;
  border-color: #ff47b4; }

.theme-fourmusic .checkbox:focus ~ :before {
  border-color: #ff47b4; }

.theme-stand-up-to-cancer .checkbox:checked ~ :before {
  background: #ff8864;
  border-color: #ff8864; }

.theme-stand-up-to-cancer .checkbox:focus ~ :before {
  border-color: #ff8864; }

.theme-world-drama .checkbox:checked ~ :before {
  background: #e3316d;
  border-color: #e3316d; }

.theme-world-drama .checkbox:focus ~ :before {
  border-color: #e3316d; }

.theme-c4-news .checkbox:checked ~ :before {
  background: #6c00b2;
  border-color: #6c00b2; }

.theme-c4-news .checkbox:focus ~ :before {
  border-color: #6c00b2; }

.theme-shorts .checkbox:checked ~ :before {
  background: #89dee2;
  border-color: #89dee2; }

.theme-shorts .checkbox:focus ~ :before {
  border-color: #89dee2; }

.theme-rewards .checkbox:checked ~ :before {
  background: #ffcb17;
  border-color: #ffcb17; }

.theme-rewards .checkbox:focus ~ :before {
  border-color: #ffcb17; }

.theme-c4-coral .checkbox:checked ~ :before {
  background: #ff7878;
  border-color: #ff7878; }

.theme-c4-coral .checkbox:focus ~ :before {
  border-color: #ff7878; }

.theme-c4-deeppink .checkbox:checked ~ :before {
  background: #d51571;
  border-color: #d51571; }

.theme-c4-deeppink .checkbox:focus ~ :before {
  border-color: #d51571; }

.theme-c4-cherry .checkbox:checked ~ :before {
  background: #da1c52;
  border-color: #da1c52; }

.theme-c4-cherry .checkbox:focus ~ :before {
  border-color: #da1c52; }

.theme-c4-orange .checkbox:checked ~ :before {
  background: #ff7829;
  border-color: #ff7829; }

.theme-c4-orange .checkbox:focus ~ :before {
  border-color: #ff7829; }

.theme-c4-greengold .checkbox:checked ~ :before {
  background: #d8ab11;
  border-color: #d8ab11; }

.theme-c4-greengold .checkbox:focus ~ :before {
  border-color: #d8ab11; }

.theme-c4-khaki .checkbox:checked ~ :before {
  background: #c3af80;
  border-color: #c3af80; }

.theme-c4-khaki .checkbox:focus ~ :before {
  border-color: #c3af80; }

.theme-c4-green .checkbox:checked ~ :before {
  background: #4e7f47;
  border-color: #4e7f47; }

.theme-c4-green .checkbox:focus ~ :before {
  border-color: #4e7f47; }

.theme-c4-veridian .checkbox:checked ~ :before {
  background: #35b793;
  border-color: #35b793; }

.theme-c4-veridian .checkbox:focus ~ :before {
  border-color: #35b793; }

.theme-c4-lavendar .checkbox:checked ~ :before {
  background: #9a9ddf;
  border-color: #9a9ddf; }

.theme-c4-lavendar .checkbox:focus ~ :before {
  border-color: #9a9ddf; }

.theme-c4-sky .checkbox:checked ~ :before {
  background: #1174df;
  border-color: #1174df; }

.theme-c4-sky .checkbox:focus ~ :before {
  border-color: #1174df; }

.theme-c4-warmgrey .checkbox:checked ~ :before {
  background: #acaca0;
  border-color: #acaca0; }

.theme-c4-warmgrey .checkbox:focus ~ :before {
  border-color: #acaca0; }

.theme-onDemand .checkbox:checked ~ :before {
  background: #42688b;
  border-color: #42688b; }

.theme-onDemand .checkbox:focus ~ :before {
  border-color: #42688b; }

.radio {
  margin: 5px 35px 0 10px;
  position: relative;
  width: 1px;
  height: 1px;
  vertical-align: top;
  -moz-appearance: none; }

.radio-label {
  display: inline-block;
  line-height: 25px;
  vertical-align: top;
  position: relative;
  white-space: nowrap; }
  .radio-label:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid #cccccc;
    background: #fff;
    position: absolute;
    top: -2px;
    left: -40px; }

.radio:focus + .radio-label:before {
  border-color: #3b99fc; }

.radio:checked + .radio-label:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 15px;
  background: #3b99fc;
  position: absolute;
  top: 4px;
  left: -34px; }

.checkboxAlt {
  display: inline;
  float: left;
  margin: 0 10px 10px 5px;
  position: relative;
  width: 1px;
  height: 1px;
  vertical-align: top;
  -moz-appearance: none; }

.checkboxAlt-label {
  line-height: 25px;
  vertical-align: top;
  position: relative;
  margin-left: 25px; }
  .checkboxAlt-label:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    position: absolute;
    top: -5px;
    left: -40px; }

.checkboxAlt:focus + .checkboxAlt-label:before {
  border-color: #3b99fc; }

.checkboxAlt:checked + .checkboxAlt-label:after {
  font-family: "fouricons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  content: 'a';
  font-size: 16px;
  color: #3b99fc;
  display: inline-block;
  position: absolute;
  top: -5px;
  left: -35px; }

/*
Buttons
*/
.arrowLink {
  line-height: 44px; }
  .arrowLink:before, .arrowLink:after {
    font-family: "fouricons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-size: 24px;
    display: inline-block;
    text-decoration: none;
    vertical-align: bottom;
    height: 45px; }

.arrowLink--left:before {
  content: 'c';
  margin-left: -7px; }

.arrowLink--right:after {
  content: 'd'; }

.arrowLink--inline {
  display: table;
  margin-top: 10px; }

.formLink {
  display: inline-block;
  margin: 0 50px 10px 0; }

.formLink--inline {
  display: inline; }

@media (min-width: 700px) {
  .formGroup--separator {
    border-top: 1px solid #cccccc;
    padding-top: 30px; }
  .arrowLink--inline {
    display: inline-block;
    margin-top: 0px; } }

.info-icon {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0 10px;
  cursor: pointer;
  text-indent: -9999px;
  text-align: center;
  overflow: hidden; }
  .info-icon:before {
    display: block;
    content: 'i';
    font-size: 14px;
    line-height: 20px;
    text-indent: 0; }

/*
  Skip links
  ----------

  Used to assist keyboard navigation around the page

*/
.skipLinks {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: outside none; }

.skipLinksItem {
  margin: 0;
  padding: 0; }

.skipLinksItem-link {
  position: absolute;
  display: inline-block;
  left: -99999px;
  top: 0px;
  padding: 5px 10px; }
  .skipLinksItem-link:focus, .skipLinksItem-link:active {
    position: relative;
    left: 0;
    z-index: 100;
    outline: none;
    text-decoration: none; }

.skipLinksItem-keySymbol {
  font-weight: 600; }

@media (min-width: 700px) {
  .skipLinks--carousel {
    left: 9.5px; } }

@media (min-width: 1000px) {
  .skipLinks--carousel {
    left: 10px; } }

.tooltip {
  position: relative;
  line-height: 0; }

.tooltip--top-left .tooltip-content:before {
  bottom: -15px;
  right: 20px;
  border-left-color: transparent;
  border-right-color: #222222;
  border-top-width: 0;
  border-bottom-width: 20px; }

.tooltip--top-right .tooltip-content:before {
  bottom: -15px;
  left: 20px;
  border-left-color: #222222;
  border-right-color: transparent;
  border-top-width: 0;
  border-bottom-width: 20px; }

.tooltip--bottom-left .tooltip-content:before {
  top: -15px;
  right: 20px;
  border-left-color: transparent;
  border-right-color: #222222;
  border-top-width: 20px;
  border-bottom-width: 0; }

.tooltip--bottom-right .tooltip-content:before {
  top: -15px;
  left: 20px;
  border-left-color: #222222;
  border-right-color: transparent;
  border-top-width: 20px;
  border-bottom-width: 0; }

.tooltip-content {
  position: fixed;
  display: none;
  background: #222222;
  color: #d9d9d9;
  z-index: 10; }
  .tooltip-content:before {
    content: '';
    display: inline-block;
    position: absolute;
    border: 30px solid transparent; }

.tooltip.active .tooltip-content {
  display: block; }

@media (max-width: 499px) {
  .tooltip-content {
    width: 200px;
    padding: 5px;
    font-size: 11px;
    line-height: 16px; }
  .tooltip--videoAsset .tooltip-content {
    width: 150px; } }

@media (min-width: 500px) {
  .tooltip-content {
    width: 280px;
    padding: 10px;
    font-size: 12px;
    line-height: 18px; }
  .tooltip--videoAsset .tooltip-content {
    width: 150px; } }

@media (min-width: 700px) {
  .tooltip-content {
    padding: 10px;
    font-size: 14px;
    line-height: 20px; } }

@media (min-width: 1000px) {
  .tooltip-content {
    padding: 20px; } }

/****************************************************************************
   components/_index.scss

   Import all 'components' partials here
*****************************************************************************/
/* ========================================================================
   Page & All4 Nav overrides
   ======================================================================= */
.page,
.all4nav-wrapper {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  position: relative; }

.page {
  position: relative;
  z-index: 1;
  background-color: #fff; }
  .page:before {
    content: '';
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    z-index: -1; }

.page--episodes {
  background: #fff; }

.bg-editorialPageSkin {
  margin-top: 90px; }

.bg-custom .page:before {
  display: none; }

.page-bgLink {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }

.crossSelling-slices {
  background: #ececec;
  padding-bottom: 1px; }

@media (max-width: 499px) {
  .page {
    padding-left: 10px;
    padding-right: 10px; }
  .brandHub .page {
    background-color: transparent; }
  .crossSelling-slices {
    padding-top: 40px; } }

@media (min-width: 500px) {
  .page {
    padding-left: 14px;
    padding-right: 14px; }
  .brandHub .page {
    background-color: transparent; }
  .crossSelling-slices {
    padding-top: 40px; } }

@media (min-width: 700px) {
  .page {
    padding-left: 20px;
    padding-right: 20px; }
  .brandHub .page {
    background-color: #fff; }
  .crossSelling-slices {
    padding-top: 60px; } }

@media (min-width: 1000px) {
  .page {
    padding-left: 30px;
    padding-right: 30px; }
  .brandHub .page {
    background-color: #fff; }
  .crossSelling-slices {
    padding-top: 80px; } }

/*
Media Block

Basic media block with butotn:
  <a class="mediaBlock">
    <span class="mediaBlock-button">
      <span class="mediaBlock-icon icon--play" aria-hidden="true"></span>
      <span class="accessibility">Play</span>
    </span>
  </a>

Media block with a labelled button:
  <a class="mediaBlock">
    <span class="mediaBlock-button">
      <span class="mediaBlock-icon icon--play" aria-hidden="true"></span>
      <span class="mediaBlock-label mediaBlock-label--button">Play latest</span>
    </span>
  </a>

*/
/*-----------------------------------------
    Themes
  -----------------------------------------*/
.theme-c4 .mediaBlock-icon {
  background-color: #516f80; }

.theme-c4 .mediaBlock-button:hover .icon--chevron-left,
.theme-c4 .mediaBlock-button:hover .icon--chevron-right,
.theme-c4 .mediaBlock-button:focus .icon--chevron-left,
.theme-c4 .mediaBlock-button:focus .icon--chevron-right,
.theme-c4 .mediaBlock-button:active .icon--chevron-left,
.theme-c4 .mediaBlock-button:active .icon--chevron-right {
  background: #2a3135;
  color: #90a5b1; }

.theme-c4 .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4 .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4 .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4 .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4 .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4 .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4 .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4 .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #90a5b1; }

.theme-c4 .mediaBlock:hover .mediaBlock-icon,
.theme-c4 .mediaBlock:focus .mediaBlock-icon,
.theme-c4 .mediaBlock:active .mediaBlock-icon,
.theme-c4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #2a3135; }

.theme-c4 .mediaBlock:focus .mediaBlock-label--button,
.theme-c4 .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #333c41;
  background: #edf0f2;
  transition: 0.15s ease-in; }

.theme-c4 .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #2a3135; }

.theme-c4 .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4 .mediaBlock-focusWrapper .mediaBlock-link {
  color: #14181a; }

.theme-c4 .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4 .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #81b1cc; }

.theme-e4 .mediaBlock-icon {
  background-color: #9741ff; }

.theme-e4 .mediaBlock-button:hover .icon--chevron-left,
.theme-e4 .mediaBlock-button:hover .icon--chevron-right,
.theme-e4 .mediaBlock-button:focus .icon--chevron-left,
.theme-e4 .mediaBlock-button:focus .icon--chevron-right,
.theme-e4 .mediaBlock-button:active .icon--chevron-left,
.theme-e4 .mediaBlock-button:active .icon--chevron-right {
  background: #5D289E;
  color: #BD5DF9; }

.theme-e4 .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-e4 .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-e4 .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-e4 .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-e4 .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-e4 .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-e4 .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-e4 .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #BD5DF9; }

.theme-e4 .mediaBlock:hover .mediaBlock-icon,
.theme-e4 .mediaBlock:focus .mediaBlock-icon,
.theme-e4 .mediaBlock:active .mediaBlock-icon,
.theme-e4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #5D289E; }

.theme-e4 .mediaBlock:focus .mediaBlock-label--button,
.theme-e4 .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #6E2FBC;
  background: #e8e0f3;
  transition: 0.15s ease-in; }

.theme-e4 .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-e4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #5D289E; }

.theme-e4 .mediaBlock-activeWrapper .mediaBlock-link,
.theme-e4 .mediaBlock-focusWrapper .mediaBlock-link {
  color: #2D134C; }

.theme-e4 .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-e4 .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #DBBDFF; }

.theme-more4 .mediaBlock-icon {
  background-color: #56BE3C; }

.theme-more4 .mediaBlock-button:hover .icon--chevron-left,
.theme-more4 .mediaBlock-button:hover .icon--chevron-right,
.theme-more4 .mediaBlock-button:focus .icon--chevron-left,
.theme-more4 .mediaBlock-button:focus .icon--chevron-right,
.theme-more4 .mediaBlock-button:active .icon--chevron-left,
.theme-more4 .mediaBlock-button:active .icon--chevron-right {
  background: #234D18;
  color: #55DB33; }

.theme-more4 .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-more4 .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-more4 .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-more4 .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-more4 .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-more4 .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-more4 .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-more4 .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #55DB33; }

.theme-more4 .mediaBlock:hover .mediaBlock-icon,
.theme-more4 .mediaBlock:focus .mediaBlock-icon,
.theme-more4 .mediaBlock:active .mediaBlock-icon,
.theme-more4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #234D18; }

.theme-more4 .mediaBlock:focus .mediaBlock-label--button,
.theme-more4 .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #2E6520;
  background: #e2ecdf;
  transition: 0.15s ease-in; }

.theme-more4 .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-more4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #234D18; }

.theme-more4 .mediaBlock-activeWrapper .mediaBlock-link,
.theme-more4 .mediaBlock-focusWrapper .mediaBlock-link {
  color: #16320F; }

.theme-more4 .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-more4 .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #A7DE96; }

.theme-four7 .mediaBlock-icon {
  background-color: #90ded9; }

.theme-four7 .mediaBlock-button:hover .icon--chevron-left,
.theme-four7 .mediaBlock-button:hover .icon--chevron-right,
.theme-four7 .mediaBlock-button:focus .icon--chevron-left,
.theme-four7 .mediaBlock-button:focus .icon--chevron-right,
.theme-four7 .mediaBlock-button:active .icon--chevron-left,
.theme-four7 .mediaBlock-button:active .icon--chevron-right {
  background: #36787d;
  color: #68ced9; }

.theme-four7 .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-four7 .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-four7 .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-four7 .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-four7 .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-four7 .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-four7 .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-four7 .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #68ced9; }

.theme-four7 .mediaBlock:hover .mediaBlock-icon,
.theme-four7 .mediaBlock:focus .mediaBlock-icon,
.theme-four7 .mediaBlock:active .mediaBlock-icon,
.theme-four7 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #36787d; }

.theme-four7 .mediaBlock:focus .mediaBlock-label--button,
.theme-four7 .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #3a8088;
  background: #e8f2f4;
  transition: 0.15s ease-in; }

.theme-four7 .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-four7 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #36787d; }

.theme-four7 .mediaBlock-activeWrapper .mediaBlock-link,
.theme-four7 .mediaBlock-focusWrapper .mediaBlock-link {
  color: #14181a; }

.theme-four7 .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-four7 .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #90ded9; }

.theme-film4 .mediaBlock-icon {
  background-color: #df001a; }

.theme-film4 .mediaBlock-button:hover .icon--chevron-left,
.theme-film4 .mediaBlock-button:hover .icon--chevron-right,
.theme-film4 .mediaBlock-button:focus .icon--chevron-left,
.theme-film4 .mediaBlock-button:focus .icon--chevron-right,
.theme-film4 .mediaBlock-button:active .icon--chevron-left,
.theme-film4 .mediaBlock-button:active .icon--chevron-right {
  background: #a90819;
  color: #ff6474; }

.theme-film4 .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-film4 .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-film4 .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-film4 .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-film4 .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-film4 .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-film4 .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-film4 .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ff6474; }

.theme-film4 .mediaBlock:hover .mediaBlock-icon,
.theme-film4 .mediaBlock:focus .mediaBlock-icon,
.theme-film4 .mediaBlock:active .mediaBlock-icon,
.theme-film4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #a90819; }

.theme-film4 .mediaBlock:focus .mediaBlock-label--button,
.theme-film4 .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #D2081E;
  background: #ffeeee;
  transition: 0.15s ease-in; }

.theme-film4 .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-film4 .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #a90819; }

.theme-film4 .mediaBlock-activeWrapper .mediaBlock-link,
.theme-film4 .mediaBlock-focusWrapper .mediaBlock-link {
  color: #540303; }

.theme-film4 .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-film4 .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ffcfd4; }

.theme-fourmusic .mediaBlock-icon {
  background-color: #ff47b4; }

.theme-fourmusic .mediaBlock-button:hover .icon--chevron-left,
.theme-fourmusic .mediaBlock-button:hover .icon--chevron-right,
.theme-fourmusic .mediaBlock-button:focus .icon--chevron-left,
.theme-fourmusic .mediaBlock-button:focus .icon--chevron-right,
.theme-fourmusic .mediaBlock-button:active .icon--chevron-left,
.theme-fourmusic .mediaBlock-button:active .icon--chevron-right {
  background: #bd0171;
  color: #ff89ce; }

.theme-fourmusic .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-fourmusic .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-fourmusic .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-fourmusic .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-fourmusic .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-fourmusic .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-fourmusic .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-fourmusic .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ff89ce; }

.theme-fourmusic .mediaBlock:hover .mediaBlock-icon,
.theme-fourmusic .mediaBlock:focus .mediaBlock-icon,
.theme-fourmusic .mediaBlock:active .mediaBlock-icon,
.theme-fourmusic .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #bd0171; }

.theme-fourmusic .mediaBlock:focus .mediaBlock-label--button,
.theme-fourmusic .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #e40085;
  background: #fdeef7;
  transition: 0.15s ease-in; }

.theme-fourmusic .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-fourmusic .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #bd0171; }

.theme-fourmusic .mediaBlock-activeWrapper .mediaBlock-link,
.theme-fourmusic .mediaBlock-focusWrapper .mediaBlock-link {
  color: #5e0038; }

.theme-fourmusic .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-fourmusic .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #000000; }

.theme-stand-up-to-cancer .mediaBlock-icon {
  background-color: #ff8864; }

.theme-stand-up-to-cancer .mediaBlock-button:hover .icon--chevron-left,
.theme-stand-up-to-cancer .mediaBlock-button:hover .icon--chevron-right,
.theme-stand-up-to-cancer .mediaBlock-button:focus .icon--chevron-left,
.theme-stand-up-to-cancer .mediaBlock-button:focus .icon--chevron-right,
.theme-stand-up-to-cancer .mediaBlock-button:active .icon--chevron-left,
.theme-stand-up-to-cancer .mediaBlock-button:active .icon--chevron-right {
  background: #ac3611;
  color: #ff906c; }

.theme-stand-up-to-cancer .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-stand-up-to-cancer .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-stand-up-to-cancer .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-stand-up-to-cancer .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-stand-up-to-cancer .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-stand-up-to-cancer .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-stand-up-to-cancer .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-stand-up-to-cancer .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ff906c; }

.theme-stand-up-to-cancer .mediaBlock:hover .mediaBlock-icon,
.theme-stand-up-to-cancer .mediaBlock:focus .mediaBlock-icon,
.theme-stand-up-to-cancer .mediaBlock:active .mediaBlock-icon,
.theme-stand-up-to-cancer .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #ac3611; }

.theme-stand-up-to-cancer .mediaBlock:focus .mediaBlock-label--button,
.theme-stand-up-to-cancer .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #d64213;
  background: #ffece6;
  transition: 0.15s ease-in; }

.theme-stand-up-to-cancer .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-stand-up-to-cancer .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #ac3611; }

.theme-stand-up-to-cancer .mediaBlock-activeWrapper .mediaBlock-link,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .mediaBlock-link {
  color: #ff906c; }

.theme-stand-up-to-cancer .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-stand-up-to-cancer .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ff9f6e; }

.theme-world-drama .mediaBlock-icon {
  background-color: #e3316d; }

.theme-world-drama .mediaBlock-button:hover .icon--chevron-left,
.theme-world-drama .mediaBlock-button:hover .icon--chevron-right,
.theme-world-drama .mediaBlock-button:focus .icon--chevron-left,
.theme-world-drama .mediaBlock-button:focus .icon--chevron-right,
.theme-world-drama .mediaBlock-button:active .icon--chevron-left,
.theme-world-drama .mediaBlock-button:active .icon--chevron-right {
  background: #8a183e;
  color: #ff7ca8; }

.theme-world-drama .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-world-drama .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-world-drama .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-world-drama .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-world-drama .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-world-drama .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-world-drama .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-world-drama .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ff7ca8; }

.theme-world-drama .mediaBlock:hover .mediaBlock-icon,
.theme-world-drama .mediaBlock:focus .mediaBlock-icon,
.theme-world-drama .mediaBlock:active .mediaBlock-icon,
.theme-world-drama .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #8a183e; }

.theme-world-drama .mediaBlock:focus .mediaBlock-label--button,
.theme-world-drama .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #ad1e4e;
  background: #fceaf0;
  transition: 0.15s ease-in; }

.theme-world-drama .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-world-drama .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #8a183e; }

.theme-world-drama .mediaBlock-activeWrapper .mediaBlock-link,
.theme-world-drama .mediaBlock-focusWrapper .mediaBlock-link {
  color: #ff7ca8; }

.theme-world-drama .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-world-drama .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ff7ca8; }

.theme-c4-news .mediaBlock-icon {
  background-color: #6c00b2; }

.theme-c4-news .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-news .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-news .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-news .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-news .mediaBlock-button:active .icon--chevron-left,
.theme-c4-news .mediaBlock-button:active .icon--chevron-right {
  background: #41016a;
  color: #c473f9; }

.theme-c4-news .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-news .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-news .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-news .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-news .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-news .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-news .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-news .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #c473f9; }

.theme-c4-news .mediaBlock:hover .mediaBlock-icon,
.theme-c4-news .mediaBlock:focus .mediaBlock-icon,
.theme-c4-news .mediaBlock:active .mediaBlock-icon,
.theme-c4-news .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #41016a; }

.theme-c4-news .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-news .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #510185;
  background: #f9f0ff;
  transition: 0.15s ease-in; }

.theme-c4-news .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-news .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #41016a; }

.theme-c4-news .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-news .mediaBlock-focusWrapper .mediaBlock-link {
  color: #200035; }

.theme-c4-news .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-news .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ffa3f6; }

.theme-shorts .mediaBlock-icon {
  background-color: #89dee2; }

.theme-shorts .mediaBlock-button:hover .icon--chevron-left,
.theme-shorts .mediaBlock-button:hover .icon--chevron-right,
.theme-shorts .mediaBlock-button:focus .icon--chevron-left,
.theme-shorts .mediaBlock-button:focus .icon--chevron-right,
.theme-shorts .mediaBlock-button:active .icon--chevron-left,
.theme-shorts .mediaBlock-button:active .icon--chevron-right {
  background: #166a6e;
  color: #41b9bf; }

.theme-shorts .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-shorts .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-shorts .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-shorts .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-shorts .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-shorts .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-shorts .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-shorts .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #41b9bf; }

.theme-shorts .mediaBlock:hover .mediaBlock-icon,
.theme-shorts .mediaBlock:focus .mediaBlock-icon,
.theme-shorts .mediaBlock:active .mediaBlock-icon,
.theme-shorts .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #166a6e; }

.theme-shorts .mediaBlock:focus .mediaBlock-label--button,
.theme-shorts .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #1a8388;
  background: #f3fbfc;
  transition: 0.15s ease-in; }

.theme-shorts .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-shorts .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #166a6e; }

.theme-shorts .mediaBlock-activeWrapper .mediaBlock-link,
.theme-shorts .mediaBlock-focusWrapper .mediaBlock-link {
  color: #0a3436; }

.theme-shorts .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-shorts .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #b1ffff; }

.theme-rewards .mediaBlock-icon {
  background-color: #ffcb17; }

.theme-rewards .mediaBlock-button:hover .icon--chevron-left,
.theme-rewards .mediaBlock-button:hover .icon--chevron-right,
.theme-rewards .mediaBlock-button:focus .icon--chevron-left,
.theme-rewards .mediaBlock-button:focus .icon--chevron-right,
.theme-rewards .mediaBlock-button:active .icon--chevron-left,
.theme-rewards .mediaBlock-button:active .icon--chevron-right {
  background: #b08719;
  color: #ebd952; }

.theme-rewards .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-rewards .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-rewards .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-rewards .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-rewards .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-rewards .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-rewards .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-rewards .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ebd952; }

.theme-rewards .mediaBlock:hover .mediaBlock-icon,
.theme-rewards .mediaBlock:focus .mediaBlock-icon,
.theme-rewards .mediaBlock:active .mediaBlock-icon,
.theme-rewards .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #b08719; }

.theme-rewards .mediaBlock:focus .mediaBlock-label--button,
.theme-rewards .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #dca91f;
  background: #fff9ec;
  transition: 0.15s ease-in; }

.theme-rewards .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-rewards .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #b08719; }

.theme-rewards .mediaBlock-activeWrapper .mediaBlock-link,
.theme-rewards .mediaBlock-focusWrapper .mediaBlock-link {
  color: #493206; }

.theme-rewards .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-rewards .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #fee63a; }

.theme-c4-coral .mediaBlock-icon {
  background-color: #ff7878; }

.theme-c4-coral .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-coral .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-coral .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-coral .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-coral .mediaBlock-button:active .icon--chevron-left,
.theme-c4-coral .mediaBlock-button:active .icon--chevron-right {
  background: #b45454;
  color: #ffb6c2; }

.theme-c4-coral .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-coral .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-coral .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-coral .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-coral .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-coral .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-coral .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-coral .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ffb6c2; }

.theme-c4-coral .mediaBlock:hover .mediaBlock-icon,
.theme-c4-coral .mediaBlock:focus .mediaBlock-icon,
.theme-c4-coral .mediaBlock:active .mediaBlock-icon,
.theme-c4-coral .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #b45454; }

.theme-c4-coral .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-coral .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #df6767;
  background: #fff1f1;
  transition: 0.15s ease-in; }

.theme-c4-coral .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-coral .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #b45454; }

.theme-c4-coral .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-coral .mediaBlock-focusWrapper .mediaBlock-link {
  color: #592929; }

.theme-c4-coral .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-coral .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ff9e99; }

.theme-c4-deeppink .mediaBlock-icon {
  background-color: #d51571; }

.theme-c4-deeppink .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-deeppink .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-deeppink .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-deeppink .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-deeppink .mediaBlock-button:active .icon--chevron-left,
.theme-c4-deeppink .mediaBlock-button:active .icon--chevron-right {
  background: #9e2c5d;
  color: #ff79df; }

.theme-c4-deeppink .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-deeppink .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-deeppink .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-deeppink .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-deeppink .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-deeppink .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-deeppink .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-deeppink .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ff79df; }

.theme-c4-deeppink .mediaBlock:hover .mediaBlock-icon,
.theme-c4-deeppink .mediaBlock:focus .mediaBlock-icon,
.theme-c4-deeppink .mediaBlock:active .mediaBlock-icon,
.theme-c4-deeppink .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #9e2c5d; }

.theme-c4-deeppink .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-deeppink .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #c43672;
  background: #fff7fa;
  transition: 0.15s ease-in; }

.theme-c4-deeppink .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-deeppink .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #9e2c5d; }

.theme-c4-deeppink .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-deeppink .mediaBlock-focusWrapper .mediaBlock-link {
  color: #ff79df; }

.theme-c4-deeppink .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-deeppink .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ff84df; }

.theme-c4-cherry .mediaBlock-icon {
  background-color: #da1c52; }

.theme-c4-cherry .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-cherry .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-cherry .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-cherry .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-cherry .mediaBlock-button:active .icon--chevron-left,
.theme-c4-cherry .mediaBlock-button:active .icon--chevron-right {
  background: #841535;
  color: #ff6daa; }

.theme-c4-cherry .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-cherry .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-cherry .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-cherry .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-cherry .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-cherry .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-cherry .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-cherry .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ff6daa; }

.theme-c4-cherry .mediaBlock:hover .mediaBlock-icon,
.theme-c4-cherry .mediaBlock:focus .mediaBlock-icon,
.theme-c4-cherry .mediaBlock:active .mediaBlock-icon,
.theme-c4-cherry .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #841535; }

.theme-c4-cherry .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-cherry .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #a31940;
  background: #fff6f9;
  transition: 0.15s ease-in; }

.theme-c4-cherry .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-cherry .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #841535; }

.theme-c4-cherry .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-cherry .mediaBlock-focusWrapper .mediaBlock-link {
  color: #410a1a; }

.theme-c4-cherry .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-cherry .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #fdb3cc; }

.theme-c4-orange .mediaBlock-icon {
  background-color: #ff7829; }

.theme-c4-orange .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-orange .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-orange .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-orange .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-orange .mediaBlock-button:active .icon--chevron-left,
.theme-c4-orange .mediaBlock-button:active .icon--chevron-right {
  background: #b45111;
  color: #fbbd59; }

.theme-c4-orange .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-orange .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-orange .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-orange .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-orange .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-orange .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-orange .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-orange .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #fbbd59; }

.theme-c4-orange .mediaBlock:hover .mediaBlock-icon,
.theme-c4-orange .mediaBlock:focus .mediaBlock-icon,
.theme-c4-orange .mediaBlock:active .mediaBlock-icon,
.theme-c4-orange .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #b45111; }

.theme-c4-orange .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-orange .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #df6413;
  background: #faf0ea;
  transition: 0.15s ease-in; }

.theme-c4-orange .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-orange .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #b45111; }

.theme-c4-orange .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-orange .mediaBlock-focusWrapper .mediaBlock-link {
  color: #592808; }

.theme-c4-orange .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-orange .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ffba72; }

.theme-c4-greengold .mediaBlock-icon {
  background-color: #d8ab11; }

.theme-c4-greengold .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-greengold .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-greengold .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-greengold .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-greengold .mediaBlock-button:active .icon--chevron-left,
.theme-c4-greengold .mediaBlock-button:active .icon--chevron-right {
  background: #907412;
  color: #fad112; }

.theme-c4-greengold .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-greengold .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-greengold .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-greengold .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-greengold .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-greengold .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-greengold .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-greengold .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #fad112; }

.theme-c4-greengold .mediaBlock:hover .mediaBlock-icon,
.theme-c4-greengold .mediaBlock:focus .mediaBlock-icon,
.theme-c4-greengold .mediaBlock:active .mediaBlock-icon,
.theme-c4-greengold .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #907412; }

.theme-c4-greengold .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-greengold .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #b28f15;
  background: #d8ab11;
  transition: 0.15s ease-in; }

.theme-c4-greengold .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-greengold .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #907412; }

.theme-c4-greengold .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-greengold .mediaBlock-focusWrapper .mediaBlock-link {
  color: #fad112; }

.theme-c4-greengold .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-greengold .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #fad112; }

.theme-c4-khaki .mediaBlock-icon {
  background-color: #c3af80; }

.theme-c4-khaki .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-khaki .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-khaki .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-khaki .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-khaki .mediaBlock-button:active .icon--chevron-left,
.theme-c4-khaki .mediaBlock-button:active .icon--chevron-right {
  background: #72664A;
  color: #ebce86; }

.theme-c4-khaki .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-khaki .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-khaki .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-khaki .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-khaki .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-khaki .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-khaki .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-khaki .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #ebce86; }

.theme-c4-khaki .mediaBlock:hover .mediaBlock-icon,
.theme-c4-khaki .mediaBlock:focus .mediaBlock-icon,
.theme-c4-khaki .mediaBlock:active .mediaBlock-icon,
.theme-c4-khaki .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #72664A; }

.theme-c4-khaki .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-khaki .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #80755A;
  background: #eae8e3;
  transition: 0.15s ease-in; }

.theme-c4-khaki .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-khaki .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #72664A; }

.theme-c4-khaki .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-khaki .mediaBlock-focusWrapper .mediaBlock-link {
  color: #403a2b; }

.theme-c4-khaki .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-khaki .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #eee5d4; }

.theme-c4-green .mediaBlock-icon {
  background-color: #4e7f47; }

.theme-c4-green .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-green .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-green .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-green .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-green .mediaBlock-button:active .icon--chevron-left,
.theme-c4-green .mediaBlock-button:active .icon--chevron-right {
  background: #3c5339;
  color: #93dc87; }

.theme-c4-green .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-green .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-green .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-green .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-green .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-green .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-green .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-green .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #93dc87; }

.theme-c4-green .mediaBlock:hover .mediaBlock-icon,
.theme-c4-green .mediaBlock:focus .mediaBlock-icon,
.theme-c4-green .mediaBlock:active .mediaBlock-icon,
.theme-c4-green .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #3c5339; }

.theme-c4-green .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-green .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #4a6945;
  background: #e7f1e6;
  transition: 0.15s ease-in; }

.theme-c4-green .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-green .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #3c5339; }

.theme-c4-green .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-green .mediaBlock-focusWrapper .mediaBlock-link {
  color: #1e2a1c; }

.theme-c4-green .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-green .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #b7ec94; }

.theme-c4-veridian .mediaBlock-icon {
  background-color: #35b793; }

.theme-c4-veridian .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-veridian .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-veridian .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-veridian .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-veridian .mediaBlock-button:active .icon--chevron-left,
.theme-c4-veridian .mediaBlock-button:active .icon--chevron-right {
  background: #1e7c63;
  color: #3bfac6; }

.theme-c4-veridian .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-veridian .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-veridian .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-veridian .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-veridian .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-veridian .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-veridian .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-veridian .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #3bfac6; }

.theme-c4-veridian .mediaBlock:hover .mediaBlock-icon,
.theme-c4-veridian .mediaBlock:focus .mediaBlock-icon,
.theme-c4-veridian .mediaBlock:active .mediaBlock-icon,
.theme-c4-veridian .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #1e7c63; }

.theme-c4-veridian .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-veridian .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #249a7a;
  background: #e9f5f2;
  transition: 0.15s ease-in; }

.theme-c4-veridian .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-veridian .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #1e7c63; }

.theme-c4-veridian .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-veridian .mediaBlock-focusWrapper .mediaBlock-link {
  color: #3bfac6; }

.theme-c4-veridian .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-veridian .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #3bfac6; }

.theme-c4-lavendar .mediaBlock-icon {
  background-color: #9a9ddf; }

.theme-c4-lavendar .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-lavendar .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-lavendar .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-lavendar .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-lavendar .mediaBlock-button:active .icon--chevron-left,
.theme-c4-lavendar .mediaBlock-button:active .icon--chevron-right {
  background: #64668b;
  color: #eeb2ff; }

.theme-c4-lavendar .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-lavendar .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-lavendar .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-lavendar .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-lavendar .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-lavendar .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-lavendar .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-lavendar .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #eeb2ff; }

.theme-c4-lavendar .mediaBlock:hover .mediaBlock-icon,
.theme-c4-lavendar .mediaBlock:focus .mediaBlock-icon,
.theme-c4-lavendar .mediaBlock:active .mediaBlock-icon,
.theme-c4-lavendar .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #64668b; }

.theme-c4-lavendar .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-lavendar .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #7b7eac;
  background: #eff0fb;
  transition: 0.15s ease-in; }

.theme-c4-lavendar .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-lavendar .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #64668b; }

.theme-c4-lavendar .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-lavendar .mediaBlock-focusWrapper .mediaBlock-link {
  color: #313245; }

.theme-c4-lavendar .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-lavendar .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #ffeefc; }

.theme-c4-sky .mediaBlock-icon {
  background-color: #1174df; }

.theme-c4-sky .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-sky .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-sky .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-sky .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-sky .mediaBlock-button:active .icon--chevron-left,
.theme-c4-sky .mediaBlock-button:active .icon--chevron-right {
  background: #1e5485;
  color: #59beff; }

.theme-c4-sky .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-sky .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-sky .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-sky .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-sky .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-sky .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-sky .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-sky .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #59beff; }

.theme-c4-sky .mediaBlock:hover .mediaBlock-icon,
.theme-c4-sky .mediaBlock:focus .mediaBlock-icon,
.theme-c4-sky .mediaBlock:active .mediaBlock-icon,
.theme-c4-sky .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #1e5485; }

.theme-c4-sky .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-sky .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #2467af;
  background: #e3ebf3;
  transition: 0.15s ease-in; }

.theme-c4-sky .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-sky .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #1e5485; }

.theme-c4-sky .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-sky .mediaBlock-focusWrapper .mediaBlock-link {
  color: #0e2942; }

.theme-c4-sky .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-sky .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #c6e7ff; }

.theme-c4-warmgrey .mediaBlock-icon {
  background-color: #acaca0; }

.theme-c4-warmgrey .mediaBlock-button:hover .icon--chevron-left,
.theme-c4-warmgrey .mediaBlock-button:hover .icon--chevron-right,
.theme-c4-warmgrey .mediaBlock-button:focus .icon--chevron-left,
.theme-c4-warmgrey .mediaBlock-button:focus .icon--chevron-right,
.theme-c4-warmgrey .mediaBlock-button:active .icon--chevron-left,
.theme-c4-warmgrey .mediaBlock-button:active .icon--chevron-right {
  background: #5e5e59;
  color: #c9c49f; }

.theme-c4-warmgrey .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-c4-warmgrey .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-c4-warmgrey .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-c4-warmgrey .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-c4-warmgrey .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-c4-warmgrey .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-c4-warmgrey .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-c4-warmgrey .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #c9c49f; }

.theme-c4-warmgrey .mediaBlock:hover .mediaBlock-icon,
.theme-c4-warmgrey .mediaBlock:focus .mediaBlock-icon,
.theme-c4-warmgrey .mediaBlock:active .mediaBlock-icon,
.theme-c4-warmgrey .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #5e5e59; }

.theme-c4-warmgrey .mediaBlock:focus .mediaBlock-label--button,
.theme-c4-warmgrey .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #75756f;
  background: #e5e5e2;
  transition: 0.15s ease-in; }

.theme-c4-warmgrey .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-warmgrey .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #5e5e59; }

.theme-c4-warmgrey .mediaBlock-activeWrapper .mediaBlock-link,
.theme-c4-warmgrey .mediaBlock-focusWrapper .mediaBlock-link {
  color: #2f2f2c; }

.theme-c4-warmgrey .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-c4-warmgrey .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #fffdb5; }

.theme-onDemand .mediaBlock-icon {
  background-color: #444d57; }

.theme-onDemand .mediaBlock-button:hover .icon--chevron-left,
.theme-onDemand .mediaBlock-button:hover .icon--chevron-right,
.theme-onDemand .mediaBlock-button:focus .icon--chevron-left,
.theme-onDemand .mediaBlock-button:focus .icon--chevron-right,
.theme-onDemand .mediaBlock-button:active .icon--chevron-left,
.theme-onDemand .mediaBlock-button:active .icon--chevron-right {
  background: #383f47;
  color: #00b9ff; }

.theme-onDemand .mediaBlock:hover .mediaBlock-icon.icon--play,
.theme-onDemand .mediaBlock:hover .mediaBlock-label.icon--video-library,
.theme-onDemand .mediaBlock:focus .mediaBlock-icon.icon--play,
.theme-onDemand .mediaBlock:focus .mediaBlock-label.icon--video-library,
.theme-onDemand .mediaBlock:active .mediaBlock-icon.icon--play,
.theme-onDemand .mediaBlock:active .mediaBlock-label.icon--video-library,
.theme-onDemand .mediaBlock-activeWrapper .mediaBlock-icon.icon--play,
.theme-onDemand .mediaBlock-activeWrapper .mediaBlock-label.icon--video-library,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-icon.icon--play,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-label.icon--video-library {
  color: #00b9ff; }

.theme-onDemand .mediaBlock:hover .mediaBlock-icon,
.theme-onDemand .mediaBlock:focus .mediaBlock-icon,
.theme-onDemand .mediaBlock:active .mediaBlock-icon,
.theme-onDemand .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #383f47; }

.theme-onDemand .mediaBlock:focus .mediaBlock-label--button,
.theme-onDemand .mediaBlock:focus .mediaBlock-label--clipsExtrasButton,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-label--button,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-label--clipsExtrasButton {
  color: #444d57;
  background: #eceff3;
  transition: 0.15s ease-in; }

.theme-onDemand .mediaBlock-activeWrapper .mediaBlock-image:after,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-onDemand .mediaBlock-activeWrapper .mediaBlock-icon,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-icon {
  background: #383f47; }

.theme-onDemand .mediaBlock-activeWrapper .mediaBlock-link,
.theme-onDemand .mediaBlock-focusWrapper .mediaBlock-link {
  color: #1e2226; }

.theme-onDemand .mediaBlock-activeWrapper .paletteLinkOnDark2 .mediaBlock-link,
.theme-onDemand .mediaBlock-focusWrapper .paletteLinkOnDark2 .mediaBlock-link {
  color: #00b9ff; }

.mediaBlock-button {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box; }
  .mediaBlock-button .mediaBlock-icon {
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 22px; }
  .mediaBlock-button .mediaBlock-label {
    line-height: 22px; }

.mediaBlock-button--brandSliceEpisode {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box; }
  .mediaBlock-button--brandSliceEpisode .mediaBlock-icon {
    font-size: 23px;
    width: 35px;
    height: 35px;
    line-height: 35px; }
  .mediaBlock-button--brandSliceEpisode .mediaBlock-label {
    line-height: 35px; }

.mediaBlock-button--listEpisode {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 10px; }
  .mediaBlock-button--listEpisode .mediaBlock-icon {
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 22px; }
  .mediaBlock-button--listEpisode .mediaBlock-label {
    line-height: 22px; }
  @media (max-width: 370px) {
    .mediaBlock-button--listEpisode {
      bottom: 0;
      top: 40px; } }

.mediaBlock-button--viewMore {
  display: block;
  font-size: inherit;
  height: 44px;
  line-height: 24px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin-top: 10px; }

.mediaBlock-button--trailer {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 10px; }
  .mediaBlock-button--trailer .mediaBlock-icon {
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 22px; }
  .mediaBlock-button--trailer .mediaBlock-label {
    line-height: 22px; }

.mediaBlock-button--brandHero,
.mediaBlock-button--videoClip {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 20px;
  left: 0; }
  .mediaBlock-button--brandHero .mediaBlock-icon,
  .mediaBlock-button--videoClip .mediaBlock-icon {
    font-size: 29px;
    width: 44px;
    height: 44px;
    line-height: 44px; }
  .mediaBlock-button--brandHero .mediaBlock-label,
  .mediaBlock-button--videoClip .mediaBlock-label {
    line-height: 44px; }
  .mediaBlock-button--brandHero .icon--play,
  .mediaBlock-button--videoClip .icon--play {
    font-size: 34px; }

.mediaBlock-button--assetIndex {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box; }
  .mediaBlock-button--assetIndex .mediaBlock-icon {
    font-size: 15px;
    width: 22px;
    height: 22px;
    line-height: 22px; }
  .mediaBlock-button--assetIndex .mediaBlock-label {
    line-height: 22px; }

.mediaBlock-button--carousel {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 2px; }
  .mediaBlock-button--carousel .mediaBlock-icon {
    font-size: 27px;
    width: 40px;
    height: 40px;
    line-height: 40px; }
  .mediaBlock-button--carousel .mediaBlock-label {
    line-height: 40px; }

.mediaBlock-button .mediaBlock-icon,
.mediaBlock-button .mediaBlock-label {
  vertical-align: top; }

.mediaBlock-icon {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%; }

.mediaBlock-label {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 0;
  height: 44px;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1; }

.mediaBlock-label--button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: capitalize;
  position: relative;
  right: inherit;
  font-size: 20px;
  bottom: 0; }

.mediaBlock-label--clipsExtrasButton {
  position: relative;
  right: inherit;
  height: auto;
  font-size: 0;
  padding: 0; }

.mediaBlock-label--catchUp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px; }

.mediaBlock-label--catchUp,
.mediaBlock-label--videoSlice {
  color: #fff; }

.font-e4 .mediaBlock-label--button {
  font-family: "c4.router.medium.lowercase", "c4.router.medium.uppercase", "c4.router.medium.numbers", "c4.router.medium.punctuation", "c4.router.medium.currency", "c4.router.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.mediaBlock:hover .mediaBlock-premiereLabel .mediaBlock-label--button {
  text-decoration: none; }

.mediaBlock-premiereLabel {
  position: relative; }

.mediaBlock-videoClipLabel {
  display: none;
  font-size: 20px;
  line-height: 24px;
  bottom: 30px; }

.mediaBlock-label--premiereTop,
.mediaBlock-label--premiereBottom {
  padding-top: 6px;
  width: 147px;
  padding-left: 10px;
  padding-right: 0; }

.mediaBlock-label--premiereTop {
  background-color: #f69f00;
  color: #1f1f1f;
  font-size: 16px;
  height: 27px;
  display: inline-block; }

.mediaBlock-label--premiereBottom {
  font-size: 11px;
  height: 17px;
  position: absolute;
  left: 0; }

.mediaBlock-image {
  position: relative;
  line-height: 0; }

.mediaBlock-image:after {
  content: '';
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5; }

.mediaBlock:hover .mediaBlock-image:after,
.mediaBlock:focus .mediaBlock-image:after,
.mediaBlock:active .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .mediaBlock-label {
    font-size: 16px; }
  .mediaBlock-label--button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: capitalize; }
  .mediaBlock-label--clipsExtrasButton {
    font-size: 0; }
  .mediaBlock-button--listEpisode {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--listEpisode .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .mediaBlock-button--listEpisode .mediaBlock-label {
      line-height: 35px; }
  .mediaBlock-button--brandSliceEpisode {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--brandSliceEpisode .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .mediaBlock-button--brandSliceEpisode .mediaBlock-label {
      line-height: 35px; }
  .mediaBlock-button--trailer {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 10px; }
    .mediaBlock-button--trailer .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .mediaBlock-button--trailer .mediaBlock-label {
      line-height: 35px; }
  .mediaBlock-button--brandHero,
  .mediaBlock-button--videoClip {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 30px; }
    .mediaBlock-button--brandHero .mediaBlock-icon,
    .mediaBlock-button--videoClip .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .mediaBlock-button--brandHero .mediaBlock-label,
    .mediaBlock-button--videoClip .mediaBlock-label {
      line-height: 44px; }
    .mediaBlock-button--brandHero .icon--play,
    .mediaBlock-button--videoClip .icon--play {
      font-size: 34px; }
  .mediaBlock-button--assetIndex {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--assetIndex .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .mediaBlock-button--assetIndex .mediaBlock-label {
      line-height: 35px; }
    .mediaBlock-button--assetIndex .mediaBlock-label--button {
      line-height: 35px; }
  .mediaBlock-label--premiereTop,
  .mediaBlock-label--premiereBottom {
    padding-top: 6px;
    width: 170px;
    padding-left: 15px; }
  .mediaBlock-label--premiereTop {
    font-size: 18px; }
  .mediaBlock-label--premiereBottom {
    font-size: 11px; }
  .mediaBlock-videoClipLabel {
    display: block; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .mediaBlock-button .mediaBlock-label {
      line-height: 44px; }
  .mediaBlock-button--listEpisode {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--listEpisode .mediaBlock-icon {
      font-size: 20px;
      width: 30px;
      height: 30px;
      line-height: 30px; }
    .mediaBlock-button--listEpisode .mediaBlock-label {
      line-height: 30px; }
  .mediaBlock-button--brandSliceEpisode {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--brandSliceEpisode .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .mediaBlock-button--brandSliceEpisode .mediaBlock-label {
      line-height: 35px; }
  .mediaBlock-button--trailer {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box;
    bottom: 20px; }
    .mediaBlock-button--trailer .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .mediaBlock-button--trailer .mediaBlock-label {
      line-height: 35px; }
  .mediaBlock-button--brandHero,
  .mediaBlock-button--videoClip {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 40px; }
    .mediaBlock-button--brandHero .mediaBlock-icon,
    .mediaBlock-button--videoClip .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .mediaBlock-button--brandHero .mediaBlock-label,
    .mediaBlock-button--videoClip .mediaBlock-label {
      line-height: 44px; }
    .mediaBlock-button--brandHero .icon--play,
    .mediaBlock-button--videoClip .icon--play {
      font-size: 34px; }
  .mediaBlock-button--assetIndex {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--assetIndex .mediaBlock-icon {
      font-size: 20px;
      width: 30px;
      height: 30px;
      line-height: 30px; }
    .mediaBlock-button--assetIndex .mediaBlock-label {
      line-height: 30px; }
    .mediaBlock-button--assetIndex .mediaBlock-label--button {
      line-height: 30px; }
  .mediaBlock-label {
    font-size: 14px; }
  .mediaBlock-label--button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: capitalize; }
  .mediaBlock-label--clipsExtrasButton {
    font-size: 0; }
  .mediaBlock-label--premiereTop,
  .mediaBlock-label--premiereBottom {
    padding-top: 6px;
    width: 170px;
    padding-left: 15px; }
  .mediaBlock-label--premiereTop {
    font-size: 18px; }
  .mediaBlock-label--premiereBottom {
    font-size: 11px; }
  .mediaBlock-videoClipLabel {
    bottom: 40px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .mediaBlock-label {
    height: 53px;
    font-size: 16px;
    padding: 15px 20px; }
  .mediaBlock-label--button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: capitalize; }
  .mediaBlock-label--clipsExtrasButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    font-size: 16px;
    padding: 0 15px; }
  .mediaBlock-button--brandSliceEpisode {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 53px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--brandSliceEpisode .mediaBlock-icon {
      font-size: 35px;
      width: 53px;
      height: 53px;
      line-height: 53px; }
    .mediaBlock-button--brandSliceEpisode .mediaBlock-label {
      line-height: 53px; }
  .mediaBlock-button--sliceLg {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 53px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--sliceLg .mediaBlock-icon {
      font-size: 35px;
      width: 53px;
      height: 53px;
      line-height: 53px; }
    .mediaBlock-button--sliceLg .mediaBlock-label {
      line-height: 53px; }
  .mediaBlock-button--brandHero,
  .mediaBlock-button--videoClip {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 53px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box;
    position: absolute;
    bottom: 40px; }
    .mediaBlock-button--brandHero .mediaBlock-icon,
    .mediaBlock-button--videoClip .mediaBlock-icon {
      font-size: 35px;
      width: 53px;
      height: 53px;
      line-height: 53px; }
    .mediaBlock-button--brandHero .mediaBlock-label,
    .mediaBlock-button--videoClip .mediaBlock-label {
      line-height: 53px; }
    .mediaBlock-button--brandHero .icon--play,
    .mediaBlock-button--videoClip .icon--play {
      font-size: 40px; }
  .mediaBlock-label--premiereTop,
  .mediaBlock-label--premiereBottom {
    display: inline-block;
    padding-top: 6px;
    width: 192px;
    padding-left: 19px; }
  .mediaBlock-label--premiereTop {
    height: 30px;
    font-size: 20px; }
  .mediaBlock-label--premiereBottom {
    height: 23px;
    font-size: 12px; }
  .mediaBlock-button--assetIndex {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--assetIndex .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .mediaBlock-button--assetIndex .mediaBlock-label {
      line-height: 44px; } }

.advertsLeaderboard {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  transition: max-height .5s, min-height .5s;
  max-height: 110px;
  min-height: 110px;
  line-height: 0; }

.advertsLeaderboard.advert-empty {
  max-height: 0;
  min-height: 0; }

.advertsLeaderboard-container {
  display: inline-block;
  margin: 10px 0; }

.advertsLeaderboard.advert-loaded {
  max-height: 400px;
  max-width: 970px; }

@media only screen and (max-width: 800px) {
  .advertsLeaderboard {
    display: none; } }

.advertsSponsor {
  background: #fff;
  border-top: 5px solid #ececec;
  max-height: 0;
  transition: max-height .4s;
  overflow: hidden; }

.ipPage .advertsSponsor {
  background: transparent; }

.advertsSponsor.advert-loaded {
  max-height: 54px; }

.advertsSponsor-container {
  height: 49px; }

.advertsSponsor-wrapper {
  background: #fff;
  height: 100%; }

.advertsSponsor-label {
  float: right;
  background: #fff; }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (max-width: 499px) {
  .advertsSponsor-container {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .advertsSponsor {
    background: #ececec; }
  .ipPage .advertsSponsor {
    background: transparent;
    border-top: none;
    position: absolute;
    right: 21px;
    z-index: 2;
    margin-top: 7px; }
  .advertsSponsor-container {
    margin-right: -7px;
    width: calc(50% + 7px);
    float: right;
    padding-left: 7px;
    margin-right: -7px;
    width: calc(33.33333% + 14px + 7px);
    float: right; }
  .advertsSponsor-wrapper {
    padding-right: 14px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .ipPage .advertsSponsor {
    right: 30.5px; }
  .advertsSponsor-container {
    margin-right: -10.5px;
    width: calc(33.33333% + 10.5px);
    float: right;
    padding-left: 9.5px;
    margin-right: -10.5px;
    width: calc(33.33333% + 19px + 10.5px);
    float: right; }
  .advertsSponsor-wrapper {
    padding-right: 20px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .ipPage .advertsSponsor {
    right: 50px;
    margin-top: 20px; }
  .advertsSponsor-container {
    margin-right: -20px;
    width: calc(33.33333% + 20px);
    float: right;
    padding-left: 10px;
    margin-right: -20px;
    width: calc(33.33333% + 20px + 20px);
    float: right; }
  .advertsSponsor-wrapper {
    padding-right: 30px; } }

.advertsMpu {
  display: block;
  width: 300px;
  height: 274px;
  visibility: hidden;
  transition: height .5s; }

.advertsMpu.advert-empty {
  height: 0; }

.advertsMpu.advert-loaded {
  visibility: visible; }

.advertsMpu-label {
  font-family: "c4.chadwick.regular.lowercase", "c4.chadwick.regular.uppercase", "c4.chadwick.regular.numbers", "c4.chadwick.regular.punctuation", "c4.chadwick.regular.currency", "c4.chadwick.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  margin-bottom: 7px;
  display: block;
  font-size: 12px;
  line-height: 12px; }

.advertsMpu {
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 499px) {
  .slice--mpu {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .slice--mpu {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 700px) {
  .slice--mpu {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-mpu {
    clear: both; } }

@media (min-width: 1000px) {
  .slice--mpu {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .advertsMpu {
    float: right; }
  .slice-mpu {
    clear: none;
    padding-right: 10px; } }

/*
CMS

Styleguide 4
*/
/*
Articles

There is only one style for articles at the moment. Might add some modifiers in future.

Markup:
<div class="{$modifiers}">
    <h1 class={$modifiers}-heading--primary}>Rice: How safe is it?</h1>
    <div class="{$modifiers}-social>
        <span class="{$modifiers}-share {$modifiers}-share--facebook>Share article on Facebook</span>
        <span class="{$modifiers}-share {$modifiers}-share--twitter>Share article on Twitter</span>
    </div>
    <p class="{$modifiers}-date">15 Sep 2015</p>
    <img class="{$modifiers}-image" src="http://placehold.it/750x250"/>
    <h2 class="{$modifiers}-heading--secondary">What's the best way to cook rice to minimise exposure to arsenic?</h2>
    <p>Brown rice has more nutrients and more fibre, but more inorganic arsenic, and ultimately a lot of study needs to go into the comparative benefits and detriments of eating brown rice.</p>
    <h2 class="{$modifiers}-heading--secondary">Which country's rice tends to have the lowest contamination levels (and why)?</h2>
    <p>To thoroughly rinse before cooking and to cook in as large a volume of water as possible. We find that a 6:1 water to rice packet weight ratio is very effective at getting rid of most of the inorganic arsenic and that this works better the higher in inorganic arsenic the rice is, and is a good way to cook brown rice.</p>
</div>

.article - The standard article

Styleguide 4.1
*/
/*-----------------------------------------
    Mobile (Base)
  -----------------------------------------*/
.article {
  color: #565656; }

.article-date {
  display: block; }

.article-heading {
  font-family: "c4.horseferry.regular.lowercase", "c4.horseferry.regular.uppercase", "c4.horseferry.regular.numbers", "c4.horseferry.regular.punctuation", "c4.horseferry.regular.currency", "c4.horseferry.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.article-heading--primary {
  color: #444d57;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px; }

.article-heading--secondary {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 12px; }

.article-heading--tertiary {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px; }

.article-image {
  width: 100%; }

.article-share {
  height: 40px;
  width: 40px; }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .article-heading {
    font-family: "c4.horseferry.regular.lowercase", "c4.horseferry.regular.uppercase", "c4.horseferry.regular.numbers", "c4.horseferry.regular.punctuation", "c4.horseferry.regular.currency", "c4.horseferry.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .article-heading--primary {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 20px; }
  .article-heading--secondary {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px; }
  .article-heading--tertiary {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px; }
  .article-image {
    max-width: 100%;
    width: auto; }
  .article-social {
    float: right; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .article-heading {
    font-family: "c4.horseferry.regular.lowercase", "c4.horseferry.regular.uppercase", "c4.horseferry.regular.numbers", "c4.horseferry.regular.punctuation", "c4.horseferry.regular.currency", "c4.horseferry.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .article-heading--primary {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 10px; }
  .article-heading--secondary {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px; }
  .article-heading--tertiary {
    font-size: 28px;
    line-height: 30px; }
  .article-social {
    float: right; } }

/************************************************
    Article utility classes to be
    used if markup is provided in CMS
*************************************************/
/*
Article util classes

There is only one style for articles at the moment. Might add some modifiers in future.

Markup:
<p class="{$modifiers}">The quick brown FOX jumped over the lazy DOG</p>

.text--emphasis - Emphasize text using italic
.text--strong - Emphasize text using bold font
.text--underline - Underline text
.text--underlineDotted - Underline text with dots
.text--uppercase - Uppercase text
.text--lowercase - Lowercase text
.text--capitalize - Capitalize text


Styleguide 4.2
*/
/* Font style
   ================================= */
.text--emphasis {
  font-style: italic; }

.text--strong {
  font-family: "c4.chadwick.bold.lowercase", "c4.chadwick.bold.uppercase", "c4.chadwick.bold.numbers", "c4.chadwick.bold.punctuation", "c4.chadwick.bold.currency", "c4.chadwick.bold.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

/* Text decoration
   ================================= */
.text--underline {
  text-decoration: underline; }

.text--underlineDotted {
  text-decoration: underline dotted; }

/* Text transform
   ================================= */
.text--uppercase {
  text-transform: uppercase; }

.text--lowercase {
  text-transform: lowercase; }

.text--uppercase {
  text-capitalize: capitalize; }

.brandHeadTitle {
  margin-top: 15px;
  margin-bottom: 10px; }

.ipPage .brandHeadTitle {
  margin-top: 12px;
  margin-bottom: 11px; }

.brandHeadContainer {
  position: relative; }

@media (max-width: 499px) {
  .brandHeadTitle {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .brandHeadTitle {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 25px; }
  .brandHeadTitle-h1 {
    margin-bottom: 0px; }
  .ipPage .advertsSponsor.advert-loaded + .brandHeadTitle-wrapper .brandHeadTitle {
    width: calc(100% - 275px); } }

@media (min-width: 700px) {
  .brandHeadTitle {
    margin-top: 34px;
    margin-bottom: 28px;
    width: 58.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .ipPage .brandHeadTitle {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

@media (min-width: 1000px) {
  .brandHeadTitle {
    margin-top: 48px;
    margin-bottom: 41px; }
  .ipPage .brandHeadTitle {
    margin-top: 20px;
    margin-bottom: 15px; } }

.brandHeadBtns {
  margin-left: -4.5px;
  margin-right: -4.5px;
  position: relative; }

.brandHeadCta {
  margin-right: 75px; }
  .brandHeadCta:before, .brandHeadCta:after {
    content: " ";
    display: table; }
  .brandHeadCta:after {
    clear: both; }

.brandHeadBtn-container {
  width: 50%;
  text-align: left;
  float: left; }

.brandHeadBtn {
  text-decoration: none;
  position: relative;
  transition: all 75ms ease-in; }
  .brandHeadBtn.brandHeadBtn--hidden {
    display: none; }
  .brandHeadBtn.brandHeadBtn--align-right {
    float: right; }

.brandHeadBtn-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  .brandHeadBtn-inner .brandHeadBtn-icon {
    display: inline-block;
    line-height: 32px; }

.brandHeadBtn-label {
  display: inline-block;
  line-height: 32px;
  vertical-align: text-bottom; }

.brandHeadBtn--favourite .brandHeadBtn-inner {
  width: 85px; }

.brandHeadBtn--info {
  position: absolute;
  right: 0;
  top: 0; }
  .brandHeadBtn--info .brandHeadBtn-inner {
    width: 70px; }
  .brandHeadBtn--info.brandHeadBtn--active:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -55px;
    left: 50%;
    margin-left: -25px; }

.brandHeadBtn-labelCancel,
.brandHeadBtn:hover .brandHeadBtn-labelSet,
.brandHeadBtn--tabFocus .brandHeadBtn-labelSet {
  display: none; }

.brandHeadBtn:hover .brandHeadBtn-labelCancel,
.brandHeadBtn--tabFocus .brandHeadBtn-labelCancel {
  display: inline; }

.theme-c4 .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #14181a; }

.theme-e4 .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #2D134C; }

.theme-more4 .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #16320F; }

.theme-four7 .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #1a3b3e; }

.theme-film4 .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #540303; }

.theme-fourmusic .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #5e0038; }

.theme-stand-up-to-cancer .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #561a08; }

.theme-world-drama .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #450c1f; }

.theme-c4-news .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #200035; }

.theme-shorts .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #0a3436; }

.theme-rewards .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #58440c; }

.theme-c4-coral .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #592929; }

.theme-c4-deeppink .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #4e162e; }

.theme-c4-cherry .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #410a1a; }

.theme-c4-orange .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #592808; }

.theme-c4-greengold .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #473908; }

.theme-c4-khaki .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #403a2b; }

.theme-c4-green .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #1e2a1c; }

.theme-c4-veridian .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #0e3e31; }

.theme-c4-lavendar .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #313245; }

.theme-c4-sky .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #0e2942; }

.theme-c4-warmgrey .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #2f2f2c; }

.theme-onDemand .brandHeadBtn--info.brandHeadBtn--active:before {
  background: #1e2226; }

.theme-c4 .brandHeadBtn:hover,
.theme-c4 .brandHeadBtn--active {
  color: #81b1cc; }

.theme-c4 .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #14181a;
  background: #edf0f2;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-e4 .brandHeadBtn:hover,
.theme-e4 .brandHeadBtn--active {
  color: #DBBDFF; }

.theme-e4 .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #2D134C;
  background: #E8E0F3;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-more4 .brandHeadBtn:hover,
.theme-more4 .brandHeadBtn--active {
  color: #A7DE96; }

.theme-more4 .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #16320F;
  background: #E2ECDF;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-four7 .brandHeadBtn:hover,
.theme-four7 .brandHeadBtn--active {
  color: #000800; }

.theme-four7 .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #1a3b3e;
  background: #e8f2f4;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-film4 .brandHeadBtn:hover,
.theme-film4 .brandHeadBtn--active {
  color: #ffcfd4; }

.theme-film4 .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #540303;
  background: #ffeeee;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-fourmusic .brandHeadBtn:hover,
.theme-fourmusic .brandHeadBtn--active {
  color: #000000; }

.theme-fourmusic .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #5e0038;
  background: #fdeef7;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-stand-up-to-cancer .brandHeadBtn:hover,
.theme-stand-up-to-cancer .brandHeadBtn--active {
  color: #000000; }

.theme-stand-up-to-cancer .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #561a08;
  background: #ffece6;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-world-drama .brandHeadBtn:hover,
.theme-world-drama .brandHeadBtn--active {
  color: #ff7ca8; }

.theme-world-drama .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #450c1f;
  background: #fceaf0;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-news .brandHeadBtn:hover,
.theme-c4-news .brandHeadBtn--active {
  color: #ffa3f6; }

.theme-c4-news .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #200035;
  background: #f9f0ff;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-shorts .brandHeadBtn:hover,
.theme-shorts .brandHeadBtn--active {
  color: #b1ffff v; }

.theme-shorts .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #0a3436;
  background: #f3fbfc;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-rewards .brandHeadBtn:hover,
.theme-rewards .brandHeadBtn--active {
  color: #fee63a; }

.theme-rewards .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #58440c;
  background: #fff9ec;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-coral .brandHeadBtn:hover,
.theme-c4-coral .brandHeadBtn--active {
  color: #000800; }

.theme-c4-coral .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #592929;
  background: #fff1f1;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-deeppink .brandHeadBtn:hover,
.theme-c4-deeppink .brandHeadBtn--active {
  color: #000000; }

.theme-c4-deeppink .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #4e162e;
  background: #fff7fa;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-cherry .brandHeadBtn:hover,
.theme-c4-cherry .brandHeadBtn--active {
  color: #fdb3cc; }

.theme-c4-cherry .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #410a1a;
  background: #fff6f9;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-orange .brandHeadBtn:hover,
.theme-c4-orange .brandHeadBtn--active {
  color: #000000; }

.theme-c4-orange .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #592808;
  background: #faf0ea;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-greengold .brandHeadBtn:hover,
.theme-c4-greengold .brandHeadBtn--active {
  color: #fad112; }

.theme-c4-greengold .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #473908;
  background: #d8ab11;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-khaki .brandHeadBtn:hover,
.theme-c4-khaki .brandHeadBtn--active {
  color: #eee5d4; }

.theme-c4-khaki .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #403a2b;
  background: #eae8e3;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-green .brandHeadBtn:hover,
.theme-c4-green .brandHeadBtn--active {
  color: #b7ec94; }

.theme-c4-green .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #1e2a1c;
  background: #e7f1e6;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-veridian .brandHeadBtn:hover,
.theme-c4-veridian .brandHeadBtn--active {
  color: #3bfac6; }

.theme-c4-veridian .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #0e3e31;
  background: #e9f5f2;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-lavendar .brandHeadBtn:hover,
.theme-c4-lavendar .brandHeadBtn--active {
  color: #ffeefc; }

.theme-c4-lavendar .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #313245;
  background: #eff0fb;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-sky .brandHeadBtn:hover,
.theme-c4-sky .brandHeadBtn--active {
  color: #c6e7ff; }

.theme-c4-sky .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #0e2942;
  background: #e3ebf3;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-c4-warmgrey .brandHeadBtn:hover,
.theme-c4-warmgrey .brandHeadBtn--active {
  color: #fffdb5; }

.theme-c4-warmgrey .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #2f2f2c;
  background: #e5e5e2;
  outline: -webkit-focus-ring-color auto 5px; }

.theme-onDemand .brandHeadBtn:hover,
.theme-onDemand .brandHeadBtn--active {
  color: #00b9ff; }

.theme-onDemand .brandHeadBtn.brandHeadBtn--tabFocus .brandHeadBtn-inner {
  color: #1e2226;
  background: #eceff3;
  outline: -webkit-focus-ring-color auto 5px; }

@media (max-width: 499px) {
  .brandHeadBtns {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .brandHeadBtn-label {
    font-size: 13px; }
  .brandHeadBtn-icon {
    font-size: 24px;
    margin-right: 3px;
    margin-bottom: 2px; } }

@media (min-width: 500px) {
  .brandHeadBtns {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 5px; }
  .brandHeadBtn-icon {
    font-size: 26px;
    margin-right: 5px;
    margin-bottom: 2px; }
  .brandHeadBtn-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
  .brandHeadBtn--favourite .brandHeadBtn-inner {
    width: 100px; }
  .brandHeadBtn--info {
    right: 10px; }
    .brandHeadBtn--info .brandHeadBtn-inner {
      width: 70px; }
    .brandHeadBtn--info.brandHeadBtn--active:before {
      bottom: -60px; } }

@media (min-width: 700px) {
  .brandHeadCta {
    float: left;
    width: 66%;
    margin-right: auto; }
  .brandHeadBtn {
    width: 100%; }
  .brandHeadBtn--info {
    float: left;
    width: 33%; }
  .brandHeadBtn-inner,
  .brandHeadBtn:first-child .brandHeadBtn-inner,
  .brandHeadBtn:last-child .brandHeadBtn-inner {
    float: none;
    padding: 0; }
  .brandHeadBtn-icon,
  .brandHeadBtn-label {
    display: block; }
  .brandHeadBtn-label {
    line-height: inherit; }
  .brandHeadBtn-icon {
    font-size: 26px;
    margin-right: 0;
    margin-bottom: 0; }
  .brandHeadBtn-container {
    text-align: center;
    float: right; }
  .brandHeadBtns {
    width: 41.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-top: 25px; }
  .brandHeadBtns {
    position: absolute;
    bottom: 18px;
    right: 0; }
  .brandHeadBtn--favourite .brandHeadBtn-inner {
    display: block;
    width: 100%; }
  .brandHeadBtn--info {
    position: relative; }
    .brandHeadBtn--info .brandHeadBtn-inner {
      display: block;
      width: 100%; }
    .brandHeadBtn--info.brandHeadBtn--active:before {
      bottom: -73px; } }

@media (min-width: 1000px) {
  .brandHeadBtns {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 40px; }
  .brandHeadBtns {
    bottom: 41px; }
  .brandHeadBtn--info.brandHeadBtn--active:before {
    bottom: -88px; }
  .brandHeadBtn-icon {
    font-size: 28px; }
  .brandHeadBtn-inner,
  .brandHeadBtn:first-child .brandHeadBtn-inner,
  .brandHeadBtn:last-child .brandHeadBtn-inner {
    padding: 0 10px; } }

.brandHeadInfo {
  overflow: hidden;
  max-height: 0;
  position: relative;
  transition: max-height 0.15s ease-in; }
  .brandHeadInfo:before, .brandHeadInfo:after {
    content: " ";
    display: table; }
  .brandHeadInfo:after {
    clear: both; }

.brandHeadInfo--visible {
  max-height: 200px;
  transition: max-height 0.2s ease-out; }

.brandHeadInfo-summary {
  margin: 10px 0;
  width: 75%; }

.brandHeadInfo-close {
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer; }

@media (max-width: 499px) {
  .brandHeadInfo {
    margin: 0 5.5px; } }

@media (min-width: 500px) {
  .brandHeadInfo {
    margin: 0 7px; }
  .brandHeadInfo--visible {
    max-height: 150px; }
  .brandHeadInfo-summary {
    margin: 20px 0;
    width: 75%; }
  .brandHeadInfo-close {
    top: 20px; } }

@media (min-width: 700px) {
  .brandHeadInfo {
    margin: 0 9.5px; }
  .brandHeadInfo--visible {
    max-height: 100px; }
  .brandHeadInfo-summary {
    width: 83.33333%; } }

@media (min-width: 1000px) {
  .brandHeadInfo {
    margin: 0 10px; }
  .brandHeadInfo-summary {
    width: 83.33333%; } }

.brandSecondaryNav {
  width: 100%;
  float: left;
  padding-left: 5.5px;
  padding-right: 5.5px;
  height: 36px;
  line-height: 36px;
  transition: height 0.1s ease-in;
  overflow: hidden;
  margin: 5px 0; }

.brandSecondaryNav.brandSecondaryNav--resizing {
  transition: none; }

.brandSecondaryNav-wrapper:before, .brandSecondaryNav-wrapper:after {
  content: " ";
  display: table; }

.brandSecondaryNav-wrapper:after {
  clear: both; }

/* Nav Item
__________________________________________*/
.brandSecondaryNav-item {
  display: inline-block;
  float: left;
  padding: 0 10px 0 0; }
  .brandSecondaryNav-item .pill {
    background-color: transparent; }

/* Nav Toggle
__________________________________________*/
.brandSecondaryNav-toggleSpacer {
  float: right;
  position: relative; }

.brandSecondaryNav-toggle {
  position: absolute; }
  .brandSecondaryNav-toggle .pill {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none; }
    .brandSecondaryNav-toggle .pill:focus {
      transition: color 0s .12s, background-color 0s .12s; }
    .brandSecondaryNav-toggle .pill:hover {
      text-decoration: none; }

.brandSecondaryNav-more {
  display: block; }

.brandSecondaryNav-less {
  display: none; }

.brandSecondaryNav-more,
.brandSecondaryNav-less {
  width: 55px;
  position: relative; }
  .brandSecondaryNav-more.hide,
  .brandSecondaryNav-less.hide {
    display: none; }

.brandSecondaryNav-more:before,
.brandSecondaryNav-less:before {
  position: absolute;
  right: 0; }

.brandSecondaryNav-less:before {
  top: -1px; }

.brandSecondaryNav--open {
  transition: height 0.1s ease-out; }
  .brandSecondaryNav--open .brandSecondaryNav-more {
    display: none; }
  .brandSecondaryNav--open .brandSecondaryNav-less {
    display: block; }

/*-----------------------------------------
    Mobile
-----------------------------------------*/
@media (max-width: 499px) {
  /* Nav Wrapper
  __________________________________________*/
  .brandSecondaryNav {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  /* Nav Item
  __________________________________________*/
  /* Nav Toggle
  __________________________________________*/
  .brandSecondaryNav-toggleSpacer {
    width: 77px;
    height: 36px; }
  .brandSecondaryNav-toggle {
    right: 10px;
    top: 5px; } }

/*-----------------------------------------
    Phablet
-----------------------------------------*/
@media (min-width: 500px) {
  /* Nav Wrapper
  __________________________________________*/
  .brandSecondaryNav {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    height: 38px;
    line-height: 38px;
    margin: 6px 0; }
  /* Nav Item
  __________________________________________*/
  .brandSecondaryNav-more,
  .brandSecondaryNav-less {
    width: 60px; }
  /* Nav Toggle
  __________________________________________*/
  .brandSecondaryNav-toggleSpacer {
    width: 82px;
    height: 38px; }
  .brandSecondaryNav-toggle {
    right: 14px;
    top: 5px; }
  .brandSecondaryNav-item {
    padding: 0 10px 0 0; } }

/*-----------------------------------------
    Tablet
-----------------------------------------*/
@media (min-width: 700px) {
  /* Nav Wrapper
  __________________________________________*/
  .brandSecondaryNav {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    height: 40px;
    line-height: 40px;
    margin: 5px 0; }
  /* Nav Item
  __________________________________________*/
  .brandSecondaryNav-item {
    padding: 0 10px 0 0; }
  /* Nav Toggle
  __________________________________________*/
  .brandSecondaryNav-toggleSpacer {
    width: 77px;
    height: 40px; }
  .brandSecondaryNav-toggle {
    right: 20px;
    top: 5px; }
  .brandSecondaryNav-more,
  .brandSecondaryNav-less {
    width: 55px; } }

/*-----------------------------------------
    Desktop
-----------------------------------------*/
@media (min-width: 1000px) {
  /* Nav Wrapper
  __________________________________________*/
  .brandSecondaryNav {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    height: 46px;
    line-height: 46px;
    margin: 8px 0; }
  /* Nav Item
  __________________________________________*/
  .brandSecondaryNav-item {
    padding: 0 10px 0 0; }
  /* Nav Toggle
  __________________________________________*/
  .brandSecondaryNav-toggleSpacer {
    width: 77px;
    height: 46px; }
  .brandSecondaryNav-toggle {
    right: 30px;
    top: 16px; }
  .brandSecondaryNav-more,
  .brandSecondaryNav-less {
    width: 55px; } }

.testing-overlay {
  position: absolute;
  top: -40px;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  padding: 5px;
  border: 1px solid black; }

.brandHubHero {
  position: relative;
  display: block; }

.brandHeadHero-daysLeft-icon {
  margin-right: 5px;
  margin-top: -3px; }

.brandHubHero--link:focus {
  outline: none; }

.theme-c4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #2a3135; }

.theme-c4 .brandHero-activeWrapper .brandHubHero--link {
  color: #81b1cc;
  text-decoration: underline; }

.theme-c4 .brandHero-activeWrapper .mediaBlock-icon {
  background: #2a3135; }
  .theme-c4 .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #90a5b1; }

.theme-e4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-e4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #5D289E; }

.theme-e4 .brandHero-activeWrapper .brandHubHero--link {
  color: #DBBDFF;
  text-decoration: underline; }

.theme-e4 .brandHero-activeWrapper .mediaBlock-icon {
  background: #5D289E; }
  .theme-e4 .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #BD5DF9; }

.theme-more4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-more4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #234D18; }

.theme-more4 .brandHero-activeWrapper .brandHubHero--link {
  color: #A7DE96;
  text-decoration: underline; }

.theme-more4 .brandHero-activeWrapper .mediaBlock-icon {
  background: #234D18; }
  .theme-more4 .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #55DB33; }

.theme-four7 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-four7 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #36787d; }

.theme-four7 .brandHero-activeWrapper .brandHubHero--link {
  color: #000800;
  text-decoration: underline; }

.theme-four7 .brandHero-activeWrapper .mediaBlock-icon {
  background: #36787d; }
  .theme-four7 .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #68ced9; }

.theme-film4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-film4 .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #a90819; }

.theme-film4 .brandHero-activeWrapper .brandHubHero--link {
  color: #ffcfd4;
  text-decoration: underline; }

.theme-film4 .brandHero-activeWrapper .mediaBlock-icon {
  background: #a90819; }
  .theme-film4 .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ff6474; }

.theme-fourmusic .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-fourmusic .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #bd0171; }

.theme-fourmusic .brandHero-activeWrapper .brandHubHero--link {
  color: #000000;
  text-decoration: underline; }

.theme-fourmusic .brandHero-activeWrapper .mediaBlock-icon {
  background: #bd0171; }
  .theme-fourmusic .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ff89ce; }

.theme-stand-up-to-cancer .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-stand-up-to-cancer .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #ac3611; }

.theme-stand-up-to-cancer .brandHero-activeWrapper .brandHubHero--link {
  color: #000000;
  text-decoration: underline; }

.theme-stand-up-to-cancer .brandHero-activeWrapper .mediaBlock-icon {
  background: #ac3611; }
  .theme-stand-up-to-cancer .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ff906c; }

.theme-world-drama .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-world-drama .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #8a183e; }

.theme-world-drama .brandHero-activeWrapper .brandHubHero--link {
  color: #ff7ca8;
  text-decoration: underline; }

.theme-world-drama .brandHero-activeWrapper .mediaBlock-icon {
  background: #8a183e; }
  .theme-world-drama .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ff7ca8; }

.theme-c4-news .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-news .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #41016a; }

.theme-c4-news .brandHero-activeWrapper .brandHubHero--link {
  color: #ffa3f6;
  text-decoration: underline; }

.theme-c4-news .brandHero-activeWrapper .mediaBlock-icon {
  background: #41016a; }
  .theme-c4-news .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #c473f9; }

.theme-shorts .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-shorts .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #166a6e; }

.theme-shorts .brandHero-activeWrapper .brandHubHero--link {
  color: #b1ffff v;
  text-decoration: underline; }

.theme-shorts .brandHero-activeWrapper .mediaBlock-icon {
  background: #166a6e; }
  .theme-shorts .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #41b9bf; }

.theme-rewards .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-rewards .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #b08719; }

.theme-rewards .brandHero-activeWrapper .brandHubHero--link {
  color: #fee63a;
  text-decoration: underline; }

.theme-rewards .brandHero-activeWrapper .mediaBlock-icon {
  background: #b08719; }
  .theme-rewards .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ebd952; }

.theme-c4-coral .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-coral .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #b45454; }

.theme-c4-coral .brandHero-activeWrapper .brandHubHero--link {
  color: #000800;
  text-decoration: underline; }

.theme-c4-coral .brandHero-activeWrapper .mediaBlock-icon {
  background: #b45454; }
  .theme-c4-coral .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ffb6c2; }

.theme-c4-deeppink .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-deeppink .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #9e2c5d; }

.theme-c4-deeppink .brandHero-activeWrapper .brandHubHero--link {
  color: #000000;
  text-decoration: underline; }

.theme-c4-deeppink .brandHero-activeWrapper .mediaBlock-icon {
  background: #9e2c5d; }
  .theme-c4-deeppink .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ff79df; }

.theme-c4-cherry .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-cherry .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #841535; }

.theme-c4-cherry .brandHero-activeWrapper .brandHubHero--link {
  color: #fdb3cc;
  text-decoration: underline; }

.theme-c4-cherry .brandHero-activeWrapper .mediaBlock-icon {
  background: #841535; }
  .theme-c4-cherry .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ff6daa; }

.theme-c4-orange .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-orange .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #b45111; }

.theme-c4-orange .brandHero-activeWrapper .brandHubHero--link {
  color: #000000;
  text-decoration: underline; }

.theme-c4-orange .brandHero-activeWrapper .mediaBlock-icon {
  background: #b45111; }
  .theme-c4-orange .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #fbbd59; }

.theme-c4-greengold .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-greengold .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #907412; }

.theme-c4-greengold .brandHero-activeWrapper .brandHubHero--link {
  color: #fad112;
  text-decoration: underline; }

.theme-c4-greengold .brandHero-activeWrapper .mediaBlock-icon {
  background: #907412; }
  .theme-c4-greengold .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #fad112; }

.theme-c4-khaki .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-khaki .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #72664A; }

.theme-c4-khaki .brandHero-activeWrapper .brandHubHero--link {
  color: #eee5d4;
  text-decoration: underline; }

.theme-c4-khaki .brandHero-activeWrapper .mediaBlock-icon {
  background: #72664A; }
  .theme-c4-khaki .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #ebce86; }

.theme-c4-green .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-green .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #3c5339; }

.theme-c4-green .brandHero-activeWrapper .brandHubHero--link {
  color: #b7ec94;
  text-decoration: underline; }

.theme-c4-green .brandHero-activeWrapper .mediaBlock-icon {
  background: #3c5339; }
  .theme-c4-green .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #93dc87; }

.theme-c4-veridian .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-veridian .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #1e7c63; }

.theme-c4-veridian .brandHero-activeWrapper .brandHubHero--link {
  color: #3bfac6;
  text-decoration: underline; }

.theme-c4-veridian .brandHero-activeWrapper .mediaBlock-icon {
  background: #1e7c63; }
  .theme-c4-veridian .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #3bfac6; }

.theme-c4-lavendar .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-lavendar .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #64668b; }

.theme-c4-lavendar .brandHero-activeWrapper .brandHubHero--link {
  color: #ffeefc;
  text-decoration: underline; }

.theme-c4-lavendar .brandHero-activeWrapper .mediaBlock-icon {
  background: #64668b; }
  .theme-c4-lavendar .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #eeb2ff; }

.theme-c4-sky .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-sky .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #1e5485; }

.theme-c4-sky .brandHero-activeWrapper .brandHubHero--link {
  color: #c6e7ff;
  text-decoration: underline; }

.theme-c4-sky .brandHero-activeWrapper .mediaBlock-icon {
  background: #1e5485; }
  .theme-c4-sky .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #59beff; }

.theme-c4-warmgrey .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-warmgrey .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #5e5e59; }

.theme-c4-warmgrey .brandHero-activeWrapper .brandHubHero--link {
  color: #fffdb5;
  text-decoration: underline; }

.theme-c4-warmgrey .brandHero-activeWrapper .mediaBlock-icon {
  background: #5e5e59; }
  .theme-c4-warmgrey .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #c9c49f; }

.theme-onDemand .brandHero-activeWrapper .brandHubHero--link .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-onDemand .brandHero-activeWrapper .brandHubHero--link .mediaBlock-icon {
  background: #383f47; }

.theme-onDemand .brandHero-activeWrapper .brandHubHero--link {
  color: #00b9ff;
  text-decoration: underline; }

.theme-onDemand .brandHero-activeWrapper .mediaBlock-icon {
  background: #383f47; }
  .theme-onDemand .brandHero-activeWrapper .mediaBlock-icon.icon--play {
    color: #00b9ff; }

@media (max-width: 499px) {
  .brandHubHero {
    margin-left: -4.5px;
    margin-right: -4.5px; }
    .brandHubHero .mediaBlock-label {
      bottom: 20px; }
    .brandHubHero .mediaBlock-label--button {
      bottom: 0; } }

@media (min-width: 500px) {
  .brandHubHero {
    margin-left: -7px;
    margin-right: -7px; }
    .brandHubHero .mediaBlock-label {
      bottom: 30px; }
    .brandHubHero .mediaBlock-label--button {
      bottom: 0; } }

@media (min-width: 700px) {
  .brandHubHero-container.container:last-of-type {
    margin-bottom: 0; }
  .brandHubHero {
    margin-left: -10.5px;
    margin-right: 0;
    width: calc(66.66667% + 10.5px);
    float: left;
    padding-right: 9.5px; }
    .brandHubHero .mediaBlock-label {
      bottom: 40px;
      margin-right: 9.5px; }
    .brandHubHero .mediaBlock-label--button {
      bottom: 0; }
  .brandHubHero-overlay {
    bottom: 40px; } }

@media (min-width: 1000px) {
  .brandHubHero {
    margin-left: -20px;
    margin-right: 0;
    width: calc(66.66667% + 20px);
    float: left;
    padding-right: 10px; }
    .brandHubHero .mediaBlock-label {
      bottom: 40px;
      margin-right: 10px; }
    .brandHubHero .mediaBlock-label--button {
      bottom: 0; }
  .brandHeadHero-daysLeft {
    clear: both;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right; } }

.brandHubMeta-wrapper {
  position: relative; }

.brandHubMeta {
  padding-top: 15px;
  padding-bottom: 15px; }

.brandHubMeta-channelLogo {
  position: absolute;
  top: 15px;
  opacity: 0.1; }

.brandHubMeta-summary {
  margin-bottom: 0; }

.brandHubMeta-bottomWrapper {
  margin-bottom: 10px; }

.brandHubMeta-indicators {
  float: right; }
  .brandHubMeta-indicators .brandHubMeta-hd {
    width: 27px; }

.brandHubMeta-firstTxDate {
  margin-bottom: 7px; }

@media (max-width: 499px) {
  .brandHubMeta {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-right: 74px; }
  .brandHubMeta-channelLogo {
    height: 54px;
    right: 5.5px; }
  .brandHubMeta-bottomWrapper {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .brandHubMeta-firstTxDate,
  .brandHubMeta-nextTxDate {
    font-size: 11px; } }

@media (min-width: 500px) {
  .brandHubMeta {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding-right: 83px; }
  .brandHubMeta-channelLogo {
    height: 63px;
    right: 7px; }
  .brandHubMeta-bottomWrapper {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .brandHubMeta-firstTxDate,
  .brandHubMeta-nextTxDate {
    font-size: 13px; } }

@media (min-width: 700px) {
  .brandHubMeta-wrapper {
    position: static; }
  .brandHubMeta,
  .brandHubMeta-bottomWrapper {
    width: calc(33.33333% + 4.75px);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 9.5px;
    padding-right: 20px;
    right: 0;
    position: absolute; }
  .brandHubMeta {
    top: 30%;
    -ms-transform: translateY(-30%);
    transform: translateY(-30%); }
  .brandHubMeta-channelLogo {
    top: 18px;
    right: 20px; }
  .brandHubMeta-bottomWrapper {
    bottom: 10px;
    margin-bottom: 0; }
  .brandHubMeta-firstTxDate,
  .brandHubMeta-nextTxDate {
    font-size: 11px; }
  .brandHubMeta-indicators {
    right: 20px; } }

@media (min-width: 700px) and (max-width: 759px) {
  .brandHubMeta-nextOnPreTitle {
    font-size: 12px;
    margin-bottom: 4px; }
  .brandHubMeta-title1,
  .brandHubMeta-title2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px; }
  .brandHubMeta-summary {
    font-size: 12px;
    line-height: 15px; }
  .brandHubMeta-firstTxDate,
  .brandHubMeta-nextTxDate {
    font-size: 10px; } }

@media (min-width: 760px) and (max-width: 800px) {
  .brandHubMeta-nextOnPreTitle {
    font-size: 12px;
    margin-bottom: 3px; }
  .brandHubMeta-title1,
  .brandHubMeta-title2 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 5px; }
  .brandHubMeta-summary {
    font-size: 13px;
    line-height: 17px; }
  .brandHubMeta-firstTxDate,
  .brandHubMeta-nextTxDate {
    font-size: 11px; } }

@media (min-width: 1000px) {
  .brandHubMeta,
  .brandHubMeta-bottomWrapper {
    width: calc(33.33333% + 5px);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 30px;
    right: 0;
    position: absolute; }
  .brandHubMeta-channelLogo {
    top: 20px;
    right: 30px;
    height: 91px; }
  .brandHubMeta-firstTxDate,
  .brandHubMeta-nextTxDate {
    font-size: 12px; } }

.brandTrailers {
  clear: both; }

.brandTrailers-toggle-link {
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  cursor: pointer;
  margin-top: 10px; }
  .brandTrailers-toggle-link:active {
    outline: 0; }

.theme-c4 .brandTrailers-toggle-link:hover {
  color: #81b1cc; }

.theme-c4 .brandTrailers-toggle-link:focus {
  color: #81b1cc; }

.theme-e4 .brandTrailers-toggle-link:hover {
  color: #DBBDFF; }

.theme-e4 .brandTrailers-toggle-link:focus {
  color: #DBBDFF; }

.theme-more4 .brandTrailers-toggle-link:hover {
  color: #A7DE96; }

.theme-more4 .brandTrailers-toggle-link:focus {
  color: #A7DE96; }

.theme-four7 .brandTrailers-toggle-link:hover {
  color: #000800; }

.theme-four7 .brandTrailers-toggle-link:focus {
  color: #000800; }

.theme-film4 .brandTrailers-toggle-link:hover {
  color: #ffcfd4; }

.theme-film4 .brandTrailers-toggle-link:focus {
  color: #ffcfd4; }

.theme-fourmusic .brandTrailers-toggle-link:hover {
  color: #000000; }

.theme-fourmusic .brandTrailers-toggle-link:focus {
  color: #000000; }

.theme-stand-up-to-cancer .brandTrailers-toggle-link:hover {
  color: #000000; }

.theme-stand-up-to-cancer .brandTrailers-toggle-link:focus {
  color: #000000; }

.theme-world-drama .brandTrailers-toggle-link:hover {
  color: #ff7ca8; }

.theme-world-drama .brandTrailers-toggle-link:focus {
  color: #ff7ca8; }

.theme-c4-news .brandTrailers-toggle-link:hover {
  color: #ffa3f6; }

.theme-c4-news .brandTrailers-toggle-link:focus {
  color: #ffa3f6; }

.theme-shorts .brandTrailers-toggle-link:hover {
  color: #b1ffff v; }

.theme-shorts .brandTrailers-toggle-link:focus {
  color: #b1ffff v; }

.theme-rewards .brandTrailers-toggle-link:hover {
  color: #fee63a; }

.theme-rewards .brandTrailers-toggle-link:focus {
  color: #fee63a; }

.theme-c4-coral .brandTrailers-toggle-link:hover {
  color: #000800; }

.theme-c4-coral .brandTrailers-toggle-link:focus {
  color: #000800; }

.theme-c4-deeppink .brandTrailers-toggle-link:hover {
  color: #000000; }

.theme-c4-deeppink .brandTrailers-toggle-link:focus {
  color: #000000; }

.theme-c4-cherry .brandTrailers-toggle-link:hover {
  color: #fdb3cc; }

.theme-c4-cherry .brandTrailers-toggle-link:focus {
  color: #fdb3cc; }

.theme-c4-orange .brandTrailers-toggle-link:hover {
  color: #000000; }

.theme-c4-orange .brandTrailers-toggle-link:focus {
  color: #000000; }

.theme-c4-greengold .brandTrailers-toggle-link:hover {
  color: #fad112; }

.theme-c4-greengold .brandTrailers-toggle-link:focus {
  color: #fad112; }

.theme-c4-khaki .brandTrailers-toggle-link:hover {
  color: #eee5d4; }

.theme-c4-khaki .brandTrailers-toggle-link:focus {
  color: #eee5d4; }

.theme-c4-green .brandTrailers-toggle-link:hover {
  color: #b7ec94; }

.theme-c4-green .brandTrailers-toggle-link:focus {
  color: #b7ec94; }

.theme-c4-veridian .brandTrailers-toggle-link:hover {
  color: #3bfac6; }

.theme-c4-veridian .brandTrailers-toggle-link:focus {
  color: #3bfac6; }

.theme-c4-lavendar .brandTrailers-toggle-link:hover {
  color: #ffeefc; }

.theme-c4-lavendar .brandTrailers-toggle-link:focus {
  color: #ffeefc; }

.theme-c4-sky .brandTrailers-toggle-link:hover {
  color: #c6e7ff; }

.theme-c4-sky .brandTrailers-toggle-link:focus {
  color: #c6e7ff; }

.theme-c4-warmgrey .brandTrailers-toggle-link:hover {
  color: #fffdb5; }

.theme-c4-warmgrey .brandTrailers-toggle-link:focus {
  color: #fffdb5; }

.theme-onDemand .brandTrailers-toggle-link:hover {
  color: #00b9ff; }

.theme-onDemand .brandTrailers-toggle-link:focus {
  color: #00b9ff; }

.brandTrailers-image {
  margin-right: 20px;
  position: relative; }

.brandTrailers-duration {
  opacity: 0.69;
  display: block; }

.brandTrailers-videoContainer {
  padding-top: 25px;
  margin-top: 10px;
  margin-bottom: -10px; }
  .brandTrailers-videoContainer .brandTrailers-pointer {
    width: 0;
    height: 0;
    margin-top: -25px;
    margin-left: 5.5px;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #007bff transparent transparent transparent;
    -webkit-transform: rotate(360deg); }

.brandTrailersVideoBlock:before, .brandTrailersVideoBlock:after {
  content: " ";
  display: table; }

.brandTrailersVideoBlock:after {
  clear: both; }

.theme-c4 .brandTrailers-pointer {
  border-color: #333c41 transparent transparent transparent; }

.theme-e4 .brandTrailers-pointer {
  border-color: #6E2FBC transparent transparent transparent; }

.theme-more4 .brandTrailers-pointer {
  border-color: #2E6520 transparent transparent transparent; }

.theme-four7 .brandTrailers-pointer {
  border-color: #3a8088 transparent transparent transparent; }

.theme-film4 .brandTrailers-pointer {
  border-color: #D2081E transparent transparent transparent; }

.theme-fourmusic .brandTrailers-pointer {
  border-color: #e40085 transparent transparent transparent; }

.theme-stand-up-to-cancer .brandTrailers-pointer {
  border-color: #d64213 transparent transparent transparent; }

.theme-world-drama .brandTrailers-pointer {
  border-color: #ad1e4e transparent transparent transparent; }

.theme-c4-news .brandTrailers-pointer {
  border-color: #510185 transparent transparent transparent; }

.theme-shorts .brandTrailers-pointer {
  border-color: #1a8388 transparent transparent transparent; }

.theme-rewards .brandTrailers-pointer {
  border-color: #dca91f transparent transparent transparent; }

.theme-c4-coral .brandTrailers-pointer {
  border-color: #df6767 transparent transparent transparent; }

.theme-c4-deeppink .brandTrailers-pointer {
  border-color: #c43672 transparent transparent transparent; }

.theme-c4-cherry .brandTrailers-pointer {
  border-color: #a31940 transparent transparent transparent; }

.theme-c4-orange .brandTrailers-pointer {
  border-color: #df6413 transparent transparent transparent; }

.theme-c4-greengold .brandTrailers-pointer {
  border-color: #b28f15 transparent transparent transparent; }

.theme-c4-khaki .brandTrailers-pointer {
  border-color: #80755A transparent transparent transparent; }

.theme-c4-green .brandTrailers-pointer {
  border-color: #4a6945 transparent transparent transparent; }

.theme-c4-veridian .brandTrailers-pointer {
  border-color: #249a7a transparent transparent transparent; }

.theme-c4-lavendar .brandTrailers-pointer {
  border-color: #7b7eac transparent transparent transparent; }

.theme-c4-sky .brandTrailers-pointer {
  border-color: #2467af transparent transparent transparent; }

.theme-c4-warmgrey .brandTrailers-pointer {
  border-color: #75756f transparent transparent transparent; }

.theme-onDemand .brandTrailers-pointer {
  border-color: #444d57 transparent transparent transparent; }

@media (max-width: 499px) {
  .video-wrap {
    width: 41.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    position: relative;
    padding-left: 0; }
  .brandTrailers-meta {
    width: 58.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .trailerItem .mediaBlock-button {
    position: absolute;
    bottom: 10px; }
  .brandTrailers-toggle-link {
    margin-bottom: 0; }
  .brandTrailers-videoContainer {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-left: 10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-bottom: 20px;
    transition: max-height 0.2s ease-out; }
    .brandTrailers-videoContainer.isHidden {
      max-height: 0;
      padding: 0;
      margin: 0; }
  .brandTrailersVideoBlock {
    margin-top: 10px; } }

@media (min-width: 500px) {
  .video-wrap {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    position: relative;
    padding-left: 0; }
  .brandTrailers-meta {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .brandTrailers-videoContainer {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    width: calc(100% + 28px);
    margin-left: -14px;
    padding-left: 14px;
    margin-right: -14px;
    padding-right: 14px;
    padding-bottom: 20px;
    transition: max-height 0.2s ease-out; }
    .brandTrailers-videoContainer.isHidden {
      max-height: 0;
      padding: 0;
      margin: 0; }
  .brandTrailers-toggle-link {
    margin-bottom: 0; }
  .trailerItem .mediaBlock-button {
    position: absolute;
    bottom: 10px; }
  .brandTrailersVideoBlock {
    margin-top: 14px; } }

@media (min-width: 700px) {
  .brandTrailersVideoBlock:not(:first-child) {
    margin-top: 20px; }
  .brandTrailers-toggle-link {
    margin-bottom: 0; }
  .trailerItem .mediaBlock-button {
    bottom: 20px; } }

@media (min-width: 1000px) {
  .brandTrailersVideoBlock:not(:first-child) {
    margin-top: 30px; } }

.brandTrailers:before, .brandTrailers:after {
  content: " ";
  display: table; }

.brandTrailers:after {
  clear: both; }

.brandHeadTrailersModal {
  left: 0;
  right: 0;
  height: auto;
  opacity: 1;
  color: black;
  transition: bottom 0.2s ease-out;
  font-family: "c4.headline.lowercase", "c4.headline.uppercase", "c4.headline.numbers", "c4.headline.punctuation", "c4.headline.currency", "c4.headline.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .brandHeadTrailersModal.modal {
    z-index: 5; }
  .brandHeadTrailersModal .modal-body {
    padding-left: 20px;
    padding-right: 20px; }
  .brandHeadTrailersModal .brandTrailers-close {
    font-size: 14px; }

.brandTrailers-title {
  display: block; }

.theme-c4 .brandHeadTrailersModal .brandTrailers-close {
  color: #14181a; }

.theme-e4 .brandHeadTrailersModal .brandTrailers-close {
  color: #2D134C; }

.theme-more4 .brandHeadTrailersModal .brandTrailers-close {
  color: #16320F; }

.theme-four7 .brandHeadTrailersModal .brandTrailers-close {
  color: #14181a; }

.theme-film4 .brandHeadTrailersModal .brandTrailers-close {
  color: #540303; }

.theme-fourmusic .brandHeadTrailersModal .brandTrailers-close {
  color: #5e0038; }

.theme-stand-up-to-cancer .brandHeadTrailersModal .brandTrailers-close {
  color: #561a08; }

.theme-world-drama .brandHeadTrailersModal .brandTrailers-close {
  color: #e3316d; }

.theme-c4-news .brandHeadTrailersModal .brandTrailers-close {
  color: #200035; }

.theme-shorts .brandHeadTrailersModal .brandTrailers-close {
  color: #0a3436; }

.theme-rewards .brandHeadTrailersModal .brandTrailers-close {
  color: #493206; }

.theme-c4-coral .brandHeadTrailersModal .brandTrailers-close {
  color: #592929; }

.theme-c4-deeppink .brandHeadTrailersModal .brandTrailers-close {
  color: #4e162e; }

.theme-c4-cherry .brandHeadTrailersModal .brandTrailers-close {
  color: #410a1a; }

.theme-c4-orange .brandHeadTrailersModal .brandTrailers-close {
  color: #592808; }

.theme-c4-greengold .brandHeadTrailersModal .brandTrailers-close {
  color: #473908; }

.theme-c4-khaki .brandHeadTrailersModal .brandTrailers-close {
  color: #403a2b; }

.theme-c4-green .brandHeadTrailersModal .brandTrailers-close {
  color: #1e2a1c; }

.theme-c4-veridian .brandHeadTrailersModal .brandTrailers-close {
  color: #0e3e31; }

.theme-c4-lavendar .brandHeadTrailersModal .brandTrailers-close {
  color: #313245; }

.theme-c4-sky .brandHeadTrailersModal .brandTrailers-close {
  color: #1174df; }

.theme-c4-warmgrey .brandHeadTrailersModal .brandTrailers-close {
  color: #2f2f2c; }

.theme-onDemand .brandHeadTrailersModal .brandTrailers-close {
  color: #1e2226; }

.trailerItem,
.trailerItem:focus,
.trailerItem:hover {
  outline: 0; }

@media (min-width: 700px) {
  .font-c4 .brandTrailers-title {
    font-family: "c4.chadwick.medium.lowercase", "c4.chadwick.medium.uppercase", "c4.chadwick.medium.numbers", "c4.chadwick.medium.punctuation", "c4.chadwick.medium.currency", "c4.chadwick.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .font-e4 .brandTrailers-title {
    font-family: "c4.router.medium.lowercase", "c4.router.medium.uppercase", "c4.router.medium.numbers", "c4.router.medium.punctuation", "c4.router.medium.currency", "c4.router.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .brandTrailers-container {
    z-index: 10;
    background: white;
    opacity: 1;
    position: relative; }
  .brandTrailers-title {
    font-size: 16px;
    outline: 0;
    width: auto; }
  .video-wrap {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    padding-left: 0; }
  .brandTrailersVideoBlock {
    padding-left: 0; }
    .brandTrailersVideoBlock:first-child {
      margin-top: 0; }
  .modal--brandTrailers .modal-body {
    padding-top: 20px;
    padding-bottom: 40px; } }

@media (min-width: 1000px) {
  .brandTrailers-container {
    z-index: 10;
    background: white;
    opacity: 1;
    position: relative; }
  .brandTrailers-title {
    font-size: 17px; }
  .brandTrailers-duration {
    font-size: 14px; }
  .video-wrap {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0; }
  .brandTrailers .modal-body {
    padding: 30px 30px; }
  .modal--brandTrailers .modal-body {
    padding-top: 30px;
    padding-bottom: 40px; } }

.moreEpisodes-carouselHeading {
  margin-top: 15px; }

.moreEpisodes-carouselTitle,
.moreEpisodes-carouselSeeAll {
  display: inline-block; }

.moreEpisodes-carouselTitle {
  font-size: 16px;
  line-height: 18px;
  opacity: 0.7; }

@media (min-width: 700px) {
  .moreEpisodes--carousel {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .moreEpisodes-carouselHeading {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .moreEpisodes-carouselTitle {
    font-size: 14px;
    line-height: 1.4; }
  .moreEpisodes-carouselSeeAll {
    font-size: 11px;
    line-height: 1.3;
    margin-left: 20px; } }

@media (min-width: 1000px) {
  .moreEpisodes-carouselTitle {
    font-size: 16px; }
  .moreEpisodes-carouselSeeAll {
    font-size: 12px; } }

.nextOnTv {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  padding-top: 10px;
  padding-bottom: 50px; }
  .nextOnTv:after {
    content: '';
    display: block;
    height: 31px;
    width: 22px;
    bottom: 15px;
    position: absolute;
    right: 10px; }

.nextOnTv--c4:after {
  background: url("../images/logo-c4-white.svg") no-repeat center center;
  background-size: 22px 31px;
  width: 22px;
  height: 31px; }
  @media (min-width: 1000px) {
    .nextOnTv--c4:after {
      background-size: 24.5px 34px;
      width: 24.5px;
      height: 34px; } }

.nextOnTv--e4:after {
  background: url("../images/logo-e4-white.svg") no-repeat center center;
  background-size: 22px 31px;
  width: 22px;
  height: 31px; }
  @media (min-width: 1000px) {
    .nextOnTv--e4:after {
      background-size: 24.5px 34px;
      width: 24.5px;
      height: 34px; } }

.nextOnTv--more4:after {
  background: url("../images/logo-more4-white.svg") no-repeat center center;
  background-size: 41px 31px;
  width: 41px;
  height: 31px; }
  @media (min-width: 1000px) {
    .nextOnTv--more4:after {
      background-size: 45.3px 34px;
      width: 45.3px;
      height: 34px; } }

.nextOnTv--4seven:after {
  background: url("../images/logo-4seven-white.svg") no-repeat center center;
  background-size: 23.5px 31px;
  width: 23.5px;
  height: 31px; }
  @media (min-width: 1000px) {
    .nextOnTv--4seven:after {
      background-size: 25.5px 34px;
      width: 25.5px;
      height: 34px; } }

.nextOnTv--film4:after {
  background: url("../images/logo-film4-white.svg") no-repeat center center;
  background-size: 32.7px 31px;
  width: 32.7px;
  height: 31px; }
  @media (min-width: 1000px) {
    .nextOnTv--film4:after {
      background-size: 35.8px 34px;
      width: 35.8px;
      height: 34px; } }

.nextOnTv--4music:after {
  background: url("../images/logo-4music-white.svg") no-repeat center center;
  background-size: 49px 31px;
  width: 49px;
  height: 31px; }
  @media (min-width: 1000px) {
    .nextOnTv--4music:after {
      background-size: 53.8px 34px;
      width: 53.8px;
      height: 34px; } }

.nextOnTv-heading {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px; }

.nextOnTv-channel,
.nextOnTv-date {
  font-size: 20px;
  line-height: 24px; }

.nextOnTv-channel,
.nextOnTv-date,
.nextOnTv-title {
  display: block; }

.nextOnTv-channel {
  margin-bottom: 0; }

.nextOnTv-date {
  margin-bottom: 6px; }

.nextOnTv-title {
  color: rgba(255, 255, 255, 0.7); }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .nextOnTv-heading {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .nextOnTv-image {
    width: 41.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .nextOnTv-description {
    width: 58.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .nextOnTv-heading {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .nextOnTv-image {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .nextOnTv-description {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .nextOnTv-title {
    margin-bottom: 6px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .nextOnTv {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    padding-top: 30px; }
    .nextOnTv:after {
      bottom: 30px; }
  .nextOnTv-heading {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    font-size: 20px; }
  .nextOnTv-image {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .nextOnTv-description {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-bottom: 0;
    padding-right: 0;
    position: relative; }
  .nextOnTv-date {
    margin-bottom: 5px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .nextOnTv {
    padding-bottom: 40px;
    padding-top: 40px; }
    .nextOnTv:after {
      bottom: 40px; }
  .nextOnTv-heading {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 26px;
    line-height: 30px; }
  .nextOnTv-image {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .nextOnTv-description {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .nextOnTv-channel {
    margin-bottom: 10px; }
  .nextOnTv-channel,
  .nextOnTv-date {
    font-size: 26px;
    line-height: 20px; }
  .nextOnTv-date {
    margin-bottom: 7px; }
  .nextOnTv-title {
    font-size: 16px;
    line-height: 18px; } }

.ourPicks-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px; }
  .ourPicks-item:last-child {
    margin-bottom: 0; }

.ourPicks-item-content {
  background-color: #fff;
  outline: none; }
  .ourPicks-item-content:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%; }

.ourPicks-item--c4:before {
  background: url("../images/logo-c4.svg") no-repeat center center; }

.ourPicks-item--e4:before {
  background: url("../images/logo-e4.svg") no-repeat center center; }

.ourPicks-item--more4:before {
  background: url("../images/logo-more4.svg") no-repeat center center; }

.ourPicks-item--4seven:before {
  background: url("../images/logo-4seven.svg") no-repeat center center; }

.ourPicks-item--film4:before {
  background: url("../images/logo-film4.svg") no-repeat center center; }

.ourPicks-item--4music:before {
  background: url("../images/logo-4music.svg") no-repeat center center; }

@media (max-width: 499px) {
  .ourPicks-list {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .ourPicks-item-content {
    width: 83.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    margin-left: 16.66667%;
    padding: 10px; }
    .ourPicks-item-content:before {
      width: 16.66667%;
      float: left;
      padding-left: 5.5px;
      padding-right: 5.5px;
      margin-left: 0; }
  .ourPicks-item--c4:before {
    background-size: 20px;
    width: 20px; }
  .ourPicks-item--e4:before {
    background-size: 20px;
    width: 20px; }
  .ourPicks-item--more4:before {
    background-size: 37px;
    width: 37px; }
  .ourPicks-item--4seven:before {
    background-size: 21px;
    width: 21px; }
  .ourPicks-item--film4:before {
    background-size: 29.5px;
    width: 29.5px; }
  .ourPicks-item--4music:before {
    background-size: 44px;
    width: 44px; } }

@media (min-width: 500px) {
  .ourPicks-list {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .ourPicks-item-content {
    width: 87.5%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-left: 12.5%;
    padding: 14px; }
    .ourPicks-item-content:before {
      width: 16.66667%;
      float: left;
      padding-left: 7px;
      padding-right: 7px;
      margin-left: 0; }
  .ourPicks-item--c4:before {
    background-size: 23.1px;
    width: 23.1px; }
  .ourPicks-item--e4:before {
    background-size: 23.1px;
    width: 23.1px; }
  .ourPicks-item--more4:before {
    background-size: 42.6px;
    width: 42.6px; }
  .ourPicks-item--4seven:before {
    background-size: 24px;
    width: 24px; }
  .ourPicks-item--film4:before {
    background-size: 33.7px;
    width: 33.7px; }
  .ourPicks-item--4music:before {
    background-size: 50.6px;
    width: 50.6px; } }

@media (min-width: 700px) {
  .ourPicks-list {
    margin-left: -10.5px;
    width: calc(100% + 21px);
    padding: 10.5px;
    background-color: #444d57; }
  .ourPicks-item {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin: 9.5px 0; }
  .ourPicks-item-content {
    position: relative;
    height: 125px;
    width: 100%;
    margin: auto; }
    .ourPicks-item-content:before {
      position: absolute;
      content: "";
      top: auto;
      left: auto;
      bottom: 10px;
      right: 9px;
      height: 32px;
      width: 32px; }
  .ourPicks-item--c4:before {
    padding: 0;
    background-size: 23.1px;
    width: 23.1px; }
  .ourPicks-item--e4:before {
    padding: 0;
    background-size: 23.1px;
    width: 23.1px; }
  .ourPicks-item--more4:before {
    padding: 0;
    background-size: 42.6px;
    width: 42.6px; }
  .ourPicks-item--4seven:before {
    padding: 0;
    background-size: 24px;
    width: 24px; }
  .ourPicks-item--film4:before {
    padding: 0;
    background-size: 33.7px;
    width: 33.7px; }
  .ourPicks-item--4music:before {
    padding: 0;
    background-size: 50.6px;
    width: 50.6px; }
  .ourPicks-item-time {
    -ms-transform: translateY(82px);
    transform: translateY(82px); }
  .ourPicks-item-title {
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    line-height: 20px; } }

@media (min-width: 1000px) {
  .ourPicks-list {
    margin-left: -20px;
    width: calc(100% + 40px);
    padding: 20px; }
  .ourPicks-item {
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .ourPicks-item-content {
    height: 135px; }
    .ourPicks-item-content .ourPicks-item--c4:before {
      padding: 0;
      background-size: 23.1px;
      width: 23.1px; }
    .ourPicks-item-content .ourPicks-item--e4:before {
      padding: 0;
      background-size: 23.1px;
      width: 23.1px; }
    .ourPicks-item-content .ourPicks-item--more4:before {
      padding: 0;
      background-size: 42.6px;
      width: 42.6px; }
    .ourPicks-item-content .ourPicks-item--4seven:before {
      padding: 0;
      background-size: 24px;
      width: 24px; }
    .ourPicks-item-content .ourPicks-item--film4:before {
      padding: 0;
      background-size: 33.7px;
      width: 33.7px; }
    .ourPicks-item-content .ourPicks-item--4music:before {
      padding: 0;
      background-size: 50.6px;
      width: 50.6px; }
  .ourPicks-item-time {
    -ms-transform: translateY(85px);
    transform: translateY(85px);
    font-size: 14px; }
  .ourPicks-item-title {
    -ms-transform: translateY(-22px);
    transform: translateY(-22px);
    font-size: 15px; } }

.ourPicks-item-link:hover .ourPicks-item-title, .ourPicks-item-link:focus .ourPicks-item-title, .ourPicks-item-link:active .ourPicks-item-title {
  color: #1e2226; }

.ourPicks-item-link:focus .ourPicks-item-title {
  outline: thin dotted; }

.ipHero {
  margin-bottom: 20px; }

@media (max-width: 499px) {
  .ipHero,
  .ipHero-image {
    margin-left: -4.5px;
    margin-right: -4.5px; }
  .ipHero-inactive {
    margin-bottom: 40px; } }

@media (min-width: 500px) {
  .ipHero,
  .ipHero-image {
    margin-left: -7px;
    margin-right: -7px; }
  .ipHero-inactive {
    margin-bottom: 40px; } }

@media (min-width: 700px) {
  .ipHero,
  .ipHero-image {
    margin-left: -10.5px;
    margin-right: -10.5px; }
  .ipHero-inactive {
    margin-bottom: 60px; } }

@media (min-width: 1000px) {
  .ipHero {
    margin-bottom: 40px; }
  .ipHero-inactive {
    margin-bottom: 80px; }
  .ipHero,
  .ipHero-image {
    margin-left: -20px;
    margin-right: -20px; } }

/****************************************************************************
   slices/_index.scss

   Import all 'slice' partials here
*****************************************************************************/
.slice {
  overflow: auto; }

.slice--mpu {
  overflow: hidden;
  float: left; }

.slice-description {
  margin-bottom: 0; }

.slice .mediaBlock-button {
  position: absolute;
  z-index: 1; }

.slice .sectionHeading {
  margin-bottom: 0; }

.slice-image {
  position: relative;
  margin-bottom: 10px; }

.slice-heading {
  margin-bottom: 6px; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .slice-width-1 {
    margin-left: -4.5px;
    margin-right: -4.5px; }
  .slice-width-2 {
    margin-left: -4.5px;
    margin-right: -4.5px; }
  .slice-width-3 {
    margin-left: -4.5px;
    margin-right: -4.5px; }
  .slice {
    margin-bottom: 40px;
    clear: both; }
  .slice-body {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 15px; }
  .slice-image,
  .slice-content {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .slice-width-1 .slice-heading,
  .slice-width-2 .slice-heading {
    font-size: 22px;
    line-height: 1.2; }
  .slice-width-3 .slice-heading {
    font-size: 20px;
    line-height: 1.2; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .slice-width-1 {
    margin-left: -7px;
    margin-right: -7px; }
  .slice-width-2 {
    margin-left: -7px;
    margin-right: -7px; }
  .slice-width-3 {
    margin-left: -7px;
    margin-right: -7px; }
  .slice {
    margin-bottom: 60px;
    clear: both; }
  .slice-body {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px; }
  .slice-image,
  .slice-content {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .slice-heading {
    font-size: 20px;
    line-height: 1.2; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .slice-width-1 {
    width: 33.33333%;
    float: left; }
  .slice-width-2 {
    width: 66.66667%;
    float: left; }
  .slice-width-3 {
    width: 100%;
    float: left; }
  .slice {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
    clear: none; }
  .slice-body,
  .slice-image,
  .slice-content {
    float: none;
    display: inline-block;
    padding-left: 0;
    padding-right: 0; }
  .slice-title {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-left: 0; }
  .slice-title--firstSlice {
    margin-left: -20px; }
  .slice-heading {
    font-size: 22px;
    line-height: 1.2; }
  .slice-width-1 .slice-image {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-1 .slice-content {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-2 .slice-image {
    width: 62.5%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-2 .slice-content {
    width: 37.5%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-3 .slice-image {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-3 .slice-content {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .slice-width-1 {
    width: 33.33333%;
    float: left; }
  .slice-width-2 {
    width: 66.66667%;
    float: left; }
  .slice-width-3 {
    width: 100%;
    float: left; }
  .slice {
    margin-bottom: 80px; }
  .slice-title {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0; }
  .slice-title--firstSlice {
    margin-left: -30px; }
  .slice-body,
  .slice-image,
  .slice-content {
    float: none;
    display: inline-block;
    padding-left: 0;
    padding-right: 0; }
  .slice-title--firstSlice {
    margin-left: -30px; }
  .slice-heading {
    font-size: 28px;
    line-height: 1.2; }
  .slice-width-1 {
    padding-left: 0;
    padding-right: 0; }
  .slice-width-2 .slice-image {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-2 .slice-content {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-3 .slice-image {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-3 .slice-content {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; } }

.announcementSlice {
  padding-top: 10px;
  padding-bottom: 0px;
  overflow: auto;
  position: relative; }

.announcementSlice-title,
.announcementSlice-hashtag {
  font-size: 20px;
  line-height: 24px;
  font-family: "c4.horseferry.regular.lowercase", "c4.horseferry.regular.uppercase", "c4.horseferry.regular.numbers", "c4.horseferry.regular.punctuation", "c4.horseferry.regular.currency", "c4.horseferry.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  margin-bottom: 5px; }

.announcementSlice-description {
  margin-bottom: 10px; }

.announcementSlice-title,
.announcementSlice-descriptionText {
  display: block;
  opacity: 0.7; }

.announcementSlice-link {
  margin: 5px 0 0;
  display: inline-block; }

.announcementSlice-hashtag {
  overflow: hidden; }

@media (max-width: 499px) {
  .announcementSlice-title,
  .announcementSlice-description,
  .announcementSlice-hashtag {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .announcementSlice {
    padding-top: 15px; }
  .announcementSlice-title {
    font-size: 24px;
    line-height: 28px;
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 15px; }
  .announcementSlice--withHashtag .announcementSlice-title {
    margin-bottom: 50px; }
  .announcementSlice-description {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .announcementSlice-hashtag {
    font-size: 24px;
    line-height: 28px;
    position: absolute;
    left: 14px;
    bottom: 5px; } }

@media (min-width: 700px) {
  .announcementSlice {
    padding-top: 15px; }
  .announcementSlice-title {
    font-size: 20px;
    line-height: 24px;
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .announcementSlice-description {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .announcementSlice--withHashtag .announcementSlice-description {
    width: 41.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .announcementSlice-hashtag {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    position: relative;
    left: inherit;
    bottom: inherit; } }

@media (min-width: 1000px) {
  .announcementSlice {
    padding-top: 20px; }
  .announcementSlice-title {
    font-size: 26px;
    line-height: 30px;
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .announcementSlice-description {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .announcementSlice--withHashtag .announcementSlice-description {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .announcementSlice-hashtag {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; } }

.slice-container:before, .slice-container:after {
  content: " ";
  display: table; }

.slice-container:after {
  clear: both; }

/*-----------------------------------------
    Topic Slice - Header
  -----------------------------------------*/
.topicSlice-header {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  color: rgba(255, 255, 255, 0.7); }

.topicSlice-pointer {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 24px;
  height: 24px;
  top: -12px;
  left: 50%;
  margin-left: -12px; }

.topicSlice-title {
  -ms-flex-order: 1;
  order: 1; }

.topicSlice-description {
  -ms-flex-order: 2;
  order: 2; }

.topicSlice-hashtag {
  -ms-flex-order: 3;
  order: 3; }

/*-----------------------------------------
    Topic Slice - Content
  -----------------------------------------*/
.topicSlice {
  position: relative;
  padding-bottom: 20px; }

.theme-c4 .topicSlice:after {
  background-color: #333c41;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4 .topicSlice-last .topicSlice:after {
  display: none; }

.theme-e4 .topicSlice:after {
  background-color: #6E2FBC;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-e4 .topicSlice-last .topicSlice:after {
  display: none; }

.theme-more4 .topicSlice:after {
  background-color: #2E6520;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-more4 .topicSlice-last .topicSlice:after {
  display: none; }

.theme-four7 .topicSlice:after {
  background-color: #3a8088;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-four7 .topicSlice-last .topicSlice:after {
  display: none; }

.theme-film4 .topicSlice:after {
  background-color: #D2081E;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-film4 .topicSlice-last .topicSlice:after {
  display: none; }

.theme-fourmusic .topicSlice:after {
  background-color: #e40085;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-fourmusic .topicSlice-last .topicSlice:after {
  display: none; }

.theme-stand-up-to-cancer .topicSlice:after {
  background-color: #d64213;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-stand-up-to-cancer .topicSlice-last .topicSlice:after {
  display: none; }

.theme-world-drama .topicSlice:after {
  background-color: #ad1e4e;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-world-drama .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-news .topicSlice:after {
  background-color: #510185;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-news .topicSlice-last .topicSlice:after {
  display: none; }

.theme-shorts .topicSlice:after {
  background-color: #1a8388;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-shorts .topicSlice-last .topicSlice:after {
  display: none; }

.theme-rewards .topicSlice:after {
  background-color: #dca91f;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-rewards .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-coral .topicSlice:after {
  background-color: #df6767;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-coral .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-deeppink .topicSlice:after {
  background-color: #c43672;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-deeppink .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-cherry .topicSlice:after {
  background-color: #a31940;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-cherry .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-orange .topicSlice:after {
  background-color: #df6413;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-orange .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-greengold .topicSlice:after {
  background-color: #b28f15;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-greengold .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-khaki .topicSlice:after {
  background-color: #80755A;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-khaki .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-green .topicSlice:after {
  background-color: #4a6945;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-green .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-veridian .topicSlice:after {
  background-color: #249a7a;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-veridian .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-lavendar .topicSlice:after {
  background-color: #7b7eac;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-lavendar .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-sky .topicSlice:after {
  background-color: #2467af;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-sky .topicSlice-last .topicSlice:after {
  display: none; }

.theme-c4-warmgrey .topicSlice:after {
  background-color: #75756f;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-c4-warmgrey .topicSlice-last .topicSlice:after {
  display: none; }

.theme-onDemand .topicSlice:after {
  background-color: #444d57;
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px; }

.theme-onDemand .topicSlice-last .topicSlice:after {
  display: none; }

.topicSlice-container {
  overflow: hidden;
  position: relative;
  padding-top: 40px; }

.topicSlice-mpuSocialContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap; }
  .topicSlice-mpuSocialContainer .advertsMpu {
    -ms-flex-order: 1;
    order: 1;
    margin: 20px auto 60px; }
    .topicSlice-mpuSocialContainer .advertsMpu.advert-empty {
      transition: margin-bottom 0.5s;
      margin-bottom: 20px; }

.topicSlice-social {
  -ms-flex-order: 2;
  order: 2; }

.topicSlice .mediaBlock-button {
  position: absolute;
  bottom: 10px;
  z-index: 1; }

.topicSlice-image {
  position: relative; }

@media (max-width: 499px) {
  .topicSlice-container {
    padding-bottom: 40px; }
  /*-----------------------------------------
    Topic Slice - Header
  -----------------------------------------*/
  .topicSlice-title {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .topicSlice-description {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    margin-top: 10px; }
  .topicSlice-hashtag {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    margin-top: 12px;
    font-size: 20px; }
  .topicSlice-description ~ .topicSlice-hashtag {
    margin-top: 0; }
  /*-----------------------------------------
    Topic Slice - Content
  -----------------------------------------*/
  .topicSlice-slices {
    width: 100%;
    float: left; }
  .topicSlice {
    width: 100%;
    float: left; }
  .topicSlice:last-child {
    margin-bottom: 20px; }
  .topicSlice:after {
    width: calc(100% - 11px);
    left: 5.5px; }
  .topicSlice-content {
    width: 66.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .topicSlice-image {
    width: 33.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .topicSlice-summary {
    margin-bottom: 0; }
  .topicSlice .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice .mediaBlock-button .mediaBlock-icon {
      font-size: 15px;
      width: 22px;
      height: 22px;
      line-height: 22px; }
    .topicSlice .mediaBlock-button .mediaBlock-label {
      line-height: 22px; }
  .topicSlice--hero {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    margin-top: 0; }
    .topicSlice--hero .mediaBlock-button {
      font-size: 0;
      display: -ms-flexbox;
      display: flex;
      height: 44px;
      color: #ffffff;
      border: 0 none;
      border-image-width: 0;
      box-sizing: border-box; }
      .topicSlice--hero .mediaBlock-button .mediaBlock-icon {
        font-size: 29px;
        width: 44px;
        height: 44px;
        line-height: 44px; }
      .topicSlice--hero .mediaBlock-button .mediaBlock-label {
        line-height: 44px; }
    .topicSlice--hero .topicSlice-image {
      width: 100%;
      float: left;
      padding-left: 5.5px;
      padding-right: 5.5px;
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 15px; }
    .topicSlice--hero .topicSlice-content {
      width: 100%;
      float: left;
      padding-left: 5.5px;
      padding-right: 5.5px;
      padding-left: 0;
      padding-right: 0; }
  .topicSlice-mpuSocialContainer {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .topicSlice-social {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .topicSlice-container {
    padding-bottom: 60px; }
  /*-----------------------------------------
    Topic Slice - Header
  -----------------------------------------*/
  .topicSlice-title {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice-hashtag {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 20px; }
  .topicSlice-description ~ .topicSlice-title {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice-description ~ .topicSlice-hashtag {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: -20px;
    font-size: 20px; }
  .topicSlice-description {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 0; }
  /*-----------------------------------------
    Topic Slice - Content
  -----------------------------------------*/
  .topicSlice-slices {
    width: 100%;
    float: left; }
  .topicSlice {
    width: 100%;
    float: left;
    padding-top: 20px; }
  .topicSlice:after {
    width: calc(100% - 14px);
    left: 7px; }
  .topicSlice-content {
    width: 66.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice-image {
    width: 33.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice-summary {
    margin-bottom: 0; }
  .topicSlice .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice .mediaBlock-button .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .topicSlice .mediaBlock-button .mediaBlock-label {
      line-height: 35px; }
  .topicSlice-link {
    font-size: 19px;
    line-height: 1.2; }
  .topicSlice--hero .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice--hero .mediaBlock-button .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .topicSlice--hero .mediaBlock-button .mediaBlock-label {
      line-height: 35px; }
  .topicSlice--hero .topicSlice-image {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 15px; }
  .topicSlice--hero .topicSlice-content {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice--hero .topicSlice-link {
    font-size: 24px;
    line-height: 1.2; }
  .topicSlice--noImage .topicSlice-content {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice-mpuSocialContainer {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .topicSlice-social {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 700px) {
  /*-----------------------------------------
    Topic Slice - Header
  -----------------------------------------*/
  .topicSlice-title {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice-hashtag {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-top: 0;
    clear: none;
    float: right; }
  .topicSlice-description ~ .topicSlice-title {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice-description ~ .topicSlice-hashtag {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-top: 0;
    clear: none;
    float: right; }
  .topicSlice-description {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-bottom: 0;
    margin-top: 0; }
  /*-----------------------------------------
    Topic Slice - Content
  -----------------------------------------*/
  .topicSlice-slices {
    width: 100%;
    float: left; }
  .topicSlice {
    width: 100%;
    float: left; }
  .topicSlice:after {
    width: calc(100% - 19px);
    left: 9.5px; }
  .topicSlice-content {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice-image {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice-summary {
    margin-bottom: 0; }
  .topicSlice .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice .mediaBlock-button .mediaBlock-icon {
      font-size: 20px;
      width: 30px;
      height: 30px;
      line-height: 30px; }
    .topicSlice .mediaBlock-button .mediaBlock-label {
      line-height: 30px; }
  .topicSlice-link {
    font-size: 20px; }
  .topicSlice--hero .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice--hero .mediaBlock-button .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .topicSlice--hero .mediaBlock-button .mediaBlock-label {
      line-height: 35px; }
  .topicSlice--hero .topicSlice-image {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-bottom: 15px; }
  .topicSlice--hero .topicSlice-content {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice--hero .topicSlice-link {
    font-size: 28px;
    line-height: 1.1; }
  .topicSlice--noImage .topicSlice-content {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice-social {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .topicSlice-mpuSocialContainer {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
    margin-top: 40px;
    -ms-flex-direction: row;
    flex-direction: row; }
    .topicSlice-mpuSocialContainer .advertsMpu {
      margin: initial;
      width: 50%;
      float: left;
      padding-left: 9.5px;
      padding-right: 9.5px; }
      .topicSlice-mpuSocialContainer .advertsMpu.advert-empty {
        display: none; }
        .topicSlice-mpuSocialContainer .advertsMpu.advert-empty + .topicSlice-social {
          width: 100%;
          float: left;
          padding-left: 9.5px;
          padding-right: 9.5px; } }

@media (min-width: 1000px) {
  /*-----------------------------------------
    Topic Slice - Header
  -----------------------------------------*/
  .topicSlice-title {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice-hashtag {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px; }
  .topicSlice-description ~ .topicSlice-title {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice-description ~ .topicSlice-hashtag {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice-description {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  /*-----------------------------------------
    Topic Slice - Content
  -----------------------------------------*/
  .topicSlice-slices {
    width: 58.33333%;
    float: left; }
  .topicSlice {
    width: 100%;
    float: left; }
  .topicSlice:after {
    width: calc(100% - 20px);
    left: 10px; }
  .topicSlice-content {
    width: 57.14286%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice-image {
    width: 42.85714%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice .mediaBlock-button .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .topicSlice .mediaBlock-button .mediaBlock-label {
      line-height: 44px; }
  .topicSlice-link {
    font-size: 20px; }
  .topicSlice--hero .mediaBlock-button {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .topicSlice--hero .mediaBlock-button .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .topicSlice--hero .mediaBlock-button .mediaBlock-label {
      line-height: 44px; }
  .topicSlice--hero .topicSlice-image {
    width: 57.14286%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px; }
  .topicSlice--hero .topicSlice-content {
    width: 42.85714%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice--hero .topicSlice-link {
    font-size: 28px;
    line-height: 1.1; }
  .topicSlice--noImage .topicSlice-content {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .topicSlice-mpuSocialContainer {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    float: right; }
    .topicSlice-mpuSocialContainer .advertsMpu {
      width: 100%;
      float: left;
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 60px;
      text-align: right;
      padding-right: 0; }
      .topicSlice-mpuSocialContainer .advertsMpu .advertsMpu-label {
        width: 300px;
        text-align: left;
        display: inline-block; }
      .topicSlice-mpuSocialContainer .advertsMpu.advert-empty + .topicSlice-social {
        margin-top: 20px;
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
  .topicSlice-social {
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }

.freeformListSlice {
  padding: 0; }

.freeformListSlice-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.freeformListSlice-heading,
.freeformListSlice-headingChevron {
  display: inline-block;
  float: left; }

.freeformListSlice-headingChevron {
  font-size: 27px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box; }

.theme-c4 .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4 .freeformListSlice-headingChevron {
  background: #21262a; }

.theme-e4 .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-e4 .freeformListSlice-headingChevron {
  background: #4B207F; }

.theme-more4 .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-more4 .freeformListSlice-headingChevron {
  background: #1C3E13; }

.theme-four7 .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-four7 .freeformListSlice-headingChevron {
  background: #2a5b60; }

.theme-film4 .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-film4 .freeformListSlice-headingChevron {
  background: #870614; }

.theme-fourmusic .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-fourmusic .freeformListSlice-headingChevron {
  background: #8f0256; }

.theme-stand-up-to-cancer .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-stand-up-to-cancer .freeformListSlice-headingChevron {
  background: #832a0e; }

.theme-world-drama .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-world-drama .freeformListSlice-headingChevron {
  background: #68122f; }

.theme-c4-news .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-news .freeformListSlice-headingChevron {
  background: #310150; }

.theme-shorts .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-shorts .freeformListSlice-headingChevron {
  background: #125154; }

.theme-rewards .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-rewards .freeformListSlice-headingChevron {
  background: #846513; }

.theme-c4-coral .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-coral .freeformListSlice-headingChevron {
  background: #723637; }

.theme-c4-deeppink .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-deeppink .freeformListSlice-headingChevron {
  background: #782347; }

.theme-c4-cherry .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-cherry .freeformListSlice-headingChevron {
  background: #641129; }

.theme-c4-orange .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-orange .freeformListSlice-headingChevron {
  background: #883e0e; }

.theme-c4-greengold .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-greengold .freeformListSlice-headingChevron {
  background: #6d580f; }

.theme-c4-khaki .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-khaki .freeformListSlice-headingChevron {
  background: #5c523a; }

.theme-c4-green .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-green .freeformListSlice-headingChevron {
  background: #2f412c; }

.theme-c4-veridian .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-veridian .freeformListSlice-headingChevron {
  background: #185f4c; }

.theme-c4-lavendar .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-lavendar .freeformListSlice-headingChevron {
  background: #464e6a; }

.theme-c4-sky .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-sky .freeformListSlice-headingChevron {
  background: #184066; }

.theme-c4-warmgrey .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-c4-warmgrey .freeformListSlice-headingChevron {
  background: #464643; }

.theme-onDemand .freeformListSlice-headingLink .freeformListSlice-heading {
  color: inherit; }

.theme-onDemand .freeformListSlice-headingChevron {
  background: #2b3137; }

@media (max-width: 499px) {
  .freeformListSlice-heading {
    max-width: 75%; }
  .freeformListSlice-headingChevron {
    width: 42px;
    height: 42px; }
  .freeformListSlice-item {
    width: 50%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .freeformListSlice-itemImage {
    margin-bottom: 5px; }
  .freeformListSlice-itemTitle {
    font-size: 18px; } }

@media (min-width: 500px) {
  .freeformListSlice-heading {
    max-width: 75%; }
  .freeformListSlice-headingChevron {
    width: 46px;
    height: 46px; }
  .freeformListSlice-item {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .freeformListSlice-itemImage {
    margin-bottom: 5px; }
  .freeformListSlice-itemTitle {
    font-size: 18px; } }

@media (min-width: 700px) {
  .freeformListSlice .slice-title {
    margin-left: 0; }
  .freeformListSlice-heading {
    max-width: 66.66667%; }
  .freeformListSlice-headingChevron {
    width: 42px;
    height: 42px; }
  .freeformListSlice-item {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .freeformListSlice-itemImage {
    margin-bottom: 10px; }
  .freeformListSlice-itemTitle {
    font-size: 17px;
    margin-bottom: 5px; } }

@media (min-width: 1000px) {
  .freeformListSlice-heading {
    max-width: 66.66667%; }
  .freeformListSlice-headingChevron {
    width: 48px;
    height: 48px; }
  .freeformListSlice-item {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .freeformListSlice-itemTitle {
    font-size: 20px; } }

.profileListSlice {
  padding: 0; }

.profileListSlice-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.profileListSlice-heading,
.profileListSlice-headingChevron {
  display: inline-block;
  float: left; }

.profileListSlice-headingChevron {
  font-size: 27px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box; }

.theme-c4 .profileListSlice-heading {
  background: #333c41; }

.theme-c4 .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4 .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #81b1cc; }

.theme-c4 .profileListSlice-headingChevron {
  background: #21262a; }

.theme-e4 .profileListSlice-heading {
  background: #6E2FBC; }

.theme-e4 .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-e4 .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #DBBDFF; }

.theme-e4 .profileListSlice-headingChevron {
  background: #4B207F; }

.theme-more4 .profileListSlice-heading {
  background: #2E6520; }

.theme-more4 .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-more4 .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #A7DE96; }

.theme-more4 .profileListSlice-headingChevron {
  background: #1C3E13; }

.theme-four7 .profileListSlice-heading {
  background: #3a8088; }

.theme-four7 .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-four7 .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #90ded9; }

.theme-four7 .profileListSlice-headingChevron {
  background: #2a5b60; }

.theme-film4 .profileListSlice-heading {
  background: #D2081E; }

.theme-film4 .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-film4 .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ffcfd4; }

.theme-film4 .profileListSlice-headingChevron {
  background: #870614; }

.theme-fourmusic .profileListSlice-heading {
  background: #e40085; }

.theme-fourmusic .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-fourmusic .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #000000; }

.theme-fourmusic .profileListSlice-headingChevron {
  background: #8f0256; }

.theme-stand-up-to-cancer .profileListSlice-heading {
  background: #d64213; }

.theme-stand-up-to-cancer .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-stand-up-to-cancer .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ff9f6e; }

.theme-stand-up-to-cancer .profileListSlice-headingChevron {
  background: #832a0e; }

.theme-world-drama .profileListSlice-heading {
  background: #ad1e4e; }

.theme-world-drama .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-world-drama .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ff7ca8; }

.theme-world-drama .profileListSlice-headingChevron {
  background: #68122f; }

.theme-c4-news .profileListSlice-heading {
  background: #510185; }

.theme-c4-news .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-news .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ffa3f6; }

.theme-c4-news .profileListSlice-headingChevron {
  background: #310150; }

.theme-shorts .profileListSlice-heading {
  background: #1a8388; }

.theme-shorts .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-shorts .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #b1ffff; }

.theme-shorts .profileListSlice-headingChevron {
  background: #125154; }

.theme-rewards .profileListSlice-heading {
  background: #dca91f; }

.theme-rewards .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-rewards .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #fee63a; }

.theme-rewards .profileListSlice-headingChevron {
  background: #846513; }

.theme-c4-coral .profileListSlice-heading {
  background: #df6767; }

.theme-c4-coral .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-coral .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ff9e99; }

.theme-c4-coral .profileListSlice-headingChevron {
  background: #723637; }

.theme-c4-deeppink .profileListSlice-heading {
  background: #c43672; }

.theme-c4-deeppink .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-deeppink .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ff84df; }

.theme-c4-deeppink .profileListSlice-headingChevron {
  background: #782347; }

.theme-c4-cherry .profileListSlice-heading {
  background: #a31940; }

.theme-c4-cherry .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-cherry .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #fdb3cc; }

.theme-c4-cherry .profileListSlice-headingChevron {
  background: #641129; }

.theme-c4-orange .profileListSlice-heading {
  background: #df6413; }

.theme-c4-orange .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-orange .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ffba72; }

.theme-c4-orange .profileListSlice-headingChevron {
  background: #883e0e; }

.theme-c4-greengold .profileListSlice-heading {
  background: #b28f15; }

.theme-c4-greengold .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-greengold .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #fad112; }

.theme-c4-greengold .profileListSlice-headingChevron {
  background: #6d580f; }

.theme-c4-khaki .profileListSlice-heading {
  background: #80755A; }

.theme-c4-khaki .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-khaki .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #eee5d4; }

.theme-c4-khaki .profileListSlice-headingChevron {
  background: #5c523a; }

.theme-c4-green .profileListSlice-heading {
  background: #4a6945; }

.theme-c4-green .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-green .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #b7ec94; }

.theme-c4-green .profileListSlice-headingChevron {
  background: #2f412c; }

.theme-c4-veridian .profileListSlice-heading {
  background: #249a7a; }

.theme-c4-veridian .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-veridian .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #3bfac6; }

.theme-c4-veridian .profileListSlice-headingChevron {
  background: #185f4c; }

.theme-c4-lavendar .profileListSlice-heading {
  background: #7b7eac; }

.theme-c4-lavendar .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-lavendar .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #ffeefc; }

.theme-c4-lavendar .profileListSlice-headingChevron {
  background: #464e6a; }

.theme-c4-sky .profileListSlice-heading {
  background: #2467af; }

.theme-c4-sky .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-sky .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #c6e7ff; }

.theme-c4-sky .profileListSlice-headingChevron {
  background: #184066; }

.theme-c4-warmgrey .profileListSlice-heading {
  background: #75756f; }

.theme-c4-warmgrey .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-c4-warmgrey .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #fffdb5; }

.theme-c4-warmgrey .profileListSlice-headingChevron {
  background: #464643; }

.theme-onDemand .profileListSlice-heading {
  background: #444d57; }

.theme-onDemand .profileListSlice-headingLink .profileListSlice-heading {
  color: inherit; }

.theme-onDemand .profileListSlice-headingLink:hover .profileListSlice-headingChevron {
  color: #00b9ff; }

.theme-onDemand .profileListSlice-headingChevron {
  background: #2b3137; }

@media (max-width: 499px) {
  .profileListSlice-heading {
    max-width: 75%; }
  .profileListSlice-headingChevron {
    width: 42px;
    height: 42px; }
  .profileListSlice-item {
    width: 50%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .profileListSlice-itemImage {
    margin-bottom: 5px; }
  .profileListSlice-itemTitle {
    font-size: 18px; } }

@media (min-width: 500px) {
  .profileListSlice-heading {
    max-width: 75%; }
  .profileListSlice-headingChevron {
    width: 46px;
    height: 46px; }
  .profileListSlice-item {
    width: 50%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .profileListSlice-itemImage {
    margin-bottom: 5px; }
  .profileListSlice-itemTitle {
    font-size: 18px; } }

@media (min-width: 700px) {
  .profileListSlice .slice-title {
    margin-left: 0; }
  .profileListSlice-heading {
    max-width: 66.66667%; }
  .profileListSlice-headingChevron {
    width: 42px;
    height: 42px; }
  .profileListSlice-item {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-1 .profileListSlice-item {
    width: 50%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .profileListSlice-itemImage {
    margin-bottom: 10px; }
  .profileListSlice-itemTitle {
    font-size: 17px;
    margin-bottom: 5px; } }

@media (min-width: 1000px) {
  .profileListSlice-heading {
    max-width: 66.66667%; }
  .profileListSlice-headingChevron {
    width: 48px;
    height: 48px; }
  .profileListSlice-item {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-1 .profileListSlice-item {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .profileListSlice-itemTitle {
    font-size: 20px; } }

/*-----------------------------------------
    Social Slice - Theme specific rules
  -----------------------------------------*/
.theme-c4 .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4 .socialSlice-twitterIcon:focus, .theme-c4 .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4 .socialSlice-link:focus, .theme-c4 .socialSlice-link:hover,
.theme-c4 .socialSlice-screenName:focus,
.theme-c4 .socialSlice-screenName:hover,
.theme-c4 .socialSlice-titleLink:focus,
.theme-c4 .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4 .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #333c41; }
  .theme-c4 .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4 .slice--socialSliceTopic .socialSlice-followLink {
  background: #edf0f2;
  color: #21262a; }

.theme-c4 .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4 .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4 .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4 .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4 .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4 .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4 .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4 .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4 .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4 .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #14181a; }

.theme-e4 .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-e4 .socialSlice-twitterIcon:focus, .theme-e4 .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-e4 .socialSlice-link:focus, .theme-e4 .socialSlice-link:hover,
.theme-e4 .socialSlice-screenName:focus,
.theme-e4 .socialSlice-screenName:hover,
.theme-e4 .socialSlice-titleLink:focus,
.theme-e4 .socialSlice-titleLink:hover {
  outline: none; }

.theme-e4 .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #6E2FBC; }
  .theme-e4 .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-e4 .slice--socialSliceTopic .socialSlice-followLink {
  background: #E8E0F3;
  color: #4B207F; }

.theme-e4 .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-e4 .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-e4 .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-e4 .slice--socialSliceTopic .socialSlice-link:focus, .theme-e4 .slice--socialSliceTopic .socialSlice-link:hover,
.theme-e4 .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-e4 .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-e4 .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-e4 .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-e4 .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #2D134C; }

.theme-more4 .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-more4 .socialSlice-twitterIcon:focus, .theme-more4 .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-more4 .socialSlice-link:focus, .theme-more4 .socialSlice-link:hover,
.theme-more4 .socialSlice-screenName:focus,
.theme-more4 .socialSlice-screenName:hover,
.theme-more4 .socialSlice-titleLink:focus,
.theme-more4 .socialSlice-titleLink:hover {
  outline: none; }

.theme-more4 .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #2E6520; }
  .theme-more4 .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-more4 .slice--socialSliceTopic .socialSlice-followLink {
  background: #E2ECDF;
  color: #1C3E13; }

.theme-more4 .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-more4 .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-more4 .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-more4 .slice--socialSliceTopic .socialSlice-link:focus, .theme-more4 .slice--socialSliceTopic .socialSlice-link:hover,
.theme-more4 .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-more4 .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-more4 .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-more4 .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-more4 .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #16320F; }

.theme-four7 .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-four7 .socialSlice-twitterIcon:focus, .theme-four7 .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-four7 .socialSlice-link:focus, .theme-four7 .socialSlice-link:hover,
.theme-four7 .socialSlice-screenName:focus,
.theme-four7 .socialSlice-screenName:hover,
.theme-four7 .socialSlice-titleLink:focus,
.theme-four7 .socialSlice-titleLink:hover {
  outline: none; }

.theme-four7 .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #3a8088; }
  .theme-four7 .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-four7 .slice--socialSliceTopic .socialSlice-followLink {
  background: #e8f2f4;
  color: #2a5b60; }

.theme-four7 .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-four7 .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-four7 .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-four7 .slice--socialSliceTopic .socialSlice-link:focus, .theme-four7 .slice--socialSliceTopic .socialSlice-link:hover,
.theme-four7 .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-four7 .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-four7 .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-four7 .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-four7 .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #14181a; }

.theme-film4 .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-film4 .socialSlice-twitterIcon:focus, .theme-film4 .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-film4 .socialSlice-link:focus, .theme-film4 .socialSlice-link:hover,
.theme-film4 .socialSlice-screenName:focus,
.theme-film4 .socialSlice-screenName:hover,
.theme-film4 .socialSlice-titleLink:focus,
.theme-film4 .socialSlice-titleLink:hover {
  outline: none; }

.theme-film4 .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #D2081E; }
  .theme-film4 .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-film4 .slice--socialSliceTopic .socialSlice-followLink {
  background: #ffeeee;
  color: #870614; }

.theme-film4 .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-film4 .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-film4 .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-film4 .slice--socialSliceTopic .socialSlice-link:focus, .theme-film4 .slice--socialSliceTopic .socialSlice-link:hover,
.theme-film4 .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-film4 .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-film4 .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-film4 .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-film4 .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #540303; }

.theme-fourmusic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-fourmusic .socialSlice-twitterIcon:focus, .theme-fourmusic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-fourmusic .socialSlice-link:focus, .theme-fourmusic .socialSlice-link:hover,
.theme-fourmusic .socialSlice-screenName:focus,
.theme-fourmusic .socialSlice-screenName:hover,
.theme-fourmusic .socialSlice-titleLink:focus,
.theme-fourmusic .socialSlice-titleLink:hover {
  outline: none; }

.theme-fourmusic .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #e40085; }
  .theme-fourmusic .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-fourmusic .slice--socialSliceTopic .socialSlice-followLink {
  background: #fdeef7;
  color: #8f0256; }

.theme-fourmusic .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-fourmusic .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-fourmusic .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-fourmusic .slice--socialSliceTopic .socialSlice-link:focus, .theme-fourmusic .slice--socialSliceTopic .socialSlice-link:hover,
.theme-fourmusic .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-fourmusic .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-fourmusic .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-fourmusic .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-fourmusic .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #5e0038; }

.theme-stand-up-to-cancer .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-stand-up-to-cancer .socialSlice-twitterIcon:focus, .theme-stand-up-to-cancer .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-stand-up-to-cancer .socialSlice-link:focus, .theme-stand-up-to-cancer .socialSlice-link:hover,
.theme-stand-up-to-cancer .socialSlice-screenName:focus,
.theme-stand-up-to-cancer .socialSlice-screenName:hover,
.theme-stand-up-to-cancer .socialSlice-titleLink:focus,
.theme-stand-up-to-cancer .socialSlice-titleLink:hover {
  outline: none; }

.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #d64213; }
  .theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-followLink {
  background: #ffece6;
  color: #832a0e; }

.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-link:focus, .theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-link:hover,
.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-stand-up-to-cancer .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #ff906c; }

.theme-world-drama .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-world-drama .socialSlice-twitterIcon:focus, .theme-world-drama .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-world-drama .socialSlice-link:focus, .theme-world-drama .socialSlice-link:hover,
.theme-world-drama .socialSlice-screenName:focus,
.theme-world-drama .socialSlice-screenName:hover,
.theme-world-drama .socialSlice-titleLink:focus,
.theme-world-drama .socialSlice-titleLink:hover {
  outline: none; }

.theme-world-drama .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #ad1e4e; }
  .theme-world-drama .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-world-drama .slice--socialSliceTopic .socialSlice-followLink {
  background: #fceaf0;
  color: #68122f; }

.theme-world-drama .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-world-drama .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-world-drama .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-world-drama .slice--socialSliceTopic .socialSlice-link:focus, .theme-world-drama .slice--socialSliceTopic .socialSlice-link:hover,
.theme-world-drama .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-world-drama .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-world-drama .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-world-drama .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-world-drama .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #ff7ca8; }

.theme-c4-news .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-news .socialSlice-twitterIcon:focus, .theme-c4-news .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-news .socialSlice-link:focus, .theme-c4-news .socialSlice-link:hover,
.theme-c4-news .socialSlice-screenName:focus,
.theme-c4-news .socialSlice-screenName:hover,
.theme-c4-news .socialSlice-titleLink:focus,
.theme-c4-news .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-news .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #510185; }
  .theme-c4-news .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-news .slice--socialSliceTopic .socialSlice-followLink {
  background: #f9f0ff;
  color: #310150; }

.theme-c4-news .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-news .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-news .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-news .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-news .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-news .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-news .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-news .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-news .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-news .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #200035; }

.theme-shorts .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-shorts .socialSlice-twitterIcon:focus, .theme-shorts .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-shorts .socialSlice-link:focus, .theme-shorts .socialSlice-link:hover,
.theme-shorts .socialSlice-screenName:focus,
.theme-shorts .socialSlice-screenName:hover,
.theme-shorts .socialSlice-titleLink:focus,
.theme-shorts .socialSlice-titleLink:hover {
  outline: none; }

.theme-shorts .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #1a8388; }
  .theme-shorts .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-shorts .slice--socialSliceTopic .socialSlice-followLink {
  background: #f3fbfc;
  color: #125154; }

.theme-shorts .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-shorts .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-shorts .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-shorts .slice--socialSliceTopic .socialSlice-link:focus, .theme-shorts .slice--socialSliceTopic .socialSlice-link:hover,
.theme-shorts .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-shorts .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-shorts .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-shorts .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-shorts .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #0a3436; }

.theme-rewards .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-rewards .socialSlice-twitterIcon:focus, .theme-rewards .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-rewards .socialSlice-link:focus, .theme-rewards .socialSlice-link:hover,
.theme-rewards .socialSlice-screenName:focus,
.theme-rewards .socialSlice-screenName:hover,
.theme-rewards .socialSlice-titleLink:focus,
.theme-rewards .socialSlice-titleLink:hover {
  outline: none; }

.theme-rewards .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #dca91f; }
  .theme-rewards .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-rewards .slice--socialSliceTopic .socialSlice-followLink {
  background: #fff9ec;
  color: #846513; }

.theme-rewards .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-rewards .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-rewards .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-rewards .slice--socialSliceTopic .socialSlice-link:focus, .theme-rewards .slice--socialSliceTopic .socialSlice-link:hover,
.theme-rewards .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-rewards .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-rewards .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-rewards .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-rewards .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #493206; }

.theme-c4-coral .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-coral .socialSlice-twitterIcon:focus, .theme-c4-coral .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-coral .socialSlice-link:focus, .theme-c4-coral .socialSlice-link:hover,
.theme-c4-coral .socialSlice-screenName:focus,
.theme-c4-coral .socialSlice-screenName:hover,
.theme-c4-coral .socialSlice-titleLink:focus,
.theme-c4-coral .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-coral .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #df6767; }
  .theme-c4-coral .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-coral .slice--socialSliceTopic .socialSlice-followLink {
  background: #fff1f1;
  color: #723637; }

.theme-c4-coral .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-coral .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-coral .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-coral .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-coral .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-coral .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-coral .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-coral .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-coral .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-coral .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #592929; }

.theme-c4-deeppink .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-deeppink .socialSlice-twitterIcon:focus, .theme-c4-deeppink .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-deeppink .socialSlice-link:focus, .theme-c4-deeppink .socialSlice-link:hover,
.theme-c4-deeppink .socialSlice-screenName:focus,
.theme-c4-deeppink .socialSlice-screenName:hover,
.theme-c4-deeppink .socialSlice-titleLink:focus,
.theme-c4-deeppink .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #c43672; }
  .theme-c4-deeppink .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-followLink {
  background: #fff7fa;
  color: #782347; }

.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-deeppink .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-deeppink .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-deeppink .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-deeppink .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #ff79df; }

.theme-c4-cherry .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-cherry .socialSlice-twitterIcon:focus, .theme-c4-cherry .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-cherry .socialSlice-link:focus, .theme-c4-cherry .socialSlice-link:hover,
.theme-c4-cherry .socialSlice-screenName:focus,
.theme-c4-cherry .socialSlice-screenName:hover,
.theme-c4-cherry .socialSlice-titleLink:focus,
.theme-c4-cherry .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-cherry .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #a31940; }
  .theme-c4-cherry .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-cherry .slice--socialSliceTopic .socialSlice-followLink {
  background: #fff6f9;
  color: #641129; }

.theme-c4-cherry .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-cherry .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-cherry .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-cherry .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-cherry .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-cherry .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-cherry .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-cherry .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-cherry .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-cherry .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #410a1a; }

.theme-c4-orange .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-orange .socialSlice-twitterIcon:focus, .theme-c4-orange .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-orange .socialSlice-link:focus, .theme-c4-orange .socialSlice-link:hover,
.theme-c4-orange .socialSlice-screenName:focus,
.theme-c4-orange .socialSlice-screenName:hover,
.theme-c4-orange .socialSlice-titleLink:focus,
.theme-c4-orange .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-orange .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #df6413; }
  .theme-c4-orange .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-orange .slice--socialSliceTopic .socialSlice-followLink {
  background: #faf0ea;
  color: #883e0e; }

.theme-c4-orange .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-orange .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-orange .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-orange .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-orange .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-orange .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-orange .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-orange .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-orange .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-orange .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #592808; }

.theme-c4-greengold .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-greengold .socialSlice-twitterIcon:focus, .theme-c4-greengold .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-greengold .socialSlice-link:focus, .theme-c4-greengold .socialSlice-link:hover,
.theme-c4-greengold .socialSlice-screenName:focus,
.theme-c4-greengold .socialSlice-screenName:hover,
.theme-c4-greengold .socialSlice-titleLink:focus,
.theme-c4-greengold .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-greengold .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #b28f15; }
  .theme-c4-greengold .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-greengold .slice--socialSliceTopic .socialSlice-followLink {
  background: #d8ab11;
  color: #6d580f; }

.theme-c4-greengold .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-greengold .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-greengold .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-greengold .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-greengold .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-greengold .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-greengold .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-greengold .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-greengold .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-greengold .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #fad112; }

.theme-c4-khaki .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-khaki .socialSlice-twitterIcon:focus, .theme-c4-khaki .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-khaki .socialSlice-link:focus, .theme-c4-khaki .socialSlice-link:hover,
.theme-c4-khaki .socialSlice-screenName:focus,
.theme-c4-khaki .socialSlice-screenName:hover,
.theme-c4-khaki .socialSlice-titleLink:focus,
.theme-c4-khaki .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-khaki .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #80755A; }
  .theme-c4-khaki .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-khaki .slice--socialSliceTopic .socialSlice-followLink {
  background: #eae8e3;
  color: #5c523a; }

.theme-c4-khaki .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-khaki .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-khaki .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-khaki .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-khaki .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-khaki .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-khaki .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-khaki .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-khaki .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-khaki .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #403a2b; }

.theme-c4-green .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-green .socialSlice-twitterIcon:focus, .theme-c4-green .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-green .socialSlice-link:focus, .theme-c4-green .socialSlice-link:hover,
.theme-c4-green .socialSlice-screenName:focus,
.theme-c4-green .socialSlice-screenName:hover,
.theme-c4-green .socialSlice-titleLink:focus,
.theme-c4-green .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-green .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #4a6945; }
  .theme-c4-green .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-green .slice--socialSliceTopic .socialSlice-followLink {
  background: #e7f1e6;
  color: #2f412c; }

.theme-c4-green .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-green .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-green .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-green .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-green .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-green .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-green .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-green .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-green .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-green .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #1e2a1c; }

.theme-c4-veridian .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-veridian .socialSlice-twitterIcon:focus, .theme-c4-veridian .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-veridian .socialSlice-link:focus, .theme-c4-veridian .socialSlice-link:hover,
.theme-c4-veridian .socialSlice-screenName:focus,
.theme-c4-veridian .socialSlice-screenName:hover,
.theme-c4-veridian .socialSlice-titleLink:focus,
.theme-c4-veridian .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-veridian .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #249a7a; }
  .theme-c4-veridian .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-veridian .slice--socialSliceTopic .socialSlice-followLink {
  background: #e9f5f2;
  color: #185f4c; }

.theme-c4-veridian .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-veridian .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-veridian .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-veridian .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-veridian .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-veridian .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-veridian .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-veridian .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-veridian .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-veridian .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #3bfac6; }

.theme-c4-lavendar .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-lavendar .socialSlice-twitterIcon:focus, .theme-c4-lavendar .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-lavendar .socialSlice-link:focus, .theme-c4-lavendar .socialSlice-link:hover,
.theme-c4-lavendar .socialSlice-screenName:focus,
.theme-c4-lavendar .socialSlice-screenName:hover,
.theme-c4-lavendar .socialSlice-titleLink:focus,
.theme-c4-lavendar .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #7b7eac; }
  .theme-c4-lavendar .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-followLink {
  background: #eff0fb;
  color: #464e6a; }

.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-lavendar .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-lavendar .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-lavendar .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-lavendar .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #313245; }

.theme-c4-sky .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-sky .socialSlice-twitterIcon:focus, .theme-c4-sky .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-sky .socialSlice-link:focus, .theme-c4-sky .socialSlice-link:hover,
.theme-c4-sky .socialSlice-screenName:focus,
.theme-c4-sky .socialSlice-screenName:hover,
.theme-c4-sky .socialSlice-titleLink:focus,
.theme-c4-sky .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-sky .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #2467af; }
  .theme-c4-sky .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-sky .slice--socialSliceTopic .socialSlice-followLink {
  background: #e3ebf3;
  color: #184066; }

.theme-c4-sky .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-sky .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-sky .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-sky .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-sky .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-sky .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-sky .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-sky .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-sky .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-sky .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #0e2942; }

.theme-c4-warmgrey .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-warmgrey .socialSlice-twitterIcon:focus, .theme-c4-warmgrey .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-warmgrey .socialSlice-link:focus, .theme-c4-warmgrey .socialSlice-link:hover,
.theme-c4-warmgrey .socialSlice-screenName:focus,
.theme-c4-warmgrey .socialSlice-screenName:hover,
.theme-c4-warmgrey .socialSlice-titleLink:focus,
.theme-c4-warmgrey .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #75756f; }
  .theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-followLink {
  background: #e5e5e2;
  color: #464643; }

.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-link:focus, .theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-link:hover,
.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-c4-warmgrey .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #2f2f2c; }

.theme-onDemand .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-onDemand .socialSlice-twitterIcon:focus, .theme-onDemand .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-onDemand .socialSlice-link:focus, .theme-onDemand .socialSlice-link:hover,
.theme-onDemand .socialSlice-screenName:focus,
.theme-onDemand .socialSlice-screenName:hover,
.theme-onDemand .socialSlice-titleLink:focus,
.theme-onDemand .socialSlice-titleLink:hover {
  outline: none; }

.theme-onDemand .slice--socialSliceTopic .socialSlice-tileWrapper {
  border-bottom: 1px solid #444d57; }
  .theme-onDemand .slice--socialSliceTopic .socialSlice-tileWrapper.socialSlice-lastTileWrapper {
    border-bottom: none; }

.theme-onDemand .slice--socialSliceTopic .socialSlice-followLink {
  background: #eceff3;
  color: #2b3137; }

.theme-onDemand .slice--socialSliceTopic .socialSlice-twitterIcon {
  fill: currentColor; }
  .theme-onDemand .slice--socialSliceTopic .socialSlice-twitterIcon:focus, .theme-onDemand .slice--socialSliceTopic .socialSlice-twitterIcon:hover {
    fill: currentColor; }

.theme-onDemand .slice--socialSliceTopic .socialSlice-link:focus, .theme-onDemand .slice--socialSliceTopic .socialSlice-link:hover,
.theme-onDemand .slice--socialSliceTopic .socialSlice-screenName:focus,
.theme-onDemand .slice--socialSliceTopic .socialSlice-screenName:hover,
.theme-onDemand .slice--socialSliceTopic .socialSlice-titleLink:focus,
.theme-onDemand .slice--socialSliceTopic .socialSlice-titleLink:hover {
  outline: none; }

.theme-onDemand .slice--socialSliceTopic .socialSlice-followLink:hover {
  color: #1e2226; }

/*-----------------------------------------
    Social Slice - Header
  -----------------------------------------*/
.socialSlice-header {
  margin-bottom: 27px;
  width: 100%; }
  .socialSlice-header:before, .socialSlice-header:after {
    content: " ";
    display: table; }
  .socialSlice-header:after {
    clear: both; }

/*-----------------------------------------
    Social Slice - Tile
  -----------------------------------------*/
.socialSlice-tile {
  width: 100%;
  position: relative;
  list-style: none;
  clear: both;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5; }
  .socialSlice-tile:before, .socialSlice-tile:after {
    content: " ";
    display: table; }
  .socialSlice-tile:after {
    clear: both; }
  .socialSlice-tile:last-child {
    border-bottom: none;
    margin-bottom: 0; }

.socialSlice-tileImage {
  position: absolute;
  top: 0; }

.socialSlice-tileWrapper {
  margin-left: 67px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede; }

.socialSlice-lastTileWrapper {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none; }

.socialSlice-tileHeader {
  display: table;
  width: 100%;
  margin-bottom: 5px; }

.socialSlice-heading {
  float: left; }

.socialSlice-titleLink {
  font-size: 20px; }

.socialSlice-followLink {
  height: 40px;
  line-height: 42px;
  font-size: 14px;
  float: right;
  position: relative;
  border: none;
  padding-left: 15px;
  padding-right: 55px;
  background-color: #fff; }
  .socialSlice-followLink:focus, .socialSlice-followLink:hover {
    outline: none; }
    .socialSlice-followLink:focus .button-icon, .socialSlice-followLink:hover .button-icon {
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.4); }

.socialSlice-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center; }

.socialSlice-title,
.socialSlice-created {
  display: table-cell;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.socialSlice-created {
  width: 1%;
  white-space: nowrap;
  padding-left: 5px;
  opacity: 0.7; }

.socialSlice-screenName {
  opacity: 0.7;
  font-size: 14px; }

.socialSlice-tileSummary {
  margin: 0; }

.socialSlice-link {
  color: white; }

/*--------------------------------------------------------
    Social Slice - Footer (retweet, favourite, reply)
  --------------------------------------------------------*/
.socialSlice-tileFooter {
  text-align: right;
  margin-top: 10px; }

.socialSlice-twitterIcon {
  margin-left: 13px; }

.socialSlice-twitterIcon--reply {
  width: 20px;
  height: 20px; }

.socialSlice-twitterIcon--retweet {
  width: 20px;
  height: 15px; }

.socialSlice-twitterIcon--favourite {
  width: 15px;
  height: 20px; }

/*-----------------------------------------
    Social Slice in Topic area
  -----------------------------------------*/
.slice--socialSliceTopic .socialSlice-followLink {
  margin-right: 0; }

.slice--socialSliceTopic .slice-body {
  background-color: transparent;
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0; }

.slice--socialSliceTopic .socialSlice-tile {
  float: none;
  padding-left: 0;
  padding-right: 0; }

.slice--socialSliceTopic .sectionHeading {
  background-color: transparent;
  padding-left: 0; }

/*-----------------------------------------
    Social Slice - Responsive
  -----------------------------------------*/
@media (max-width: 499px) {
  .socialSlice-tile {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .slice--socialSlice .socialSlice-followLink {
    margin-right: 10px; }
  .slice--socialSliceTopic .sectionHeading {
    font-size: 24px; } }

@media (min-width: 500px) {
  .socialSlice-tile {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .socialSlice-followLink {
    margin-right: 14px; }
  .slice--socialSliceTopic .sectionHeading {
    font-size: 28px; } }

@media (min-width: 700px) {
  .theme-c4 .socialSlice-followLink {
    background: #edf0f2;
    color: #21262a; }
    .theme-c4 .socialSlice-followLink:hover {
      color: #14181a; }
  .theme-e4 .socialSlice-followLink {
    background: #E8E0F3;
    color: #4B207F; }
    .theme-e4 .socialSlice-followLink:hover {
      color: #2D134C; }
  .theme-more4 .socialSlice-followLink {
    background: #E2ECDF;
    color: #1C3E13; }
    .theme-more4 .socialSlice-followLink:hover {
      color: #16320F; }
  .theme-four7 .socialSlice-followLink {
    background: #e8f2f4;
    color: #2a5b60; }
    .theme-four7 .socialSlice-followLink:hover {
      color: #14181a; }
  .theme-film4 .socialSlice-followLink {
    background: #ffeeee;
    color: #870614; }
    .theme-film4 .socialSlice-followLink:hover {
      color: #540303; }
  .theme-fourmusic .socialSlice-followLink {
    background: #fdeef7;
    color: #8f0256; }
    .theme-fourmusic .socialSlice-followLink:hover {
      color: #5e0038; }
  .theme-stand-up-to-cancer .socialSlice-followLink {
    background: #ffece6;
    color: #832a0e; }
    .theme-stand-up-to-cancer .socialSlice-followLink:hover {
      color: #ff906c; }
  .theme-world-drama .socialSlice-followLink {
    background: #fceaf0;
    color: #68122f; }
    .theme-world-drama .socialSlice-followLink:hover {
      color: #ff7ca8; }
  .theme-c4-news .socialSlice-followLink {
    background: #f9f0ff;
    color: #310150; }
    .theme-c4-news .socialSlice-followLink:hover {
      color: #200035; }
  .theme-shorts .socialSlice-followLink {
    background: #f3fbfc;
    color: #125154; }
    .theme-shorts .socialSlice-followLink:hover {
      color: #0a3436; }
  .theme-rewards .socialSlice-followLink {
    background: #fff9ec;
    color: #846513; }
    .theme-rewards .socialSlice-followLink:hover {
      color: #493206; }
  .theme-c4-coral .socialSlice-followLink {
    background: #fff1f1;
    color: #723637; }
    .theme-c4-coral .socialSlice-followLink:hover {
      color: #592929; }
  .theme-c4-deeppink .socialSlice-followLink {
    background: #fff7fa;
    color: #782347; }
    .theme-c4-deeppink .socialSlice-followLink:hover {
      color: #ff79df; }
  .theme-c4-cherry .socialSlice-followLink {
    background: #fff6f9;
    color: #641129; }
    .theme-c4-cherry .socialSlice-followLink:hover {
      color: #410a1a; }
  .theme-c4-orange .socialSlice-followLink {
    background: #faf0ea;
    color: #883e0e; }
    .theme-c4-orange .socialSlice-followLink:hover {
      color: #592808; }
  .theme-c4-greengold .socialSlice-followLink {
    background: #d8ab11;
    color: #6d580f; }
    .theme-c4-greengold .socialSlice-followLink:hover {
      color: #fad112; }
  .theme-c4-khaki .socialSlice-followLink {
    background: #eae8e3;
    color: #5c523a; }
    .theme-c4-khaki .socialSlice-followLink:hover {
      color: #403a2b; }
  .theme-c4-green .socialSlice-followLink {
    background: #e7f1e6;
    color: #2f412c; }
    .theme-c4-green .socialSlice-followLink:hover {
      color: #1e2a1c; }
  .theme-c4-veridian .socialSlice-followLink {
    background: #e9f5f2;
    color: #185f4c; }
    .theme-c4-veridian .socialSlice-followLink:hover {
      color: #3bfac6; }
  .theme-c4-lavendar .socialSlice-followLink {
    background: #eff0fb;
    color: #464e6a; }
    .theme-c4-lavendar .socialSlice-followLink:hover {
      color: #313245; }
  .theme-c4-sky .socialSlice-followLink {
    background: #e3ebf3;
    color: #184066; }
    .theme-c4-sky .socialSlice-followLink:hover {
      color: #0e2942; }
  .theme-c4-warmgrey .socialSlice-followLink {
    background: #e5e5e2;
    color: #464643; }
    .theme-c4-warmgrey .socialSlice-followLink:hover {
      color: #2f2f2c; }
  .theme-onDemand .socialSlice-followLink {
    background: #eceff3;
    color: #2b3137; }
    .theme-onDemand .socialSlice-followLink:hover {
      color: #1e2226; }
  .socialSlice-tile {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .socialSlice-followLink {
    margin-right: 0; }
  .slice-title--firstSlice .socialSlice-followLink {
    margin-right: -20px; }
  .slice-width-1 .socialSlice-tileWrapper {
    margin-left: 61px; }
  .slice-width-1 .socialSlice-titleLink {
    display: block; }
  .slice-width-1.slice--socialSlice .socialSlice-followLink {
    padding: 0; }
  .slice-width-1.slice--socialSlice .socialSlice-followText {
    display: none; }
  .slice-width-2 .socialSlice-tileWrapper {
    margin-left: 63px; }
  .slice-width-3 .socialSlice-tileWrapper {
    margin-left: 63px; }
  .slice--socialSliceTopic {
    margin-bottom: 0; }
    .slice--socialSliceTopic .slice-title {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      float: none; }
    .slice--socialSliceTopic.slice-width-1 {
      width: 100%;
      float: none; } }

@media (min-width: 1000px) {
  .socialSlice-tile {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .socialSlice-followLink {
    margin-right: 0; }
  .slice-title--firstSlice .socialSlice-followLink {
    margin-right: -30px; }
  .slice-width-1 .socialSlice-followLink {
    padding-left: 15px;
    padding-right: 55px; }
  .slice-width-1 .socialSlice-followText {
    display: block; }
  .slice-width-3 .socialSlice-tile {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    clear: none; }
  .slice-width-3 .socialSlice-tileWrapper {
    border-bottom: 0; } }

.slice--video .mediaBlock-label {
  bottom: 10px; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .slice--video .mediaBlock-label {
    margin-right: 5.5px; }
  .slice--video .mediaBlock-button,
  .slice--video .mediaBlock-label {
    position: absolute;
    bottom: 15px; }
  .slice--video .mediaBlock-button--slice {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .slice--video .mediaBlock-button--slice .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .slice--video .mediaBlock-button--slice .mediaBlock-label {
      line-height: 44px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .slice--video .mediaBlock-label {
    margin-right: 7px; }
  .slice--video .mediaBlock-button,
  .slice--video .mediaBlock-label {
    position: absolute;
    bottom: 30px; }
  .slice--video .mediaBlock-button--slice {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .slice--video .mediaBlock-button--slice .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .slice--video .mediaBlock-button--slice .mediaBlock-label {
      line-height: 44px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .slice--video .mediaBlock-label {
    margin-right: 9.5px; }
  .slice--video.slice-width-1 .mediaBlock-button,
  .slice--video.slice-width-1 .mediaBlock-label {
    position: absolute;
    bottom: 10px; }
  .slice--video.slice-width-1 .mediaBlock-button--slice {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .slice--video.slice-width-1 .mediaBlock-button--slice .mediaBlock-icon {
      font-size: 23px;
      width: 35px;
      height: 35px;
      line-height: 35px; }
    .slice--video.slice-width-1 .mediaBlock-button--slice .mediaBlock-label {
      line-height: 35px; }
  .slice--video.slice-width-2 .mediaBlock-button,
  .slice--video.slice-width-2 .mediaBlock-label {
    position: absolute;
    bottom: 10px; }
  .slice--video.slice-width-3 {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0; }
    .slice--video.slice-width-3 .slice-image {
      width: 66.66667%;
      float: left;
      padding-left: 9.5px;
      padding-right: 9.5px; }
    .slice--video.slice-width-3 .slice-content {
      width: 33.33333%;
      float: left;
      padding-left: 9.5px;
      padding-right: 9.5px; }
    .slice--video.slice-width-3 .mediaBlock-button,
    .slice--video.slice-width-3 .mediaBlock-label {
      position: absolute;
      bottom: 30px; }
    .slice--video.slice-width-3 .mediaBlock-button--slice {
      font-size: 0;
      display: -ms-flexbox;
      display: flex;
      height: 44px;
      color: #ffffff;
      border: 0 none;
      border-image-width: 0;
      box-sizing: border-box; }
      .slice--video.slice-width-3 .mediaBlock-button--slice .mediaBlock-icon {
        font-size: 29px;
        width: 44px;
        height: 44px;
        line-height: 44px; }
      .slice--video.slice-width-3 .mediaBlock-button--slice .mediaBlock-label {
        line-height: 44px; }
    .slice--video.slice-width-3 .slice-heading {
      font-size: 22px;
      line-height: 1.2; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .slice--video .mediaBlock-label {
    margin-right: 10px; }
  .slice--video.slice-width-1 .mediaBlock-button,
  .slice--video.slice-width-1 .mediaBlock-label {
    position: absolute;
    bottom: 20px; }
  .slice--video.slice-width-1 .mediaBlock-button--slice {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .slice--video.slice-width-1 .mediaBlock-button--slice .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .slice--video.slice-width-1 .mediaBlock-button--slice .mediaBlock-label {
      line-height: 44px; }
  .slice--video.slice-width-2 .mediaBlock-button,
  .slice--video.slice-width-2 .mediaBlock-label {
    position: absolute;
    bottom: 20px; }
  .slice--video.slice-width-3 {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0; }
    .slice--video.slice-width-3 .slice-title {
      width: 100%;
      float: left;
      padding-left: 10px;
      padding-right: 10px; }
    .slice--video.slice-width-3 .slice-image {
      width: 66.66667%;
      float: left;
      padding-left: 10px;
      padding-right: 10px; }
    .slice--video.slice-width-3 .slice-content {
      width: 33.33333%;
      float: left;
      padding-left: 10px;
      padding-right: 10px; }
    .slice--video.slice-width-3 .mediaBlock-button,
    .slice--video.slice-width-3 .mediaBlock-label {
      position: absolute;
      bottom: 40px; }
    .slice--video.slice-width-3 .mediaBlock-button--slice {
      font-size: 0;
      display: -ms-flexbox;
      display: flex;
      height: 53px;
      color: #ffffff;
      border: 0 none;
      border-image-width: 0;
      box-sizing: border-box; }
      .slice--video.slice-width-3 .mediaBlock-button--slice .mediaBlock-icon {
        font-size: 35px;
        width: 53px;
        height: 53px;
        line-height: 53px; }
      .slice--video.slice-width-3 .mediaBlock-button--slice .mediaBlock-label {
        line-height: 53px; }
    .slice--video.slice-width-3 .slice-heading {
      font-size: 28px;
      line-height: 1.1; } }

.videoListSlice-videoHero,
.videoListSlice-videoPlayer,
.videoListSlice-videoMeta-wrapper {
  position: relative; }

.videoListSlice-videoHero {
  display: -ms-flexbox;
  display: flex; }

.videoListSlice-videoCarousel {
  float: left; }
  .videoListSlice-videoCarousel .carousel-control {
    position: inherit;
    bottom: inherit; }

.videoListSlice-videoMeta {
  position: absolute;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ccc; }

.videoListSlice-videoTitle {
  color: #787878; }

.videoListSlice-videoSummary {
  color: #565656; }

.videoListSlice-socialShare {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0; }

.videoListSlice-videoIndicator {
  position: absolute;
  right: 0;
  bottom: 15px;
  height: 20px; }
  .videoListSlice-videoIndicator .roundel {
    width: 20px;
    height: 20px; }

.slice--videoList .slice-body {
  background: transparent; }

@media (min-width: 700px) {
  .videoListSlice-videoTitle {
    font-size: 22px;
    line-height: 1.2; }
  .videoListSlice-videoSummary {
    font-size: 14px;
    line-height: 1.4; }
  .videoListSlice-videoCarousel {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-2 .sectionHeading-container {
    padding: 0; }
  .slice-width-2 .videoListSlice-videoHero,
  .slice-width-2 .videoListSlice-videoMeta {
    -ms-flex-direction: column;
    flex-direction: column; }
  .slice-width-2 .videoListSlice-videoHero {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .slice-width-2 .videoListSlice-videoMeta {
    position: relative;
    padding-bottom: 10px;
    border: 0; }
  .slice-width-2 .videoListSlice-videoCarousel {
    background-color: transparent; }
  .slice-width-2 .videoListSlice-videoTitle {
    margin-bottom: 10px; }
  .slice-width-2 .videoListSlice-videoIndicator {
    position: static;
    right: auto; }
  .slice-width-2 .videoListSlice-socialShare {
    top: auto;
    bottom: 10px; }
    .slice-width-2 .videoListSlice-socialShare .button--social {
      width: 30px;
      height: 30px; }
      .slice-width-2 .videoListSlice-socialShare .button--social .button-icon {
        font-size: 15px;
        line-height: 30px;
        width: 30px;
        height: 30px; }
  .slice-width-3.videoListSlice .slice-body {
    padding-bottom: 0; }
  .slice-width-3 .videoListSlice-videoHero {
    margin-bottom: 22px; }
  .slice-width-3 .videoListSlice-videoPlayer {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    -ms-flex-order: 1;
    order: 1; }
  .slice-width-3 .videoListSlice-videoMeta-wrapper {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    -ms-flex-order: 2;
    order: 2; }
  .slice-width-3 .videoListSlice-videoMeta {
    width: calc(100% - 19px); }
  .slice-width-3 .videoListSlice-videoTitle {
    margin-bottom: 13px; }
  .slice-width-3 .videoListSlice-videoSummary {
    margin-bottom: 0; }
  .slice-width-3 .videoListSlice-videoCarousel {
    width: calc(100% + 21px);
    margin-left: -10.5px;
    padding: 0 10.5px; } }

@media (min-width: 1000px) {
  .videoListSlice-videoCarousel {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .videoListSlice-videoTitle {
    font-size: 28px;
    line-height: 1.1;
    margin-bottom: 15px; }
  .videoListSlice-videoSummary {
    font-size: 16px;
    line-height: 1.5; }
  .slice-width-2 .videoListSlice-videoHero {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-2 .videoListSlice-socialShare .button--social {
    width: 35px;
    height: 35px; }
    .slice-width-2 .videoListSlice-socialShare .button--social .button-icon {
      font-size: 17.5px;
      line-height: 35px;
      width: 35px;
      height: 35px; }
  .slice-width-3 .videoListSlice-videoPlayer {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-3 .videoListSlice-videoMeta-wrapper {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .slice-width-3 .videoListSlice-videoMeta {
    width: calc(100% - 20px); }
  .slice-width-3 .videoListSlice-videoCarousel {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 20px; } }

.videoGroupSlice-videoCount {
  font-size: 18px; }

.mediaBlock-label--videoGroupSlice {
  padding: 10px;
  font-size: 24px; }

@media (min-width: 700px) {
  .videoGroupSlice-videoCount {
    font-size: 15px; }
  .mediaBlock-label--videoGroupSlice {
    padding: 7px;
    font-size: 21px;
    height: 35px; } }

@media (min-width: 1000px) {
  .videoGroupSlice-videoCount {
    font-size: 18px; }
  .mediaBlock-label--videoGroupSlice {
    padding: 10px;
    font-size: 24px;
    height: 44px; } }

.galleryListSlice-heading,
.galleryListSlice-headingChevron {
  display: block;
  float: left; }

.galleryListSlice-headingChevron {
  font-size: 27px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box; }

.slice--galleryList .slice-body {
  background: transparent; }

.theme-c4 .galleryListSlice-heading {
  background: #333c41; }

.theme-c4 .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4 .galleryListSlice-headingChevron {
  background: #21262a; }

.theme-c4 .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #81b1cc; }

.theme-e4 .galleryListSlice-heading {
  background: #6E2FBC; }

.theme-e4 .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-e4 .galleryListSlice-headingChevron {
  background: #4B207F; }

.theme-e4 .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-e4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-e4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-e4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #DBBDFF; }

.theme-more4 .galleryListSlice-heading {
  background: #2E6520; }

.theme-more4 .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-more4 .galleryListSlice-headingChevron {
  background: #1C3E13; }

.theme-more4 .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-more4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-more4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-more4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #A7DE96; }

.theme-four7 .galleryListSlice-heading {
  background: #3a8088; }

.theme-four7 .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-four7 .galleryListSlice-headingChevron {
  background: #2a5b60; }

.theme-four7 .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-four7 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-four7 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-four7 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #000800; }

.theme-film4 .galleryListSlice-heading {
  background: #D2081E; }

.theme-film4 .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-film4 .galleryListSlice-headingChevron {
  background: #870614; }

.theme-film4 .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-film4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-film4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-film4 .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #ffcfd4; }

.theme-fourmusic .galleryListSlice-heading {
  background: #e40085; }

.theme-fourmusic .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-fourmusic .galleryListSlice-headingChevron {
  background: #8f0256; }

.theme-fourmusic .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-fourmusic .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-fourmusic .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-fourmusic .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #000000; }

.theme-stand-up-to-cancer .galleryListSlice-heading {
  background: #d64213; }

.theme-stand-up-to-cancer .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-stand-up-to-cancer .galleryListSlice-headingChevron {
  background: #832a0e; }

.theme-stand-up-to-cancer .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-stand-up-to-cancer .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-stand-up-to-cancer .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-stand-up-to-cancer .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #000000; }

.theme-world-drama .galleryListSlice-heading {
  background: #ad1e4e; }

.theme-world-drama .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-world-drama .galleryListSlice-headingChevron {
  background: #68122f; }

.theme-world-drama .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-world-drama .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-world-drama .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-world-drama .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #ff7ca8; }

.theme-c4-news .galleryListSlice-heading {
  background: #510185; }

.theme-c4-news .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-news .galleryListSlice-headingChevron {
  background: #310150; }

.theme-c4-news .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-news .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-news .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-news .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #ffa3f6; }

.theme-shorts .galleryListSlice-heading {
  background: #1a8388; }

.theme-shorts .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-shorts .galleryListSlice-headingChevron {
  background: #125154; }

.theme-shorts .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-shorts .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-shorts .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-shorts .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #b1ffff v; }

.theme-rewards .galleryListSlice-heading {
  background: #dca91f; }

.theme-rewards .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-rewards .galleryListSlice-headingChevron {
  background: #846513; }

.theme-rewards .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-rewards .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-rewards .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-rewards .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #fee63a; }

.theme-c4-coral .galleryListSlice-heading {
  background: #df6767; }

.theme-c4-coral .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-coral .galleryListSlice-headingChevron {
  background: #723637; }

.theme-c4-coral .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-coral .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-coral .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-coral .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #000800; }

.theme-c4-deeppink .galleryListSlice-heading {
  background: #c43672; }

.theme-c4-deeppink .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-deeppink .galleryListSlice-headingChevron {
  background: #782347; }

.theme-c4-deeppink .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-deeppink .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-deeppink .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-deeppink .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #000000; }

.theme-c4-cherry .galleryListSlice-heading {
  background: #a31940; }

.theme-c4-cherry .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-cherry .galleryListSlice-headingChevron {
  background: #641129; }

.theme-c4-cherry .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-cherry .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-cherry .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-cherry .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #fdb3cc; }

.theme-c4-orange .galleryListSlice-heading {
  background: #df6413; }

.theme-c4-orange .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-orange .galleryListSlice-headingChevron {
  background: #883e0e; }

.theme-c4-orange .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-orange .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-orange .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-orange .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #000000; }

.theme-c4-greengold .galleryListSlice-heading {
  background: #b28f15; }

.theme-c4-greengold .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-greengold .galleryListSlice-headingChevron {
  background: #6d580f; }

.theme-c4-greengold .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-greengold .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-greengold .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-greengold .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #fad112; }

.theme-c4-khaki .galleryListSlice-heading {
  background: #80755A; }

.theme-c4-khaki .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-khaki .galleryListSlice-headingChevron {
  background: #5c523a; }

.theme-c4-khaki .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-khaki .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-khaki .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-khaki .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #eee5d4; }

.theme-c4-green .galleryListSlice-heading {
  background: #4a6945; }

.theme-c4-green .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-green .galleryListSlice-headingChevron {
  background: #2f412c; }

.theme-c4-green .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-green .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-green .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-green .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #b7ec94; }

.theme-c4-veridian .galleryListSlice-heading {
  background: #249a7a; }

.theme-c4-veridian .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-veridian .galleryListSlice-headingChevron {
  background: #185f4c; }

.theme-c4-veridian .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-veridian .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-veridian .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-veridian .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #3bfac6; }

.theme-c4-lavendar .galleryListSlice-heading {
  background: #7b7eac; }

.theme-c4-lavendar .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-lavendar .galleryListSlice-headingChevron {
  background: #464e6a; }

.theme-c4-lavendar .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-lavendar .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-lavendar .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-lavendar .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #ffeefc; }

.theme-c4-sky .galleryListSlice-heading {
  background: #2467af; }

.theme-c4-sky .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-sky .galleryListSlice-headingChevron {
  background: #184066; }

.theme-c4-sky .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-sky .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-sky .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-sky .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #c6e7ff; }

.theme-c4-warmgrey .galleryListSlice-heading {
  background: #75756f; }

.theme-c4-warmgrey .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-c4-warmgrey .galleryListSlice-headingChevron {
  background: #464643; }

.theme-c4-warmgrey .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-c4-warmgrey .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-warmgrey .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-c4-warmgrey .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #fffdb5; }

.theme-onDemand .galleryListSlice-heading {
  background: #444d57; }

.theme-onDemand .galleryListSlice-headingLink .galleryListSlice-heading {
  color: inherit; }

.theme-onDemand .galleryListSlice-headingChevron {
  background: #2b3137; }

.theme-onDemand .galleryListSlice-itemImage-label {
  color: #fff; }

.theme-onDemand .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-onDemand .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label,
.theme-onDemand .galleryListSlice-itemLink:hover .galleryListSlice-itemImage-label {
  color: #00b9ff; }

.galleryListSlice-list {
  clear: both; }

.galleryListSlice-item {
  position: relative;
  margin-bottom: 5px; }
  .galleryListSlice-item:last-child {
    margin-bottom: 0; }

.galleryListSlice-itemLink {
  display: -ms-flexbox;
  display: flex; }

.galleryListSlice-itemImage-display {
  position: relative;
  border-right: 0px solid #fff; }

.galleryListSlice-itemImage {
  position: relative; }

.galleryListSlice-itemImage-label {
  bottom: 0;
  right: 0;
  padding: 5px;
  height: 40px; }

.galleryListSlice-itemImage-icon {
  display: inline-block;
  text-align: center;
  font-size: 29px;
  line-height: 29px; }

.galleryListSlice-itemInfo {
  background: #fff; }

.galleryListSlice-itemTitle {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 3px; }

@media (max-width: 499px) {
  .galleryListSlice-list {
    width: 100%;
    float: left; }
  .galleryListSlice-heading {
    max-width: 75%; }
  .galleryListSlice-headingChevron {
    width: 42px;
    height: 42px; }
  .galleryListSlice-itemImage-display {
    width: 41.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-right: 0;
    border-right-width: 5.5px; }
  .galleryListSlice-itemInfo {
    width: 58.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 5.5px solid transparent;
    background-clip: padding-box; } }

@media (min-width: 500px) {
  .galleryListSlice-list {
    width: 100%;
    float: left; }
  .galleryListSlice-heading {
    max-width: 75%; }
  .galleryListSlice-headingChevron {
    width: 46px;
    height: 46px; }
  .galleryListSlice-itemImage-display {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding-right: 0;
    border-right-width: 7px; }
  .galleryListSlice-itemInfo {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 7px solid transparent;
    background-clip: padding-box; }
  .galleryListSlice-itemTitle {
    font-size: 17px;
    margin-bottom: 5px; } }

@media (min-width: 700px) {
  .galleryListSlice {
    padding: 0; }
  .galleryListSlice-list {
    width: 100%;
    float: left; }
  .galleryListSlice .slice-title {
    margin-left: 0; }
  .galleryListSlice-heading {
    max-width: 66.66667%; }
  .galleryListSlice-headingChevron {
    width: 42px;
    height: 42px; }
  .slice-width-1 .galleryListSlice-item {
    margin-bottom: 20px; }
  .galleryListSlice-itemImage-display {
    width: 41.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    padding-right: 0;
    border-right-width: 9.5px; }
  .galleryListSlice-itemInfo {
    width: 58.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: none; } }

@media (min-width: 1000px) {
  .galleryListSlice-list {
    width: 100%;
    float: left; }
  .galleryListSlice-heading {
    max-width: 66.66667%; }
  .galleryListSlice-headingChevron {
    width: 48px;
    height: 48px; }
  .galleryListSlice-itemImage-display {
    width: 41.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-right: 0;
    border-right-width: 10px; }
  .galleryListSlice-itemInfo {
    width: 58.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: none; } }

.htmlEmbedSlice {
  padding: 0;
  background: #fff; }
  .htmlEmbedSlice.slice-width-3 a img {
    width: 100%; }

@media (min-width: 700px) {
  .htmlEmbedSlice.slice-width-3 a img {
    width: calc(100% + 21px);
    margin-left: -10.5px;
    padding: 0; } }

@media (min-width: 1000px) {
  .htmlEmbedSlice.slice-width-3 a img {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0; } }

/************************************
 link list slices
 ************************************/
.linkListSlice-items {
  list-style-type: none;
  padding: 5px 0;
  margin: 0; }

.linkListSlice-item {
  margin-bottom: 15px; }

.linkListSlice-link {
  display: inline-block;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 5px; }

.linkListSlice-linkSummary {
  margin-bottom: 0; }

@media (min-width: 700px) {
  .linkListSlice-link {
    font-size: 17px;
    line-height: 22px; } }

.brandPromo-item-image-display,
.brandPromo-item-title,
.brandPromo-item-secondaryTitle {
  position: relative;
  z-index: 1; }

.brandPromo-item-image-display {
  pointer-events: none; }
  .brandPromo-item-image-display .brandPromo-image {
    pointer-events: auto; }

.brandPromo-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px; }
  .brandPromo-item:last-child {
    margin-bottom: 0; }

.brandPromo-image {
  position: relative; }

.brandPromo-item-secondaryTitle {
  margin-bottom: 0; }

@media (max-width: 499px) {
  .brandPromo-list {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .brandPromo-item-link {
    display: -ms-flexbox;
    display: flex; }
  .brandPromo-item-image-display {
    width: 41.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding: 0;
    border-right: 5.5px solid #fff; }
  .brandPromo-item-content {
    width: 58.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding: 10px 10px 10px 5.5px;
    background: #fff; }
  .brandPromo-item-title {
    margin-bottom: 5px; } }

@media (min-width: 500px) {
  .brandPromo-list {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .brandPromo-item-link {
    display: -ms-flexbox;
    display: flex; }
  .brandPromo-item-image-display {
    width: 33.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding: 0;
    border-right: 7px solid #fff; }
  .brandPromo-item-content {
    width: 66.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding: 14px 14px 14px 7px;
    background: #fff; }
  .brandPromo-item-title {
    margin-bottom: 7px; } }

@media (min-width: 700px) {
  .brandPromo.container {
    overflow: hidden; }
  .brandPromo-list {
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex; }
  .brandPromo-item-link {
    display: block; }
  .brandPromo-item {
    overflow: visible;
    width: calc((100% - 57px) / 4);
    margin: 0 9.5px;
    background: #fff; }
    .brandPromo-item:first-child {
      margin-left: 0; }
    .brandPromo-item:last-child {
      margin-right: 0; }
  .brandPromo-item-image-display {
    width: 100%;
    border: 0; }
    .brandPromo-item-image-display:before {
      position: absolute;
      content: "";
      top: 0;
      margin-top: -20px;
      margin-left: -20px;
      width: calc(100% + 40px);
      height: calc(100% + 20px);
      background-color: #444d57; }
  .brandPromo-item-content {
    width: 100%;
    padding-left: 14px; }
  .brandPromo-item-title {
    margin-bottom: 30px; }
  .brandPromo-item-secondaryTitle {
    position: absolute;
    bottom: 10px; } }

@media (min-width: 1000px) {
  .brandPromo-list {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px; }
  .brandPromo-item:first-child .brandPromo-item-image-display:before {
    margin-left: -30px; }
  .brandPromo-item:first-child .brandPromo-item-image-display:before,
  .brandPromo-item:last-child .brandPromo-item-image-display:before {
    width: calc(100% + 50px); }
  .brandPromo-item-image-display:before {
    margin-top: -30px;
    margin-left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 30px);
    background-color: #444d57; } }

.brandPromo-item-link:hover .brandPromo-item-title, .brandPromo-item-link:focus .brandPromo-item-title, .brandPromo-item-link:active .brandPromo-item-title {
  color: #1e2226; }

.brandPromo-item-link:focus .brandPromo-item-title {
  outline: thin dotted; }

@media (min-width: 700px) {
  .slice--text.slice-width-2 .slice-content {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

.carousel {
  position: relative;
  width: 100%;
  float: left; }

.carousel-items {
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px; }

.carousel-viewport {
  position: relative;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  background: inherit; }

.carousel-pointer {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border: 12px solid transparent;
  border-top-color: #fff;
  transition: left 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.carousel-controls {
  position: relative;
  text-align: right;
  background: inherit;
  margin-top: -18px;
  z-index: 1; }

.carousel-control {
  display: inline-block; }

.carousel-control--disabled {
  pointer-events: none;
  cursor: default; }
  .carousel-control--disabled .mediaBlock-icon {
    background-color: #3d4245; }

@media (min-width: 700px) {
  .carousel-controls {
    height: 60px;
    padding: 0 9.5px; }
    .carousel-controls--inactive {
      height: 18px; } }

@media (min-width: 1000px) {
  .carousel-controls {
    height: 70px;
    padding: 0 10px; }
    .carousel-controls--inactive {
      height: 18px; } }

.notification {
  display: block;
  padding: 20px 50px 20px 20px;
  min-height: 45px;
  position: fixed;
  background: #fff;
  z-index: 1;
  left: 5px;
  right: 5px;
  bottom: 25px;
  text-align: left;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  opacity: 1;
  transition: opacity 0.2s ease-out, bottom 0.2s ease-out; }
  .notification.anim-enter, .notification.anim-leave {
    opacity: 0;
    bottom: 5px; }

.notification--success {
  background: #34841A; }

.notification--warning {
  background: #F3C63F; }

.notification--error {
  background: #CA0003; }

.notification-label {
  font-size: 15px;
  color: #fff; }

.notification-label a {
  text-decoration: underline; }

.notification-label--hasIcon.icon-accept:before {
  margin-right: 10px;
  vertical-align: middle; }

.notification-cancel {
  position: absolute;
  right: 10px;
  color: #fff;
  cursor: pointer;
  top: 10px;
  padding: 10px; }
  .notification-cancel:before {
    font-size: 18px; }

.notification--warning .notification-label,
.notification--warning .notification-cancel {
  color: #222222; }

@media only screen and (min-width: 1000px) {
  .notification {
    max-width: 1000px;
    left: 50%;
    bottom: 5px;
    margin-left: -500px;
    text-align: center; }
    .notification.anim-enter, .notification.anim-leave {
      bottom: -15px; } }

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
  opacity: 1; }

body.modal-active {
  overflow: hidden;
  height: 100%;
  width: 100%; }

.modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  transition: opacity 0.2s ease-out; }

.modal-container {
  width: 100%;
  max-width: 1160px;
  min-width: 320px;
  max-height: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.2s ease-out; }
  .modal-container .parentalControls-aboutPinContentBtn {
    white-space: nowrap; }

.anim-enter .modal-overlay,
.anim-leave .modal-overlay,
.anim-enter .modal-container,
.anim-leave .modal-container {
  opacity: 0; }

.modal-inner {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 1; }

.modal-header {
  background-color: #f0f0f0; }

.modal-title {
  color: #666666;
  display: block;
  margin-right: 70px; }

.modal-titleIcon {
  font-size: 24px; }

.modal-body {
  max-height: 300px;
  line-height: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  .modal-body:before, .modal-body:after {
    content: " ";
    display: table; }
  .modal-body:after {
    clear: both; }

.modal-image:focus {
  outline: none; }

.modal-buttons {
  border-top: 1px solid #cccccc; }
  .modal-buttons:before, .modal-buttons:after {
    content: " ";
    display: table; }
  .modal-buttons:after {
    clear: both; }

.modal-buttons .buttonCta {
  width: 100%; }

.modal-close {
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 5px 10px; }
  .modal-close:focus {
    background-color: #fff; }
  .modal-close:focus:active {
    background-color: transparent; }

.modal-closeLbl {
  padding-right: 22px; }
  .modal-closeLbl:before {
    position: absolute;
    right: 10px;
    font-size: 20px;
    width: 15px;
    text-indent: -3px;
    font-weight: bold !important;
    overflow: hidden;
    line-height: 15px;
    height: 15px;
    top: 7px; }

.modal-closeIcon {
  font-size: 20px;
  vertical-align: top;
  display: inline-block; }

.modal-row {
  margin-bottom: 13px; }

@media (max-width: 499px) {
  .modal-header {
    padding: 12px 10px; }
  .modal-title {
    font-size: 18px; }
  .modal-body {
    padding: 11px 10px 50px 10px; }
  .modal-text {
    font-size: 16px; }
  .modal-buttons {
    margin: 0 10px;
    padding: 11px 0; }
  .modal-close {
    right: 10px;
    top: 7px; }
  .modal-closeLbl:before {
    top: 7px; } }

@media (min-width: 500px) {
  .modal-container {
    position: absolute;
    bottom: 0;
    transition: bottom 0.2s ease-out, opacity 0.2s ease-out; }
  .anim-enter .modal-container,
  .anim-leave .modal-container {
    opacity: 0;
    bottom: -30px; }
  .modal-header {
    padding: 14px 14px; }
  .modal-title {
    width: 75%;
    font-size: 20px; }
  .modal-body {
    padding: 14px 14px 50px 14px; }
  .modal-text {
    font-size: 16px;
    padding: 0; }
  .modal--hasImage .modal-text {
    width: 58.33333%;
    padding-left: 7px;
    float: right; }
  .modal-cbxContainer {
    padding: 0; }
  .modal--hasImage .modal-cbxContainer {
    width: 58.33333%;
    padding-left: 7px;
    float: right; }
  .modal-image {
    width: 41.66667%;
    padding-right: 7px; }
  .modal-buttons {
    margin: 0 14px;
    padding: 14px 0; }
  .modal-close {
    right: 14px;
    top: 8px; } }

@media (min-width: 700px) {
  .modal-header {
    padding: 19px 20px; }
  .modal-title {
    width: 75%;
    font-size: 18px; }
  .modal-body {
    padding: 19px 20px 50px 20px; }
  .modal-text {
    padding: 0; }
  .modal--hasImage .modal-text {
    width: 75%;
    padding-left: 9.5px; }
  .modal-cbxContainer {
    margin-bottom: 0;
    padding: 0; }
  .modal--hasImage .modal-cbxContainer {
    width: 75%;
    padding-left: 9.5px; }
  .modal-image {
    width: 25%;
    padding-right: 9.5px; }
  .modal-buttons {
    margin: 0 20px;
    padding: 19px 0; }
  .modal-buttons .buttonCta {
    width: 25%;
    float: right; }
  .modal-close {
    right: 20px;
    top: 12px; }
  .modal-closeLbl:before {
    top: 7px; } }

@media (min-width: 1000px) {
  .modal-container {
    position: relative;
    bottom: inherit;
    max-width: 812px;
    width: 68.75%;
    top: 50%;
    margin-top: -200px;
    transition: margin-top 0.2s ease-out, opacity 0.2s ease-out; }
  .anim-enter .modal-container,
  .anim-leave .modal-container {
    margin-top: -180px; }
  .modal-inner {
    height: auto;
    margin: 0 auto;
    transition: margin-top 0.2s ease-out; }
  .modal-header {
    padding: 20px 30px; }
  .modal-title {
    width: 85.71429%;
    font-size: 20px; }
  .modal-body {
    padding: 20px 30px; }
  .modal-text {
    padding: 0; }
  .modal--hasImage .modal-text {
    width: 58.33333%;
    padding-left: 10px; }
  .modal-cbxContainer {
    padding: 0; }
  .modal--hasImage .modal-cbxContainer {
    width: 58.33333%;
    padding-left: 10px; }
  .modal-image {
    width: 41.66667%;
    padding-right: 10px; }
  .modal-buttons {
    margin: 0 30px;
    padding: 20px 0; }
  .modal-close {
    right: 30px;
    top: 15px; }
  .modal-closeLbl:before {
    top: 8px; } }

.accordion-sectionHeader {
  position: relative; }

.accordion-toggle {
  font-size: 16px;
  line-height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .accordion-toggle:before {
    margin-top: -12px;
    position: absolute;
    top: 50%; }
  .accordion-toggle:hover {
    cursor: pointer; }

.accordion-sectionHeader {
  padding-top: 10px;
  padding-bottom: 10px; }

.accordion-sectionContent {
  display: block;
  overflow: hidden; }

.episodeGuide-seriesAccordion .episodeGuide-episodeAccordion > .accordion-section {
  height: 0;
  opacity: 0;
  max-height: 0;
  transition: max-height 0.1s ease-in, opacity 0.1s ease-in; }

.episodeGuide-seriesAccordion .accordion-section--opened .episodeGuide-episodeAccordion .accordion-section {
  height: auto;
  opacity: 1;
  max-height: 500px;
  transition: max-height 0.5s ease-out, opacity 0.6s ease-out; }

.episodeGuide-episodeAccordion .accordion-sectionContent {
  height: 0;
  max-height: 0;
  transition: max-height 0.1s ease-in;
  overflow: hidden; }

.episodeGuide-episodeAccordion .accordion-section--opened .accordion-sectionContent {
  height: auto;
  max-height: 440px;
  transition: max-height 0.3s ease-out;
  overflow: visible; }

.theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #2a3135; }
  .theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #90a5b1; }

.theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #14181a; }

.theme-c4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #2a3135; }
  .theme-c4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #90a5b1; }

.theme-c4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #14181a; }

.theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #5D289E; }
  .theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #BD5DF9; }

.theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-e4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #2D134C; }

.theme-e4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-e4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-e4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-e4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #5D289E; }
  .theme-e4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-e4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #BD5DF9; }

.theme-e4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-e4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #2D134C; }

.theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #234D18; }
  .theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #55DB33; }

.theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-more4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #16320F; }

.theme-more4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-more4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-more4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-more4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #234D18; }
  .theme-more4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-more4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #55DB33; }

.theme-more4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-more4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #16320F; }

.theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #36787d; }
  .theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #68ced9; }

.theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-four7 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #14181a; }

.theme-four7 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-four7 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-four7 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-four7 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #36787d; }
  .theme-four7 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-four7 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #68ced9; }

.theme-four7 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-four7 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #14181a; }

.theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #a90819; }
  .theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ff6474; }

.theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-film4 .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #540303; }

.theme-film4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-film4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-film4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-film4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #a90819; }
  .theme-film4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-film4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ff6474; }

.theme-film4 .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-film4 .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #540303; }

.theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #bd0171; }
  .theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ff89ce; }

.theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-fourmusic .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #5e0038; }

.theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #bd0171; }
  .theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ff89ce; }

.theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-fourmusic .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #5e0038; }

.theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #ac3611; }
  .theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ff906c; }

.theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-stand-up-to-cancer .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #ff906c; }

.theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #ac3611; }
  .theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ff906c; }

.theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-stand-up-to-cancer .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #ff906c; }

.theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #8a183e; }
  .theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ff7ca8; }

.theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-world-drama .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #ff7ca8; }

.theme-world-drama .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-world-drama .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-world-drama .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-world-drama .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #8a183e; }
  .theme-world-drama .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-world-drama .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ff7ca8; }

.theme-world-drama .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-world-drama .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #ff7ca8; }

.theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #41016a; }
  .theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #c473f9; }

.theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-news .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #200035; }

.theme-c4-news .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-news .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-news .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-news .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #41016a; }
  .theme-c4-news .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-news .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #c473f9; }

.theme-c4-news .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-news .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #200035; }

.theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #166a6e; }
  .theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #41b9bf; }

.theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-shorts .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #0a3436; }

.theme-shorts .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-shorts .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-shorts .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-shorts .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #166a6e; }
  .theme-shorts .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-shorts .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #41b9bf; }

.theme-shorts .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-shorts .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #0a3436; }

.theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #b08719; }
  .theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ebd952; }

.theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-rewards .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #493206; }

.theme-rewards .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-rewards .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-rewards .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-rewards .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #b08719; }
  .theme-rewards .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-rewards .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ebd952; }

.theme-rewards .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-rewards .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #493206; }

.theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #b45454; }
  .theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ffb6c2; }

.theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-coral .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #592929; }

.theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #b45454; }
  .theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ffb6c2; }

.theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-coral .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #592929; }

.theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #9e2c5d; }
  .theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ff79df; }

.theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-deeppink .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #ff79df; }

.theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #9e2c5d; }
  .theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ff79df; }

.theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-deeppink .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #ff79df; }

.theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #841535; }
  .theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ff6daa; }

.theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-cherry .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #410a1a; }

.theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #841535; }
  .theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ff6daa; }

.theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-cherry .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #410a1a; }

.theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #b45111; }
  .theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #fbbd59; }

.theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-orange .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #592808; }

.theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #b45111; }
  .theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #fbbd59; }

.theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-orange .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #592808; }

.theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #907412; }
  .theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #fad112; }

.theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-greengold .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #fad112; }

.theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #907412; }
  .theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #fad112; }

.theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-greengold .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #fad112; }

.theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #72664A; }
  .theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #ebce86; }

.theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-khaki .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #403a2b; }

.theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #72664A; }
  .theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #ebce86; }

.theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-khaki .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #403a2b; }

.theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #3c5339; }
  .theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #93dc87; }

.theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-green .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #1e2a1c; }

.theme-c4-green .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-green .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-green .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-green .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #3c5339; }
  .theme-c4-green .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-green .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #93dc87; }

.theme-c4-green .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-green .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #1e2a1c; }

.theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #1e7c63; }
  .theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #3bfac6; }

.theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-veridian .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #3bfac6; }

.theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #1e7c63; }
  .theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #3bfac6; }

.theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-veridian .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #3bfac6; }

.theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #64668b; }
  .theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #eeb2ff; }

.theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-lavendar .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #313245; }

.theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #64668b; }
  .theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #eeb2ff; }

.theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-lavendar .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #313245; }

.theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #1e5485; }
  .theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #59beff; }

.theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-sky .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #0e2942; }

.theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #1e5485; }
  .theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #59beff; }

.theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-sky .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #0e2942; }

.theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #5e5e59; }
  .theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #c9c49f; }

.theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-c4-warmgrey .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #2f2f2c; }

.theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #5e5e59; }
  .theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #c9c49f; }

.theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-c4-warmgrey .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #2f2f2c; }

.theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-image:after,
.theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon,
.theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon {
  background: #383f47; }
  .theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
  .theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
    color: #00b9ff; }

.theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:hover .episodeGuide-episodeTitle,
.theme-onDemand .accordion-section .episodeGuide-episodeLink .episodeGuide-episodeWrap:focus .episodeGuide-episodeTitle {
  color: #1e2226; }

.theme-onDemand .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after,
.theme-onDemand .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-onDemand .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon,
.theme-onDemand .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon {
  background: #383f47; }
  .theme-onDemand .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play,
  .theme-onDemand .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
    color: #00b9ff; }

.theme-onDemand .accordion-sectionContent .episodeGuide-trailer:hover .episodeGuide-trailerTitle,
.theme-onDemand .accordion-sectionContent .episodeGuide-trailer:focus .episodeGuide-trailerTitle {
  color: #1e2226; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .accordion-section {
    width: 100%;
    float: left; }
  .accordion-sectionHeader,
  .accordion-sectionContent {
    width: 100%;
    float: left; }
  .accordion-toggle:before {
    right: 10px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .accordion-section {
    width: 100%;
    float: left; }
  .accordion-sectionHeader,
  .accordion-sectionContent {
    width: 100%;
    float: left; }
  .accordion-toggle:before {
    right: 14px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
/*-----------------------------------------
    Desktop
  -----------------------------------------*/
#episodeGuide {
  position: relative;
  overflow: hidden;
  width: 100%; }

#episodeAvailabilityFilterCheckboxContainer {
  float: left;
  width: 100%; }

.episodeGuide {
  background: #ffffff; }

.page--onDemand .episodeGuide {
  padding-top: 30px; }

.episodeGuide-availabilityFilter {
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  overflow: hidden; }
  .episodeGuide-availabilityFilter:hover .paletteLink {
    text-decoration: none; }

.episodeGuide .advertsMpu {
  margin: 0 auto; }

.episodeGuide-contentWrap {
  width: 100%;
  overflow: hidden; }

.episodeGuide-episodeImage,
.episodeGuide-episodeTitle {
  display: table-cell;
  vertical-align: middle; }

.episodeGuide-episodeImage {
  position: relative; }
  .episodeGuide-episodeImage .mediaBlock-button {
    position: absolute;
    bottom: 5px; }

.episodeGuide-seriesAccordion {
  display: block;
  overflow: hidden;
  margin-bottom: 40px; }
  .episodeGuide-seriesAccordion > .accordion-sectionHeader {
    border-top: 1px solid; }
  .episodeGuide-seriesAccordion > .accordion-section > .accordion-sectionHeader {
    background-color: #eceff3;
    margin-bottom: 2px; }
  .episodeGuide-seriesAccordion .accordion-sectionHeader {
    padding-top: 10px;
    padding-bottom: 10px; }

.episodeGuide-episodeAccordion .accordion-sectionHeader {
  border-top: 1px solid rgba(0, 0, 0, 0.16); }

.episodeGuide-episodeAccordion .accordion-section:first-child .accordion-sectionHeader {
  border-top: none; }

.episodeGuide-episode {
  cursor: default; }

.episodeGuide-episodeContent {
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px; }

.episodeGuide-episodeSummary {
  margin-bottom: 0; }

.episodeGuide-episodeIndicators {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 7px; }

.episodeGuide-episodeDuration {
  color: #787878;
  margin-top: 2px; }

/*
  Trailers
  ************************************************************/
.episodeGuide-trailersHeader {
  font-family: "c4.chadwick.regular.lowercase", "c4.chadwick.regular.uppercase", "c4.chadwick.regular.numbers", "c4.chadwick.regular.punctuation", "c4.chadwick.regular.currency", "c4.chadwick.regular.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px; }

.episodeGuide-trailers {
  background: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100%; }

.episodeGuide-trailer {
  overflow: hidden;
  margin-bottom: 17px; }
  .episodeGuide-trailer:last-child {
    margin-bottom: 0; }

.episodeGuide-trailerImage {
  position: relative; }
  .episodeGuide-trailerImage .mediaBlock-button {
    position: absolute;
    bottom: 6px; }

.episodeGuide-trailerLink {
  display: block;
  overflow: hidden; }

.episodeGuide-trailerDuration {
  color: #787878;
  margin: 0; }

.episodeGuide-episodeWrap {
  display: table; }

.episodeGuide-episodeAccordion .accordion-toggle {
  left: inherit; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .episodeGuide-episodeWrap {
    cursor: default; }
  .episodeGuide-episodeLink .episodeGuide-episodeWrap {
    cursor: pointer; }
  .episodeGuide-heading {
    margin-bottom: 0; }
  .episodeGuide-availabilityFilter-label {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .episodeGuide-episodeWrap {
    width: 75%;
    float: left; }
  .episodeGuide-seriesTitle {
    width: 75%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .episodeGuide-seriesAccordion {
    margin-left: -4.5px;
    margin-right: -4.5px; }
    .episodeGuide-seriesAccordion > .accordion-section > .accordion-sectionHeader {
      width: 100%;
      float: left;
      padding-left: 5.5px;
      padding-right: 5.5px; }
    .episodeGuide-seriesAccordion > .accordion-section > .accordion-sectionContent {
      width: 100%;
      float: left;
      padding-left: 5.5px;
      padding-right: 5.5px; }
  .episodeGuide-episodeAccordion {
    width: 100%;
    float: left; }
    .episodeGuide-episodeAccordion .accordion-toggle {
      width: 16.66667%; }
      .episodeGuide-episodeAccordion .accordion-toggle:before {
        right: 4.5px; }
  .episodeGuide-episodeImage {
    width: 33.33333%;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .episodeGuide-episodeTitle {
    width: 66.66667%;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .episodeGuide-episodeSummary {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .episodeGuide-episodeIndicators {
    padding: 0 5.5px; }
  .episodeGuide-trailersHeader {
    width: 91.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    float: right; }
  .episodeGuide-trailerList {
    width: 91.66667%;
    float: left;
    float: right; }
  .episodeGuide-trailerImage {
    width: 27.27273%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .episodeGuide-trailerMeta {
    width: 72.72727%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .episodeGuide-episodeWrap {
    cursor: default; }
  .episodeGuide-episodeLink .episodeGuide-episodeWrap {
    cursor: pointer; }
  .episodeGuide-heading {
    margin-bottom: 0; }
  .episodeGuide-availabilityFilter-label {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .episodeGuide-episodeWrap {
    width: 83.33333%; }
  .episodeGuide-seriesTitle {
    width: 75%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .episodeGuide-seriesAccordion {
    margin-left: -7px;
    margin-right: -7px; }
    .episodeGuide-seriesAccordion > .accordion-section > .accordion-sectionHeader {
      width: 100%;
      float: left;
      padding-left: 7px;
      padding-right: 7px; }
    .episodeGuide-seriesAccordion > .accordion-section > .accordion-sectionContent {
      width: 100%;
      float: left;
      padding-left: 7px;
      padding-right: 7px; }
  .episodeGuide-episodeAccordion {
    width: 100%;
    float: left; }
    .episodeGuide-episodeAccordion .accordion-toggle {
      width: 16.66667%; }
      .episodeGuide-episodeAccordion .accordion-toggle:before {
        right: 7px; }
  .episodeGuide-episodeImage {
    width: 30%;
    padding-left: 7px;
    padding-right: 7px; }
    .episodeGuide-episodeImage .mediaBlock-button {
      bottom: 10px; }
  .episodeGuide-episodeTitle {
    width: 70%;
    padding-left: 7px;
    padding-right: 7px; }
  .episodeGuide-episodeSummary {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .episodeGuide-episodeIndicators {
    padding: 0 7px; }
  .episodeGuide-trailersHeader {
    width: 91.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    float: right; }
  .episodeGuide-trailerList {
    width: 91.66667%;
    float: left;
    float: right; }
  .episodeGuide-trailerImage {
    width: 27.27273%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .episodeGuide-trailerMeta {
    width: 72.72727%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .episodeGuide-heading {
    margin-bottom: 20px; }
  .episodeGuide .advertsMpu {
    width: 83.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    float: right; }
  .episodeGuide-availabilityFilter {
    background: #eceff3; }
  .episodeGuide-contentWrap {
    padding-top: 30px; }
  .episodeGuide-availabilityFilter-label {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
    .episodeGuide-availabilityFilter-label:hover {
      cursor: pointer; }
  .episodeGuide .accordion {
    visibility: hidden; }
  .episodeGuide-seriesTitle {
    width: 100%;
    margin-bottom: 10px;
    padding: 0; }
  .episodeGuide-seriesSummary {
    margin-bottom: 20px; }
  .episodeGuide-episodeWrapper {
    margin-left: -10.5px;
    margin-right: -10.5px; }
  .episodeGuide-main {
    width: 83.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    float: right; }
  /* Aside
  ********************************************/
  .episodeGuide-aside {
    width: 16.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .episodeGuide-seriesSelector {
    line-height: 20px;
    margin-bottom: 17px;
    position: relative;
    padding-left: 8px; }
    .episodeGuide-seriesSelector:hover {
      cursor: pointer; }
  .episodeGuide-seriesSelector.episodeGuide-seriesSelector--active {
    color: #565656 !important; }
    .episodeGuide-seriesSelector.episodeGuide-seriesSelector--active:before {
      border: 1px solid #565656;
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0; }
    .episodeGuide-seriesSelector.episodeGuide-seriesSelector--active:hover,
    .episodeGuide-seriesSelector.episodeGuide-seriesSelector--active a {
      cursor: default;
      text-decoration: none; }
  /* Main
  ********************************************/
  .episodeGuide-series {
    height: 0;
    overflow: hidden; }
  .episodeGuide-series--active {
    height: auto; }
  .episodeGuide-episode {
    width: 100%;
    float: left;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
    padding-top: 14px;
    padding-bottom: 14px; }
  .theme-c4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #2a3135; }
    .theme-c4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #90a5b1; }
  .theme-c4 .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4 .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #14181a; }
  .theme-c4 .episodeGuide-episode--active .mediaBlock-icon {
    background: #2a3135;
    transition: background-color 0.15s ease-in; }
  .theme-c4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #2a3135; }
    .theme-c4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #90a5b1; }
  .theme-c4 .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #14181a; }
  .theme-e4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-e4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-e4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-e4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #5D289E; }
    .theme-e4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-e4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #BD5DF9; }
  .theme-e4 .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-e4 .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-e4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-e4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #2D134C; }
  .theme-e4 .episodeGuide-episode--active .mediaBlock-icon {
    background: #5D289E;
    transition: background-color 0.15s ease-in; }
  .theme-e4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-e4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #5D289E; }
    .theme-e4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #BD5DF9; }
  .theme-e4 .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #2D134C; }
  .theme-more4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-more4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-more4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-more4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #234D18; }
    .theme-more4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-more4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #55DB33; }
  .theme-more4 .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-more4 .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-more4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-more4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #16320F; }
  .theme-more4 .episodeGuide-episode--active .mediaBlock-icon {
    background: #234D18;
    transition: background-color 0.15s ease-in; }
  .theme-more4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-more4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #234D18; }
    .theme-more4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #55DB33; }
  .theme-more4 .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #16320F; }
  .theme-four7 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-four7 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-four7 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-four7 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #36787d; }
    .theme-four7 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-four7 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #68ced9; }
  .theme-four7 .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-four7 .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-four7 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-four7 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #14181a; }
  .theme-four7 .episodeGuide-episode--active .mediaBlock-icon {
    background: #36787d;
    transition: background-color 0.15s ease-in; }
  .theme-four7 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-four7 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #36787d; }
    .theme-four7 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #68ced9; }
  .theme-four7 .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #14181a; }
  .theme-film4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-film4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-film4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-film4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #a90819; }
    .theme-film4 .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-film4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ff6474; }
  .theme-film4 .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-film4 .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-film4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-film4 .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #540303; }
  .theme-film4 .episodeGuide-episode--active .mediaBlock-icon {
    background: #a90819;
    transition: background-color 0.15s ease-in; }
  .theme-film4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-film4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #a90819; }
    .theme-film4 .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ff6474; }
  .theme-film4 .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #540303; }
  .theme-fourmusic .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-fourmusic .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-fourmusic .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-fourmusic .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #bd0171; }
    .theme-fourmusic .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-fourmusic .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ff89ce; }
  .theme-fourmusic .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-fourmusic .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-fourmusic .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-fourmusic .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #5e0038; }
  .theme-fourmusic .episodeGuide-episode--active .mediaBlock-icon {
    background: #bd0171;
    transition: background-color 0.15s ease-in; }
  .theme-fourmusic .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-fourmusic .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #bd0171; }
    .theme-fourmusic .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ff89ce; }
  .theme-fourmusic .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #5e0038; }
  .theme-stand-up-to-cancer .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-stand-up-to-cancer .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-stand-up-to-cancer .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-stand-up-to-cancer .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #ac3611; }
    .theme-stand-up-to-cancer .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-stand-up-to-cancer .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ff906c; }
  .theme-stand-up-to-cancer .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-stand-up-to-cancer .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-stand-up-to-cancer .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-stand-up-to-cancer .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #ff906c; }
  .theme-stand-up-to-cancer .episodeGuide-episode--active .mediaBlock-icon {
    background: #ac3611;
    transition: background-color 0.15s ease-in; }
  .theme-stand-up-to-cancer .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-stand-up-to-cancer .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #ac3611; }
    .theme-stand-up-to-cancer .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ff906c; }
  .theme-stand-up-to-cancer .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #ff906c; }
  .theme-world-drama .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-world-drama .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-world-drama .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-world-drama .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #8a183e; }
    .theme-world-drama .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-world-drama .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ff7ca8; }
  .theme-world-drama .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-world-drama .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-world-drama .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-world-drama .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #ff7ca8; }
  .theme-world-drama .episodeGuide-episode--active .mediaBlock-icon {
    background: #8a183e;
    transition: background-color 0.15s ease-in; }
  .theme-world-drama .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-world-drama .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #8a183e; }
    .theme-world-drama .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ff7ca8; }
  .theme-world-drama .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #ff7ca8; }
  .theme-c4-news .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-news .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-news .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-news .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #41016a; }
    .theme-c4-news .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-news .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #c473f9; }
  .theme-c4-news .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-news .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-news .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-news .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #200035; }
  .theme-c4-news .episodeGuide-episode--active .mediaBlock-icon {
    background: #41016a;
    transition: background-color 0.15s ease-in; }
  .theme-c4-news .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-news .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #41016a; }
    .theme-c4-news .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #c473f9; }
  .theme-c4-news .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #200035; }
  .theme-shorts .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-shorts .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-shorts .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-shorts .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #166a6e; }
    .theme-shorts .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-shorts .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #41b9bf; }
  .theme-shorts .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-shorts .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-shorts .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-shorts .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #0a3436; }
  .theme-shorts .episodeGuide-episode--active .mediaBlock-icon {
    background: #166a6e;
    transition: background-color 0.15s ease-in; }
  .theme-shorts .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-shorts .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #166a6e; }
    .theme-shorts .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #41b9bf; }
  .theme-shorts .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #0a3436; }
  .theme-rewards .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-rewards .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-rewards .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-rewards .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #b08719; }
    .theme-rewards .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-rewards .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ebd952; }
  .theme-rewards .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-rewards .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-rewards .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-rewards .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #493206; }
  .theme-rewards .episodeGuide-episode--active .mediaBlock-icon {
    background: #b08719;
    transition: background-color 0.15s ease-in; }
  .theme-rewards .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-rewards .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #b08719; }
    .theme-rewards .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ebd952; }
  .theme-rewards .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #493206; }
  .theme-c4-coral .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-coral .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-coral .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-coral .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #b45454; }
    .theme-c4-coral .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-coral .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ffb6c2; }
  .theme-c4-coral .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-coral .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-coral .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-coral .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #592929; }
  .theme-c4-coral .episodeGuide-episode--active .mediaBlock-icon {
    background: #b45454;
    transition: background-color 0.15s ease-in; }
  .theme-c4-coral .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-coral .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #b45454; }
    .theme-c4-coral .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ffb6c2; }
  .theme-c4-coral .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #592929; }
  .theme-c4-deeppink .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-deeppink .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-deeppink .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-deeppink .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #9e2c5d; }
    .theme-c4-deeppink .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-deeppink .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ff79df; }
  .theme-c4-deeppink .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-deeppink .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-deeppink .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-deeppink .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #ff79df; }
  .theme-c4-deeppink .episodeGuide-episode--active .mediaBlock-icon {
    background: #9e2c5d;
    transition: background-color 0.15s ease-in; }
  .theme-c4-deeppink .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-deeppink .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #9e2c5d; }
    .theme-c4-deeppink .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ff79df; }
  .theme-c4-deeppink .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #ff79df; }
  .theme-c4-cherry .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-cherry .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-cherry .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-cherry .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #841535; }
    .theme-c4-cherry .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-cherry .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ff6daa; }
  .theme-c4-cherry .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-cherry .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-cherry .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-cherry .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #410a1a; }
  .theme-c4-cherry .episodeGuide-episode--active .mediaBlock-icon {
    background: #841535;
    transition: background-color 0.15s ease-in; }
  .theme-c4-cherry .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-cherry .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #841535; }
    .theme-c4-cherry .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ff6daa; }
  .theme-c4-cherry .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #410a1a; }
  .theme-c4-orange .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-orange .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-orange .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-orange .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #b45111; }
    .theme-c4-orange .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-orange .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #fbbd59; }
  .theme-c4-orange .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-orange .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-orange .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-orange .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #592808; }
  .theme-c4-orange .episodeGuide-episode--active .mediaBlock-icon {
    background: #b45111;
    transition: background-color 0.15s ease-in; }
  .theme-c4-orange .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-orange .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #b45111; }
    .theme-c4-orange .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #fbbd59; }
  .theme-c4-orange .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #592808; }
  .theme-c4-greengold .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-greengold .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-greengold .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-greengold .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #907412; }
    .theme-c4-greengold .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-greengold .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #fad112; }
  .theme-c4-greengold .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-greengold .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-greengold .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-greengold .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #fad112; }
  .theme-c4-greengold .episodeGuide-episode--active .mediaBlock-icon {
    background: #907412;
    transition: background-color 0.15s ease-in; }
  .theme-c4-greengold .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-greengold .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #907412; }
    .theme-c4-greengold .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #fad112; }
  .theme-c4-greengold .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #fad112; }
  .theme-c4-khaki .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-khaki .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-khaki .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-khaki .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #72664A; }
    .theme-c4-khaki .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-khaki .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #ebce86; }
  .theme-c4-khaki .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-khaki .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-khaki .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-khaki .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #403a2b; }
  .theme-c4-khaki .episodeGuide-episode--active .mediaBlock-icon {
    background: #72664A;
    transition: background-color 0.15s ease-in; }
  .theme-c4-khaki .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-khaki .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #72664A; }
    .theme-c4-khaki .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #ebce86; }
  .theme-c4-khaki .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #403a2b; }
  .theme-c4-green .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-green .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-green .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-green .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #3c5339; }
    .theme-c4-green .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-green .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #93dc87; }
  .theme-c4-green .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-green .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-green .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-green .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #1e2a1c; }
  .theme-c4-green .episodeGuide-episode--active .mediaBlock-icon {
    background: #3c5339;
    transition: background-color 0.15s ease-in; }
  .theme-c4-green .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-green .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #3c5339; }
    .theme-c4-green .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #93dc87; }
  .theme-c4-green .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #1e2a1c; }
  .theme-c4-veridian .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-veridian .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-veridian .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-veridian .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #1e7c63; }
    .theme-c4-veridian .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-veridian .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #3bfac6; }
  .theme-c4-veridian .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-veridian .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-veridian .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-veridian .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #3bfac6; }
  .theme-c4-veridian .episodeGuide-episode--active .mediaBlock-icon {
    background: #1e7c63;
    transition: background-color 0.15s ease-in; }
  .theme-c4-veridian .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-veridian .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #1e7c63; }
    .theme-c4-veridian .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #3bfac6; }
  .theme-c4-veridian .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #3bfac6; }
  .theme-c4-lavendar .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-lavendar .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-lavendar .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-lavendar .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #64668b; }
    .theme-c4-lavendar .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-lavendar .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #eeb2ff; }
  .theme-c4-lavendar .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-lavendar .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-lavendar .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-lavendar .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #313245; }
  .theme-c4-lavendar .episodeGuide-episode--active .mediaBlock-icon {
    background: #64668b;
    transition: background-color 0.15s ease-in; }
  .theme-c4-lavendar .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-lavendar .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #64668b; }
    .theme-c4-lavendar .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #eeb2ff; }
  .theme-c4-lavendar .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #313245; }
  .theme-c4-sky .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-sky .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-sky .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-sky .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #1e5485; }
    .theme-c4-sky .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-sky .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #59beff; }
  .theme-c4-sky .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-sky .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-sky .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-sky .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #0e2942; }
  .theme-c4-sky .episodeGuide-episode--active .mediaBlock-icon {
    background: #1e5485;
    transition: background-color 0.15s ease-in; }
  .theme-c4-sky .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-sky .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #1e5485; }
    .theme-c4-sky .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #59beff; }
  .theme-c4-sky .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #0e2942; }
  .theme-c4-warmgrey .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-c4-warmgrey .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-warmgrey .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-c4-warmgrey .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #5e5e59; }
    .theme-c4-warmgrey .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-c4-warmgrey .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #c9c49f; }
  .theme-c4-warmgrey .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-c4-warmgrey .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-c4-warmgrey .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-c4-warmgrey .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #2f2f2c; }
  .theme-c4-warmgrey .episodeGuide-episode--active .mediaBlock-icon {
    background: #5e5e59;
    transition: background-color 0.15s ease-in; }
  .theme-c4-warmgrey .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-c4-warmgrey .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #5e5e59; }
    .theme-c4-warmgrey .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #c9c49f; }
  .theme-c4-warmgrey .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #2f2f2c; }
  .theme-onDemand .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-image:after,
  .theme-onDemand .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-onDemand .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon,
  .theme-onDemand .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon {
    background: #383f47; }
    .theme-onDemand .episodeGuide-episode--active .episodeGuide-episodeImage .mediaBlock-icon.icon--play,
    .theme-onDemand .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeImage .mediaBlock-icon.icon--play {
      color: #00b9ff; }
  .theme-onDemand .episodeGuide-episode--active .episodeGuide-episodeTitle,
  .theme-onDemand .episodeGuide-episode--active .episodeGuide-episodeLink,
  .theme-onDemand .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeTitle,
  .theme-onDemand .episodeGuide-episode.mediaBlock-activeEpisodeWrapper .episodeGuide-episodeLink {
    color: #1e2226; }
  .theme-onDemand .episodeGuide-episode--active .mediaBlock-icon {
    background: #383f47;
    transition: background-color 0.15s ease-in; }
  .theme-onDemand .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-image:after {
    background-color: rgba(0, 0, 0, 0.3); }
  .theme-onDemand .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon {
    background: #383f47; }
    .theme-onDemand .episodeGuide-trailer:hover .episodeGuide-trailerImage .mediaBlock-icon.icon--play {
      color: #00b9ff; }
  .theme-onDemand .episodeGuide-trailer:hover .episodeGuide-trailerTitle {
    color: #1e2226; }
  .episodeGuide-episodeLink {
    display: block; }
    .episodeGuide-episodeLink:focus {
      outline: 0; }
  .episodeGuide-episodeImage {
    width: 30%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    position: relative; }
  .episodeGuide-episodeMeta {
    width: 70%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .episodeGuide-episodeTitle {
    display: block;
    float: left;
    padding: 0; }
  .episodeGuide-episodeTitle {
    margin-bottom: 10px;
    float: none; }
  .episodeGuide-episodeSummary {
    margin-bottom: 12px;
    padding: 0; }
  .episodeGuide-episodeIndicators {
    padding-left: 0;
    margin-bottom: 12px; }
  /* Trailers
  ********************************************/
  .episodeGuide-trailers {
    background: none;
    padding: 0;
    max-height: 30px;
    transition: max-height 0.2s ease-out; }
  .episodeGuide-trailers--isOpen {
    max-height: 250px;
    transition: max-height 0.15s ease-in; }
  .episodeGuide-trailersToggle {
    display: inline-block; }
  .episodeGuide-trailerList {
    width: calc(100% + 19px);
    margin-left: -9.5px;
    margin-top: 15px;
    overflow: hidden;
    float: none; }
  .episodeGuide-trailerImage {
    width: 28.57143%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
    .episodeGuide-trailerImage .mediaBlock-button {
      font-size: 0;
      display: -ms-flexbox;
      display: flex;
      height: 22px;
      color: #ffffff;
      border: 0 none;
      border-image-width: 0;
      box-sizing: border-box; }
      .episodeGuide-trailerImage .mediaBlock-button .mediaBlock-icon {
        font-size: 15px;
        width: 22px;
        height: 22px;
        line-height: 22px; }
      .episodeGuide-trailerImage .mediaBlock-button .mediaBlock-label {
        line-height: 22px; }
  .episodeGuide-trailerMeta {
    width: 71.42857%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .episodeGuide {
    position: relative; }
  .episodeGuide .advertsMpu {
    width: auto;
    position: absolute;
    top: 60px;
    right: 20px; }
  .episodeGuide--noVod .advertsMpu {
    top: 15px; }
  .episodeGuide--noMoreEpisodes {
    padding-top: 30px; }
  .page--onDemand .episodeGuide .advertsMpu {
    top: 30px;
    z-index: 1; }
  .page--onDemand .episodeGuide-seriesMeta {
    min-height: 150px; }
  .page--onDemand .episodeGuide.episodeGuide--noVod .episodeGuide-seriesMeta {
    min-height: 200px; }
  .episodeGuide-seriesMeta {
    width: 60%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0;
    min-height: 274px; }
  .episodeGuide-availabilityFilter-label {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .episodeGuide-episodeWrapper {
    margin-left: -10px;
    margin-right: -10px; }
  .episodeGuide-main {
    width: 83.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    float: right; }
  /* Aside
  ********************************************/
  .episodeGuide-aside {
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  /* Main
  ********************************************/
  .episodeGuide-episode {
    width: 100%;
    float: left;
    padding-top: 24px;
    padding-bottom: 24px; }
  .episodeGuide-episodeImage {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .episodeGuide-episodeMeta {
    width: 70%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .episodeGuide-episodeSummary {
    margin-bottom: 15px; }
  .episodeGuide-episodeIndicators {
    margin-bottom: 17px; }
  /* Trailers
  ********************************************/
  .episodeGuide-trailerList {
    width: calc(100% + 20px);
    margin-left: -10px; }
  .episodeGuide-trailerImage {
    width: 28.57143%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .episodeGuide-trailerMeta {
    width: 71.42857%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; } }

.onDemand-episodeGuideHeader {
  margin-bottom: 20px; }

.player {
  background-color: #111111;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 15px;
  padding-bottom: 15px; }

.player-header,
.player-main,
.player-footer {
  max-width: 1024px;
  margin: 0 auto; }

#html5-player {
  position: absolute;
  top: 77px;
  width: 100%;
  max-width: 1024px;
  min-height: 576px; }
  #html5-player .player__video__app {
    min-height: inherit;
    max-width: 1024px; }
  #html5-player.full_screen {
    top: 0;
    max-width: 100vw;
    height: 100vh; }
    #html5-player.full_screen .player__video__app {
      min-height: 100vh;
      max-width: 100vw; }

.player-main {
  margin-bottom: 20px; }
  .player-main-pre-spinner {
    width: 61px;
    height: 61px;
    background: url(../images/loader-light.png) no-repeat rgba(0, 0, 0, 0.6);
    background-size: contain;
    margin-left: -42px;
    margin-right: -42px;
    top: 42%;
    left: 50%;
    position: absolute;
    z-index: 100;
    animation: player-main-spinner-animation 0.80s linear infinite;
    pointer-events: none;
    border-radius: 50%;
    border: 10px solid transparent;
    opacity: 1;
    transition: opacity .3s; }

@keyframes player-main-spinner-animation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.player-container {
  position: relative;
  height: 0;
  padding: 0 0 56.25%; }
  .modal-active-ie .player-container {
    left: -999999em; }
  .player-container.player-container--debug {
    padding: 0;
    height: 882px; }

.player-object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.theme-c4 .player-accessibility-link:focus {
  color: #516f80;
  background: #edf0f2; }

.theme-e4 .player-accessibility-link:focus {
  color: #9741FF;
  background: #E8E0F3; }

.theme-more4 .player-accessibility-link:focus {
  color: #234D18;
  background: #E2ECDF; }

.theme-four7 .player-accessibility-link:focus {
  color: #3a8088;
  background: #e8f2f4; }

.theme-film4 .player-accessibility-link:focus {
  color: #d2081e;
  background: #ffeeee; }

.theme-fourmusic .player-accessibility-link:focus {
  color: #e40085;
  background: #fdeef7; }

.theme-stand-up-to-cancer .player-accessibility-link:focus {
  color: #561a08;
  background: #ffece6; }

.theme-world-drama .player-accessibility-link:focus {
  color: #ad1e4e;
  background: #fceaf0; }

.theme-c4-news .player-accessibility-link:focus {
  color: #510185;
  background: #f9f0ff; }

.theme-shorts .player-accessibility-link:focus {
  color: #1a8388;
  background: #f3fbfc; }

.theme-rewards .player-accessibility-link:focus {
  color: #846513;
  background: #fff9ec; }

.theme-c4-coral .player-accessibility-link:focus {
  color: #b45454;
  background: #fff1f1; }

.theme-c4-deeppink .player-accessibility-link:focus {
  color: #4e162e;
  background: #fff7fa; }

.theme-c4-cherry .player-accessibility-link:focus {
  color: #a31940;
  background: #fff6f9; }

.theme-c4-orange .player-accessibility-link:focus {
  color: #cb5100;
  background: #faf0ea; }

.theme-c4-greengold .player-accessibility-link:focus {
  color: #b28f15;
  background: #d8ab11; }

.theme-c4-khaki .player-accessibility-link:focus {
  color: #a1916b;
  background: #eae8e3; }

.theme-c4-green .player-accessibility-link:focus {
  color: #4a6945;
  background: #e7f1e6; }

.theme-c4-veridian .player-accessibility-link:focus {
  color: #249a7a;
  background: #e9f5f2; }

.theme-c4-lavendar .player-accessibility-link:focus {
  color: #7b7eac;
  background: #eff0fb; }

.theme-c4-sky .player-accessibility-link:focus {
  color: #2467af;
  background: #e3ebf3; }

.theme-c4-warmgrey .player-accessibility-link:focus {
  color: #75756f;
  background: #e5e5e2; }

.theme-onDemand .player-accessibility-link:focus {
  color: #42688b;
  background: #eceff3; }

/* No Flash Notification
  ********************************************/
.player-no-flash-installed {
  position: relative;
  padding: 0 0 56.25%;
  color: #fff;
  background: #3d4245;
  font-family: "c4.text.lowercase", "c4.text.uppercase", "c4.text.numbers", "c4.text.punctuation", "c4.text.currency", "c4.text.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.player-no-flash-installed-warning {
  position: absolute;
  top: 50%;
  right: 15px;
  left: 15px;
  text-align: center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.player-no-flash-installed-warning-content {
  display: inline-block; }
  .player-no-flash-installed-warning-content--leftAlign {
    text-align: left; }
  .player-no-flash-installed-warning-content .player-no-flash-installed-warning-link-container {
    padding-top: 30px; }
    .player-no-flash-installed-warning-content .player-no-flash-installed-warning-link-container .adobe-help-link {
      text-decoration: underline; }

.player-no-flash-installed-warning-title {
  margin: 0 0 20px;
  font-size: 20px;
  line-height: 25px;
  font-family: "c4.headline.lowercase", "c4.headline.uppercase", "c4.headline.numbers", "c4.headline.punctuation", "c4.headline.currency", "c4.headline.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
  .player-no-flash-installed-warning-title .icon--warning {
    display: block;
    color: #fcd337;
    font-size: 28px;
    margin: 0 5px 10px 0; }

.player-no-flash-installed-warning-message {
  display: none; }

.player-no-flash-installed-options {
  display: none; }

.player-no-flash-installed-warning-download {
  display: none;
  margin: 15px 0 0; }

/* Header
  ********************************************/
.player-header {
  margin-bottom: 15px;
  overflow: hidden; }

.player-parentalControls {
  float: right; }

.player-parentalControlsIcon {
  font-size: 21px;
  margin-left: 10px; }

/* Content
  ********************************************/
.player-content {
  position: relative;
  margin-bottom: 15px; }

.player-episodeTitle {
  float: left;
  line-height: 27px; }

.player-episodeSummary {
  float: left;
  max-width: 80%; }

/* Footer
  ********************************************/
.player-episodeExpiry {
  float: right;
  clear: right; }

.player-episodeExpiry {
  margin-bottom: 15px; }
  .player-episodeExpiry .icon--clock {
    font-size: 24px; }

.player-parentalControlsIcon,
.player-parentalControlsLabel,
.player-episodeExpiryIcon,
.player-episodeExpiryLabel {
  display: table-cell;
  vertical-align: middle; }

.player-episodeExpiryLabel {
  padding: 0 0 0 5px; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .player-no-flash-installed-warning-title .icon--warning {
    display: inline;
    vertical-align: middle; }
  .player-no-flash-installed-warning-message {
    display: block; }
  .player-no-flash-installed-options {
    display: inline-block;
    list-style-position: inside;
    margin-bottom: 10px; }
  .player-no-flash-installed-option-links .player-no-flash-installed-warning-download {
    width: 100%; }
  .player-no-flash-installed-warning-download {
    display: inline-block; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .player {
    padding-top: 30px;
    padding-bottom: 30px; }
  .player-header {
    margin-bottom: 20px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
.videoClip {
  display: block;
  position: relative;
  max-width: 100%; }

.videoClip-wrapper {
  padding-top: 56.25%; }

.videoClip-player,
.videoClip-player.video-js {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.videoClip-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff; }

/*
Brightcove overrides
*/
.videoClip .vjs-big-play-button,
.videoClip .vjs-poster,
.videoClip .vjs-dock-text,
.videoClip .vjs-dock-shelf {
  display: none; }

.videoClip .videoClip-overlay:hover.videoClip-overlay:before,
.videoClip .videoClip-overlay:active.videoClip-overlay:before,
.videoClip .videoClip-overlay:focus.videoClip-overlay:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0; }

.theme-c4 .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #2a3135; }
  .theme-c4 .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #90a5b1; }

.theme-c4 .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4 .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4 .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #333c41;
  background: #edf0f2;
  transition: 0.15s ease-in; }

.theme-e4 .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #5D289E; }
  .theme-e4 .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #BD5DF9; }

.theme-e4 .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-e4 .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-e4 .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #6E2FBC;
  background: #e8e0f3;
  transition: 0.15s ease-in; }

.theme-more4 .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #234D18; }
  .theme-more4 .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #55DB33; }

.theme-more4 .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-more4 .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-more4 .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #2E6520;
  background: #e2ecdf;
  transition: 0.15s ease-in; }

.theme-four7 .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #36787d; }
  .theme-four7 .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #68ced9; }

.theme-four7 .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-four7 .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-four7 .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #3a8088;
  background: #e8f2f4;
  transition: 0.15s ease-in; }

.theme-film4 .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #a90819; }
  .theme-film4 .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ff6474; }

.theme-film4 .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-film4 .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-film4 .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #D2081E;
  background: #ffeeee;
  transition: 0.15s ease-in; }

.theme-fourmusic .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #bd0171; }
  .theme-fourmusic .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ff89ce; }

.theme-fourmusic .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-fourmusic .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-fourmusic .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #e40085;
  background: #fdeef7;
  transition: 0.15s ease-in; }

.theme-stand-up-to-cancer .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #ac3611; }
  .theme-stand-up-to-cancer .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ff906c; }

.theme-stand-up-to-cancer .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-stand-up-to-cancer .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-stand-up-to-cancer .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #d64213;
  background: #ffece6;
  transition: 0.15s ease-in; }

.theme-world-drama .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #8a183e; }
  .theme-world-drama .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ff7ca8; }

.theme-world-drama .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-world-drama .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-world-drama .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #ad1e4e;
  background: #fceaf0;
  transition: 0.15s ease-in; }

.theme-c4-news .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #41016a; }
  .theme-c4-news .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #c473f9; }

.theme-c4-news .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-news .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-news .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #510185;
  background: #f9f0ff;
  transition: 0.15s ease-in; }

.theme-shorts .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #166a6e; }
  .theme-shorts .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #41b9bf; }

.theme-shorts .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-shorts .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-shorts .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #1a8388;
  background: #f3fbfc;
  transition: 0.15s ease-in; }

.theme-rewards .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #b08719; }
  .theme-rewards .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ebd952; }

.theme-rewards .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-rewards .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-rewards .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #dca91f;
  background: #fff9ec;
  transition: 0.15s ease-in; }

.theme-c4-coral .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #b45454; }
  .theme-c4-coral .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ffb6c2; }

.theme-c4-coral .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-coral .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-coral .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #df6767;
  background: #fff1f1;
  transition: 0.15s ease-in; }

.theme-c4-deeppink .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #9e2c5d; }
  .theme-c4-deeppink .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ff79df; }

.theme-c4-deeppink .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-deeppink .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-deeppink .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #c43672;
  background: #fff7fa;
  transition: 0.15s ease-in; }

.theme-c4-cherry .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #841535; }
  .theme-c4-cherry .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ff6daa; }

.theme-c4-cherry .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-cherry .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-cherry .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #a31940;
  background: #fff6f9;
  transition: 0.15s ease-in; }

.theme-c4-orange .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #b45111; }
  .theme-c4-orange .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #fbbd59; }

.theme-c4-orange .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-orange .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-orange .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #df6413;
  background: #faf0ea;
  transition: 0.15s ease-in; }

.theme-c4-greengold .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #907412; }
  .theme-c4-greengold .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #fad112; }

.theme-c4-greengold .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-greengold .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-greengold .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #b28f15;
  background: #d8ab11;
  transition: 0.15s ease-in; }

.theme-c4-khaki .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #72664A; }
  .theme-c4-khaki .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #ebce86; }

.theme-c4-khaki .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-khaki .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-khaki .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #80755A;
  background: #eae8e3;
  transition: 0.15s ease-in; }

.theme-c4-green .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #3c5339; }
  .theme-c4-green .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #93dc87; }

.theme-c4-green .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-green .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-green .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #4a6945;
  background: #e7f1e6;
  transition: 0.15s ease-in; }

.theme-c4-veridian .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #1e7c63; }
  .theme-c4-veridian .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #3bfac6; }

.theme-c4-veridian .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-veridian .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-veridian .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #249a7a;
  background: #e9f5f2;
  transition: 0.15s ease-in; }

.theme-c4-lavendar .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #64668b; }
  .theme-c4-lavendar .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #eeb2ff; }

.theme-c4-lavendar .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-lavendar .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-lavendar .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #7b7eac;
  background: #eff0fb;
  transition: 0.15s ease-in; }

.theme-c4-sky .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #1e5485; }
  .theme-c4-sky .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #59beff; }

.theme-c4-sky .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-sky .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-sky .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #2467af;
  background: #e3ebf3;
  transition: 0.15s ease-in; }

.theme-c4-warmgrey .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #5e5e59; }
  .theme-c4-warmgrey .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #c9c49f; }

.theme-c4-warmgrey .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-c4-warmgrey .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-c4-warmgrey .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #75756f;
  background: #e5e5e2;
  transition: 0.15s ease-in; }

.theme-onDemand .videoClip .videoClip-overlay:hover .mediaBlock-icon {
  background: #383f47; }
  .theme-onDemand .videoClip .videoClip-overlay:hover .mediaBlock-icon.icon--play {
    color: #00b9ff; }

.theme-onDemand .videoClip .videoClip-overlay:hover .mediaBlock-image:after {
  background-color: rgba(0, 0, 0, 0.3); }

.theme-onDemand .videoClip .videoClip-overlay:active .mediaBlock-label--button,
.theme-onDemand .videoClip .videoClip-overlay:focus .mediaBlock-label--button {
  color: #444d57;
  background: #eceff3;
  transition: 0.15s ease-in; }

.videoListItem {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px; }
  .videoListItem:last-child {
    margin-bottom: 0; }

.videoListItem-link {
  display: -ms-flexbox;
  display: flex; }

.videoListItem-image {
  position: relative; }

.videoListItem-image-display {
  position: relative;
  border-right: 0px solid #fff; }

.videoListItem-info {
  background: #fff; }

.videoListItem-title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 3px; }

.videoListItem-secondaryTitle {
  color: #565656;
  font-size: 14px;
  margin-bottom: 0; }
  .videoListItem-secondaryTitle:hover, .videoListItem-secondaryTitle:focus, .videoListItem-secondaryTitle:active {
    color: #565656; }

@media (max-width: 499px) {
  .videoList {
    width: 100%;
    float: left; }
  .videoListItem-image-display {
    width: 41.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-right: 0;
    border-right-width: 5.5px; }
  .videoListItem-info {
    width: 58.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 5.5px solid transparent;
    background-clip: padding-box; }
  .videoList-seeMore {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .videoList {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .videoListItem-image-display {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding: 0;
    border-right-width: 7px; }
  .videoListItem-info {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    padding: 10px 14px 10px 7px; }
  .videoListItem-title {
    font-size: 17px;
    margin-bottom: 5px; }
  .videoList-seeMore {
    width: 100%;
    float: left; } }

@media (min-width: 700px) {
  .videoList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0; }
  .videoListItem {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .videoListItem,
  .videoListItem:last-child {
    margin-bottom: 20px; }
  .videoListItem-link {
    display: block; }
  .videoListItem-image-display {
    width: 100%;
    border: 0;
    margin-bottom: 10px; }
  .videoListItem-info {
    width: 100%;
    padding: 0; } }

@media (min-width: 1000px) {
  .videoListItem {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; } }

.videoCarouselItem {
  font-size: 14px;
  line-height: 20px; }
  .videoCarouselItem .mediaBlock-button {
    transform: translateZ(0); }
  .videoCarouselItem :focus {
    outline: none; }

.videoCarouselItem-info {
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .videoCarouselItem-info-row1 {
    -ms-flex-order: 1;
    order: 1; }
  .videoCarouselItem-info-row2 {
    -ms-flex-order: 2;
    order: 2; }

.videoCarouselItem-title,
.videoCarouselItem-secondaryTitle {
  margin-bottom: 10px; }

.videoCarouselItem-title {
  font-size: 14px;
  line-height: 1.4; }

.videoCarouselItem-secondaryTitle {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  padding: 4px 5px 3px; }
  .videoCarouselItem-secondaryTitle:hover, .videoCarouselItem-secondaryTitle:focus, .videoCarouselItem-secondaryTitle:active {
    color: #fff; }

.videoCarouselItem-image {
  position: relative;
  margin-bottom: 10px; }

.videoCarouselItem-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background: #fff; }
  .videoCarouselItem-inner .videoCarouselItem-link {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 13px;
    right: 13px; }

a.videoCarouselItem-link--active {
  pointer-events: none;
  cursor: default; }
  a.videoCarouselItem-link--active .videoCarouselItem-info {
    opacity: 0.7; }
  a.videoCarouselItem-link--active .mediaBlock-image:after,
  a.videoCarouselItem-link--active:hover .mediaBlock-image:after,
  a.videoCarouselItem-link--active:focus .mediaBlock-image:after,
  a.videoCarouselItem-link--active:active .mediaBlock-image:after {
    content: 'Playing';
    text-align: center;
    font-size: 17px;
    padding-top: 27%;
    background-color: rgba(0, 0, 0, 0.7); }

@media (min-width: 700px) {
  .videoCarouselItem {
    padding: 0 10px; } }

@media (min-width: 1000px) {
  .videoCarouselItem {
    padding: 0 9px; } }

.theme-c4 .videoCarouselItem-secondaryTitle {
  background: #333c41; }

.theme-e4 .videoCarouselItem-secondaryTitle {
  background: #6E2FBC; }

.theme-more4 .videoCarouselItem-secondaryTitle {
  background: #2E6520; }

.theme-four7 .videoCarouselItem-secondaryTitle {
  background: #3a8088; }

.theme-film4 .videoCarouselItem-secondaryTitle {
  background: #D2081E; }

.theme-fourmusic .videoCarouselItem-secondaryTitle {
  background: #e40085; }

.theme-stand-up-to-cancer .videoCarouselItem-secondaryTitle {
  background: #d64213; }

.theme-world-drama .videoCarouselItem-secondaryTitle {
  background: #ad1e4e; }

.theme-c4-news .videoCarouselItem-secondaryTitle {
  background: #510185; }

.theme-shorts .videoCarouselItem-secondaryTitle {
  background: #1a8388; }

.theme-rewards .videoCarouselItem-secondaryTitle {
  background: #dca91f; }

.theme-c4-coral .videoCarouselItem-secondaryTitle {
  background: #df6767; }

.theme-c4-deeppink .videoCarouselItem-secondaryTitle {
  background: #c43672; }

.theme-c4-cherry .videoCarouselItem-secondaryTitle {
  background: #a31940; }

.theme-c4-orange .videoCarouselItem-secondaryTitle {
  background: #df6413; }

.theme-c4-greengold .videoCarouselItem-secondaryTitle {
  background: #b28f15; }

.theme-c4-khaki .videoCarouselItem-secondaryTitle {
  background: #80755A; }

.theme-c4-green .videoCarouselItem-secondaryTitle {
  background: #4a6945; }

.theme-c4-veridian .videoCarouselItem-secondaryTitle {
  background: #249a7a; }

.theme-c4-lavendar .videoCarouselItem-secondaryTitle {
  background: #7b7eac; }

.theme-c4-sky .videoCarouselItem-secondaryTitle {
  background: #2467af; }

.theme-c4-warmgrey .videoCarouselItem-secondaryTitle {
  background: #75756f; }

.theme-onDemand .videoCarouselItem-secondaryTitle {
  background: #444d57; }

.vjs-error-display {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  animation-timing-function: linear;
  -moz-opacity: 0;
  -moz-animation-name: fadeIn;
  -moz-animation-duration: 0.5s;
  -moz-animation-fill-mode: forwards;
  -moz-animation-delay: 2s;
  -moz-animation-timing-function: linear;
  -webkit-opacity: 0;
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function: linear;
  -o-opacity: 0;
  -o-animation-name: fadeIn;
  -o-animation-duration: 0.5s;
  -o-animation-fill-mode: forwards;
  -o-animation-delay: 2s;
  -o-animation-timing-function: linear; }

.asset {
  padding-top: 20px; }
  .asset:before, .asset:after {
    content: " ";
    display: table; }
  .asset:after {
    clear: both; }

.asset-aside,
.asset-main,
.asset-more {
  font-size: 14px;
  line-height: 20px; }

.asset-aside,
.asset-main,
.asset-more,
.asset-vod-promo-container {
  display: block;
  margin-bottom: 30px; }
  .asset-aside:before, .asset-aside:after,
  .asset-main:before,
  .asset-main:after,
  .asset-more:before,
  .asset-more:after,
  .asset-vod-promo-container:before,
  .asset-vod-promo-container:after {
    content: " ";
    display: table; }
  .asset-aside:after,
  .asset-main:after,
  .asset-more:after,
  .asset-vod-promo-container:after {
    clear: both; }

.asset-aside {
  margin-bottom: 20px; }

.asset-more {
  clear: both;
  padding-top: 20px;
  border-top: 1px solid #bbbbbb; }

.asset-vod-promo-container {
  clear: both;
  padding-top: 20px; }

.asset-container {
  margin-bottom: 10px; }
  .asset-container .c4rc:before, .asset-container .c4rc:after {
    content: " ";
    display: table; }
  .asset-container .c4rc:after {
    clear: both; }

.asset-title {
  margin-bottom: 20px; }

.asset-metaItem {
  margin-bottom: 5px; }

.asset-metaItem--duration,
.asset-metaItem--guidance {
  color: #767676; }

.asset-metaItem--guidance .roundel {
  vertical-align: middle; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .asset-aside,
  .asset-main {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .asset-aside,
  .asset-main,
  .asset-more {
    font-size: 16px;
    line-height: 24px; }
  .asset-aside,
  .asset-main {
    width: 83.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin: 0 auto 30px auto;
    float: none; }
  .asset-container {
    margin-bottom: 20px; }
  .asset-metaItem--duration {
    display: none; }
  .asset-more {
    padding-top: 30px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .asset-aside,
  .asset-main,
  .asset-more {
    font-size: 14px;
    line-height: 20px; }
  .asset-aside,
  .asset-main {
    width: 83.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin: 0 auto 40px auto;
    float: none; }
  .asset-aside {
    margin-bottom: 16px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .asset {
    padding-top: 33px; }
  .asset-aside,
  .asset-main,
  .asset-more {
    font-size: 16px;
    line-height: 24px; }
  .asset-aside {
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px; }
  .asset-main {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .asset-more {
    width: 66.66667%;
    margin: 0 auto;
    float: none; } }

.assetMoreList {
  position: relative; }

.assetMoreList-items {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.assetMoreList-link {
  display: block; }

.assetMoreListItem {
  display: block;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.assetMoreListItem-link {
  display: block; }

.assetMoreListItem-link.paletteLink:hover,
.assetMoreListItem-link.paletteLink:active,
.assetMoreListItem-link.paletteLink:focus {
  text-decoration: none; }

.assetMoreListItem-title {
  margin-top: 5px;
  display: block; }

.assetMoreListItem-meta {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px; }

.assetMoreListItem-meta--duration,
.assetMoreListItem-meta--guidance {
  color: #767676; }

.assetMoreListItem-meta--guidance .roundel {
  vertical-align: middle; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .assetMoreList-title {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    margin-bottom: 20px; }
  .assetMoreList-link {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .assetMoreList-items {
    clear: both; }
  .assetMoreListItem {
    width: 50%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .assetMoreList-title {
    width: 66.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 30px; }
  .assetMoreList-link {
    position: absolute;
    right: 7px;
    top: 0; }
  .assetMoreList-items {
    clear: both; }
  .assetMoreListItem {
    width: 33.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 40px; }
  .assetMoreListItem-title {
    margin-top: 10px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .assetMoreList-title {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetMoreList-link {
    right: 9.5px; }
  .assetMoreListItem {
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-bottom: 20px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .assetMoreList-title {
    max-width: 460px; }
  .assetMoreList-link {
    right: 10px; }
  .assetMoreListItem {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px; } }

.article-body {
  font-size: 16px;
  line-height: 24px; }
  .article-body p {
    margin-bottom: 20px; }
    .article-body p.no-break {
      margin-top: 0; }
    .article-body p + p.no-break {
      margin-top: -20px; }
  .article-body iframe {
    border: none; }

.article-meta {
  margin-bottom: 20px; }
  .article-meta span {
    padding-right: 10px; }
    .article-meta span:not(:first-child) {
      padding-left: 13px;
      border-left: 1px solid #bbb; }

.article-image {
  display: block;
  margin-bottom: 30px; }
  .article-image--small {
    width: 25%;
    min-width: 140px; }
  .article-image--medium {
    width: 45%; }
  .article-image--large {
    width: 100%; }
  .article-image.right {
    margin-left: auto;
    margin-right: 0; }
    .article-image.right.float {
      float: right;
      margin-left: 20px;
      margin-bottom: 20px; }
  .article-image.left {
    margin-left: 0;
    margin-right: auto; }
    .article-image.left.float {
      float: left;
      margin-right: 20px;
      margin-bottom: 20px; }
  .article-image.center {
    margin-left: auto;
    margin-right: auto; }

.article-image-caption {
  font-size: 13px;
  margin: 10px 0; }

.article-quote {
  color: #888;
  padding: 10px;
  margin-left: auto;
  margin-right: auto; }
  .article-quote:before, .article-quote:after {
    font-family: Georgia, Times, 'Times New Roman', serif; }
  .article-quote:before {
    position: relative;
    font-size: 40px;
    content: "“";
    margin-left: -20px;
    margin-right: 4px; }
  .article-quote:after {
    content: "”"; }

a.article-iframe-link {
  display: inline-block;
  margin-bottom: 10px; }

.article-video {
  position: relative;
  background: #d3d3d3;
  width: 100%;
  margin-bottom: 30px; }
  .article-video--inactive:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%; }
  .article-video .article-video-inactiveInner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .article-video .article-video-inactiveIcon {
    display: block;
    font-size: 60px;
    margin-bottom: 10px; }
  .article-video .article-video-inactiveMessage {
    font-size: 16px;
    color: #575757; }

.article-hr {
  border: 0;
  border-bottom: 1px solid #bbb; }

@media (max-width: 499px) {
  .article-body .article-image--medium,
  .article-body .article-image--large,
  .article-body .article-video {
    width: 100%; }
  .article-h3 {
    font-size: 16px;
    line-height: 19px; }
  .article-h4 {
    font-size: 14px;
    line-height: 20px; }
  .article-quote {
    color: #333;
    font-size: 20px;
    line-height: 26px;
    width: calc(100% * 10 / 12); }
    .article-quote:before {
      top: .3em; }
  .article-image--medium.right.float, .article-image--medium.left.float {
    margin: 0 0 30px; } }

@media (min-width: 500px) {
  .article-h3 {
    font-size: 16px;
    line-height: 20px; }
  .article-h4 {
    font-size: 14px;
    line-height: 20px; }
  .article-quote {
    font-size: 20px;
    line-height: 26px;
    width: calc(100% * 10 / 12); }
    .article-quote:before {
      top: .3em; } }

@media (min-width: 700px) {
  .article-body p {
    margin-bottom: 30px; }
    .article-body p + p.no-break {
      margin-top: -30px; }
  .article-h3,
  .article-h4 {
    margin-bottom: 20px; }
    .article-h3:not(:first-of-type),
    .article-h4:not(:first-of-type) {
      padding-top: 20px; }
  .article-h3 {
    font-size: 18px;
    line-height: 22px; }
  .article-h4 {
    font-size: 16px;
    line-height: 22px; }
  .article-quote {
    font-size: 24px;
    line-height: 30px;
    width: calc(100% * 2 / 3); }
    .article-quote:before {
      top: .25em; } }

@media (min-width: 1000px) {
  .article-h3 {
    font-size: 20px;
    line-height: 22px; }
  .article-h4 {
    font-size: 18px;
    line-height: 24px; }
  .article-quote {
    font-size: 24px;
    line-height: 32px;
    width: calc(100% * 3 / 4); } }

.theme-c4 .article-body .article-quote:before, .theme-c4 .article-body .article-quote:after {
  color: rgba(51, 60, 65, 0.3); }

.theme-e4 .article-body .article-quote:before, .theme-e4 .article-body .article-quote:after {
  color: rgba(110, 47, 188, 0.3); }

.theme-more4 .article-body .article-quote:before, .theme-more4 .article-body .article-quote:after {
  color: rgba(46, 101, 32, 0.3); }

.theme-four7 .article-body .article-quote:before, .theme-four7 .article-body .article-quote:after {
  color: rgba(58, 128, 136, 0.3); }

.theme-film4 .article-body .article-quote:before, .theme-film4 .article-body .article-quote:after {
  color: rgba(210, 8, 30, 0.3); }

.theme-fourmusic .article-body .article-quote:before, .theme-fourmusic .article-body .article-quote:after {
  color: rgba(228, 0, 133, 0.3); }

.theme-stand-up-to-cancer .article-body .article-quote:before, .theme-stand-up-to-cancer .article-body .article-quote:after {
  color: rgba(214, 66, 19, 0.3); }

.theme-world-drama .article-body .article-quote:before, .theme-world-drama .article-body .article-quote:after {
  color: rgba(173, 30, 78, 0.3); }

.theme-c4-news .article-body .article-quote:before, .theme-c4-news .article-body .article-quote:after {
  color: rgba(81, 1, 133, 0.3); }

.theme-shorts .article-body .article-quote:before, .theme-shorts .article-body .article-quote:after {
  color: rgba(26, 131, 136, 0.3); }

.theme-rewards .article-body .article-quote:before, .theme-rewards .article-body .article-quote:after {
  color: rgba(220, 169, 31, 0.3); }

.theme-c4-coral .article-body .article-quote:before, .theme-c4-coral .article-body .article-quote:after {
  color: rgba(223, 103, 103, 0.3); }

.theme-c4-deeppink .article-body .article-quote:before, .theme-c4-deeppink .article-body .article-quote:after {
  color: rgba(196, 54, 114, 0.3); }

.theme-c4-cherry .article-body .article-quote:before, .theme-c4-cherry .article-body .article-quote:after {
  color: rgba(163, 25, 64, 0.3); }

.theme-c4-orange .article-body .article-quote:before, .theme-c4-orange .article-body .article-quote:after {
  color: rgba(223, 100, 19, 0.3); }

.theme-c4-greengold .article-body .article-quote:before, .theme-c4-greengold .article-body .article-quote:after {
  color: rgba(178, 143, 21, 0.3); }

.theme-c4-khaki .article-body .article-quote:before, .theme-c4-khaki .article-body .article-quote:after {
  color: rgba(128, 117, 90, 0.3); }

.theme-c4-green .article-body .article-quote:before, .theme-c4-green .article-body .article-quote:after {
  color: rgba(74, 105, 69, 0.3); }

.theme-c4-veridian .article-body .article-quote:before, .theme-c4-veridian .article-body .article-quote:after {
  color: rgba(36, 154, 122, 0.3); }

.theme-c4-lavendar .article-body .article-quote:before, .theme-c4-lavendar .article-body .article-quote:after {
  color: rgba(123, 126, 172, 0.3); }

.theme-c4-sky .article-body .article-quote:before, .theme-c4-sky .article-body .article-quote:after {
  color: rgba(36, 103, 175, 0.3); }

.theme-c4-warmgrey .article-body .article-quote:before, .theme-c4-warmgrey .article-body .article-quote:after {
  color: rgba(117, 117, 111, 0.3); }

.theme-onDemand .article-body .article-quote:before, .theme-onDemand .article-body .article-quote:after {
  color: rgba(68, 77, 87, 0.3); }

.font-c4 .article-body .article-quote {
  font-family: "c4.chadwick.extralight.lowercase", "c4.chadwick.extralight.uppercase", "c4.chadwick.extralight.numbers", "c4.chadwick.extralight.punctuation", "c4.chadwick.extralight.currency", "c4.chadwick.extralight.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.font-c4 .article-body .article-h3,
.font-c4 .article-body .article-h4 {
  font-family: "c4.chadwick.medium.lowercase", "c4.chadwick.medium.uppercase", "c4.chadwick.medium.numbers", "c4.chadwick.medium.punctuation", "c4.chadwick.medium.currency", "c4.chadwick.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.font-e4 .article-body .article-h3,
.font-e4 .article-body .article-h4 {
  font-family: "c4.router.medium.lowercase", "c4.router.medium.uppercase", "c4.router.medium.numbers", "c4.router.medium.punctuation", "c4.router.medium.currency", "c4.router.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; }

.gallery {
  width: 100%;
  position: relative; }

.gallery-main {
  width: 100%; }

.gallery-image {
  margin-bottom: 10px; }

.gallery-meta {
  position: relative;
  margin-bottom: 40px; }

.gallery-imageDesc {
  margin: 0 100px 0 0; }

.gallery-nav {
  position: absolute;
  right: 0;
  top: 0; }

.gallery-navItem {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #454d58;
  margin-left: 2px;
  color: #fff;
  font-size: 30px; }

.gallery-thumbContainer {
  width: 100%; }

.gallery-thumb {
  display: inline-block;
  position: relative; }

.gallery-thumb--selected:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid;
  top: 0; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .gallery-meta {
    min-height: 120px; }
  .gallery-thumbContainer {
    width: calc(100% + 5.5px);
    margin-left: -2.75px; }
  .gallery-thumb {
    width: 16.66667%;
    padding: 4px 2.75px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .gallery-meta {
    min-height: 140px; }
  .gallery-thumbContainer {
    width: calc(100% + 7px);
    margin-left: -3.5px; }
  .gallery-thumb {
    width: 16.66667%;
    padding: 4px 3.5px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .gallery-meta {
    min-height: 80px; }
  .gallery-thumbContainer {
    width: calc(100% + 9.5px);
    margin-left: -4.75px; }
  .gallery-thumb {
    width: 16.66667%;
    padding: 4px 4.75px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .gallery-meta {
    min-height: 100px; }
  .gallery-thumbContainer {
    width: calc(100% + 10px);
    margin-left: -5px; }
  .gallery-thumb {
    width: 16.66667%;
    padding: 4px 5px; } }

.assetIndexList-main {
  margin-top: 10px; }

.assetIndexList-item {
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 20px; }
  .assetIndexList-item.advert {
    margin-bottom: 0; }
  .assetIndexList-item > .advertsMpu {
    margin: 20px auto 40px auto;
    width: 300px; }
    .assetIndexList-item > .advertsMpu.advert-empty {
      margin: 0; }

.assetIndexList-itemTitle {
  margin-bottom: 5px; }

.assetIndexList-itemImage {
  position: relative; }
  .assetIndexList-itemImage .mediaBlock-button {
    position: absolute;
    bottom: 5px; }

.assetIndexList-itemInfo--hasNoImage {
  margin-top: 20px;
  margin-bottom: 20px; }

.assetIndexList-itemMetaData {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 7px; }

.assetIndexList-itemDuration {
  color: #787878;
  margin-top: 2px; }

.assetIndexList-itemSummary {
  margin-bottom: 0; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .assetIndexList-itemImage {
    width: 33.33333%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
    .assetIndexList-itemImage .mediaBlock-button {
      bottom: 10px; }
  .assetIndexList-itemInfo {
    width: 66.66667%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .assetIndexList-itemInfo--hasNoImage {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
  .assetIndexList-pageTitle {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px;
    margin-top: 5px;
    margin-bottom: 10px; }
  .assetIndexList-itemTitle {
    font-size: 16px;
    line-height: 1.3;
    margin-top: -2px; }
  .assetIndexList-itemMetaData {
    margin: 0; }
  .assetIndexList-itemSummary {
    font-size: 14px;
    line-height: 1.4; }
  .assetIndexList-item--clipsExtras {
    margin-bottom: 30px; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .assetIndexList-pageTitle {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 10px;
    margin-bottom: 12px; }
  .assetIndexList-itemImage {
    width: 33.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
    .assetIndexList-itemImage .mediaBlock-button {
      bottom: 10px; }
  .assetIndexList-itemInfo {
    width: 66.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .assetIndexList-itemInfo--hasNoImage {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .assetIndexList-itemTitle {
    font-size: 19px;
    line-height: 1.3; }
  .assetIndexList-item--clipsExtras {
    margin-bottom: 30px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .assetIndexList-item > .advertsMpu {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexList-main {
    width: 75%;
    float: left; }
  .assetIndexList-pageTitle {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-top: 20px;
    margin-bottom: 25px; }
  .assetIndexList-pageTitle--gallery {
    margin-bottom: 5px; }
  .assetIndexList-itemImage {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexList-itemInfo {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexList-itemInfo--hasNoImage {
    width: 66.66667%;
    float: right;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexList-itemTitle {
    font-size: 17px;
    line-height: 1.3; }
  .assetIndexList-viewMore {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .assetIndexList-item > .advertsMpu {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexList-main {
    width: 75%;
    float: left; }
  .assetIndexList-pageTitle {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexList-itemImage {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
    .assetIndexList-itemImage .mediaBlock-button {
      bottom: 20px; }
  .assetIndexList-itemInfo {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexList-itemInfo--hasNoImage {
    width: 66.66667%;
    float: right;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexList-itemTitle {
    font-size: 20px; }
  .assetIndexList-viewMore {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexList-item--clipsExtras {
    margin-bottom: 40px; } }

.assetIndexGrid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: baseline;
  align-items: baseline; }

.assetIndexGrid-item {
  list-style-type: none;
  margin-bottom: 40px; }

.assetIndexGrid-itemImageWrapper {
  position: relative; }

.assetIndexGrid-itemCount {
  width: 37px;
  height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 1px rgba(255, 255, 255, 0.5);
  font-size: 16px;
  line-height: 1.9;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1; }

.assetIndexGrid-itemSummary {
  margin-bottom: 0; }

@media (max-width: 499px) {
  .assetIndexGrid-item {
    width: 50%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; }
    .assetIndexGrid-item.advert {
      width: 100%;
      margin-bottom: 0;
      padding: 0; }
      .assetIndexGrid-item.advert .advertsMpu {
        margin: 0 auto 40px auto; }
      .assetIndexGrid-item.advert .advertsMpu.advert-empty {
        margin: 0; }
  .assetIndexGrid-itemTitle {
    margin-top: 10px;
    font-size: 18px; }
  .assetIndexGrid-itemSummary {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.4; }
  .assetIndexGrid-viewMore {
    width: 100%;
    float: left;
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+3),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+4),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+5),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+8),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+9),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+10) {
    width: 33.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .assetIndexGrid .assetIndexGrid-item:first-of-type {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+1),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+7) {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+2),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+6) {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .assetIndexGrid .advertsMpu {
    margin: 0 auto; }
  .assetIndexGrid-itemTitle {
    margin-top: 10px;
    font-size: 19px; }
  .assetIndexGrid-itemSummary {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5; }
  .assetIndexGrid-viewMore {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 700px) {
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+3),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+4),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+5),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+8),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+9),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+10) {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:first-of-type {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+1),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+7) {
    width: 44.44444%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+2),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+6) {
    width: 55.55556%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(1) {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(2) {
    width: 66.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .advertsMpu {
    float: right; }
  .assetIndexGrid-itemTitle {
    font-size: 17px; }
  .assetIndexGrid-itemSummary {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.4; }
  .assetIndexGrid-viewMore {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

@media (min-width: 800px) and (max-width: 999px) {
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+3),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+4),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+5),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+8),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+9),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+10) {
    width: 33.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:first-of-type {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 20px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+1),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+7) {
    width: 44.44444%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+2),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+6) {
    width: 55.55556%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(1) {
    width: 44.44444%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(2) {
    width: 55.55556%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px; } }

@media (min-width: 1000px) {
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+3),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+4),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+5),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+8),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+9),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+10) {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+2),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+6) {
    width: 44.44444%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+1),
  .assetIndexGrid .assetIndexGrid-item:nth-of-type(10n+7) {
    width: 55.55556%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
  .assetIndexGrid-itemTitle {
    font-size: 20px; }
  .assetIndexGrid-itemSummary {
    font-size: 16px;
    line-height: 1.5; }
  .assetIndexGrid-viewMore {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px; } }

.assetIndexFilter-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.assetIndexFilter-item {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
  border-left: 2px solid transparent;
  padding-left: 8px; }

.theme-c4 .assetIndexFilter-item--active {
  border-left: 3px solid #333c41; }

.theme-e4 .assetIndexFilter-item--active {
  border-left: 3px solid #6E2FBC; }

.theme-more4 .assetIndexFilter-item--active {
  border-left: 3px solid #2E6520; }

.theme-four7 .assetIndexFilter-item--active {
  border-left: 3px solid #3a8088; }

.theme-film4 .assetIndexFilter-item--active {
  border-left: 3px solid #D2081E; }

.theme-fourmusic .assetIndexFilter-item--active {
  border-left: 3px solid #e40085; }

.theme-stand-up-to-cancer .assetIndexFilter-item--active {
  border-left: 3px solid #d64213; }

.theme-world-drama .assetIndexFilter-item--active {
  border-left: 3px solid #ad1e4e; }

.theme-c4-news .assetIndexFilter-item--active {
  border-left: 3px solid #510185; }

.theme-shorts .assetIndexFilter-item--active {
  border-left: 3px solid #1a8388; }

.theme-rewards .assetIndexFilter-item--active {
  border-left: 3px solid #dca91f; }

.theme-c4-coral .assetIndexFilter-item--active {
  border-left: 3px solid #df6767; }

.theme-c4-deeppink .assetIndexFilter-item--active {
  border-left: 3px solid #c43672; }

.theme-c4-cherry .assetIndexFilter-item--active {
  border-left: 3px solid #a31940; }

.theme-c4-orange .assetIndexFilter-item--active {
  border-left: 3px solid #df6413; }

.theme-c4-greengold .assetIndexFilter-item--active {
  border-left: 3px solid #b28f15; }

.theme-c4-khaki .assetIndexFilter-item--active {
  border-left: 3px solid #80755A; }

.theme-c4-green .assetIndexFilter-item--active {
  border-left: 3px solid #4a6945; }

.theme-c4-veridian .assetIndexFilter-item--active {
  border-left: 3px solid #249a7a; }

.theme-c4-lavendar .assetIndexFilter-item--active {
  border-left: 3px solid #7b7eac; }

.theme-c4-sky .assetIndexFilter-item--active {
  border-left: 3px solid #2467af; }

.theme-c4-warmgrey .assetIndexFilter-item--active {
  border-left: 3px solid #75756f; }

.theme-onDemand .assetIndexFilter-item--active {
  border-left: 3px solid #444d57; }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .assetIndexFilter {
    display: none; }
  .assetIndexFilter-slidingMenu-cta {
    display: block; } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .assetIndexFilter {
    display: none; }
  .assetIndexFilter-slidingMenu-cta {
    display: block; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .assetIndexFilter {
    display: inline-block;
    width: 25%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin-top: 30px; }
  .assetIndexFilter-slidingMenu-cta {
    display: none; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .assetIndexFilter {
    display: inline-block;
    width: 16.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px; } }

.slidingMenu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5; }

.slidingMenu-cta {
  background-color: #ececec;
  height: auto;
  line-height: 24px;
  padding: 10px 20px; }

.slidingMenu-header {
  padding: 15px 18px; }

.slidingMenu-content {
  height: calc(100% - 120px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.slidingMenu-title {
  margin-bottom: 2px; }

.slidingMenu-secondaryTitle {
  font-size: 14px;
  margin-bottom: 0; }

.slidingMenu-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  transition: opacity 0.2s ease-out; }

.slidingMenu-inner {
  position: absolute;
  right: 0;
  height: 100%;
  background: white;
  opacity: 1;
  transition: opacity 0.2s ease-out, right 0.2s ease-out; }

.slidingMenu-close {
  font-family: "c4.text.lowercase", "c4.text.uppercase", "c4.text.numbers", "c4.text.punctuation", "c4.text.currency", "c4.text.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 20px;
  cursor: pointer; }

.slidingMenu-list {
  list-style-type: none; }

.slidingMenu-item {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4;
  padding: 16px 14px 14px;
  border-top: 1px solid #f0f0f0;
  border-left: 4px solid transparent;
  cursor: pointer; }
  .slidingMenu-item:last-of-type {
    border-bottom: 1px solid #f0f0f0; }

.slidingMenu-item--active {
  border-top: 0;
  background: #f0f0f0;
  position: relative;
  margin-bottom: -1px;
  z-index: 1; }

.slidingMenu-item-inner {
  text-align: left; }

.anim-enter .slidingMenu-inner,
.anim-leave .slidingMenu-inner {
  opacity: 0; }

.anim-enter .slidingMenu-overlay,
.anim-leave .slidingMenu-overlay {
  opacity: 0; }

@media (max-width: 499px) {
  .slidingMenu-inner {
    width: calc(75% - 11px); }
  .slidingMenu-cta {
    width: calc(100% - 10px);
    margin-left: 5.5px;
    margin-right: 5.5px; }
  .anim-enter .slidingMenu-inner {
    right: -75%; }
  .anim-leave .slidingMenu-inner {
    right: -33.33333%; } }

@media (min-width: 500px) {
  .slidingMenu-inner {
    width: calc(75% - 14px); }
  .slidingMenu-cta {
    width: calc(100% - 14px);
    margin-left: 7px;
    margin-right: 7px; }
  .anim-enter .slidingMenu-inner {
    right: -75%; }
  .anim-leave .slidingMenu-inner {
    right: -33.33333%; } }

.theme-c4 .slidingMenu-item--active {
  border-left: 5px solid #516f80; }

.theme-c4 .slidingMenu-cta {
  color: #516f80; }
  .theme-c4 .slidingMenu-cta:hover {
    background-color: #2a3135;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4 .slidingMenu-close {
  color: #14181a; }

.theme-c4 .slidingMenu-inner {
  color: #516f80; }

.theme-e4 .slidingMenu-item--active {
  border-left: 5px solid #9741ff; }

.theme-e4 .slidingMenu-cta {
  color: #9741FF; }
  .theme-e4 .slidingMenu-cta:hover {
    background-color: #5D289E;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-e4 .slidingMenu-close {
  color: #2D134C; }

.theme-e4 .slidingMenu-inner {
  color: #9741FF; }

.theme-more4 .slidingMenu-item--active {
  border-left: 5px solid #56BE3C; }

.theme-more4 .slidingMenu-cta {
  color: #234D18; }
  .theme-more4 .slidingMenu-cta:hover {
    background-color: #234D18;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-more4 .slidingMenu-close {
  color: #16320F; }

.theme-more4 .slidingMenu-inner {
  color: #234D18; }

.theme-four7 .slidingMenu-item--active {
  border-left: 5px solid #90ded9; }

.theme-four7 .slidingMenu-cta {
  color: #3a8088; }
  .theme-four7 .slidingMenu-cta:hover {
    background-color: #36787d;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-four7 .slidingMenu-close {
  color: #14181a; }

.theme-four7 .slidingMenu-inner {
  color: #3a8088; }

.theme-film4 .slidingMenu-item--active {
  border-left: 5px solid #df001a; }

.theme-film4 .slidingMenu-cta {
  color: #d2081e; }
  .theme-film4 .slidingMenu-cta:hover {
    background-color: #a90819;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-film4 .slidingMenu-close {
  color: #540303; }

.theme-film4 .slidingMenu-inner {
  color: #d2081e; }

.theme-fourmusic .slidingMenu-item--active {
  border-left: 5px solid #ff47b4; }

.theme-fourmusic .slidingMenu-cta {
  color: #e40085; }
  .theme-fourmusic .slidingMenu-cta:hover {
    background-color: #bd0171;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-fourmusic .slidingMenu-close {
  color: #5e0038; }

.theme-fourmusic .slidingMenu-inner {
  color: #e40085; }

.theme-stand-up-to-cancer .slidingMenu-item--active {
  border-left: 5px solid #ff8864; }

.theme-stand-up-to-cancer .slidingMenu-cta {
  color: #561a08; }
  .theme-stand-up-to-cancer .slidingMenu-cta:hover {
    background-color: #ac3611;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-stand-up-to-cancer .slidingMenu-close {
  color: #561a08; }

.theme-stand-up-to-cancer .slidingMenu-inner {
  color: #561a08; }

.theme-world-drama .slidingMenu-item--active {
  border-left: 5px solid #e3316d; }

.theme-world-drama .slidingMenu-cta {
  color: #ad1e4e; }
  .theme-world-drama .slidingMenu-cta:hover {
    background-color: #8a183e;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-world-drama .slidingMenu-close {
  color: #e3316d; }

.theme-world-drama .slidingMenu-inner {
  color: #ad1e4e; }

.theme-c4-news .slidingMenu-item--active {
  border-left: 5px solid #6c00b2; }

.theme-c4-news .slidingMenu-cta {
  color: #510185; }
  .theme-c4-news .slidingMenu-cta:hover {
    background-color: #41016a;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-news .slidingMenu-close {
  color: #200035; }

.theme-c4-news .slidingMenu-inner {
  color: #510185; }

.theme-shorts .slidingMenu-item--active {
  border-left: 5px solid #89dee2; }

.theme-shorts .slidingMenu-cta {
  color: #1a8388; }
  .theme-shorts .slidingMenu-cta:hover {
    background-color: #166a6e;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-shorts .slidingMenu-close {
  color: #0a3436; }

.theme-shorts .slidingMenu-inner {
  color: #1a8388; }

.theme-rewards .slidingMenu-item--active {
  border-left: 5px solid #ffcb17; }

.theme-rewards .slidingMenu-cta {
  color: #846513; }
  .theme-rewards .slidingMenu-cta:hover {
    background-color: #b08719;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-rewards .slidingMenu-close {
  color: #493206; }

.theme-rewards .slidingMenu-inner {
  color: #846513; }

.theme-c4-coral .slidingMenu-item--active {
  border-left: 5px solid #ff7878; }

.theme-c4-coral .slidingMenu-cta {
  color: #b45454; }
  .theme-c4-coral .slidingMenu-cta:hover {
    background-color: #b45454;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-coral .slidingMenu-close {
  color: #592929; }

.theme-c4-coral .slidingMenu-inner {
  color: #b45454; }

.theme-c4-deeppink .slidingMenu-item--active {
  border-left: 5px solid #d51571; }

.theme-c4-deeppink .slidingMenu-cta {
  color: #4e162e; }
  .theme-c4-deeppink .slidingMenu-cta:hover {
    background-color: #9e2c5d;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-deeppink .slidingMenu-close {
  color: #4e162e; }

.theme-c4-deeppink .slidingMenu-inner {
  color: #4e162e; }

.theme-c4-cherry .slidingMenu-item--active {
  border-left: 5px solid #da1c52; }

.theme-c4-cherry .slidingMenu-cta {
  color: #a31940; }
  .theme-c4-cherry .slidingMenu-cta:hover {
    background-color: #841535;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-cherry .slidingMenu-close {
  color: #410a1a; }

.theme-c4-cherry .slidingMenu-inner {
  color: #a31940; }

.theme-c4-orange .slidingMenu-item--active {
  border-left: 5px solid #ff7829; }

.theme-c4-orange .slidingMenu-cta {
  color: #cb5100; }
  .theme-c4-orange .slidingMenu-cta:hover {
    background-color: #b45111;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-orange .slidingMenu-close {
  color: #592808; }

.theme-c4-orange .slidingMenu-inner {
  color: #cb5100; }

.theme-c4-greengold .slidingMenu-item--active {
  border-left: 5px solid #d8ab11; }

.theme-c4-greengold .slidingMenu-cta {
  color: #b28f15; }
  .theme-c4-greengold .slidingMenu-cta:hover {
    background-color: #907412;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-greengold .slidingMenu-close {
  color: #473908; }

.theme-c4-greengold .slidingMenu-inner {
  color: #b28f15; }

.theme-c4-khaki .slidingMenu-item--active {
  border-left: 5px solid #c3af80; }

.theme-c4-khaki .slidingMenu-cta {
  color: #a1916b; }
  .theme-c4-khaki .slidingMenu-cta:hover {
    background-color: #72664A;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-khaki .slidingMenu-close {
  color: #403a2b; }

.theme-c4-khaki .slidingMenu-inner {
  color: #a1916b; }

.theme-c4-green .slidingMenu-item--active {
  border-left: 5px solid #4e7f47; }

.theme-c4-green .slidingMenu-cta {
  color: #4a6945; }
  .theme-c4-green .slidingMenu-cta:hover {
    background-color: #3c5339;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-green .slidingMenu-close {
  color: #1e2a1c; }

.theme-c4-green .slidingMenu-inner {
  color: #4a6945; }

.theme-c4-veridian .slidingMenu-item--active {
  border-left: 5px solid #35b793; }

.theme-c4-veridian .slidingMenu-cta {
  color: #249a7a; }
  .theme-c4-veridian .slidingMenu-cta:hover {
    background-color: #1e7c63;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-veridian .slidingMenu-close {
  color: #0e3e31; }

.theme-c4-veridian .slidingMenu-inner {
  color: #249a7a; }

.theme-c4-lavendar .slidingMenu-item--active {
  border-left: 5px solid #9a9ddf; }

.theme-c4-lavendar .slidingMenu-cta {
  color: #7b7eac; }
  .theme-c4-lavendar .slidingMenu-cta:hover {
    background-color: #64668b;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-lavendar .slidingMenu-close {
  color: #313245; }

.theme-c4-lavendar .slidingMenu-inner {
  color: #7b7eac; }

.theme-c4-sky .slidingMenu-item--active {
  border-left: 5px solid #1174df; }

.theme-c4-sky .slidingMenu-cta {
  color: #2467af; }
  .theme-c4-sky .slidingMenu-cta:hover {
    background-color: #1e5485;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-sky .slidingMenu-close {
  color: #1174df; }

.theme-c4-sky .slidingMenu-inner {
  color: #2467af; }

.theme-c4-warmgrey .slidingMenu-item--active {
  border-left: 5px solid #acaca0; }

.theme-c4-warmgrey .slidingMenu-cta {
  color: #75756f; }
  .theme-c4-warmgrey .slidingMenu-cta:hover {
    background-color: #5e5e59;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-c4-warmgrey .slidingMenu-close {
  color: #2f2f2c; }

.theme-c4-warmgrey .slidingMenu-inner {
  color: #75756f; }

.theme-onDemand .slidingMenu-item--active {
  border-left: 5px solid #42688b; }

.theme-onDemand .slidingMenu-cta {
  color: #42688b; }
  .theme-onDemand .slidingMenu-cta:hover {
    background-color: #383f47;
    color: rgba(255, 255, 255, 0.7);
    box-shadow: none; }

.theme-onDemand .slidingMenu-close {
  color: #1e2226; }

.theme-onDemand .slidingMenu-inner {
  color: #42688b; }

.pcModal-title {
  margin-left: 5px;
  vertical-align: top; }

.modal--pc .modal-header {
  background: rgba(217, 31, 0, 0.1); }

/*-----------------------------------------
    Mobile
  -----------------------------------------*/
@media (max-width: 499px) {
  .modal--pc .modal-body {
    padding: 30px 33px;
    height: calc(100% - 50px); } }

/*-----------------------------------------
    Phablet
  -----------------------------------------*/
@media (min-width: 500px) {
  .modal--pc .modal-body {
    padding: 30px 37px; } }

/*-----------------------------------------
    Tablet
  -----------------------------------------*/
@media (min-width: 700px) {
  .modal--pc .modal-body {
    padding: 30px 43px; }
  .modal--pc .modal-text {
    margin-bottom: 20px; } }

/*-----------------------------------------
    Desktop
  -----------------------------------------*/
@media (min-width: 1000px) {
  .modal--pc .modal-body {
    padding: 30px 53px; } }

.asset-vod-promo-container {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }

.asset-vod-promo--title {
  margin-bottom: 15px; }

.mediaBlock-button--vodPromoSlice.mediaBlock-button {
  position: absolute; }

.mediaBlock-button--vodPromoSlice .mediaBlock-icon {
  bottom: 60px;
  position: absolute; }

.mediaBlock-button--vodPromoSlice .mediaBlock-label {
  bottom: 60px;
  left: 44px; }

.asset-vod-promo--summary {
  padding-top: 20px; }

.page--pictureAsset .asset-vod-promo-container {
  border-top: 1px solid #bbb; }
  .page--pictureAsset .asset-vod-promo-container.asset-vod-promo-container--worldDrama {
    border-top: none; }

.mediaBlock-button--vodPromoSlice {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  color: #ffffff;
  border: 0 none;
  border-image-width: 0;
  box-sizing: border-box; }
  .mediaBlock-button--vodPromoSlice .mediaBlock-icon {
    font-size: 29px;
    width: 44px;
    height: 44px;
    line-height: 44px; }
  .mediaBlock-button--vodPromoSlice .mediaBlock-label {
    line-height: 44px; }

.asset-vod-promo--worldDrama .asset-vod-promo--link img {
  width: 100%;
  height: 100%; }

@media (max-width: 499px) {
  .asset-vod-promo.vodNotAvailable {
    display: none; }
    .asset-vod-promo.vodNotAvailable ~ .advertsMpu {
      padding-top: 0; }
  .asset-vod-promo--title {
    width: 100%; }
  .page--article-asset .advertsMpu,
  .page--video-asset .advertsMpu,
  .page--profile-asset .advertsMpu,
  .page--pictureAsset .advertsMpu {
    margin: 0 auto; }
  .asset-vod-promo {
    padding-left: 5.5px;
    padding-right: 5.5px; } }

@media (min-width: 500px) {
  .asset-vod-promo {
    padding-left: 0;
    padding-right: 0; }
  .asset-vod-promo-container {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; }
  .asset-vod-promo--summary {
    width: 41.66667%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    float: right;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 0; }
  .asset-vod-promo--title {
    padding-left: 0; }
  .asset-vod-promo--link {
    width: 58.33333%;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    display: inline-block;
    padding-left: 0; }
  .mediaBlock-button--vodPromoSlice {
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    color: #ffffff;
    border: 0 none;
    border-image-width: 0;
    box-sizing: border-box; }
    .mediaBlock-button--vodPromoSlice .mediaBlock-icon {
      font-size: 29px;
      width: 44px;
      height: 44px;
      line-height: 44px; }
    .mediaBlock-button--vodPromoSlice .mediaBlock-label {
      line-height: 44px; }
  .mediaBlock-button--vodPromoSlice .mediaBlock-label--button {
    height: 44px;
    left: 44px;
    font-size: 16px; }
  .asset-vod-promo-container .advertsMpu {
    padding-top: 33px;
    float: none;
    width: 300px;
    clear: both;
    margin: 0 auto; }
  .asset-vod-promo.vodNotAvailable {
    display: none;
    overflow: hidden; }
    .asset-vod-promo.vodNotAvailable ~ .advertsMpu {
      padding-top: 0; }
  .asset-vod-promo-title {
    width: 100%;
    float: left;
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 700px) {
  .asset-vod-promo.vodNotAvailable {
    display: block;
    width: 58.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin: 0 auto;
    padding-left: 0; }
  .asset-vod-promo-container {
    width: 100%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin: 0 auto;
    float: none; }
  .asset-vod-promo--link {
    width: 100%; }
  .asset-vod-promo {
    width: 58.33333%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    margin: 0 auto;
    padding-left: 0; }
  .asset-vod-promo--summary {
    padding-left: 0;
    width: 100%;
    padding-top: 20px; }
  .asset-vod-promo-container .advertsMpu {
    width: 41.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    padding-top: 18px;
    float: right;
    clear: none;
    margin: 0 auto; }
  .asset-vod-promo-container--worldDrama .asset-vod-promo--summary {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-top: 10px; }
  .asset-vod-promo-container--worldDrama .advertsMpu {
    width: 41.66667%;
    float: left;
    padding-left: 9.5px;
    padding-right: 9.5px;
    padding-top: 18px;
    float: right;
    clear: none;
    margin: 0 auto; }
  .asset-vod-promo-container--worldDrama .asset-vod-promo--link {
    width: 100%; }
    .asset-vod-promo-container--worldDrama .asset-vod-promo--link img {
      width: 100%; } }

@media (min-width: 1000px) {
  .asset-vod-promo.vodNotAvailable {
    display: block; }
    .asset-vod-promo.vodNotAvailable .asset-vod-promo--link {
      overflow: hidden; }
  .asset-vod-promo-container {
    width: 66.66667%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    float: none; }
  .asset-vod-promo-container--worldDrama .asset-vod-promo--link {
    width: 100%; }
  .asset-vod-promo-container--worldDrama .asset-vod-promo-container .advertsMpu {
    padding-top: 18px; }
  .asset-vod-promo-container--worldDrama .asset-vod-promo--summary {
    width: 100%;
    float: left;
    padding-left: 0; }
  .asset-vod-promo-container--worldDrama .asset-vod-promo--link img {
    width: 100%; } }

.noFlashOverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999; }

.noFlashOverlay-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }

.noFlashOverlay-watchInApp,
.noFlashOverlay-downloadApp,
.noFlashOverlay-cancel {
  display: block;
  margin: 0 auto 20px; }
  .noFlashOverlay-watchInApp:last-child,
  .noFlashOverlay-downloadApp:last-child,
  .noFlashOverlay-cancel:last-child {
    margin-bottom: 0; }

.noFlashOverlay-cancel {
  color: #ffffff;
  line-height: 44px; }

.all4-promo-banner__yellow-block, .all4-promo-banner__teal-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0; }
  .all4-promo-banner__yellow-block span, .all4-promo-banner__teal-block span {
    font-family: "c4.medium.lowercase", "c4.medium.uppercase", "c4.medium.numbers", "c4.medium.punctuation", "c4.medium.currency", "c4.medium.maths", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    color: #1e1e1e; }

.all4-promo-banner {
  height: 40px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: black; }
  .all4-promo-banner__text--yellow {
    display: none; }
  .all4-promo-banner__text--teal-regular {
    display: none; }
  .all4-promo-banner__text--teal-mobile {
    display: unset; }
  .all4-promo-banner__yellow-block {
    min-width: 26px;
    margin-right: 10px;
    border-bottom: 2px solid #ffe600; }
    .all4-promo-banner__yellow-block span {
      color: #ffffff; }
  .all4-promo-banner__wedge-block__triangle {
    border-left: 25px solid transparent;
    border-bottom: 40px solid #00ffc4; }
  .all4-promo-banner__teal-block {
    background-color: #00ffc4;
    padding: 10px; }
    .all4-promo-banner__teal-block svg {
      height: 12px;
      min-height: 12px;
      fill: #1e1e1e;
      margin-left: 6px; }
  .all4-promo-banner:focus {
    border: 2px solid #09a7bc;
    transition: none; }
    .all4-promo-banner:focus .all4-promo-banner__teal-block {
      padding-right: 8px; }
    .all4-promo-banner:focus .all4-promo-banner__wedge-block {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden; }
  .all4-promo-banner:hover span {
    text-decoration: underline; }
  @media (min-width: 600px) {
    .all4-promo-banner__text--yellow {
      display: unset; }
    .all4-promo-banner__text--teal-regular {
      display: unset; }
    .all4-promo-banner__text--teal-mobile {
      display: none; } }

.parental-control {
  color: #333; }
  .parental-control .main-content .showAllButton {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    line-height: 16px;
    border: 0;
    color: #fff;
    background-color: #42688b; }
  .parental-control .main-content .showAllButton:hover,
  .parental-control .main-content .showAllButton:focus {
    background-color: #35536f; }
  .parental-control .main-content li, .parental-control .main-content ol, .parental-control .main-content ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .parental-control .main-content a:hover {
    text-decoration: underline; }
  .parental-control .main-content input.pin {
    width: 32px;
    height: 30px;
    display: inline-block;
    margin-right: 7px;
    font-size: 2em;
    text-align: center; }
  .parental-control .main-content #parental-control-pin-disable .pin {
    margin-bottom: 10px;
    margin-top: 0; }
  .parental-control .main-content input.checkbox {
    width: auto;
    height: auto; }
  .parental-control .main-content input.checkbox,
  .parental-control .main-content label.checkbox {
    width: auto;
    display: inline;
    vertical-align: middle;
    position: inherit; }
  .parental-control .main-content label,
  .parental-control .main-content legend {
    width: 250px;
    display: block; }
  .parental-control .main-content label {
    margin-bottom: 3px;
    margin-bottom: 3px;
    padding-top: 0; }
  .parental-control .main-content label[for=ageConfirmPin] {
    margin-bottom: 10px; }
  .parental-control .main-content p.error {
    color: #c00;
    margin-top: 5px;
    margin-bottom: 5px;
    display: none; }
  .parental-control .main-content #parental-control-no-js {
    margin: 20px 0; }
    .js .parental-control .main-content #parental-control-no-js {
      display: none; }
  .parental-control .main-content #parental-control-pin-setup {
    display: none; }
    .parental-control .main-content #parental-control-pin-setup fieldset {
      position: relative;
      margin: 0;
      padding: 0;
      border: none; }
      .parental-control .main-content #parental-control-pin-setup fieldset .attribute-list li {
        margin-bottom: 10px; }
        .parental-control .main-content #parental-control-pin-setup fieldset .attribute-list li label {
          width: auto; }
      .parental-control .main-content #parental-control-pin-setup fieldset .large-rated label, .parental-control .main-content #parental-control-pin-setup fieldset .large-rated input {
        vertical-align: middle;
        display: inline-block; }
      .parental-control .main-content #parental-control-pin-setup fieldset .large-rated input {
        vertical-align: middle;
        display: inline-block; }
    .parental-control .main-content #parental-control-pin-setup .pin-section {
      width: 49%;
      margin-right: 2%;
      float: left; }
    .parental-control .main-content #parental-control-pin-setup .pin-section-last {
      margin-right: 0; }
    .parental-control .main-content #parental-control-pin-setup .rated {
      background: transparent url(https://static.bips.channel4.com/static/bips/46.0.0/assets/images/parental-control/pin-icons-sprite.png) 0 -100px no-repeat;
      padding-left: 30px; }
    .parental-control .main-content #parental-control-pin-setup .small-18 {
      background-position: 0 -201px; }
    .parental-control .main-content #parental-control-pin-setup .small-16,
    .parental-control .main-content #parental-control-pin-setup .small-18 {
      min-height: 20px; }
    .parental-control .main-content #parental-control-pin-setup .large-16 {
      background-position: 0 -294px;
      padding-left: 35px;
      padding: 10px 0 10px 40px; }
    .parental-control .main-content #parental-control-pin-setup .large-18 {
      background-position: 0 -394px;
      padding-left: 35px;
      padding: 10px 0 10px 40px; }
    .parental-control .main-content #parental-control-pin-setup #enablePinAccess {
      background-position: 0 -473px; }
  .parental-control .main-content #parental-control-pin-confirmed {
    display: none; }
  .parental-control .main-content #parental-control-pin-disable {
    display: none; }
  .parental-control .main-content #parental-control-pin-disabled {
    display: none; }
  .parental-control .main-content #parental-control-ukccis {
    margin-top: 20px;
    padding-top: 20px; }
  .parental-control .pc-contentBlock {
    padding: 20px 20px 25px 20px;
    margin-bottom: 20px; }
    .parental-control .pc-contentBlock p:first-child {
      margin-top: 0; }