@charset "UTF-8";
/* Main setup files */
@font-face {
  font-family: 'Open Sans';
  src: url("/a/styles/fonts-css/fonts/Open-Sans-Regular.eot");
  src: url("/a/styles/fonts-css/fonts/Open-Sans-Regular.eot?#iefix") format("embedded-opentype"), url("/a/styles/fonts-css/fonts/Open-Sans-Regular.woff") format("woff"), url("/a/styles/fonts-css/fonts/Open-Sans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/a/styles/fonts-css/fonts/Open-Sans-Bold.eot");
  src: url("/a/styles/fonts-css/fonts/Open-Sans-Bold.eot?#iefix") format("embedded-opentype"), url("/a/styles/fonts-css/fonts/Open-Sans-Bold.woff") format("woff"), url("/a/styles/fonts-css/fonts/Open-Sans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

/* Ideally these would be loaded only when the theme is loaded,
    right now they are loaded all the time, regardless of what theme
    the user is on */
@font-face {
  font-family: 'Stag Web';
  src: url("/a/styles/fonts-css/fonts/Stag-Web-Light.eot");
  src: url("/a/styles/fonts-css/fonts/Stag-Web-Light.eot?#iefix") format("embedded-opentype"), url("/a/styles/fonts-css/fonts/Stag-Web-Light.woff") format("woff"), url("/a/styles/fonts-css/fonts/Stag-Web-Light.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Stag Medium';
  src: url("/a/styles/fonts-css/fonts/Stag-Medium-Web.eot");
  src: url("/a/styles/fonts-css/fonts/Stag-Medium-Web.eot?#iefix") format("embedded-opentype"), url("/a/styles/fonts-css/fonts/Stag-Medium-Web.woff") format("woff"), url("/a/styles/fonts-css/fonts/Stag-Medium-Web.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

body {
  font-size: 16px;
  min-width: 20em; }

html {
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  background-color: #f4f4f4; }

/* By default the browser adds an outline on :focus for accessibility
   reasons; we add our own styles to accentuate the item with the :focus
   so disable the default browser behaviour. */
input:focus {
  outline: none; }

/* use for helper classes mostly */
.feed .card.cardFullBleed, .feed .card.cardRegular, .feed .card.cardShow, .feed .card.cardListing, .feed .detail .detailHeadline, .feed .detail .deck, .feed .detail .byline, .feed .detail .jumpTo, .feed .imageMedia .leadimage-caption, .feed .media, .feed .mediaEmbed, .feed .PhotoGallery, .feed .story, .feed .userSplitTest .jumpTo {
  -webkit-margin-before: 16px;
  -webkit-margin-after: 16px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin-top: 16px; }

button {
  background-color: #ffffff;
  border-width: 3px;
  border-style: solid;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.25rem;
  font-size: 1.25rem;
  font-weight: bold;
  border-radius: 0;
  border-color: #e60505;
  color: #e60505; }

.feed .contentList button.loadMore.loading .loader, .feed .cookieJar .loading .loader {
  height: 20px;
  width: 20px;
  border: 4px solid #e60505;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  animation: rotate 0.8s infinite linear; }

.fadein, .feed .PhotoGallery .cbcfg ul.images li .placeholder img {
  opacity: 0;
  animation: fadein 0.7s; }

.feed .youtube, .feed .story .instagram, .feed .story .scribble, .feed .story .documentCloud, .feed .story .storify .storifyIframe, .feed .story .customHtml, .feed .story .facebook, .feed .story .facebookVideo, .feed .story .twitter-tweet {
  clear: both; }

/* Put generic animations declarations here */
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

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

.scrollFreeze {
  overflow: hidden;
  height: 100%; }
  .scrollFreeze .ad-risingstar,
  .scrollFreeze .globalheader-placeholder {
    display: none !important; }

.globalheader-placeholder {
  height: 111px; }

/* To add a new svg:
    - Get the text within the actual svg file, grab only the text on the <svg> tags
    - Replace any variables as needed make it a one line string
    - Add it as a background property with the following property-> background: svg-url('<svg> .... </svg>');
    - NOTE: Requires ruby 2.2.1+ to work;
*/
/*
  Function to replace characters in a string
*/
/****
DO NOT EDIT THIS FILE
It comes directly from the normalize.css project and may be replaced at any point.
****/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block; }

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

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

/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus,
button:focus {
  outline: thin dotted; }

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover,
button:hover {
  outline: 0; }

/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted; }

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

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

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

/**
* Address styling not present in IE 8/9.
*/
mark {
  background: #ff0;
  color: #000; }

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

/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
  white-space: pre-wrap; }

/**
* Set consistent quote types.
*/
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
* 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
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
  border: 0; }

/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
  margin: 0; }

/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
* 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 Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
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; }

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

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

/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

.feed {
  /* Import Advertising Component(s) css rules */
  /**
 * @file Advertising/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Start AdGPT css rules */
  /* Start Clickable Wallpaper styles */
  /* End Clickable Wallpaper styles */
  /* Start Hide Responsive Bigbox in mobile */
  /* End Hide Responsive Bigbox in mobile */
  /* End AdGPT css rules */
  /* Main Theme, required as basis for any other theme */
  /**
 * @file AppContainer/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Banner/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Card/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Carousel/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Comments/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**************************
    VIAFOURA CSS
**************************/
  /* Message should be: This comment is awaiting moderation by the site administrators. */
  /* comment icon */
  /* modal dialogs */
  /* Hide comment counts on the news page until fixed. */
  /* Hide the most popular widget on the news page until fixed. */
  /* Set link colors for dropzone buttons */
  /* MAINT-929 “Sign up” form name field - My Profile - Settings and Sign Up */
  /**
 * @file ContentList/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file FeaturedArea/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file ContentArea/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Custom breakpoint for the Featured sidebar area tablet view */
  /**
 * @file Detail/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Show/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file FollowUs/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file GlobalFooter/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /**
 * @file GlobalHeader/styles/themes/_default.scss
 *
 * All default styles go here
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Icon/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Image/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* The breakpoints might have to be readjusted */
  /* Small */
  /* Medium */
  /**
 * @file Index/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Landing/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file LandingNews/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file LandingPlus/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file QuizCard/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file MyTrending/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file AudiencePage/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file LandingSports/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file LandingSearch/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file LandingShows/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Media/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /**
 * @file MediaEmbed/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Small */
  /**
 * @file MediaContainer/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Youtube/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file ErrorPage/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file NotFound/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /**
 * @file NotFound/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Series/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* All default styles go here */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* constants*/
  /**
 * @file RadioList/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file RegionInfo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file SearchBar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file SectionTitle/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Share/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file SponsorInfo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file LandingVideo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Slider/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Story/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Small */
  /* Medium */
  /**
 * @file BreakingArea/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file RegionInfo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Sitemap/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file GenericPage/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Small */
  /**
 * @file TrendingList/styles/themes/_default.scss
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file VoteMeter/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file AuthorImage/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file InfostradaWidget/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file BusinessWidget/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file UpakneeWidget/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file BlankPage/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Labs/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file PageIntro/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file MoreStories/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Swimlane/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file ListenLive/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file Schedule/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file CookieJar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file PersistentPlayer/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file ZendeskWidget/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Hide Zendesk Help button */
  /**
 * @file OlympicsWidget/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /**
 * @file UserSplitTest/styles/themes/_default.scss
 *
 * All default styles go here.
 */
  /* all utilities go here (mixins etc) */
  /* e.g. @import 'mixins'; */
  /* Theme Files, for now compiling here, should be setup on a different file later */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Adding this wrapper class for now, but this should definitely should get removed */
  /* Vendors */
  /* Print Media */ }
  .feed .advertising {
    /**
 * @file AdInlineResponsive/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .advertising .adInlineResponsive {
      background-color: #252525;
      width: 100%;
      box-sizing: border-box;
      padding: 1rem 0; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-container {
        max-width: 80rem;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .feed .advertising .adInlineResponsive .adInlineResponsive-container a {
          color: white; }
        .feed .advertising .adInlineResponsive .adInlineResponsive-container a h5:hover {
          text-decoration: underline; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex: 1;
            flex: 1;
        color: #ffffff;
        background-color: #252525;
        box-sizing: border-box;
        border: 1px solid #ffffff;
        padding-bottom: 20px; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel:first-child {
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        margin-right: .75rem; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel:nth-child(3) {
        margin-left: .75rem; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-image {
        margin-bottom: 15px; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-image img {
        width: 100%; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-headline {
        margin: 0 20px; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-headline h1 {
        margin: 0; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-headline h4 {
        margin: 0; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-positive: 1;
            flex-grow: 1;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 0 20px; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-description {
        margin: 0; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-cta {
        margin-top: 25px;
        cursor: pointer; }
      .feed .advertising .adInlineResponsive .adInlineResponsive-panel-cta h5 {
        margin: 0;
        border: 1px solid #ffffff;
        padding: 5px 15px;
        display: inline-block; }
      .feed .viewportMedium .advertising .adInlineResponsive .adInlineResponsive-panel:first-child {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        margin-bottom: .75rem; }
      .feed .viewportSmall .advertising .adInlineResponsive .adInlineResponsive-panel {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
      .feed .viewportSmall .advertising .adInlineResponsive .adInlineResponsive-panel:first-child {
        margin-bottom: .75rem; }
      .feed .viewportSmall .advertising .adInlineResponsive .adInlineResponsive-panel:nth-child(2) {
        margin-bottom: .75rem; }
      .feed .viewportSmall .advertising .adInlineResponsive .adInlineResponsive-panel:nth-child(3) {
        margin-left: 0; }
    @media (max-width: 1300px) {
      .feed .advertising .adInlineResponsive {
        padding: 1rem 1rem; } }
  .feed .ad-risingstar {
    display: none;
    background-color: #f4f4f4; }
    .feed .ad-risingstar .risingstar {
      background: url("data:image/gif;base64,R0lGODlhCgBaAIABAHl5ef///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUYxRjhCQ0M0QkQ2MTFFM0E0NDQ4MDQ2QjZDOTJCQTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUYxRjhCQ0Q0QkQ2MTFFM0E0NDQ4MDQ2QjZDOTJCQTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERDZDN0RGOTRCQTgxMUUzQTQ0NDgwNDZCNkM5MkJBNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDZDN0RGQTRCQTgxMUUzQTQ0NDgwNDZCNkM5MkJBNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAKAFoAAAJnjI+py+0PowEUMGsVXhvVLH3gdIwBaKIaJXlsYpZO7NLXB5+6p6d9TgrhNLtcjOUrtoIc2LB5aYmkTFnHqvwdq48p70oCa4HZ2ZOMJjor0vP4m90kyw2v+p4uuUP19QsKuCQ4SNhQAAA7") no-repeat right center;
      margin-right: 10px; }
    .feed .viewportSmall .detail .ad-risingstar {
      margin-left: -16px; }
  .feed .ad-bigbox {
    height: 250px;
    margin: 0 auto 1rem;
    padding: 1.2rem 0;
    background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat center 5px; }
    .feed .sidebar .ad-bigbox {
      border-top: 1px solid #e0e0e0;
      margin-bottom: 1rem; }
  .feed .ad-bigbox-fixed {
    position: fixed;
    right: 5px;
    z-index: 800;
    background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat center 5px;
    padding: 1.2rem 0;
    transition: opacity .3s ease-in-out; }
  .feed .ad-bigbox-fixed.hide {
    opacity: 0; }
  .feed .viewability-display {
    margin: 0 auto;
    width: 1px; }
  @media (max-width: 764px) {
    .feed .ad-risingstar {
      display: none;
      background-color: #f4f4f4; } }
  .feed .appContainer.click-wp {
    cursor: pointer;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center; }
    .feed .appContainer.click-wp .ad-risingstar, .feed .appContainer.click-wp .globalHeader {
      cursor: auto;
      max-width: 64rem;
      margin: 0 auto; }
      .feed .appContainer.click-wp .ad-risingstar .advertisement.risingstar, .feed .appContainer.click-wp .globalHeader .advertisement.risingstar {
        max-width: 64rem; }
    .feed .appContainer.click-wp .advertisement.risingstar:not(.cbc-caffeine-ads-container) {
      max-width: auto; }
    .feed .appContainer.click-wp .globalHeader {
      left: 50%;
      margin-left: -32rem; }
    .feed .appContainer.click-wp .content {
      background-color: #ffffff;
      max-width: 64rem;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      cursor: auto; }
    .feed .appContainer.click-wp .globalFooter {
      border-top: 1px solid #eaeaea;
      margin-top: 0; }
    .feed .appContainer.click-wp .ad-outofpage {
      height: 0; }
    .feed .appContainer.click-wp.viewportLarge .wallpaperArea .contentArea .featuredArea .card.cardRegular,
    .feed .appContainer.click-wp.viewportLarge .wallpaperArea .contentArea .featuredArea .card.cardFullBleed,
    .feed .appContainer.click-wp.viewportLarge .wallpaperArea .contentArea .contentList .card.cardRegular,
    .feed .appContainer.click-wp.viewportLarge .wallpaperArea .contentArea .contentList .card.cardFullBleed {
      -ms-flex-preferred-size: 210px;
          flex-basis: 210px; }
    .feed .appContainer.click-wp.viewportLarge .swimlane {
      margin-left: 0;
      width: auto; }
      .feed .appContainer.click-wp.viewportLarge .swimlane.regionInfo {
        padding: 0 1rem; }
  @media (max-width: 640px) {
    .feed .ad-bigbox.responsive {
      display: none; } }
  @media (max-width: 1330px) {
    .feed .ad-bigbox-fixed {
      display: none; } }
  .feed .pageLoader {
    z-index: 2001;
    position: fixed;
    top: calc(50% - (100px/2));
    left: calc(50% - (100px/2));
    margin: 0 auto;
    width: 100px;
    height: 100px; }
    .feed .pageLoader .circular {
      animation: rotate 2s linear infinite;
      height: 100%;
      -ms-transform-origin: center center;
          transform-origin: center center;
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .feed .pageLoader .path {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
      stroke-linecap: round;
      stroke-width: 5px;
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
  .feed .a11y {
    /* accessibility class visually hides content but keeps it available for Assistive Tech users */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .feed .a11y {
    /* accessibility class visually hides content but keeps it available for Assistive Tech users */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes color {
  100%,
  0% {
    stroke: #e60505; }
  40% {
    stroke: #ffffff; }
  66% {
    stroke: #e60505; }
  80%,
  90% {
    stroke: #ffffff; } }
  .feed .appContainer {
    background-color: #ffffff;
    overflow-x: hidden; }
    .feed .appContainer.loading .content,
    .feed .appContainer.loading .globalHeader,
    .feed .appContainer.loading .globalFooter,
    .feed .appContainer.loading .ad-risingstar {
      -webkit-filter: blur(5px);
              filter: blur(5px);
      transform: translateZ(0); }
    .feed .appContainer .loaderOverlay {
      content: "";
      display: block;
      background: #545454;
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 2000;
      opacity: 0.6;
      overflow: hidden; }
    .feed .appContainer.loaded {
      opacity: 1; }
    .feed .appContainer .feed-content {
      max-width: 80rem;
      margin: 0 auto;
      padding-left: 16px;
      padding-right: 16px;
      transition: max-width .3s ease-out; }
    .feed .appContainer > .content {
      padding-top: 16px;
      padding-bottom: 16px;
      background-color: #ffffff; }
    .feed .appContainer.detail, .feed .appContainer.cookiesTheme, .feed .appContainer.metaTheme {
      background-color: #ffffff; }
    .feed .appContainer .advertisement:not(.cbc-caffeine-ads-container),
    .feed .appContainer .vastAdvertisement:not(.cbc-caffeine-ads-container) {
      margin: 0 auto;
      text-align: center;
      z-index: 200; }
    .feed .appContainer .feedTourButton, .feed .appContainer .zenFeedbackButton {
      background: #e60505;
      border: 1px solid #e60505;
      color: #ffffff;
      font-size: 0.9rem;
      margin: 0.1rem 0 0 1rem;
      padding: 0.2rem 0.5rem; }
      .feed .appContainer .feedTourButton:hover, .feed .appContainer .feedTourButton:focus, .feed .appContainer .zenFeedbackButton:hover, .feed .appContainer .zenFeedbackButton:focus {
        background: #ffffff;
        border: 1px solid #545454;
        color: #e60505; }
  .feed .banner {
    /* Styles namespaced to component to avoid naming conflicts */
    background-color: #ffffff;
    border: 3px solid #0550c8;
    color: #000000;
    font-size: 0.95rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.2rem 0.2rem;
    text-align: center;
    /* Imports for subcomponent(s) go here */ }
    .feed .banner a:link, .feed .banner a:visited, .feed .banner a:hover, .feed .banner a:active {
      transition: background-color 0.25s linear;
      color: #0550c8;
      border-bottom: 1px solid #d8d8d8;
      text-decoration: none;
      display: inline-block;
      margin-left: 3px; }
      .feed .banner a:link:hover, .feed .banner a:link:focus, .feed .banner a:visited:hover, .feed .banner a:visited:focus, .feed .banner a:hover:hover, .feed .banner a:hover:focus, .feed .banner a:active:hover, .feed .banner a:active:focus {
        background-color: #d8d8d8; }
    .feed .banner .spaced {
      width: 15vw;
      min-width: 88px; }
    .feed .detail .banner {
      margin: 1rem 0 2rem 0; }
    .feed .banner.dismissed {
      display: none; }
    .feed .banner.notice {
      background-color: #ffffff;
      border: 3px solid #0550c8;
      overflow: auto; }
    .feed .banner.info {
      border: 1px solid #cbcbcb; }
    .feed .banner.warning {
      border: 1px solid #FAB924; }
    .feed .banner.error {
      border: 1px solid #e60505; }
    .feed .banner .closeButton {
      background-color: transparent;
      border: none;
      color: #545454;
      float: right;
      font-size: 0.8rem; }
      .feed .banner .closeButton:hover {
        color: #e60505; }
  .feed .card {
    -ms-flex-align: start;
        align-items: flex-start;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    clear: both;
    color: #000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: 0.5rem;
    text-decoration: none;
    transition: 0.4s;
    overflow: hidden;
    /**
 * @file Analysis/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardAudienceSegment/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardBreaking/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardDefault/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardFullBleed/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardGraphical/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardLive/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardMedia/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardText/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardRegular/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardShow/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
* @file CardListing/styles/themes/_default.scss
*
* All default styles go here.
*/
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CardFeatured/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Description/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Headline/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Headline/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Label/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Metadata/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ShareBar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .card:hover {
      box-shadow: 0px 0px 0px 3px #cbcbcb; }
    .feed .card:focus {
      -ms-transform: none;
          transform: none;
      box-shadow: 0px 0px 0px 3px #cbcbcb;
      outline: 0px; }
    .feed .card .contentWrapper {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-positive: 1;
          flex-grow: 1; }
    .feed .card .card-content {
      background-color: #ffffff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-positive: 1;
          flex-grow: 1;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%; }
      .feed .card .card-content .card-content-top {
        -ms-flex-item-align: start;
            align-self: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%; }
      .feed .card .card-content .card-content-bottom {
        width: 100%; }
    .feed .card > .imageMedia {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      line-height: 0;
      background-color: #eaeaea;
      position: relative; }
    .feed .card.sponsored {
      background-color: #E7F4F9;
      border: 2px solid #71A8DE; }
    .feed .card.sponsored:hover, .feed .card.sponsored:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .card.sponsored .contentWrapper .card-content,
    .feed .card.sponsored .contentWrapper .card-content .metadataText,
    .feed .card.sponsored .contentWrapper .card-content .imageMedia .placeholder,
    .feed .card.sponsored .card-content,
    .feed .card.sponsored .card-content .metadataText,
    .feed .card.sponsored .card-content .imageMedia .placeholder {
      background-color: #E7F4F9; }
    .feed .card.sponsored .contentWrapper .card-content .label,
    .feed .card.sponsored .card-content .label {
      background-color: #E7F4F9;
      margin: -0.7rem 0 1rem -1rem; }
      .feed .card.sponsored .contentWrapper .card-content .label .labelText,
      .feed .card.sponsored .card-content .label .labelText {
        border: none;
        background: #ffffff;
        color: #545454;
        font-size: 11px;
        padding: 0.5rem; }
    .feed .card.sponsored .contentWrapper:after,
    .feed .card.sponsored .card-content:after {
      border-bottom-color: #E7F4F9; }
    .feed .card.sponsored .sponsorshipLogo {
      max-width: 100px; }
    .feed .card.sponsorMeta {
      border: 1px solid #71A8DE; }
      .feed .card.sponsorMeta:hover, .feed .card.sponsorMeta:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .card.sponsorMeta .sponsorLogo {
      padding-top: 1rem; }
      .feed .card.sponsorMeta .sponsorLogo img {
        width: 60px; }
    .feed .card.sponsorMeta.cardFullBleed:hover, .feed .card.sponsorMeta.cardFullBleed:focus {
      box-shadow: none; }
    .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content {
      box-shadow: 0px 0px 0px 1px transparent; }
      .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
        box-shadow: 0px 0px 0px 4px transparent; }
        .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
          border-color: #71A8DE transparent; }
    .feed .card .analysis {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding-top: 0.75rem;
      margin: 0px; }
      .feed .card .analysis li {
        list-style-type: none; }
      .feed .card .analysis .header {
        font-size: 0.7rem;
        font-weight: bold;
        padding-left: 0.5rem; }
      .feed .card .analysis .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start;
        padding-left: 0.65rem;
        padding-top: 0.2rem; }
        .feed .card .analysis .container .related {
          -ms-flex-positive: 1;
              flex-grow: 1;
          font-size: 0.85rem;
          font-weight: normal;
          line-height: 1.25rem;
          margin-bottom: 1rem;
          padding-left: 0.5rem;
          padding-right: 0.5rem; }
          .feed .card .analysis .container .related:before {
            content: "";
            display: block;
            position: relative;
            border: 1px solid #cbcbcb;
            width: 28px;
            margin-left: -38px;
            top: 10px; }
        .feed .card .analysis .container .related:last-child {
          margin-bottom: 0px; }
        .feed .card .analysis .container .left {
          border-left: 3px solid #cbcbcb;
          width: 30px; }
        .feed .card .analysis .container .stories {
          padding-top: 0.4rem;
          padding-bottom: 1rem;
          padding-left: 0px;
          padding-right: 0px;
          margin: 0px; }
    .feed .card.cardAudienceSegment {
      background-color: #ffffff;
      min-width: 23rem;
      /* Imports for subcomponent(s) go here */ }
      .feed .card.cardAudienceSegment .contentWrapper {
        display: block; }
      .feed .card.cardAudienceSegment .card-content {
        margin: 0.5rem;
        padding: 0.5rem;
        width: auto; }
      .feed .card.cardAudienceSegment .sectionTitle {
        margin: 0;
        padding: 0.2rem 0.5rem; }
        .feed .card.cardAudienceSegment .sectionTitle .sectionTitleText {
          display: inline-block;
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          text-transform: none; }
      .feed .card.cardAudienceSegment ul {
        list-style: none;
        -webkit-column-width: 10rem;
                column-width: 10rem;
        -webkit-column-count: 3;
                column-count: 3;
        margin: 0;
        padding: 0; }
        .feed .card.cardAudienceSegment ul li {
          overflow: hidden;
          text-overflow: ellipsis;
          font-weight: bold; }
    .feed .card.cardBreaking {
      border: 3px solid #e60505; }
      .feed .card.cardBreaking > .card-content {
        padding-left: 0px;
        padding-right: 0px; }
      .feed .card.cardBreaking .label {
        background-color: #e60505;
        color: #ffffff;
        font-size: 0.8rem;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.1rem;
        padding-bottom: 0.2rem;
        line-height: 1.2rem; }
      .feed .card.cardBreaking .headline {
        margin-top: 0.25rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem; }
      .feed .card.cardBreaking .metadata {
        padding-left: 0.25rem;
        padding-right: 0.25rem; }
    .feed .card.cardDefault {
      display: block;
      padding: 1rem;
      overflow: hidden; }
      .feed .card.cardDefault .card-content {
        display: -ms-flexbox;
        display: flex;
        height: 100%; }
        .feed .card.cardDefault .card-content .label {
          margin: 0 0 1rem 0; }
          .feed .card.cardDefault .card-content .label .labelText {
            padding-left: 0; }
            .feed .card.cardDefault .card-content .label .labelText.label-live, .feed .card.cardDefault .card-content .label .labelText.label-live-blog, .feed .card.cardDefault .card-content .label .labelText.label-coming-up, .feed .card.cardDefault .card-content .label .labelText.label-live-chat {
              padding-left: 0.5rem; }
        .feed .card.cardDefault .card-content .cardHeadlineImage .imageMedia {
          float: right;
          height: 100px;
          margin-top: 0;
          margin-left: 1rem;
          overflow: hidden;
          width: 100px; }
        .feed .card.cardDefault .card-content .cardHeadlineImage .headline {
          margin-top: 0; }
        .feed .card.cardDefault .card-content .metadata {
          clear: both;
          margin-bottom: 0; }
        .feed .viewportSmall .card.cardDefault .card-content {
          display: block; }
          .feed .viewportSmall .card.cardDefault .card-content .label + .cardHeadlineImage .imageMedia {
            margin-top: -1.5rem; }
          .feed .viewportSmall .card.cardDefault .card-content .metadata {
            clear: none; }
      .feed .card.cardDefault.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardDefault.sponsored:hover, .feed .card.cardDefault.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardDefault.sponsored .contentWrapper .card-content,
      .feed .card.cardDefault.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardDefault.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardDefault.sponsored .card-content,
      .feed .card.cardDefault.sponsored .card-content .metadataText,
      .feed .card.cardDefault.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardDefault.sponsored .contentWrapper .card-content .label,
      .feed .card.cardDefault.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardDefault.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardDefault.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardDefault.sponsored .contentWrapper:after,
      .feed .card.cardDefault.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardDefault.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardDefault.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .card.cardDefault.sponsorMeta:hover, .feed .card.cardDefault.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardDefault.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .card.cardDefault.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .card.cardDefault.sponsorMeta.cardFullBleed:hover, .feed .card.cardDefault.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
    .feed .card.cardFullBleed {
      box-shadow: none;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column;
      background-color: transparent;
      margin-left: -1rem;
      margin-right: -1rem; }
      .feed .card.cardFullBleed .image {
        position: relative;
        width: 100%;
        min-height: 0; }
        .feed .card.cardFullBleed .image .imageEl {
          width: 100%; }
      .feed .card.cardFullBleed .contentWrapper .card-content {
        width: 100%;
        padding: 0.5rem 16px 0 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        box-sizing: border-box;
        transition: 0.4s;
        margin-left: 16px;
        margin-right: 16px;
        margin-top: calc(-2 * 16px);
        margin-bottom: 3px;
        -ms-flex-item-align: stretch;
            align-self: stretch;
        position: relative;
        /* Arrow at the top of the content box */ }
        .feed .card.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 3px #cbcbcb; }
          .feed .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardFullBleed .contentWrapper .card-content:focus:before {
            content: "";
            bottom: 100%;
            right: calc( 10% - 5px);
            width: 0;
            z-index: 0;
            position: absolute;
            border-style: solid;
            border-width: 0 20px 20px;
            border-color: #cbcbcb transparent;
            display: block; }
        .feed .card.cardFullBleed .contentWrapper .card-content:after {
          content: "";
          bottom: 100%;
          right: 10%;
          border: solid transparent;
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #ffffff;
          border-width: 15px;
          margin-left: -15px; }
        .feed .card.cardFullBleed .contentWrapper .card-content .label .label-live,
        .feed .card.cardFullBleed .contentWrapper .card-content .label .label-live-blog,
        .feed .card.cardFullBleed .contentWrapper .card-content .label .label-coming-up,
        .feed .card.cardFullBleed .contentWrapper .card-content .label .label-live-chat,
        .feed .card.cardFullBleed .contentWrapper .card-content .label .label-sponsored-content {
          display: block;
          width: 100%;
          margin: 0;
          margin-top: -1rem; }
        .feed .card.cardFullBleed .contentWrapper .card-content .authorInfo {
          margin-right: 0.7rem; }
      .feed .card.cardFullBleed .contentWrapper .headline {
        font-size: 1.125rem;
        line-height: 1.5rem; }
      .feed .card.cardFullBleed.flag-live .card-content:after {
        border-bottom-color: #ffdc14; }
      .feed .card.cardFullBleed.flag-sponsored-content .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .viewportSmall .featuredArea .card.cardFullBleed {
        border: none; }
        .feed .viewportSmall .featuredArea .card.cardFullBleed .card-content {
          box-shadow: 0px 0px 0px 1px #cbcbcb; }
      .feed .card.cardFullBleed.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardFullBleed.sponsored:hover, .feed .card.cardFullBleed.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardFullBleed.sponsored .contentWrapper .card-content,
      .feed .card.cardFullBleed.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardFullBleed.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardFullBleed.sponsored .card-content,
      .feed .card.cardFullBleed.sponsored .card-content .metadataText,
      .feed .card.cardFullBleed.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardFullBleed.sponsored .contentWrapper .card-content .label,
      .feed .card.cardFullBleed.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardFullBleed.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardFullBleed.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardFullBleed.sponsored .contentWrapper:after,
      .feed .card.cardFullBleed.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardFullBleed.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardFullBleed.sponsored .contentWrapper .card-content .label {
        margin-top: 0; }
      .feed .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .card.cardFullBleed.sponsorMeta:hover, .feed .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .card.cardFullBleed.flag-sponsored-content .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 3px transparent; }
    .feed .card.cardGraphical {
      clear: both;
      color: #ffffff;
      display: block;
      text-decoration: none;
      position: relative;
      -ms-flex-direction: column;
          flex-direction: column;
      min-width: 20rem;
      min-height: 10rem;
      /**
 * @file Flag/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .card.cardGraphical .blackout.filters {
        background-color: #000000; }
      .feed .card.cardGraphical .gradient.blackout.filters {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #000000 100%); }
      .feed .card.cardGraphical .mangosteen.filters {
        background-color: #801f73; }
      .feed .card.cardGraphical .gradient.mangosteen.filters {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #801f73 100%); }
      .feed .card.cardGraphical .davy.filters {
        background-color: #545454; }
      .feed .card.cardGraphical .gradient.davy.filters {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #545454 100%); }
      .feed .card.cardGraphical .persian.filters {
        background-color: #0550c8; }
      .feed .card.cardGraphical .gradient.persian.filters {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #0550c8 100%); }
      .feed .card.cardGraphical .filters {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 1; }
      .feed .card.cardGraphical .title {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        padding: 1rem 1.5rem;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5); }
      .feed .card.cardGraphical .imageMedia {
        width: 100%;
        height: 0;
        display: table; }
        .feed .card.cardGraphical .imageMedia .placeholderImage {
          padding-bottom: 56.25%; }
      .feed .card.cardGraphical img + .filters {
        opacity: 0.8; }
      .feed .card.cardGraphical img {
        width: 100%;
        -ms-flex: 1;
            flex: 1;
        min-height: 0; }
        .feed .card.cardGraphical img {
          min-height: 0; }
        .feed .card.cardGraphical img.greyscale {
          -webkit-filter: grayscale(100%);
                  filter: grayscale(100%); }
      .feed .card.cardGraphical .label.flag {
        margin-left: 0px; }
      .feed .card.cardGraphical .card-content {
        display: block;
        position: relative; }
      .feed .card.cardGraphical.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardGraphical.sponsored:hover, .feed .card.cardGraphical.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardGraphical.sponsored .contentWrapper .card-content,
      .feed .card.cardGraphical.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardGraphical.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardGraphical.sponsored .card-content,
      .feed .card.cardGraphical.sponsored .card-content .metadataText,
      .feed .card.cardGraphical.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardGraphical.sponsored .contentWrapper .card-content .label,
      .feed .card.cardGraphical.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardGraphical.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardGraphical.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardGraphical.sponsored .contentWrapper:after,
      .feed .card.cardGraphical.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardGraphical.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardGraphical.sponsored .card-content .label {
        margin: 0; }
      .feed .card.cardGraphical .metadata .metadataText {
        -ms-flex-pack: center;
            justify-content: center;
        margin: 0.5rem 0; }
      .feed .card.cardGraphical.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .card.cardGraphical.sponsorMeta:hover, .feed .card.cardGraphical.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardGraphical.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .card.cardGraphical.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .card.cardGraphical.sponsorMeta.cardFullBleed:hover, .feed .card.cardGraphical.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .card.cardGraphical.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .card.cardGraphical.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardGraphical.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .card.cardGraphical.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardGraphical.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .card.cardGraphical.sponsorMeta .sponsorLogo {
        padding: 0 1.5rem; }
      .feed .card.cardGraphical .flag {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0.25rem 1rem;
        -ms-flex-positive: 0;
            flex-grow: 0;
        display: inline-table;
        position: absolute;
        top: 0px;
        text-transform: uppercase;
        z-index: 200;
        background-color: rgba(0, 0, 0, 0.6);
        font-size: 0.8rem; }
        .feed .card.cardGraphical .flag.q, .feed .card.cardGraphical .flag.Q, .feed .card.cardGraphical .flag.label-q, .feed .card.cardGraphical .flag.deptItem-q, .feed .card.cardGraphical .flag.Goods {
          text-transform: lowercase; }
        .feed .card.cardGraphical .flag.label {
          color: #ffffff;
          font-weight: bold; }
          .feed .card.cardGraphical .flag.label.q, .feed .card.cardGraphical .flag.label.Q, .feed .card.cardGraphical .flag.label.label-q, .feed .card.cardGraphical .flag.label.deptItem-q, .feed .card.cardGraphical .flag.label.Goods {
            text-transform: lowercase; }
        .feed .card.cardGraphical .flag.sponsored {
          background-color: #E7F4F9;
          color: #000000;
          font-weight: bold; }
          .feed .card.cardGraphical .flag.sponsored span.external:after {
            content: " \279A"; }

@-moz-document url-prefix() {
  .feed .card.cardGraphical .imageMedia {
    display: inline-table;
    padding-bottom: 0; } }
    .feed .card.cardLive {
      border: 3px solid #ffdc14;
      /**
 * @file LiveText/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .card.cardLive .label {
        background-color: #ffdc14;
        color: #000000;
        font-size: 0.8rem;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.1rem;
        padding-bottom: 0.2rem;
        line-height: 1.2rem; }
      .feed .card.cardLive .headline {
        margin-top: 0.25rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem; }
      .feed .card.cardLive .liveText.metadata {
        margin-left: 0.5rem; }
    .feed .card.cardMedia {
      display: block;
      position: relative; }
      .feed .card.cardMedia .label {
        transform: translate3d(0, 0, 0); }
        .feed .card.cardMedia .label.flag {
          margin-top: -0.4rem;
          margin-left: -0.5rem; }
        .feed .card.cardMedia .label .labelText {
          font-size: 0.7rem; }
      .feed .card.cardMedia .imageHolder {
        position: relative; }
        .feed .card.cardMedia .imageHolder .imageMedia {
          display: block; }
      .feed .card.cardMedia .headline {
        transform: translate3d(0, 0, 0);
        font-size: 0.8rem;
        line-height: 1.3; }
        .feed .card.cardMedia .headline:hover {
          text-decoration: underline; }
      .feed .card.cardMedia .cardMediaContent {
        position: relative;
        margin: 0.5rem;
        box-shadow: none; }
      .feed .card.cardMedia .icon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center; }
        .feed .card.cardMedia .icon .mediaIcon {
          transform: translate3d(0, 0, 0);
          position: absolute;
          width: 13.5%;
          height: calc(13.5% * 16/9);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          background: rgba(0, 0, 0, 0.6);
          border-radius: 50%;
          border: 2px solid #ffffff;
          fill: #ffffff; }
    .feed .card.cardText {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .card.cardText > .card-content {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem; }
        .feed .card.cardText > .card-content .headline {
          margin-top: 0; }
      .feed .card.cardText.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardText.sponsored:hover, .feed .card.cardText.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardText.sponsored .contentWrapper .card-content,
      .feed .card.cardText.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardText.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardText.sponsored .card-content,
      .feed .card.cardText.sponsored .card-content .metadataText,
      .feed .card.cardText.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardText.sponsored .contentWrapper .card-content .label,
      .feed .card.cardText.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardText.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardText.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardText.sponsored .contentWrapper:after,
      .feed .card.cardText.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardText.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardText.sponsored .card-content .label {
        margin-top: 0; }
      .feed .card.cardText.sponsorMeta .metadata {
        margin: 0; }
    .feed .card.cardRegular {
      background-color: #ffffff;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column; }
      .feed .card.cardRegular .image {
        position: relative;
        width: 100%;
        min-height: 0; }
        .feed .card.cardRegular .image .imageEl {
          width: 100%; }
      .feed .card.cardRegular .contentWrapper {
        position: relative;
        /* Arrow at the top of the content box */
        -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
        padding: 0; }
        .feed .card.cardRegular .contentWrapper:after {
          content: "";
          bottom: 100%;
          right: 10%;
          border: solid transparent;
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #ffffff;
          border-width: 15px;
          margin-left: -15px; }
        .feed .card.cardRegular .contentWrapper .card-content {
          box-sizing: border-box;
          -ms-flex-pack: justify;
              justify-content: space-between;
          margin: 0;
          padding: 1rem 1rem 0 1rem;
          transition: 0.4s;
          width: 100%; }
          .feed .card.cardRegular .contentWrapper .card-content .label.flag {
            margin: 0 0 1rem 0; }
            .feed .card.cardRegular .contentWrapper .card-content .label.flag .labelText {
              padding: 0;
              display: inline-block; }
            .feed .card.cardRegular .contentWrapper .card-content .label.flag .label-live,
            .feed .card.cardRegular .contentWrapper .card-content .label.flag .label-live-blog,
            .feed .card.cardRegular .contentWrapper .card-content .label.flag .label-coming-up,
            .feed .card.cardRegular .contentWrapper .card-content .label.flag .label-live-chat,
            .feed .card.cardRegular .contentWrapper .card-content .label.flag .label-sponsored-content {
              padding: 0.2rem 0.5rem;
              display: inline; }
          .feed .card.cardRegular .contentWrapper .card-content .authorInfo {
            margin-right: 0.7rem; }
        .feed .card.cardRegular .contentWrapper .headline {
          font-size: 1rem; }
        .feed .card.cardRegular .contentWrapper .metadata {
          margin-top: 1rem; }
      .feed .card.cardRegular.sponsored .label {
        margin-left: -1rem;
        margin-right: -1rem;
        background-color: #E7F4F9;
        margin-top: 0px;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; }
      .feed .detail .card.cardRegular {
        border: 1px solid #cbcbcb; }
        .feed .detail .card.cardRegular .contentWrapper .card-content {
          padding: 0 0.5rem; }
          .feed .detail .card.cardRegular .contentWrapper .card-content .label.flag {
            font-size: 0.8rem;
            margin: 0.3rem 0 0.5rem 0; }
        .feed .detail .card.cardRegular .contentWrapper .metadata {
          font-size: 0.7rem; }
      .feed .card.cardRegular.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardRegular.sponsored:hover, .feed .card.cardRegular.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardRegular.sponsored .contentWrapper .card-content,
      .feed .card.cardRegular.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardRegular.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardRegular.sponsored .card-content,
      .feed .card.cardRegular.sponsored .card-content .metadataText,
      .feed .card.cardRegular.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardRegular.sponsored .contentWrapper .card-content .label,
      .feed .card.cardRegular.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardRegular.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardRegular.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardRegular.sponsored .contentWrapper:after,
      .feed .card.cardRegular.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardRegular.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardRegular.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .card.cardRegular.sponsorMeta:hover, .feed .card.cardRegular.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardRegular.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .card.cardRegular.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .card.cardRegular.sponsorMeta.cardFullBleed:hover, .feed .card.cardRegular.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
    .feed .card.cardShow {
      background-color: #ffffff;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-direction: column;
          flex-direction: column; }
      .feed .card.cardShow .image {
        position: relative;
        width: 100%;
        min-height: 0; }
        .feed .card.cardShow .image .imageEl {
          width: 100%; }
        .feed .card.cardShow .image .placeholderImage {
          padding-bottom: 56.25%; }
      .feed .card.cardShow .contentWrapper {
        position: relative;
        /* Arrow at the top of the content box */
        -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch; }
        .feed .card.cardShow .contentWrapper:after {
          content: "";
          bottom: 100%;
          right: 10%;
          border: solid transparent;
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #ffffff;
          border-width: 15px;
          margin-left: -15px; }
        .feed .card.cardShow .contentWrapper .card-content {
          background-color: #ffffff;
          box-sizing: border-box;
          -ms-flex-pack: justify;
              justify-content: space-between;
          margin: 0 0.5rem;
          padding: 0.5rem;
          transition: 0.4s;
          width: 100%; }
          .feed .card.cardShow .contentWrapper .card-content .label.flag {
            font-size: 0.8rem;
            margin-top: 0.3rem;
            margin-left: 0; }
            .feed .card.cardShow .contentWrapper .card-content .label.flag .labelText {
              background-color: #ffffff;
              color: #545454;
              padding: 0.2rem 0.5rem; }
            .feed .card.cardShow .contentWrapper .card-content .label.flag .label-live,
            .feed .card.cardShow .contentWrapper .card-content .label.flag .label-live-blog,
            .feed .card.cardShow .contentWrapper .card-content .label.flag .label-coming-up,
            .feed .card.cardShow .contentWrapper .card-content .label.flag .label-live-chat,
            .feed .card.cardShow .contentWrapper .card-content .label.flag .label-sponsored-content {
              display: inline; }
          .feed .card.cardShow .contentWrapper .card-content .authorInfo {
            margin-right: 0.7rem; }
        .feed .card.cardShow .contentWrapper .metadata {
          font-size: 0.7rem; }
        .feed .card.cardShow .contentWrapper .headline {
          font-weight: bold;
          font-size: 1rem;
          line-height: 1.125rem; }
        .feed .card.cardShow .contentWrapper .description {
          color: #545454;
          margin-top: 1rem;
          font-size: 0.9375rem;
          line-height: 1.375rem; }
      .feed .card.cardShow.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardShow.sponsored:hover, .feed .card.cardShow.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardShow.sponsored .contentWrapper .card-content,
      .feed .card.cardShow.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardShow.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardShow.sponsored .card-content,
      .feed .card.cardShow.sponsored .card-content .metadataText,
      .feed .card.cardShow.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardShow.sponsored .contentWrapper .card-content .label,
      .feed .card.cardShow.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardShow.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardShow.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardShow.sponsored .contentWrapper:after,
      .feed .card.cardShow.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardShow.sponsored .sponsorshipLogo {
        max-width: 100px; }
    .feed .card.cardListing {
      /* Styles namespaced to component to avoid naming conflicts */
      -ms-flex-align: start;
          align-items: flex-start;
      background-color: #ffffff;
      border: none;
      display: -ms-flexbox;
      display: flex;
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
      .feed .card.cardListing .imageMedia {
        width: 100%; }
        .feed .card.cardListing .imageMedia .placeholderImage {
          padding-bottom: 56.25%; }
      .feed .card.cardListing .card-content {
        padding: 0 16px; }
      .feed .card.cardListing .headline {
        font-size: 1rem;
        line-height: 1.125rem; }
      .feed .card.cardListing.topImage {
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        -ms-flex: 1 1 280px;
            flex: 1 1 280px; }
      .feed .card.cardListing.leftImage, .feed .card.cardListing.rightImage {
        border-top: 1px solid #e0e0e0;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        margin-bottom: 0;
        padding-top: 1rem; }
        .feed .card.cardListing.leftImage .image, .feed .card.cardListing.rightImage .image {
          -ms-flex: 0 1 120px;
              flex: 0 1 120px;
          margin: 1.5rem 0 1.5rem 1.5rem;
          height: 67px;
          width: 120px; }
          .feed .viewportLarge .card.cardListing.leftImage .image, .feed .viewportLarge .card.cardListing.rightImage .image {
            -ms-flex: 1 1 220px;
                flex: 1 1 220px;
            height: 124px;
            max-width: 220px; }
          .feed .viewportSmall .card.cardListing.leftImage .image, .feed .viewportSmall .card.cardListing.rightImage .image {
            height: auto;
            -ms-flex: none;
                flex: none;
            width: 100%;
            margin: 1rem 0 0.5rem 0; }
        .feed .card.cardListing.leftImage .contentWrapper, .feed .card.cardListing.rightImage .contentWrapper {
          -ms-flex: 1;
              flex: 1; }
      .feed .card.cardListing.rightImage {
        -ms-flex-flow: row-reverse wrap;
            flex-flow: row-reverse wrap; }
        .feed .viewportSmall .card.cardListing.rightImage {
          -ms-flex-flow: column wrap;
              flex-flow: column wrap; }
      .feed .card.cardListing .label.flag {
        margin-left: -0.5rem; }
      .feed .card.cardListing.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .card.cardListing.sponsorMeta:hover, .feed .card.cardListing.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardListing.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .card.cardListing.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .card.cardListing.sponsorMeta.cardFullBleed:hover, .feed .card.cardListing.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .card.cardListing.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardListing.sponsored:hover, .feed .card.cardListing.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardListing.sponsored .contentWrapper .card-content,
      .feed .card.cardListing.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardListing.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardListing.sponsored .card-content,
      .feed .card.cardListing.sponsored .card-content .metadataText,
      .feed .card.cardListing.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardListing.sponsored .contentWrapper .card-content .label,
      .feed .card.cardListing.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardListing.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardListing.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardListing.sponsored .contentWrapper:after,
      .feed .card.cardListing.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardListing.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardListing.sponsored .contentWrapper .card-content .label {
        margin-top: 0; }
    .feed .card.cardFeatured {
      /* Styles namespaced to component to avoid naming conflicts */
      -ms-flex-align: stretch;
          align-items: stretch;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      padding: 1rem; }
      .feed .card.cardFeatured .imageMedia {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        background-color: #ffffff;
        -ms-flex: 2 1 460px;
            flex: 2 1 460px; }
      .feed .card.cardFeatured .headline {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: 1rem; }
      .feed .card.cardFeatured .contentWrapper {
        -ms-flex: 1 1 206px;
            flex: 1 1 206px;
        padding: 1rem; }
        .feed .card.cardFeatured .contentWrapper .card-content .label {
          margin: 0 0 1rem 0; }
          .feed .card.cardFeatured .contentWrapper .card-content .label .labelText {
            padding-left: 0; }
            .feed .card.cardFeatured .contentWrapper .card-content .label .labelText.label-live, .feed .card.cardFeatured .contentWrapper .card-content .label .labelText.label-live-blog, .feed .card.cardFeatured .contentWrapper .card-content .label .labelText.label-coming-up, .feed .card.cardFeatured .contentWrapper .card-content .label .labelText.label-live-chat {
              padding-left: 0.5rem; }
        .feed .card.cardFeatured .contentWrapper .card-content .metadata {
          clear: both;
          margin-bottom: 0; }
      .feed .card.cardFeatured.sponsored {
        background-color: #E7F4F9;
        border: 2px solid #71A8DE; }
      .feed .card.cardFeatured.sponsored:hover, .feed .card.cardFeatured.sponsored:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardFeatured.sponsored .contentWrapper .card-content,
      .feed .card.cardFeatured.sponsored .contentWrapper .card-content .metadataText,
      .feed .card.cardFeatured.sponsored .contentWrapper .card-content .imageMedia .placeholder,
      .feed .card.cardFeatured.sponsored .card-content,
      .feed .card.cardFeatured.sponsored .card-content .metadataText,
      .feed .card.cardFeatured.sponsored .card-content .imageMedia .placeholder {
        background-color: #E7F4F9; }
      .feed .card.cardFeatured.sponsored .contentWrapper .card-content .label,
      .feed .card.cardFeatured.sponsored .card-content .label {
        background-color: #E7F4F9;
        margin: -0.7rem 0 1rem -1rem; }
        .feed .card.cardFeatured.sponsored .contentWrapper .card-content .label .labelText,
        .feed .card.cardFeatured.sponsored .card-content .label .labelText {
          border: none;
          background: #ffffff;
          color: #545454;
          font-size: 11px;
          padding: 0.5rem; }
      .feed .card.cardFeatured.sponsored .contentWrapper:after,
      .feed .card.cardFeatured.sponsored .card-content:after {
        border-bottom-color: #E7F4F9; }
      .feed .card.cardFeatured.sponsored .sponsorshipLogo {
        max-width: 100px; }
      .feed .card.cardFeatured.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .card.cardFeatured.sponsorMeta:hover, .feed .card.cardFeatured.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .card.cardFeatured.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .card.cardFeatured.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .card.cardFeatured.sponsorMeta.cardFullBleed:hover, .feed .card.cardFeatured.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
    .feed .card .description {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
    .feed .card .headline {
      -webkit-margin-before: 0px;
      -webkit-margin-after: 0px;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -ms-flex-positive: 1;
          flex-grow: 1;
      font-size: 1rem;
      font-weight: bold;
      line-height: 1.35rem;
      margin-top: 0.5rem; }
    .feed .card .callToAction {
      -webkit-margin-before: 0px;
      -webkit-margin-after: 0px;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -ms-flex-positive: 1;
          flex-grow: 1;
      font-size: 0.9375rem;
      line-height: 1.25rem;
      margin-top: 1rem;
      margin-bottom: 1rem;
      color: #0550c8; }
      .feed .card .callToAction .chevronIcon {
        fill: #0550c8;
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .feed .card .label {
      background-color: transparent;
      color: #545454;
      font-size: 0.8rem;
      font-weight: bold; }
      .feed .card .label.q, .feed .card .label.Q, .feed .card .label.label-q, .feed .card .label.deptItem-q, .feed .card .label.Goods {
        text-transform: lowercase; }
      .feed .card .label .labelText {
        text-transform: uppercase; }
        .feed .card .label .labelText.q, .feed .card .label .labelText.Q, .feed .card .label .labelText.label-q, .feed .card .label .labelText.deptItem-q, .feed .card .label .labelText.Goods {
          text-transform: lowercase; }
      .feed .card .label.sponsored {
        color: #000000;
        font-weight: bold;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
        margin-left: -0.8rem; }
        .feed .card .label.sponsored span {
          background-color: #E7F4F9;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          padding-top: 0.2rem;
          padding-bottom: 0.2rem; }
          .feed .card .label.sponsored span.external:after {
            content: " \279A"; }
      .feed .card .label.category {
        font-size: 0.8rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
      .feed .card .label.flag {
        color: #545454;
        margin-top: 0.5rem;
        margin-left: -1rem; }
        .feed .card .label.flag .labelText {
          background-color: #ffffff;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          padding-top: 0.2rem;
          padding-bottom: 0.2rem; }
          .feed .card .label.flag .labelText.label-live, .feed .card .label.flag .labelText.label-live-blog, .feed .card .label.flag .labelText.label-coming-up, .feed .card .label.flag .labelText.label-live-chat {
            background-color: #ffdc14;
            color: #000000; }
            .feed .detail .card .label.flag .labelText.label-live, .feed .detail .card .label.flag .labelText.label-live-blog, .feed .detail .card .label.flag .labelText.label-coming-up, .feed .detail .card .label.flag .labelText.label-live-chat {
              display: block; }
          .feed .card .label.flag .labelText.label-sponsored-content {
            background-color: #E7F4F9;
            color: #000000; }
    .feed .detail .card .labelStory.flag .labelText.label-sponsored-content {
      background-color: #E7F4F9;
      color: #000000;
      width: 100%;
      display: block;
      text-align: center; }
    .feed .card .metadata {
      color: #545454;
      font-size: 0.85rem;
      margin-top: 0.75rem;
      margin-bottom: 1rem;
      padding-bottom: 0;
      text-transform: capitalize;
      /**
 * @file AuthorInfo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file TimeStamp/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file SponsorMeta/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /* Not sure if this should be here or on detail component. */ }
      .feed .card .metadata .metadataText {
        -ms-flex-align: baseline;
            align-items: baseline;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        margin-top: 0.5rem; }
      .feed .card .metadata .metaSeparator {
        margin-left: 5px;
        margin-right: 5px; }
      .feed .card .metadata .authorInfo {
        margin-bottom: 0.5rem; }
      .feed .card .metadata .departmentItem.q, .feed .card .metadata .departmentItem.Q, .feed .card .metadata .departmentItem.label-q, .feed .card .metadata .departmentItem.deptItem-q, .feed .card .metadata .departmentItem.Goods {
        text-transform: lowercase; }
      .feed .card .metadata .commentCount-icon {
        fill: #0550c8;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.2rem;
        width: 16px; }
      .feed .card .metadata .authorInfo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .feed .card .metadata .authorInfo .author-image {
          margin-right: 0.5rem; }
        .feed .card .metadata .authorInfo .authorName {
          -ms-flex-item-align: center;
              -ms-grid-row-align: center;
              align-self: center;
          text-transform: none; }
      .feed .card .metadata .timeStamp {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; }
      .feed .card .metadata .sponsorBy {
        /* Add line break within parent flex */
        width: 100%; }
        .feed .card .metadata .sponsorBy .sponsorLogo {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          font-weight: bold; }
          .feed .card .metadata .sponsorBy .sponsorLogo img {
            margin-left: 10px;
            min-width: 60px; }
        .feed .card .metadata .sponsorBy .sponsorLink {
          text-decoration: none; }
      .feed .card .metadata .detail:not(.card) .sponsorLogo {
        font-family: 'Open Sans', sans-serif;
        -webkit-font-smoothing: antialiased;
        font-weight: normal;
        color: #545454;
        font-size: 14px;
        line-height: 20px; }
        .feed .card .metadata .detail:not(.card) .sponsorLogo img {
          height: 30px;
          width: auto;
          min-width: auto; }
    .feed .card .shareBar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-top: 1rem;
      margin-left: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      padding: 0px; }
      .feed .card .shareBar li {
        list-style-type: none; }
      .feed .card .shareBar .socialFacebook,
      .feed .card .shareBar .socialTwitter,
      .feed .card .shareBar .socialMore {
        width: 33%;
        border-top: 1px solid #cbcbcb;
        text-align: center; }
        .feed .card .shareBar .socialFacebook .wrapper,
        .feed .card .shareBar .socialTwitter .wrapper,
        .feed .card .shareBar .socialMore .wrapper {
          width: 40px;
          height: 40px;
          padding: 4px;
          line-height: 40px;
          border-radius: 26px;
          border: 1px solid #cbcbcb;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 0.5rem;
          margin-top: 0.5rem; }
      .feed .card .shareBar .socialFacebook,
      .feed .card .shareBar .socialTwitter {
        border-right: 1px solid #cbcbcb; }
  .feed .carouselWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column; }
    .feed .carouselWrapper .carouselTop {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .feed .carouselWrapper .carouselTop .header {
        margin-left: 0.5rem; }
    .feed .carouselWrapper .carouselNav {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      margin-right: 0.5rem; }
      .feed .carouselWrapper .carouselNav .carouselIndicator {
        color: #ffffff;
        font-size: 0.8rem; }
    .feed .carouselWrapper .prev, .feed .carouselWrapper .next {
      background: #000000;
      border: none;
      color: #ffffff;
      height: 100%;
      width: 35px;
      z-index: 900;
      padding: 0; }
      .feed .carouselWrapper .prev:hover, .feed .carouselWrapper .next:hover {
        box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.75); }
      .feed .carouselWrapper .prev .chevronIcon, .feed .carouselWrapper .next .chevronIcon {
        background-color: transparent;
        fill: #ffffff;
        padding: 0;
        margin: 0;
        width: 35px;
        height: calc(35px - 10px);
        border-radius: 0;
        opacity: 0.8; }
    .feed .carouselWrapper .prev {
      position: absolute;
      left: 0;
      opacity: 0;
      -webkit-transition-property: opacity, left;
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: ease;
      transition-property: opacity, left;
      transition-duration: 0.5s;
      transition-timing-function: ease; }
      .feed .carouselWrapper .prev .chevronIcon {
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        padding-top: 5px; }
    .feed .carouselWrapper .next {
      position: absolute;
      right: 0;
      opacity: 0;
      -webkit-transition-property: opacity, right;
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: ease;
      transition-property: opacity, right;
      transition-duration: 0.5s;
      transition-timing-function: ease; }
      .feed .carouselWrapper .next .chevronIcon {
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        padding-left: 5px; }
    .feed .carouselWrapper .prev.show {
      position: absolute;
      left: 0;
      opacity: 0.75;
      -webkit-transition-property: opacity, left;
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: ease;
      transition-property: opacity, left;
      transition-duration: 0.5s;
      transition-timing-function: ease;
      cursor: pointer; }
      .feed .carouselWrapper .prev.show:hover .chevronIcon {
        opacity: 1; }
    .feed .carouselWrapper .next.show {
      position: absolute;
      right: 0;
      opacity: 0.75;
      -webkit-transition-property: opacity, right;
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: ease;
      transition-property: opacity, right;
      transition-duration: 0.5s;
      transition-timing-function: ease;
      cursor: pointer; }
      .feed .carouselWrapper .next.show:hover .chevronIcon {
        opacity: 1; }
    .feed .carouselWrapper .carousel {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: inherit;
      position: relative;
      overflow: hidden; }
      .feed .carouselWrapper .carousel .itemList {
        display: -ms-flexbox;
        display: flex;
        height: 100%; }
      .feed .carouselWrapper .carousel .itemContainer {
        margin: 0;
        width: calc(100% - 2* 35px);
        margin: 0 auto; }
        .feed .viewportSmall .carouselWrapper .carousel .itemContainer {
          width: 100%; }
      .feed .carouselWrapper .carousel .card {
        min-width: 100%;
        margin: 0;
        box-sizing: border-box; }
        .feed .viewportSmall .carouselWrapper .carousel .card {
          min-width: 50%; }
        .feed .viewportMedium .carouselWrapper .carousel .card {
          min-width: 25%; }
        .feed .viewportLarge .carouselWrapper .carousel .card {
          min-width: 16.66%; }
        .feed .carouselWrapper .carousel .card:hover {
          box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.75); }
        .feed .carouselWrapper .carousel .card:hover:before {
          content: "";
          z-index: 1;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.75); }
        .feed .carouselWrapper .carousel .card .headline {
          z-index: 2; }
  .feed .comments {
    margin: 3rem 0 2rem 0; }
    .feed .comments.viafoura .vf-avatar-container img.vf-avatar {
      border-radius: 30px !important;
      -webkit-border-radius: 30px !important;
      -moz-border-radius: 30px !important;
      border: 1px solid #eaeaea; }
    .feed .comments.viafoura .vf-right {
      display: none; }
    .feed .comments.viafoura .vf-moderator {
      width: 80px !important;
      height: 21px !important; }
    .feed .comments.viafoura .vf-modal {
      z-index: 100002 !important; }
    .feed .comments .commentIntro {
      color: #545454;
      font-size: 0.9rem; }
  .feed .cbc-vf .viafoura .vf-branding {
    display: none; }
  .feed .cbc-vf .viafoura .vf-comments .vf-comments-meta {
    display: none; }
  .feed .cbc-vf .viafoura .vf-moderator {
    color: #cbcbcb;
    background: #cbcbcb;
    padding-left: 20px;
    background-repeat: no-repeat;
    font-size: 0;
    position: relative;
    width: 60px;
    height: 16px;
    display: block;
    font-weight: bold;
    margin-top: 0;
    background-position: 3px 3px;
    border-radius: 0px;
    overflow: visible;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW1JREFUeNqUUrFOwlAUta8KRXCARCOLBgYHWIqUCQMzDPArOuripqP+Cgw6a+jUogxCAoNEF8WEhJhAoQ3qKSd5KJtN83ruPee9d+69VSzLWvv7xK+uNzodL5V6OzleoQQ/+3f3uxeXAMl2+9txALACAyAPdqlGMDNNgIPxeFKrB/p9YKzAyACD5QbBgFuni5SbSMh1ZjdJUaPQN86A9LVcohnRMOeHmX4uh3Dv5lYrFnrhMPA66c9a3T+hXEKJE8eBDXc4jDdMFOq2WniT1cpzOq2ejyfeUxv0PBrd1jSv26NvdTSaRyI7sZjX7SIzHXxs2U1loGdkgwKG4dr275atZAT6Ksv6OsoT8wGGe8lCKeBss1phCs6UUEjSwCwUGBoolz1Bs16KBeCEZakPj7gHmzmNoJFlT3w1p+i71HWUz9HwhmA+L6fxfnYqmGKsLc6Ws/QpI0uKGl8NAwxwnayBXmkALE0q//oHfwQYAMvn0ixVY+/NAAAAAElFTkSuQmCC); }
  .feed .cbc-vf .viafoura .vf-moderator:after {
    content: "CBC Staff";
    display: block;
    font-size: 11px;
    width: 80px;
    height: 20px;
    position: absolute;
    top: 11px;
    left: 9px;
    color: #232323; }
  .feed div.vf-spam.vf-alert {
    display: none; }
  .feed .cbc-vf .viafoura .vf-user-title {
    line-height: 2em; }
  .feed .cbc-vf .viafoura .vf-comment-hightlight {
    background-color: #E21A21;
    border-color: #E21A21;
    color: #FFFFFF;
    background-image: none;
    border-radius: 0px;
    -webkit-filter: none;
            filter: none; }
  .feed .cbc-vf .viafoura .vf-trusted {
    color: #232323;
    text-shadow: none;
    font-weight: bold;
    background-color: #cbcbcb;
    border-radius: 0px; }
  .feed .cbc-vf .viafoura .vf-comment-container .vf-comment-actions a {
    color: #115278; }
  .feed .cbc-vf .viafoura .vf-avatar-container img, .feed div.viafoura .vf-avatar-container img {
    border-radius: 50%;
    border: 1px solid #dcdcdc; }
  .feed .cbc-vf .viafoura .vf-comment-container .vf-flag {
    color: #115278; }
  .feed .cbc-vf .viafoura .vf-comment-box .vf-comment-submit {
    background-color: #095287; }
  .feed .cbc-vf .viafoura .vf-comment-box .vf-upload-item a {
    color: #115278;
    background-color: #f6f6f6;
    border-right: 1px solid #D1CFCF; }
  .feed .cbc-vf .viafoura .vf-comment-box .vf-comment-controls {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #D1CFCF; }
  .feed .cbc-vf .viafoura .vf-comments .vf-login-button {
    color: #115278;
    -webkit-filter: none;
            filter: none; }
  .feed .cbc-vf .viafoura a.vf-subscribe {
    color: #115278; }
  .feed .cbc-vf .viafoura .vf-alert {
    background-color: 232323;
    color: 000000; }
  .feed .cbc-vf .cmt, .feed #page_container .vf-counter {
    background-position: left -127px;
    background-image: url(/i/o/sm/v10/gfx/sprite.png);
    background-repeat: no-repeat;
    color: #797979;
    font-style: normal;
    margin: 0;
    padding-left: 18px;
    font: 10px arial,sans-serif;
    display: inline-block; }
  .feed div.viafoura .vf-modal .vf-header .vf-modal-title {
    padding-left: 35px;
    height: 28px;
    padding-top: 5px;
    margin-top: 5px;
    position: relative;
    font-size: 0;
    background-repeat: no-repeat;
    /* login banner gem logo*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABltJREFUeNp8Vm2IVGUUfr/ux8ydmb0zO/vpYrumpJVFUUL9kTIwivBPaGgISlBGZVAQIkHYhz+ioB/1I6OIUgihTyqrFSwjNqKIKKXUTTd3Xdd1Pu7MvTNz7/u+p/Pe2czCen/M3I/znvec8zznOZdyzrXWhBAAIJda6/LF67PuSkcECr5rydfqs1IxRTW5tLlZlDEG6frrCSNEU2q2ZInYWixs6+3vF+iFcM0UVx8H4fbTZ5qQoCUlGiiGQyilgFfmJLOd4/2Ce+PO3NDUCl+vsOzHBsptIo/E8lQSTce6AbDcthJQP7cTRRWYLWjc/YGFvcaLOQS6XtGRIFRwtYw7x2TCiTl8VLhjjj1q2RjLl1EwGbfRVjNrCbf/iCNNaAgL+aUB40kXO03jvMvzHx/s04Q9enrqx05rXa64uZRfbuU8YY4MdfJqpbqnMo9OXxkcWuU579WC3efORiQtcRoyLn5RfdlDvf3PLxoqC05A7j/fGLTZyyMjy7NuhoNgXDBdoNbNOaepyU+tcEOpsNxxbszaN2Z6Pmk2YtCkW430b2Fd7dqPlX1CsVbmNQjy9MDQACNMAVP4HqHCfQpL90CvPybsZkLBBMhvyjmb88UcM7VKgbnI6cZ8kTIBoDSj8xCPcX5tJosIo6EmgqWW0oDM+rm1OufhbRu0Sp1sLPnSRMmAGnaKC04nOpGudKmgz8TklFRvVwNzncTDiBJWCvSMUv1YBgpTMp4K6jOxLbllaTmtFNc2JZ0LkJujPA6RoniOR/mWYvk6194+M5uSkVzpOpsKfUO2CfPTavPjKIgB0GxHf9+QcF+cnzmZJKECF4EgoqMk7Tp9pNyvFdkTVNZm88/1D5YcrKFaO3nqSKe1u294U6noMq0op6Ax+RPt5MGZqd8SuW/xopuzHj55o1rbNXd2meAbfP/Z85WWTtidef+JwbJi8grOdw+We23GCA1MiPrhcu89pZLNAMHBXmbYLVQtzdjbewc4VdVEW9TQc2upZ63naU42lXp3lvuw2Oy+UgHrKsBa75c8SyBr0d+8lgLo3V4pxxBxkCmXDSbAEbo7fGeNl8cLBZgAYku39BaXimw7VvcW/TWez5a6GYrmoK5yXce4xBwVp2S1VyxZIEFzRq3UGwYrkFZKcrBXuQb9FhAusVfpMscdsTi+cC292GUmWRQKTY06oEtBLOxOpZCVcSoMlCrSjRR/ESvMWCPNcGE9lDY2RCnzSGONaMJHeIbNy9hEQOGXTtLRUtG057k4HmtHGy+G4anccOMPODAO8G0YUUgos4nCUGkd2rMdBdLCGL8JQ7a/GjCGJIF9tSoGSolAiSszejppvV9voRYBQQJikyH2CcaHEB5N4hMy0hwySAhMEcjeavVEJy5Y5IMgONiqs9ertc9qIcbye5y8MHe+pRLM3mgCwFPnpr9vt0jaJDY2rmleUk3ibX/MTiZQYhamjEkdqAdv1WqjjvNDu/XS3DxylidEHwijUMmqVl9H4WTcsYA3QB8Ko2kZf1pvBMrg5jI6ndD3as0nz84cjWNM5xbPPy87b1Yqu+bn2hpOSf1uo1KVGBTQVK4MSlc6zuWWjdWDtNlRK0ftDKarwYA5YiEFyOkkRsCBqJOdzpjrck1iCkYUgXzRbrQlQHdw/CXP5JmB4c3Fos0lZnk86rxTD+8vF8rCMmpLU/5jaYGl+qteq1SGbetWz88wM1GORfL2kyfboFJZ1anIANozBBQHINMWaOZzdjBsVqRKFZcaQWPcKDu6AIg1nYhaFMcEk6kXdrjdUCTBDEhKFcwMw8UZoA+GwaGwYeYDFoBSi5Lnz813zODpyqMyF+aW7K1XD4WhL5AQhsm/hs19lSAm5iVLM+eMpIQmqEhwIAwLlr4m4yJf3q1XDkctrNIK18kgb5ETWmHUHzWbO2dnUavXF0qLbT4RhjvOnJ2UMgZlxp6ZpmkgKMR6QQcNb65ynGVO5rOgiu2FXlc69uqsP2DxuSSZksl42Ay1ylHnMpstydjjtWbbJHphqv6tpxd/CKQlNHODrcvn1vX4VANq8IgQWL85UCsyYrweotxFIP/rY0L82yfiTDjOKURvvNm8qyd/W6EHKUG7IxJgImx91Wzo//9C+UeMJJ0zZlbrbkYFJm7x8jdk3MW2jdz4MKh9Hpn0/071UutPAQYAawSEiuSJqCAAAAAASUVORK5CYII=); }
  .feed div.viafoura .vf-modal .vf-user-signup .vf-header .vf-modal-title:after {
    content: "Sign Up";
    width: 300px;
    position: absolute;
    top: 5px;
    left: 40px;
    color: #F0F0F0;
    font-size: 16px;
    text-shadow: 0 1px 0 #333;
    font-weight: bold; }
  .feed div.viafoura .vf-modal .vf-user-login .vf-header .vf-modal-title:after {
    content: "Log in";
    width: 300px;
    position: absolute;
    top: 5px;
    left: 40px;
    color: #F0F0F0;
    font-size: 16px;
    text-shadow: 0 1px 0 #333;
    font-weight: bold; }
  .feed div.viafoura .vf-password-retrieval .vf-header .vf-modal-title:after {
    content: "Forgot Password?";
    width: 300px;
    position: absolute;
    top: 5px;
    left: 40px;
    color: #F0F0F0;
    font-size: 16px;
    text-shadow: 0 1px 0 #333;
    font-weight: bold; }
  .feed div.viafoura .vf-viafoura-login .vf-social-icon {
    /* login tab gem logo */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW9JREFUeNqMUrtOAlEQvezCymoFBa1+APGJIWjoKKm10lAIiTZ+CLWY0JBoI9Yk2pPwSNBEQyiw0YZECsEH7sKCeO4eXIw0TnYnZ87M3ntmZsV4xl6SyefVNfjZlCJs62VOO3v7AEb+UhimpAxTYiHAI8syN0sH5TLAoFo1CwWrXgemV5cWJW9nF44OFSeQoFiE9wSDjrdubicp1lBQv1J5T6eJPy/ynYNkL5djCB5ZYje1QgDP6KRSUAwZY9Psl0q+bNa6u8czenzSd3fU41Zr2GggrQYC47fXUfOBir/abdXvF5Y1bDblx92ueX3lwrDEj2mh0KBWE7/sD+P2bIZ4Ndqai8UggGezUW17i4xsWvcqUOaNxzkBKAM1nYnunU8kiFGDyulMPk4yxJgGZoLJMATvzMSFl1uUZ6wso32uhjdokYizDd/5mUJq0lM06myR3rOxPknZNQpXykALh50eqBUMS1Ez3eU//8FvAQYA+5RDbFDRmBwAAAAASUVORK5CYII=); }
  .feed div.viafoura .vf-viafoura-login {
    font-size: 0;
    position: relative; }
  .feed div.viafoura .vf-viafoura-login:after {
    content: "CBC Member";
    position: absolute;
    top: 12px;
    left: 38px;
    height: 30px;
    width: 140px;
    display: block;
    line-height: 17px;
    font-weight: bold;
    font-size: 12px;
    color: #444; }
  .feed div.viafoura .vf-form .vf-form-title {
    visibility: hidden; }
  .feed div.viafoura .vf-form input[type='submit'] {
    /*background-color:#095287;*/
    border-radius: 5px;
    padding: 5px;
    background-color: #115278;
    background-image: none;
    border: 1px solid #b2b3b2;
    color: #ffffff; }
  .feed div.viafoura .vf-modal .vf-header {
    background: none;
    background-color: #000000;
    -webkit-filter: none;
            filter: none;
    padding: 9px; }
  .feed div.viafoura .vf-header {
    background: none;
    background-color: #000000;
    text-shadow: none;
    color: #ffffff; }
  .feed div.viafoura .vf-user-profile .vf-user-meta {
    background-color: #545454;
    text-shadow: none; }
  .feed div.viafoura .vf-avatar-options a, .feed div.viafoura a.vf-link, .feed div.viafoura a.vf-link:visited, .feed div.viafoura a.vf-link:hover {
    background-color: #115278;
    color: white;
    padding: 5px;
    width: 40%;
    border-radius: 5px;
    text-align: center;
    float: right; }
  .feed div.viafoura .vf-user-profile .vf-account-options {
    background-color: #ffffff;
    background-image: none; }
  .feed div.viafoura .vf-tabs li.vf-current {
    margin-top: 1px; }
  .feed div.viafoura .vf-tabs li a, .feed div.viafoura .vf-tabs li.vf-current a {
    color: #115278; }
  .feed div.viafoura .vf-login-options .vf-social-button.vf-current {
    background-color: #ffffff;
    background-image: none;
    -webkit-filter: none;
            filter: none; }
  .feed div.viafoura.info {
    display: none; }
  .feed .viafoura .vf-form label {
    cursor: default; }
  .feed .cbc-vf .viafoura .vf-rank {
    display: none; }
  .feed .cbc-vf .cmt {
    background-position: left -129px;
    background-image: url(/i/o/sm/v10/gfx/sprite.png);
    background-repeat: no-repeat;
    color: #797979;
    font-style: normal;
    margin: 0;
    padding-left: 18px;
    font: 10px arial,sans-serif;
    display: block; }
  .feed .viafoura .vf-comments-sort {
    width: auto; }
  .feed .viafoura .vf-login-options .vf-facebook-login.vf-social-button,
  .feed .viafoura .vf-login-options .vf-google-login.vf-social-button,
  .feed .viafoura .vf-login-options .vf-viafoura-login.vf-social-button {
    height: auto; }
  .feed #newsheadlines .vf-counter.vf-widget {
    display: none; }
  .feed #mostpopular li.tab2 {
    display: none; }
  .feed #regional .yui3-tabview-list li.tab2.yui3-tab.yui3-widget {
    display: none; }
  .feed #mainbox1 #socialbox1 a:link {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox2 a:link {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox3 a:link {
    color: black;
    text-decoration: none; }
  .feed #mainbox1 #socialbox1 a:visited {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox2 a:visited {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox3 a:visited {
    color: black;
    text-decoration: none; }
  .feed #mainbox1 #socialbox1 a:hover {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox2 a:hover {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox3 a:hover {
    color: black;
    text-decoration: none; }
  .feed #mainbox1 #socialbox1 a:active {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox2 a:active {
    color: black;
    text-decoration: none; }
  .feed #mainbox2 #socialbox3 a:active {
    color: black;
    text-decoration: none; }
  .feed .feedback-links {
    float: right;
    padding: 5px 0; }
  .feed .feedback-links .storytool {
    padding: 0 4px;
    margin-right: 0;
    font-size: 12px;
    font-weight: bold; }
  .feed .feedback-links .error {
    border-right: solid 2px grey; }
  .feed .feedback-links .feedback {
    padding-left: 2px; }
  .feed .vf-user-content .vf-user-options .vf-form-title + label, .feed .vf-user-signup .vf-form-title + label {
    font-size: 0; }
  .feed .vf-user-content .vf-user-options .vf-form-title + label:after, .feed .vf-user-signup .vf-form-title + label:after {
    content: "Full Name";
    font-size: 13px; }
  .feed .contentList {
    /**
 * @file LoadMore/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .contentList .card {
      overflow: hidden; }
    .feed .contentList .voteMeter {
      margin-bottom: 1rem; }
    .feed .contentList .ad-bigbox {
      margin-bottom: 0.5rem; }
    .feed .contentList button.loadMore {
      background-color: #ffffff;
      border-width: 3px;
      border-style: solid;
      text-align: center;
      text-transform: uppercase;
      line-height: 1.25rem;
      font-size: 1.25rem;
      font-weight: bold;
      display: block;
      height: 3rem;
      padding-left: 1.2rem;
      padding-right: 1.2rem;
      margin: 0.5rem auto 1.5rem auto;
      border-color: #545454;
      color: #545454; }
      .feed .contentList button.loadMore:hover {
        background-color: #545454;
        color: #ffffff; }
      .feed .contentList button.loadMore:focus {
        background-color: #ffffff;
        color: #545454;
        border-style: dashed;
        outline: none; }
      .feed .contentList button.loadMore:after {
        background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(84,84,84)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(84,84,84)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(84,84,84)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        width: 18px;
        height: 13px;
        margin-left: 5px; }
      .feed .contentList button.loadMore:hover:after {
        background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
        background-repeat: no-repeat; }
      .feed .contentList button.loadMore:hover:focus:after {
        background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(84,84,84)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(84,84,84)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(84,84,84)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
        background-repeat: no-repeat;
        color: #ffffff; }
      .feed .contentList button.loadMore.loading {
        line-height: 1.625rem; }
        .feed .contentList button.loadMore.loading:after, .feed .contentList button.loadMore.loading:hover:after, .feed .contentList button.loadMore.loading:hover:focus:after {
          display: none; }
        .feed .contentList button.loadMore.loading .loader {
          margin-left: 10px;
          float: right; }
        .feed .contentList button.loadMore.loading:hover .loader, .feed .contentList button.loadMore.loading:focus .loader {
          border-color: #ffffff;
          border-right-color: transparent; }
      .feed .contentList button.loadMore.hidden {
        display: none; }
  .feed .featuredArea {
    /* Styles namespaced to component to avoid naming conflicts */
    -ms-flex-align: stretch;
        align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .feed .featuredArea .card {
      -ms-flex: 1 1 270px;
          flex: 1 1 270px; }
    .feed .featuredArea .cardFullBleed {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-top: 0;
      margin-bottom: 0.5rem; }
    .feed .featuredArea .cardRegular {
      margin: 0.5rem 0; }
    .feed .featuredArea .featuredHighlights,
    .feed .featuredArea .featuredTopStories {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      width: 100%; }
    .feed .featuredArea .secondaryTopStories,
    .feed .featuredArea .primaryTopStories {
      width: 100%; }
  .feed .viewportMedium .featuredArea,
  .feed .viewportLarge .featuredArea,
  .feed .viewportXLarge .featuredArea {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
    .feed .viewportMedium .featuredArea .card,
    .feed .viewportLarge .featuredArea .card,
    .feed .viewportXLarge .featuredArea .card {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      -ms-flex-preferred-size: 230px;
          flex-basis: 230px;
      margin: 0.5rem;
      padding: 1rem; }
      .feed .viewportMedium .featuredArea .card.cardGraphical,
      .feed .viewportLarge .featuredArea .card.cardGraphical,
      .feed .viewportXLarge .featuredArea .card.cardGraphical {
        border: 1px solid #eaeaea;
        min-width: 230px; }
        .feed .viewportMedium .featuredArea .card.cardGraphical .card-content,
        .feed .viewportLarge .featuredArea .card.cardGraphical .card-content,
        .feed .viewportXLarge .featuredArea .card.cardGraphical .card-content {
          height: 100%; }
      .feed .viewportMedium .featuredArea .card.cardFeatured,
      .feed .viewportLarge .featuredArea .card.cardFeatured,
      .feed .viewportXLarge .featuredArea .card.cardFeatured {
        margin-top: 0;
        padding: 0; }
      .feed .viewportMedium .featuredArea .card.cardFullBleed, .feed .viewportMedium .featuredArea .card.cardRegular,
      .feed .viewportLarge .featuredArea .card.cardFullBleed,
      .feed .viewportLarge .featuredArea .card.cardRegular,
      .feed .viewportXLarge .featuredArea .card.cardFullBleed,
      .feed .viewportXLarge .featuredArea .card.cardRegular {
        padding: 0; }
      .feed .viewportMedium .featuredArea .card.cardFullBleed,
      .feed .viewportLarge .featuredArea .card.cardFullBleed,
      .feed .viewportXLarge .featuredArea .card.cardFullBleed {
        background-color: #ffffff;
        margin-top: 0; }
        .feed .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .viewportMedium .featuredArea .card.cardFullBleed:focus,
        .feed .viewportLarge .featuredArea .card.cardFullBleed:hover,
        .feed .viewportLarge .featuredArea .card.cardFullBleed:focus,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed:hover,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed:focus {
          box-shadow: 0px 0px 0px 3px #cbcbcb; }
        .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content,
        .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content {
          border: none;
          margin: 0; }
          .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
          .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
          .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
          .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
          .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
            box-shadow: none; }
            .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover:before, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus:before,
            .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover:before,
            .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus:before,
            .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover:before,
            .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus:before {
              display: none; }
        .feed .viewportMedium .featuredArea .card.cardFullBleed .shareBar,
        .feed .viewportMedium .featuredArea .card.cardFullBleed .analysis,
        .feed .viewportLarge .featuredArea .card.cardFullBleed .shareBar,
        .feed .viewportLarge .featuredArea .card.cardFullBleed .analysis,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed .shareBar,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed .analysis {
          display: none; }
        .feed .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
        .feed .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
        .feed .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
        .feed .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .viewportMedium .featuredArea .featuredTopStories,
    .feed .viewportLarge .featuredArea .featuredTopStories,
    .feed .viewportXLarge .featuredArea .featuredTopStories {
      -ms-flex-align: stretch;
          align-items: stretch;
      margin-bottom: 0.5rem; }
      .feed .viewportMedium .featuredArea .featuredTopStories .primaryTopStories,
      .feed .viewportLarge .featuredArea .featuredTopStories .primaryTopStories,
      .feed .viewportXLarge .featuredArea .featuredTopStories .primaryTopStories {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 2 1 460px;
            flex: 2 1 460px;
        width: auto; }
      .feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
      .feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
      .feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
        -ms-flex: 1 1 230px;
            flex: 1 1 230px;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap; }
        .feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card,
        .feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card,
        .feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card {
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
          .feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card:first-child,
          .feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card:first-child,
          .feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card:first-child {
            margin-top: 0; }
          .feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card.cardDefault .cardHeadlineImage .imageMedia,
          .feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card.cardDefault .cardHeadlineImage .imageMedia,
          .feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card.cardDefault .cardHeadlineImage .imageMedia {
            display: none; }
  .feed .pageContentWrap.wallpaperArea {
    background: #ffffff;
    padding: 0 1rem; }
  .feed .pageContentWrap .contentAreaWrap {
    -ms-flex-align: start;
        align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    margin-top: 1.5rem;
    width: 100%; }
    .feed .pageContentWrap .contentAreaWrap .contentArea {
      -ms-flex: 3 1 40rem;
          flex: 3 1 40rem; }
    .feed .pageContentWrap .contentAreaWrap .sidebar {
      margin-left: 0;
      width: 100%; }
    .feed .pageContentWrap .contentAreaWrap .adCardWrapper {
      width: 100%; }
    .feed .pageContentWrap .contentAreaWrap .contentList .contentListCards {
      margin-left: -0.5rem;
      margin-right: -0.5rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
      .feed .pageContentWrap .contentAreaWrap .contentList .contentListCards .card {
        -ms-flex: 1 1 270px;
            flex: 1 1 270px;
        margin: 0.5rem; }
      .feed .pageContentWrap .contentAreaWrap .contentList .contentListCards .contentListAdWrapper {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
        .feed .pageContentWrap .contentAreaWrap .contentList .contentListCards .contentListAdWrapper .card {
          max-width: 100%; }
    .feed .pageContentWrap .contentAreaWrap.nativeAdInserted .contentArea .contentList .contentListCards .card:last-child {
      display: none; }
  .feed .pageContentWrap .listHeading {
    border-bottom: 1px solid #cbcbcb;
    font-size: 1.5rem;
    margin: 0 1rem;
    padding: 1.5rem 0 0.5rem 0;
    text-transform: uppercase; }
  .feed .pageContentWrap.viewportSmall .contentAreaWrap .contentList, .feed .pageContentWrap.viewportSmall .contentAreaWrap .sidebar {
    padding-left: 0;
    padding-right: 0; }
  .feed .viewportMedium .contentArea .contentList .contentListCards .card,
  .feed .viewportLarge .contentArea .contentList .contentListCards .card,
  .feed .viewportXLarge .contentArea .contentList .contentListCards .card {
    -ms-flex: 1 1 230px;
        flex: 1 1 230px; }
  .feed .viewportMedium .pageContentWrap .contentAreaWrap .sidebar,
  .feed .viewportLarge .pageContentWrap .contentAreaWrap .sidebar,
  .feed .viewportXLarge .pageContentWrap .contentAreaWrap .sidebar {
    -ms-flex: 0 0 300px;
        flex: 0 0 300px;
    margin-left: 1rem; }
  @media (min-width: 641px) and (max-width: 1068px) {
    .feed .pageContentWrap .contentAreaWrap .sidebar, .feed .pageContentWrap.viewportMedium .contentAreaWrap .sidebar, .feed .pageContentWrap.viewportLarge .contentAreaWrap .sidebar {
      -ms-flex-positive: 1;
          flex-grow: 1;
      margin-left: 0;
      padding: 0 0.5rem; } }
  .feed .detail {
    /**
 * @file DetailHeadline/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Small */
    /* Medium */
    /**
 * @file DetailSummary/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Deck/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Small */
    /* Medium */
    /**
 * @file Byline/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Small */
    /**
 * @file RelatedLinks/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Highlights/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Corrections/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Clarifications/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Source/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file AudioInfo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentFeedback/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file AuthorProfile/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Small */
    /* Medium */
    /**
 * @file CommentCount/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file JumpTo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Label/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SponsorMeta/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Not sure if this should be here or on detail component. */
    /* All default styles go here */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .detail.detailBody {
      max-width: 60.625rem;
      margin: 0 auto; }
      .feed .detail.detailBody :not(.card) .label.flag {
        margin-top: 1rem;
        margin-left: 0;
        font-size: 1.2rem; }
      .feed .detail.detailBody.hasBanner .pageIntro .responsiveNav.introNav {
        clear: none; }
    .feed .detail .detailTrending {
      clear: both;
      margin-top: 3rem; }
    .feed .detail .detailBodyContent {
      max-width: 45rem;
      margin: 0 auto; }
    .feed .detail .card.cardRegular {
      border: 1px solid #cbcbcb; }
    .feed .detail .moreStories {
      margin-top: 3rem; }
      .feed .detail .moreStories .metadataText > .metaSeparator,
      .feed .detail .moreStories .metadataText .timeStamp,
      .feed .detail .moreStories .metadataText .viafoura {
        display: none; }
    .feed .detail .detailLink {
      transition: background-color 0.25s linear;
      color: #0550c8;
      border-bottom: 1px solid #d8d8d8;
      text-decoration: none; }
      .feed .detail .detailLink:hover, .feed .detail .detailLink:focus {
        background-color: #d8d8d8; }
    .feed .detail .detailHeadline {
      color: #000000;
      font-size: 2rem;
      line-height: 36px; }
    @media (max-width: 640px) {
      .feed .detail .detailHeadline {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 641px) and (max-width: 960px) {
      .feed .detail .detailHeadline {
        font-size: 28px;
        line-height: 32px; } }
    .feed .detail .detailSummary {
      display: none; }
    .feed .detail .deck {
      font-size: 18px;
      font-weight: normal;
      color: #000000;
      line-height: 24px; }
    @media (max-width: 640px) {
      .feed .detail .deck {
        font-size: 16px;
        line-height: 26px; } }
    @media (min-width: 641px) and (max-width: 960px) {
      .feed .detail .deck {
        font-size: 20px;
        line-height: 28px; } }
    .feed .detail .byline {
      font-family: 'Open Sans', sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: normal;
      color: #545454;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-size: 14px;
      line-height: 20px; }
      .feed .detail .byline .author-image {
        min-width: 40px;
        margin: 0 0.5rem 0 0; }
      .feed .detail .byline .timeStamp {
        display: inline-block; }
        .feed .detail .byline .timeStamp::first-letter {
          text-transform: uppercase; }
      .feed .detail .byline a {
        transition: background-color 0.25s linear;
        color: #0550c8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none; }
        .feed .detail .byline a:hover, .feed .detail .byline a:focus {
          background-color: #d8d8d8; }
    @media (min-width: 641px) and (max-width: 960px) {
      .feed .detail .byline {
        font-size: 16px;
        line-height: 24px; } }
    .feed .detail .relatedlinks {
      margin-top: 3rem;
      margin-bottom: 2rem; }
      .feed .detail .relatedlinks .relatedLink {
        transition: background-color 0.25s linear;
        color: #0550c8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none;
        font-weight: bold; }
        .feed .detail .relatedlinks .relatedLink:hover, .feed .detail .relatedlinks .relatedLink:focus {
          background-color: #d8d8d8; }
        .feed .detail .relatedlinks .relatedLink .label.flag {
          display: inline;
          font-size: 0.8rem;
          margin-right: 0.2rem; }
          .feed .detail .relatedlinks .relatedLink .label.flag .labelText {
            display: inline;
            padding: 0.2rem;
            padding-bottom: inherit; }
            .feed .detail .relatedlinks .relatedLink .label.flag .labelText.label-live, .feed .detail .relatedlinks .relatedLink .label.flag .labelText.label-live-blog, .feed .detail .relatedlinks .relatedLink .label.flag .labelText.label-coming-up, .feed .detail .relatedlinks .relatedLink .label.flag .labelText.label-live-chat, .feed .detail .relatedlinks .relatedLink .label.flag .labelText.label-sponsored-content {
              display: inline; }
      .feed .detail .relatedlinks .relatedListItem {
        margin: 1rem 0; }
    .feed .detail .highlights {
      margin-bottom: 1rem;
      border-bottom: 1px solid #000000; }
      .feed .detail .highlights .sectionTitle .sectionTitleText {
        color: #ffffff;
        background-color: #000000;
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
      .feed .detail .highlights .highlightList {
        padding-left: 1.5rem; }
      .feed .detail .highlights .highlightListItem {
        color: #e60505;
        padding-bottom: 0.5rem;
        font-weight: bold; }
        .feed .detail .highlights .highlightListItem span {
          color: #000000; }
    .feed .detail .corrections {
      border-top: 1px solid #cbcbcb; }
      .feed .detail .corrections .corrections-list {
        color: #545454;
        padding-left: 1rem; }
      .feed .detail .corrections .correction-item {
        margin-bottom: 1rem;
        font-size: 0.875rem; }
      .feed .detail .corrections .correction-date {
        font-style: italic; }
    .feed .detail .clarifications .clarifications-list {
      color: #545454;
      padding-left: 1rem; }
    .feed .detail .clarifications .clarification-item {
      margin-bottom: 1rem;
      font-size: 0.875rem; }
    .feed .detail .clarifications .clarification-date {
      font-style: italic; }
    .feed .detail .source {
      border-top: 1px solid #cbcbcb; }
      .feed .detail .source p {
        font-style: italic; }
    .feed .detail .audioInfo {
      color: #0550c8;
      margin: 1.5rem 0;
      /* Imports for subcomponent(s) go here */ }
      .feed .detail .audioInfo .audioInfoLink {
        transition: background-color 0.25s linear;
        color: #0550c8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none; }
        .feed .detail .audioInfo .audioInfoLink:hover, .feed .detail .audioInfo .audioInfoLink:focus {
          background-color: #d8d8d8; }
        .feed .detail .audioInfo .audioInfoLink:hover {
          cursor: pointer; }
      .feed .detail .audioInfo .iconLink .mediaIcon {
        border-radius: 50%;
        border: 2px solid #0550c8; }
      .feed .detail .audioInfo .iconLink .mediaIcon:hover {
        fill: #545454;
        cursor: pointer;
        border-color: #545454; }
      .feed .detail .audioInfo .runTime {
        color: #545454;
        display: inline-block;
        font-size: 0.8rem;
        margin-left: 0.5rem; }
    .feed .detail .contentFeedback {
      /* Styles namespaced to component to avoid naming conflicts */
      margin: 1rem 0 1rem 0;
      padding: 1rem 0;
      border-top: 1px solid #cbcbcb;
      border-bottom: 1px solid #cbcbcb;
      clear: both; }
      .feed .detail .contentFeedback .feedback,
      .feed .detail .contentFeedback .reportIssue,
      .feed .detail .contentFeedback .journalistLink {
        transition: background-color 0.25s linear;
        color: #0550c8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none;
        font-style: italic; }
        .feed .detail .contentFeedback .feedback:hover, .feed .detail .contentFeedback .feedback:focus,
        .feed .detail .contentFeedback .reportIssue:hover,
        .feed .detail .contentFeedback .reportIssue:focus,
        .feed .detail .contentFeedback .journalistLink:hover,
        .feed .detail .contentFeedback .journalistLink:focus {
          background-color: #d8d8d8; }
      .feed .detail .contentFeedback .feedback,
      .feed .detail .contentFeedback .reportIssue {
        font-size: 0.9rem; }
      .feed .detail .contentFeedback .separator {
        color: #cbcbcb;
        display: inline-block;
        margin: 0 0.5rem; }
      .feed .detail .contentFeedback .journalistStandards.bottomSeparator {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #cbcbcb; }
    .feed .detail .authorprofile .authorprofile-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 1rem; }
    .feed .detail .authorprofile .authorprofile-image-container {
      min-width: 100px;
      margin-right: 1rem; }
      .feed .detail .authorprofile .authorprofile-image-container .placeholder {
        background: none;
        border: 1px solid #cbcbcb; }
      .feed .detail .authorprofile .authorprofile-image-container .image {
        display: block; }
      .feed .detail .authorprofile .authorprofile-image-container .placeholder, .feed .detail .authorprofile .authorprofile-image-container .largeImage, .feed .detail .authorprofile .authorprofile-image-container svg {
        border-radius: 50%; }
    .feed .detail .authorprofile .authorprofile-name-container {
      -ms-flex-pack: center;
          justify-content: center; }
      .feed .detail .authorprofile .authorprofile-name-container .authorprofile-name {
        font-weight: bold;
        margin: 0; }
      .feed .detail .authorprofile .authorprofile-name-container .authorprofile-title {
        margin-top: 0.4rem;
        margin-bottom: 0; }
    .feed .detail .authorprofile .authorprofile-biography {
      margin-top: 1rem;
      margin-bottom: 0;
      line-height: 26px; }
    .feed .detail .authorprofile .authorprofile-item {
      transition: background-color 0.25s linear;
      color: #0550c8;
      border-bottom: 1px solid #d8d8d8;
      text-decoration: none;
      font-weight: bold; }
      .feed .detail .authorprofile .authorprofile-item:hover {
        background-color: #d8d8d8; }
    @media (max-width: 640px) {
      .feed .detail .authorprofile {
        font-size: 16px;
        line-height: 26px; }
        .feed .detail .authorprofile p {
          margin-bottom: 28px; }
        .feed .detail .authorprofile .authorprofile-name, .feed .detail .authorprofile .authorprofile-title {
          margin: 0;
          line-height: 130%; } }
    @media (min-width: 641px) and (max-width: 960px) {
      .feed .detail .authorprofile {
        font-size: 18px;
        line-height: 28px; }
        .feed .detail .authorprofile .sectionTitleText {
          font-size: 1.25rem;
          line-height: 1.875rem; }
        .feed .detail .authorprofile p {
          margin-bottom: 32px; }
        .feed .detail .authorprofile .authorprofile-name {
          margin: 0;
          line-height: 130%; } }
    .feed .detail .commentCount .viafoura {
      font-size: 1rem; }
    .feed .detail .commentCount .commentCount-icon {
      fill: #0550c8;
      width: 32px;
      display: inline-block;
      vertical-align: middle;
      margin-left: 0.5rem; }
    .feed .detail .commentCount .commentCount-link {
      transition: background-color 0.25s linear;
      color: #0550c8;
      border-bottom: 1px solid #d8d8d8;
      text-decoration: none; }
      .feed .detail .commentCount .commentCount-link:hover, .feed .detail .commentCount .commentCount-link:focus {
        background-color: #d8d8d8; }
    @media (min-width: 641px) and (max-width: 960px) {
      .feed .detail .commentCount .viafoura {
        font-size: 1.125rem; } }
    .feed .detail .jumpTo {
      font-family: 'Open Sans', sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 1px solid #d8d8d8;
      padding-bottom: 1rem; }
      .feed .detail .jumpTo .recommendedStoriesButton {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        border: 0px; }
      .feed .detail .jumpTo .recommendedFlag {
        height: 20px; }
      .feed .detail .jumpTo .recommendedLabel {
        color: #0550c8; }
      .feed .detail .jumpTo .wrapper {
        line-height: 0px;
        padding-right: 8px; }
    .feed .detail .label {
      background-color: transparent;
      color: #545454;
      font-size: 0.8rem;
      font-weight: bold; }
      .feed .detail .label.q, .feed .detail .label.Q, .feed .detail .label.label-q, .feed .detail .label.deptItem-q, .feed .detail .label.Goods {
        text-transform: lowercase; }
      .feed .detail .label .labelText {
        text-transform: uppercase; }
        .feed .detail .label .labelText.q, .feed .detail .label .labelText.Q, .feed .detail .label .labelText.label-q, .feed .detail .label .labelText.deptItem-q, .feed .detail .label .labelText.Goods {
          text-transform: lowercase; }
      .feed .detail .label.sponsored {
        color: #000000;
        font-weight: bold;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
        margin-left: -0.8rem; }
        .feed .detail .label.sponsored span {
          background-color: #E7F4F9;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          padding-top: 0.2rem;
          padding-bottom: 0.2rem; }
          .feed .detail .label.sponsored span.external:after {
            content: " \279A"; }
      .feed .detail .label.category {
        font-size: 0.8rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
      .feed .detail .label.flag {
        color: #545454;
        margin-top: 0.5rem;
        margin-left: -1rem; }
        .feed .detail .label.flag .labelText {
          background-color: #ffffff;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          padding-top: 0.2rem;
          padding-bottom: 0.2rem; }
          .feed .detail .label.flag .labelText.label-live, .feed .detail .label.flag .labelText.label-live-blog, .feed .detail .label.flag .labelText.label-coming-up, .feed .detail .label.flag .labelText.label-live-chat {
            background-color: #ffdc14;
            color: #000000; }
            .feed .detail .detail .label.flag .labelText.label-live, .feed .detail .detail .label.flag .labelText.label-live-blog, .feed .detail .detail .label.flag .labelText.label-coming-up, .feed .detail .detail .label.flag .labelText.label-live-chat {
              display: block; }
          .feed .detail .label.flag .labelText.label-sponsored-content {
            background-color: #E7F4F9;
            color: #000000; }
    .feed .detail .detail .labelStory.flag .labelText.label-sponsored-content {
      background-color: #E7F4F9;
      color: #000000;
      width: 100%;
      display: block;
      text-align: center; }
    .feed .detail .sponsorBy {
      /* Add line break within parent flex */
      width: 100%; }
      .feed .detail .sponsorBy .sponsorLogo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        font-weight: bold; }
        .feed .detail .sponsorBy .sponsorLogo img {
          margin-left: 10px;
          min-width: 60px; }
      .feed .detail .sponsorBy .sponsorLink {
        text-decoration: none; }
    .feed .detail .detail:not(.card) .sponsorLogo {
      font-family: 'Open Sans', sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: normal;
      color: #545454;
      font-size: 14px;
      line-height: 20px; }
      .feed .detail .detail:not(.card) .sponsorLogo img {
        height: 30px;
        width: auto;
        min-width: auto; }
    .feed .detail .authorProfilePage .authorprofile-container {
      margin-top: 0; }
    .feed .detail .authorProfilePage .authorprofile-image-container {
      min-width: 260px;
      margin-right: 2rem; }
    .feed .detail .authorProfilePage .authorprofile-name-container {
      padding-right: 0; }
      .feed .detail .authorProfilePage .authorprofile-name-container .authorprofile-name {
        font-size: 2rem; }
      .feed .detail .authorProfilePage .authorprofile-name-container .authorprofile-title {
        font-weight: bold;
        font-size: 1.3rem;
        margin: 0.5rem 0; }
    .feed .detail .authorProfilePage .authorprofile-biography {
      margin-top: 1rem;
      margin-bottom: 0;
      line-height: 26px;
      color: #545454; }
    .feed .detail .authorProfilePage.viewportSmall .authorprofile-container {
      display: block; }
      .feed .detail .authorProfilePage.viewportSmall .authorprofile-container .authorprofile-image-container {
        max-width: 40%;
        margin: 0 auto 1rem; }
      .feed .detail .authorProfilePage.viewportSmall .authorprofile-container .authorprofile-biography {
        padding-right: 0rem; }
    .feed .detail .authorProfilePage.viewportLarge .authorprofile-name-container {
      padding-right: 2rem; }
    .feed .detail.viewportLarge .moreStories .contentList .card {
      -ms-flex: 1 0 165px;
          flex: 1 0 165px; }
  @media (min-width: 1330px) and (max-width: 1610px) {
    .feed .detail.detailBody {
      margin-right: 300px; } }
  .feed .show {
    /* Styles namespaced to component to avoid naming conflicts */
    background-color: #ffffff; }
    .feed .show .showContent {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      padding-top: 1rem; }
      .feed .show .showContent .ad-bigbox {
        border: none;
        margin-left: auto;
        margin-right: auto; }
      .feed .show .showContent .listHeading {
        margin: 0;
        padding: 0; }
      .feed .show .showContent .contentListWrapper {
        margin: 0 0.5rem; }
      .feed .show .showContent .contentList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
        .feed .show .showContent .contentList .card:first-child:nth-last-child(2) {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
        .feed .show .showContent .contentList .contentListCards .cardListing.rightImage, .feed .show .showContent .contentList .contentListCards .cardListing.leftImage {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
    .feed .show .sidebar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      -ms-flex: 1 0 230px;
          flex: 1 0 230px;
      margin-left: auto;
      margin-right: auto;
      padding: 1rem;
      width: 100%; }
      .feed .show .sidebar .widgets {
        margin: 1rem auto; }
    .feed .show .banner {
      display: block;
      margin-left: 1rem;
      margin-right: 1rem; }
    .feed .show.topicPage .listHeading {
      margin-bottom: 2rem; }
    .feed .show.topicPage .loadMore,
    .feed .show.topicPage .pageIntro {
      display: none; }
    .feed .show.show-junos .showName {
      display: none; }
  .feed .viewportSmall .show .showNav .showNavLink {
    font-size: 0.8rem;
    margin: 0 0.5rem; }
  .feed .viewportLarge .show .showContent .cardListing.topImage,
  .feed .viewportXLarge .show .showContent .cardListing.topImage {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .feed .viewportLarge .show .sidebar,
  .feed .viewportXLarge .show .sidebar {
    -ms-flex: 0 0 230px;
        flex: 0 0 230px;
    padding: 1.5rem 1.5rem 0 0; }
  .feed .followUs {
    /* Styles namespaced to component to avoid naming conflicts */
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    margin: 1rem auto;
    /* Imports for subcomponent(s) go here */ }
    .feed .followUs a:focus svg, .feed .followUs a:hover svg {
      border-radius: 50%;
      border-style: solid;
      border-color: #cbcbcb;
      border-width: .125em;
      width: 92%; }
    .feed .followUs a:focus > [role="tooltip"], .feed .followUs a:hover > [role="tooltip"] {
      display: block;
      box-shadow: 0px 0px 0px 3px #cbcbcb;
      font-size: .85em;
      background-color: #fff; }
    .feed .followUs [role="tooltip"] {
      display: none;
      z-index: 2;
      color: #333;
      width: auto;
      padding: .125em .175em;
      position: absolute; }
    .feed .followUs .sectionTitle {
      margin-top: 0.2rem;
      padding: 0.2rem 0.5rem; }
      .feed .followUs .sectionTitle .sectionTitleText {
        color: #000000;
        background-color: #ffffff;
        padding-left: 0; }
    .feed .followUs ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      list-style: none;
      margin: 0.25rem;
      padding: 0; }
      .feed .followUs ul li {
        margin: 0.4rem;
        border: 1px solid #cbcbcb;
        border-radius: 50%;
        width: 43px;
        height: 43px; }
    .feed .followUs .followUs-image .placeholder {
      background: none;
      padding: 7px; }
    .feed .followUs .followUs-image .smallImage, .feed .followUs .followUs-image .placeholderImage {
      display: none; }
    .feed .followUs .followUs-image .largeImage {
      position: relative;
      width: 29px;
      height: 29px; }
  .feed .globalFooter {
    background-color: #ffffff; }
    .feed .appContainer .globalFooter {
      margin-top: 48px; }
    .feed .globalFooter .footerBody {
      max-width: 80rem;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .feed .globalFooter .extendedFooter {
      background-color: #ffffff;
      color: #000000; }
      .feed .globalFooter .extendedFooter .footerColumn {
        -ms-flex-item-align: baseline;
            align-self: baseline; }
    .feed .globalFooter .basicFooter {
      color: #ffffff;
      background-color: #000000; }
      .feed .globalFooter .basicFooter .footerColumn {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; }
    .feed .globalFooter .footerList {
      list-style: none;
      margin: 0 auto;
      padding: 0; }
    .feed .globalFooter .footerColumn {
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
      padding: 16px; }
    .feed .globalFooter .footerLink {
      color: #0550c8;
      text-decoration: none; }
      .feed .globalFooter .footerLink:hover, .feed .globalFooter .footerLink:focus {
        text-decoration: underline; }
    .feed .globalFooter .footerHeading {
      border-bottom: 1px solid #000000;
      margin-top: 0; }
    .feed .globalFooter .footerItem {
      margin-bottom: 0.5rem; }
      .feed .connect .globalFooter .footerItem {
        margin-bottom: 0.7rem; }
    .feed .globalFooter .extendedLogoLink,
    .feed .globalFooter .radioCanada {
      color: #ffffff;
      text-decoration: none; }
    .feed .globalFooter .extendedLogo {
      font-size: 1.3rem;
      -ms-flex: 1 1 230px;
          flex: 1 1 230px; }
      .feed .globalFooter .extendedLogo .placeholder {
        background: none; }
      .feed .globalFooter .extendedLogo .smallImage, .feed .globalFooter .extendedLogo .placeholderImage {
        display: none; }
      .feed .globalFooter .extendedLogo .largeImage {
        position: relative;
        width: 220px; }
    .feed .globalFooter .copyright {
      -ms-flex: 2 0 230px;
          flex: 2 0 230px;
      font-size: 0.9rem; }
    .feed .globalFooter .radioCanada {
      font-size: 0.8rem; }
      .feed .globalFooter .radioCanada:hover, .feed .globalFooter .radioCanada:focus {
        text-decoration: underline; }
  .feed .globalHeader {
    background: #ffffff;
    color: #ffffff;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #eaeaea;
    transform: translate3d(0, 0, 0);
    /**
 * @file NavItem/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SubNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file MoreItemsNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ResponsiveNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file DetailNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Small */
    /* Small */
    /**
 * @file AccessibilityHeader/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file MenuNav/styles/_styles_default.scss
 *
 * Include all partials here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ExternalHeader/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file RegionalNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file TertiaryNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file RegionsListSelector/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .globalHeader .toggleMenu {
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      background: transparent;
      border: none; }
    .feed .globalHeader .menuNavWrapper {
      max-width: 80rem;
      margin: 0 auto;
      -ms-flex-align: center;
          align-items: center;
      background-color: #ffffff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      height: 48px;
      overflow: hidden;
      position: relative; }
    .feed .globalHeader .logo {
      color: #000000;
      display: inline-block;
      font-size: 1.3rem;
      font-weight: bold;
      height: 100%;
      line-height: 3rem;
      text-decoration: none;
      white-space: nowrap;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px; }
      .feed .globalHeader .logo:focus {
        color: #e60505;
        outline: none; }
    .feed .globalHeader .detailNav,
    .feed .globalHeader .menuClose {
      display: none; }
    .feed .globalHeader .gemSectionLink {
      margin: 0;
      padding: 0 1rem;
      vertical-align: baseline;
      white-space: nowrap; }
      .feed .globalHeader .gemSectionLink .icon {
        display: none; }
        .feed .globalHeader .gemSectionLink .icon .logoIcon {
          margin-left: 0; }
      .feed .globalHeader .gemSectionLink .navLink {
        font-family: 'Stag Medium', Trebuchet;
        font-weight: 300;
        font-size: 1.75rem;
        line-height: 2.8rem; }
        .feed .globalHeader .gemSectionLink .navLink:hover {
          text-decoration: underline; }
        .feed .globalHeader .gemSectionLink .navLink .icon {
          display: inline-block; }
    .feed .globalHeader .sideMenu {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      min-width: 3rem;
      text-align: center; }
      .feed .globalHeader .sideMenu .navLink {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        color: #000000;
        display: inline-block;
        height: 100%;
        padding: 0 0.2rem;
        line-height: 3rem; }
      .feed .globalHeader .sideMenu .search {
        border: 0;
        transition: all .2s ease-in-out; }
        .feed .globalHeader .sideMenu .search:hover .searchIcon, .feed .globalHeader .sideMenu .search:hover headerSearch, .feed .globalHeader .sideMenu .search:focus .searchIcon, .feed .globalHeader .sideMenu .search:focus headerSearch {
          fill: #dc0000;
          -ms-transform: scale(1.25);
              transform: scale(1.25); }
    .feed .globalHeader .menuButton {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      border: none;
      border-left: 1px solid #e60505;
      background-color: transparent;
      color: #e60505;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      font-size: 1rem;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      text-align: left;
      margin: 0 0 0 1.1rem;
      padding: 0 0 0 1.1rem;
      position: relative;
      overflow: hidden;
      z-index: 100; }
      .feed .globalHeader .menuButton:hover, .feed .globalHeader .menuButton:focus {
        outline: none;
        color: #000000; }
        .feed .globalHeader .menuButton:hover .chevronIcon, .feed .globalHeader .menuButton:focus .chevronIcon {
          fill: #ffffff;
          background-color: #dc0000; }
    .feed .globalHeader .menuButton[aria-pressed=true] {
      /*
        height:3rem;
        background-color:$spanish;
        color:$white;
        */ }
    .feed .globalHeader .navSection {
      color: #545454;
      text-transform: uppercase;
      display: inline-block;
      font-weight: bold; }
    .feed .globalHeader .navLink, .feed .globalHeader .navLink:link, .feed .globalHeader .navLink:visited, .feed .globalHeader .navLink:active,
    .feed .globalHeader .collapsible .navSection,
    .feed .globalHeader .collapsible .navSection:link,
    .feed .globalHeader .collapsible .navSection:visited,
    .feed .globalHeader .collapsible .navSection:active {
      color: #000000;
      cursor: pointer;
      text-decoration: none; }
    .feed .globalHeader .navLink:hover, .feed .globalHeader .navLink:focus,
    .feed .globalHeader .collapsible .navSection:hover,
    .feed .globalHeader .collapsible .navSection:focus {
      color: #e60505;
      text-decoration: underline;
      outline: none; }
      .feed .globalHeader .navLink:hover .icon .chevronIcon, .feed .globalHeader .navLink:focus .icon .chevronIcon,
      .feed .globalHeader .collapsible .navSection:hover .icon .chevronIcon,
      .feed .globalHeader .collapsible .navSection:focus .icon .chevronIcon {
        fill: #e60505; }
    .feed .globalHeader.open {
      background: rgba(234, 234, 234, 0.8);
      height: 100%;
      overflow-y: auto;
      top: 0 !important;
      position: fixed !important; }
      .feed .globalHeader.open .landingNav {
        display: none; }
      .feed .globalHeader.open .toggleMenu {
        pointer-events: auto; }
      .feed .globalHeader.open .menuNavWrapper {
        -ms-flex-align: start;
            align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        max-width: 65rem; }
      .feed .globalHeader.open .sideMenu .navLink {
        border-color: #ffffff; }
      .feed .globalHeader.open .menuButton:after {
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
      .feed .globalHeader.open .menuClose {
        background: transparent;
        border: none;
        display: block;
        position: absolute;
        padding: 0;
        top: 2px;
        right: 0.5rem; }
        .feed .globalHeader.open .menuClose .icon {
          display: -ms-flexbox;
          display: flex; }
    .feed .globalHeader.isSticky {
      box-shadow: 0 5px 10px 0 rgba(140, 140, 140, 0.15), 0 -5px 3px -10px #ffffff;
      z-index: 1000; }
      .feed .globalHeader.isSticky .detailNav {
        display: block; }
      .feed .globalHeader.isSticky.scrollDown {
        transition: all 0.4s;
        transform: translate3d(0, -48px, 0); }
        .feed .detail .globalHeader.isSticky.scrollDown .landingNav {
          display: none; }
        .feed .globalHeader.isSticky.scrollDown .selectedNav {
          display: none; }
        .feed .globalHeader.isSticky.scrollDown .gemSectionLink {
          display: inline-block;
          transition: all 0.4s;
          transform: translate3d(0, 0, 0); }
          .feed .globalHeader.isSticky.scrollDown .gemSectionLink .icon {
            display: inline-block;
            transition: opacity 0.4s ease-out; }
            .feed .globalHeader.isSticky.scrollDown .gemSectionLink .icon .noBrand {
              opacity: 0; }
            .feed .globalHeader.isSticky.scrollDown .gemSectionLink .icon .withBrand {
              opacity: 1; }
        .feed .globalHeader.isSticky.scrollDown .detailNavHeadline {
          transition: all 0.4s;
          transform: translate3d(0, 0, 0); }
      .feed .globalHeader.isSticky.scrollUp {
        transition: all 0.4s;
        transform: translate3d(0, 0, 0); }
        .feed .globalHeader.isSticky.scrollUp .gemSectionLink {
          display: inline-block;
          transition: all 0.4s;
          transform: translate3d(-35px, 0, 0); }
          .feed .globalHeader.isSticky.scrollUp .gemSectionLink > .icon {
            display: inline-block;
            opacity: 0;
            transition: opacity 0.4s ease-out; }
        .feed .globalHeader.isSticky.scrollUp .detailNavHeadline {
          transition: all 0.4s;
          transform: translate3d(-35px, 0, 0); }
        .feed .detail .globalHeader.isSticky.scrollUp .landingNav {
          display: none; }
        .feed .detail .globalHeader.isSticky.scrollUp .detailNav .detailLogo {
          display: none; }
        .feed .globalHeader.isSticky.scrollUp .selectedNav {
          display: block; }
      .feed .globalHeader.isSticky.static .menuNavWrapper, .feed .globalHeader.isSticky.open .menuNavWrapper {
        display: -ms-flexbox;
        display: flex;
        height: auto; }
    .feed .globalHeader .navItem {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .globalHeader .navItem .navLink:hover {
        text-decoration: underline; }
      .feed .globalHeader .navItem .navLink:focus {
        text-decoration: underline; }
      .feed .globalHeader .navItem .navLink.selected {
        padding: 3px 5px; }
        .feed .globalHeader .navItem .navLink.selected:hover {
          text-decoration: none; }
    .feed .globalHeader .subNavList {
      /* Styles namespaced to component to avoid naming conflicts */
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      padding-left: 0; }
      .feed .globalHeader .subNavList:after {
        content: "";
        -ms-flex: auto;
            flex: auto;
        padding: 0 1rem;
        width: 21%; }
      .feed .globalHeader .subNavList .subNavListItem {
        list-style-type: none;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        margin: 0;
        padding: 0 1rem;
        width: 21%; }
        .feed .globalHeader .subNavList .subNavListItem .subNavLink {
          color: #545454;
          font-weight: normal;
          text-transform: none; }
      .feed .globalHeader .subNavList.collapsed {
        display: none; }
    .feed .globalHeader.viewportSmall .subNavListItem,
    .feed .globalHeader.viewportSmall .subNavList:after {
      width: 40%; }
    .feed .globalHeader .landingNav {
      background-color: #ffffff;
      border-bottom: 1px solid #eaeaea;
      border-top: 1px solid #eaeaea;
      min-height: 48px;
      margin: 0 auto;
      /**
 * @file SelectedNavTitle/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .globalHeader .landingNav .landingWrapper {
        max-width: 80rem;
        margin: 0 auto; }
      .feed .globalHeader .landingNav .subNavList {
        height: 48px;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin: 0;
        position: relative;
        white-space: nowrap; }
        .feed .globalHeader .landingNav .subNavList .subNavListItem {
          padding: 0 1.5rem;
          margin: 0;
          width: auto;
          white-space: nowrap; }
          .feed .globalHeader .landingNav .subNavList .subNavListItem.gemWrapper {
            padding-left: 1rem; }
      .feed .globalHeader .landingNav .selectedNav {
        /* Styles namespaced to component to avoid naming conflicts */
        background-color: #eaeaea;
        color: #000000;
        clear: both;
        font-weight: bold;
        font-size: 1.125rem;
        margin: 0;
        padding: 0;
        text-align: center; }
        .feed .globalHeader .landingNav .selectedNav .selectedNavTitle {
          display: inline-block;
          margin: 0.1rem; }
        .feed .globalHeader .landingNav .selectedNav:empty {
          display: none; }
        .feed .showPage .globalHeader .landingNav .selectedNav {
          display: none; }
    @media (max-width: 640px) {
      .feed .globalHeader .landingNav .subNavList .subNavListItem {
        padding: 0 0.8rem; } }
    .feed .globalHeader .moreItemsNav {
      text-align: right; }
      .feed .globalHeader .moreItemsNav .moreItemsList {
        clear: both;
        display: none;
        height: 90%;
        min-width: 15rem;
        margin-top: -1px;
        overflow-y: auto;
        position: fixed;
        padding: 0;
        text-align: left;
        right: 0;
        z-index: 300; }
      .feed .globalHeader .moreItemsNav .moreNavListItem {
        border: 1px solid #cbcbcb;
        border-bottom: none;
        background: #ffffff;
        display: block;
        list-style-type: none;
        padding: 0.7rem; }
        .feed .globalHeader .moreItemsNav .moreNavListItem:last-child {
          border-bottom: 1px solid #cbcbcb;
          box-shadow: 0 5px 10px 0 rgba(140, 140, 140, 0.15), 0 -5px 3px -10px #ffffff; }
        .feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink {
          color: #000000;
          text-decoration: none; }
          .feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink:hover, .feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink:focus {
            text-decoration: underline; }
          .feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink.selected {
            background-color: #cbcbcb; }
      .feed .globalHeader .moreItemsNav .moreButton {
        background: transparent;
        color: #222222;
        border: 1px solid #222222;
        border-color: #cbcbcb;
        height: 2rem;
        font-size: 0.9rem;
        padding: 0 0.2rem 0 0.3rem;
        white-space: nowrap; }
        .feed .globalHeader .moreItemsNav .moreButton .chevronIcon {
          border: none;
          fill: #222222;
          background: #ffffff; }
        .feed .globalHeader .moreItemsNav .moreButton:focus .chevronIcon, .feed .globalHeader .moreItemsNav .moreButton:hover .chevronIcon {
          border: none;
          fill: #ffffff;
          background: #222222; }
      .feed .globalHeader .moreItemsNav.open .moreItemsList {
        display: block;
        overflow: auto;
        position: absolute;
        height: inherit; }
      .feed .globalHeader .moreItemsNav.open .moreButton {
        color: #000000;
        background-color: #ffffff;
        border: 1px solid #cbcbcb;
        border-bottom-color: #ffffff;
        position: relative;
        z-index: 400; }
        .feed .globalHeader .moreItemsNav.open .moreButton .chevronIcon {
          border: 1px solid #000000; }
    .feed .globalHeader .responsiveNav {
      /* Styles namespaced to component to avoid naming conflicts */
      /**
 * @file MoreItemsNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /** SHOW PAGES have introNav **/ }
      .feed .globalHeader .responsiveNav .moreItemsNav {
        text-align: right; }
        .feed .globalHeader .responsiveNav .moreItemsNav .moreItemsList {
          clear: both;
          display: none;
          height: 90%;
          min-width: 15rem;
          margin-top: -1px;
          overflow-y: auto;
          position: fixed;
          padding: 0;
          text-align: left;
          right: 0;
          z-index: 300; }
        .feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem {
          border: 1px solid #cbcbcb;
          border-bottom: none;
          background: #ffffff;
          display: block;
          list-style-type: none;
          padding: 0.7rem; }
          .feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem:last-child {
            border-bottom: 1px solid #cbcbcb;
            box-shadow: 0 5px 10px 0 rgba(140, 140, 140, 0.15), 0 -5px 3px -10px #ffffff; }
          .feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
            color: #000000;
            text-decoration: none; }
            .feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover, .feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus {
              text-decoration: underline; }
            .feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
              background-color: #cbcbcb; }
        .feed .globalHeader .responsiveNav .moreItemsNav .moreButton {
          background: transparent;
          color: #222222;
          border: 1px solid #222222;
          border-color: #cbcbcb;
          height: 2rem;
          font-size: 0.9rem;
          padding: 0 0.2rem 0 0.3rem;
          white-space: nowrap; }
          .feed .globalHeader .responsiveNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #222222;
            background: #ffffff; }
          .feed .globalHeader .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .globalHeader .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #222222; }
        .feed .globalHeader .responsiveNav .moreItemsNav.open .moreItemsList {
          display: block;
          overflow: auto;
          position: absolute;
          height: inherit; }
        .feed .globalHeader .responsiveNav .moreItemsNav.open .moreButton {
          color: #000000;
          background-color: #ffffff;
          border: 1px solid #cbcbcb;
          border-bottom-color: #ffffff;
          position: relative;
          z-index: 400; }
          .feed .globalHeader .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
            border: 1px solid #000000; }
      .feed .globalHeader .responsiveNav .subNavListItem {
        position: static;
        white-space: nowrap; }
        .feed .globalHeader .responsiveNav .subNavListItem.hidden {
          visibility: hidden;
          position: absolute; }
        .feed .globalHeader .responsiveNav .subNavListItem.moreNavTrigger {
          margin-left: 0;
          padding-right: 0;
          position: relative;
          visibility: hidden; }
          .feed .viewportSmall .globalHeader .responsiveNav .subNavListItem.moreNavTrigger {
            position: absolute;
            right: 1rem; }
            .feed .viewportSmall .globalHeader .responsiveNav .subNavListItem.moreNavTrigger .moreButton {
              text-decoration: none; }
          .feed .globalHeader .responsiveNav .subNavListItem.moreNavTrigger.active {
            visibility: visible; }
      .feed .globalHeader .responsiveNav.allHidden .subNavListItem {
        visibility: hidden; }
        .feed .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
          visibility: visible; }
          .feed .scrollDown .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
            padding-left: 0.5rem; }
        .feed .globalHeader .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
          position: absolute;
          right: 0;
          padding-left: 0;
          margin-right: 1rem;
          visibility: visible;
          top: 50%;
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      .feed .globalHeader .responsiveNav .gemWrapper .gemSectionLink {
        padding: 0; }
      .feed .globalHeader .responsiveNav.introNav {
        background-color: #545454;
        clear: both;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0; }
        .feed .globalHeader .responsiveNav.introNav .subNavListItem {
          list-style-type: none;
          margin: 0;
          padding: 1rem; }
          .feed .globalHeader .responsiveNav.introNav .subNavListItem.selected {
            background: #000000;
            font-weight: bold;
            text-shadow: none; }
        .feed .globalHeader .responsiveNav.introNav .subNavLink,
        .feed .globalHeader .responsiveNav.introNav .moreButton {
          background-color: transparent;
          border: none;
          color: #ffffff;
          display: block;
          text-decoration: none;
          padding: 0.2rem 0.5rem; }
          .feed .globalHeader .responsiveNav.introNav .subNavLink.selected,
          .feed .globalHeader .responsiveNav.introNav .moreButton.selected {
            background-color: #ffffff;
            color: #000000; }
          .feed .globalHeader .responsiveNav.introNav .subNavLink:hover,
          .feed .globalHeader .responsiveNav.introNav .moreButton:hover {
            text-decoration: underline; }
        .feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList {
          min-width: 10rem; }
          .feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
            background-color: #000000;
            color: #ffffff;
            padding: 0.2rem;
            text-decoration: none; }
        .feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreButton {
          height: auto;
          padding: 1rem; }
        .feed .globalHeader .responsiveNav.introNav .subNavListItem.moreNavTrigger {
          padding: 0; }
    .feed .globalHeader.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
      max-height: 500px; }
    .feed .globalHeader .detailNav {
      background-color: #ffffff;
      border-top: 1px solid #eaeaea;
      border-bottom: 1px solid #cbcbcb;
      color: #000000; }
      .feed .globalHeader .detailNav .detailNavCentered {
        max-width: 80rem;
        margin: 0 auto;
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        display: flex; }
      .feed .globalHeader .detailNav .icon {
        -ms-flex: 0 0 40px;
            flex: 0 0 40px; }
      .feed .globalHeader .detailNav .detailNavHeadline {
        -ms-flex: 2 1 50px;
            flex: 2 1 50px; }
      .feed .globalHeader .detailNav .detailDepartment {
        text-transform: lowercase; }
      .feed .globalHeader .detailNav .gemSectionLink {
        margin-right: 0.5rem; }
        .feed .globalHeader .detailNav .gemSectionLink .navLink {
          color: #000000; }
          .feed .globalHeader .detailNav .gemSectionLink .navLink .logoRadio {
            fill: #000000; }
      .feed .globalHeader .detailNav .share {
        margin-top: -10px; }
      .feed .reflectionsTheme .globalHeader .detailNav {
        display: none; }
    @media (max-width: 640px) {
      .feed .globalHeader .detailNavHeadline {
        display: block;
        display: -webkit-box;
        font-size: 0.9rem;
        line-height: 1.3em;
        max-height: 2.6em;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2; } }
    @media (min-width: 641px) and (max-width: 960px) {
      .feed .globalHeader .detailNavHeadline {
        display: block;
        display: -webkit-box;
        font-size: 0.9rem;
        line-height: 1.3em;
        max-height: 2.6em;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2; } }
    .feed .globalHeader .accessibilitySkipLink {
      /* Styles namespaced to component to avoid naming conflicts */
      height: 1px;
      left: -10000px;
      overflow: hidden;
      position: absolute;
      transition: top 0.2s ease-out;
      width: 1px; }
      .feed .globalHeader .accessibilitySkipLink:focus, .feed .globalHeader .accessibilitySkipLink:active {
        background: #ffffff;
        color: #0550c8;
        height: auto;
        left: 0;
        padding-left: 1rem;
        width: 100%;
        z-index: 99999; }
    .feed .globalHeader .menuNav {
      position: relative;
      /**
 * @file MenuSidebar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .globalHeader .menuNav .menuList {
        background-color: #ffffff;
        border-top: 1px solid #cbcbcb;
        display: none;
        list-style: none;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%; }
      .feed .globalHeader .menuNav .closeButton {
        display: none; }
      .feed .globalHeader .menuNav .mainMenuItem {
        line-height: 2rem;
        padding-left: 2rem; }
        .feed .globalHeader .menuNav .mainMenuItem.nav-more {
          background: #545454; }
          .feed .globalHeader .menuNav .mainMenuItem.nav-more .navSection {
            display: none; }
          .feed .globalHeader .menuNav .mainMenuItem.nav-more .navLink {
            color: #ffffff; }
        .feed .globalHeader .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv, .feed .globalHeader .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio {
          font-weight: bold;
          text-transform: uppercase; }
        .feed .globalHeader .menuNav .mainMenuItem.hasSubsection {
          border-bottom: 1px solid #cbcbcb;
          min-height: 2rem;
          padding: 0.5rem 0.5rem 0.5rem 1rem; }
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection:last-child {
            border: none; }
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList {
            margin-left: -1rem; }
            .feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected {
              color: #e60505; }
              .feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected:before {
                content: "\2022";
                display: inline-block;
                line-height: 1rem;
                margin-right: 3px;
                font-size: 2rem;
                vertical-align: middle; }
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .navSection:hover .icon .chevronIcon, .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .navSection:focus .icon .chevronIcon,
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink:hover .icon .chevronIcon,
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink:focus .icon .chevronIcon {
            fill: #ffffff;
            background-color: #e60505; }
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .navSection .icon .chevronIcon,
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink .icon .chevronIcon {
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .navSection.open .icon .chevronIcon,
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink.open .icon .chevronIcon {
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg); }
          .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
            .feed .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
              margin-right: 2rem; }
      .feed .globalHeader .menuNav .navLink,
      .feed .globalHeader .menuNav .topics .subNavLink {
        font-weight: bold;
        text-transform: uppercase; }
      .feed .globalHeader .menuNav.open {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        outline: none;
        border-top: 1px solid #cbcbcb; }
        .feed .globalHeader .menuNav.open .menuSidebar {
          display: block; }
        .feed .globalHeader .menuNav.open .menuList {
          border-top: none;
          display: block; }
        .feed .globalHeader .menuNav.open .closeButton {
          border: none;
          background-color: #e60505;
          color: #ffffff;
          display: inline-block;
          font-size: 0.9rem;
          padding: 0.5rem;
          text-align: center;
          text-transform: uppercase;
          width: 100%; }
          .feed .globalHeader .menuNav.open .closeButton:hover, .feed .globalHeader .menuNav.open .closeButton:focus {
            background-color: #ffffff;
            color: #e60505;
            border: 1px solid #e60505; }
      .feed .globalHeader .menuNav .menuSidebar {
        /* Styles namespaced to component to avoid naming conflicts */
        display: none;
        background: #545454;
        width: 125px; }
        .feed .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
          color: #ffffff;
          background-color: #727272;
          margin: 0;
          padding: 0.5rem;
          text-transform: uppercase;
          text-align: center; }
        .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
          padding: 0;
          width: 100%; }
          .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
            color: #ffffff;
            display: block;
            font-size: 0.9rem;
            margin: 0.7rem 0.5rem;
            padding: 0.3rem 0.5rem;
            text-transform: uppercase;
            text-decoration: none; }
            .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover, .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus, .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
              background: #ffffff;
              color: #e60505;
              text-decoration: none; }
            .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
              color: #e60505;
              font-weight: bold; }
              .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected:before {
                content: "\2022";
                display: inline-block;
                line-height: 1rem;
                margin-right: 3px;
                font-size: 2rem;
                vertical-align: middle; }
        .feed .viewportSmall .globalHeader .menuNav .menuSidebar, .viewportMedium .globalHeader .menuNav .menuSidebar {
          width: auto; }
          .feed .viewportSmall .globalHeader .menuNav .menuSidebar .menuSidebarHeading, .feed .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton, .viewportMedium .globalHeader .menuNav .menuSidebar .menuSidebarHeading, .viewportMedium .globalHeader .menuNav .menuSidebar .closeButton {
            text-align: left; }
          .feed .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton, .viewportMedium .globalHeader .menuNav .menuSidebar .closeButton {
            display: none; }
          .feed .viewportSmall .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem, .viewportMedium .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
            padding: 0 0.5rem;
            width: 40%; }
    .feed .globalHeader.viewportSmall .menuNav.open,
    .feed .globalHeader.viewportMedium .menuNav.open {
      -ms-flex-flow: column wrap;
          flex-flow: column wrap; }
    .feed .globalHeader.viewportLarge .menuNav.open .menuList.subNavList, .feed .globalHeader.viewportXLarge .menuNav.open .menuList.subNavList {
      display: block; }
    .feed .globalHeader.externalHeader {
      /* Styles namespaced to component to avoid naming conflicts */
      position: static;
      /**
 * @file ExternalNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /* Small */ }
      .feed .globalHeader.externalHeader .externalNav {
        /* Styles namespaced to component to avoid naming conflicts */
        -ms-flex: 2 1 auto;
            flex: 2 1 auto;
        margin: 0rem 1rem; }
        .feed .globalHeader.externalHeader .externalNav .externalSubNav {
          margin: 0; }
          .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
            padding: 0 12px;
            width: auto; }
            .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem .subNavLink {
              font-size: 16px;
              text-transform: uppercase; }
      @media (max-width: 640px) {
        .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
          display: none; }
          .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem:last-child {
            display: block; } }
    .feed .globalHeader .regionalNav {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .globalHeader .regionalNav .gemSectionLink {
        padding-left: 0; }
        .feed .globalHeader .regionalNav .gemSectionLink .navLink {
          font-size: 1.3rem; }
          .feed .globalHeader .regionalNav .gemSectionLink .navLink.region-newfoundland-labrador, .feed .globalHeader .regionalNav .gemSectionLink .navLink.region-prince-edward-island {
            font-size: 0.97rem; }
    .feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper {
      padding-left: 1rem; }
      .feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper .navLink.region-newfoundland-labrador, .feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper .navLink.region-prince-edward-island {
        font-size: 0.83rem; }
    .feed .globalHeader.viewportMedium .regionalNav .gemSectionLink .navLink, .feed .globalHeader.viewportLarge .regionalNav .gemSectionLink .navLink, .feed .globalHeader.viewportXLarge .regionalNav .gemSectionLink .navLink {
      font-size: 1.75rem; }
    .feed .globalHeader .tertiaryNav {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .globalHeader .tertiaryNav .tertiaryNavWrapper {
        max-width: 80rem;
        margin: 0 auto;
        padding: 0.5rem 0; }
      .feed .globalHeader .tertiaryNav .subNavList {
        display: block;
        max-height: 100%;
        margin: 0;
        position: relative;
        white-space: nowrap; }
        .feed .globalHeader .tertiaryNav .subNavList .subNavListItem {
          display: inline-block;
          padding: 0 1.5rem;
          margin: 0;
          width: auto;
          white-space: nowrap;
          text-align: center; }
          .feed .globalHeader .tertiaryNav .subNavList .subNavListItem .firstItem {
            padding: 0.2rem 0.5rem;
            text-transform: uppercase; }
          .feed .globalHeader .tertiaryNav .subNavList .subNavListItem:nth-child(2) {
            border-left: 1px solid #8c8c8c;
            line-height: 32px; }
          .feed .globalHeader .tertiaryNav .subNavList .subNavListItem .subNavLink.selected {
            background-color: #ffffff;
            color: #000000; }
          .feed .globalHeader .tertiaryNav .subNavList .subNavListItem.moreNavTrigger {
            padding-top: 0;
            left: 0;
            right: auto; }
      .feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton {
        background: transparent;
        color: #ffffff;
        border: 1px solid #ffffff; }
        .feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton .chevronIcon {
          border: none;
          fill: #ffffff;
          background: #545454; }
        .feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
          border: none;
          fill: #545454;
          background: #ffffff; }
      .feed .globalHeader .tertiaryNav .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
        float: none;
        margin-left: 1rem; }
      .feed .globalHeader .tertiaryNav .responsiveNav.allHidden .moreItemsNav .moreItemsList {
        left: 0;
        right: auto; }
    .feed .globalHeader .regionsListWrapper {
      /* Styles namespaced to component to avoid naming conflicts */
      background-color: #ffffff;
      color: #000000; }
      .feed .globalHeader .regionsListWrapper .regionsList {
        display: none;
        list-style-type: none;
        padding: 0; }
      .feed .globalHeader .regionsListWrapper .regionHeading {
        background: #000000;
        color: #ffffff;
        font-size: 1.25rem;
        margin: 0;
        padding: 0.5rem;
        text-transform: uppercase; }
      .feed .globalHeader .regionsListWrapper .regionNameWrapper {
        display: inline-block; }
      .feed .globalHeader .regionsListWrapper .regionsListItem {
        cursor: pointer;
        font-size: 0.9rem;
        padding: 0.5rem 1rem 0 0; }
      .feed .globalHeader .regionsListWrapper .regionButton {
        background-color: #ffffff;
        border: 1px solid #545454;
        color: #0550c8;
        display: inline-block;
        font-size: 0.9rem;
        font-weight: normal;
        padding: 0.2rem 0.5rem; }
        .feed .globalHeader .regionsListWrapper .regionButton:hover {
          text-decoration: none;
          background: #545454;
          color: #ffffff; }
        .feed .globalHeader .regionsListWrapper .regionButton:focus {
          border: 2px dotted #545454;
          outline: none; }
      .feed .globalHeader .regionsListWrapper .regionItemLabel {
        cursor: pointer; }
      .feed .globalHeader .regionsListWrapper .regionFormIntro {
        display: none;
        color: #545454;
        font-size: 0.9rem; }
      .feed .globalHeader .regionsListWrapper .defaultRegionLabel {
        color: #e60505;
        font-size: 0.9rem;
        margin-right: 0.5rem; }
      .feed .globalHeader .regionsListWrapper .currentRegion {
        display: inline-block;
        margin-right: 1.5rem; }
      .feed .globalHeader .regionsListWrapper .regionRadioButton {
        margin-right: 0.3rem; }
      .feed .globalHeader .regionsListWrapper .regionLink {
        color: #545454;
        text-decoration: none;
        border: 0;
        font-weight: normal; }
        .feed .globalHeader .regionsListWrapper .regionLink:hover, .feed .globalHeader .regionsListWrapper .regionLink:focus {
          color: #e60505;
          text-decoration: underline;
          outline: none; }
          .feed .globalHeader .regionsListWrapper .regionLink:hover .chevronIcon, .feed .globalHeader .regionsListWrapper .regionLink:focus .chevronIcon {
            fill: #545454; }
      .feed .globalHeader .regionsListWrapper.openRegion .regionsList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        margin: -6px 1rem 1rem 0;
        padding: 0.5rem;
        width: 100%; }
      .feed .globalHeader .regionsListWrapper.openRegion .currentRegion {
        color: #e60505; }
        .feed .globalHeader .regionsListWrapper.openRegion .currentRegion:before {
          content: "\2022";
          display: inline-block;
          line-height: 1rem;
          margin-right: 3px;
          font-size: 2rem;
          vertical-align: middle; }
      .feed .globalHeader .regionsListWrapper.openRegion .regionFormIntro {
        display: block; }
      .feed .globalHeader .regionsListWrapper.standAlone {
        background: #f4f4f4; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionsListItem {
          font-size: 0.85rem;
          -ms-flex: 1 1 40%;
              flex: 1 1 40%;
          line-height: 1.5rem;
          padding: 1rem 0.5rem 0rem 0.5rem; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionNameWrapper {
          font-size: 1rem;
          padding: 0.5rem 0; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionForm {
          background: #ffffff; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionFormIntro {
          padding: 0.5rem; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionsList {
          border: none;
          clear: both;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
          margin: 0;
          padding: 0; }
        .feed .globalHeader .regionsListWrapper.standAlone .defaultRegionLabel {
          display: block;
          color: #545454;
          font-size: 0.8rem;
          margin: 0 0.5rem 0.3rem 0; }
        .feed .globalHeader .regionsListWrapper.standAlone .currentRegion {
          font-size: 1rem;
          padding: 0.5rem 0.5rem 0 0; }
        .feed .globalHeader .regionsListWrapper.standAlone .currentRegion,
        .feed .globalHeader .regionsListWrapper.standAlone .regionButton {
          background-color: transparent;
          color: #000000;
          line-height: 1.2rem;
          margin-right: 0;
          white-space: nowrap; }
          .feed .globalHeader .regionsListWrapper.standAlone .currentRegion:before,
          .feed .globalHeader .regionsListWrapper.standAlone .regionButton:before {
            display: none; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionButton {
          box-shadow: inset 0px 0px 0px 1px #545454;
          border: none;
          float: right;
          font-size: 0.8rem;
          margin-top: 0.5rem;
          padding: 0.3rem; }
          .feed .globalHeader .regionsListWrapper.standAlone .regionButton:hover, .feed .globalHeader .regionsListWrapper.standAlone .regionButton:focus {
            background: #e60505;
            border: none;
            color: #ffffff;
            outline: none; }
        .feed .globalHeader .regionsListWrapper.standAlone .regionLink {
          font-family: "Open Sans", sans-serif;
          text-transform: none;
          font-weight: normal; }
        .feed .globalHeader .regionsListWrapper.standAlone .currentRegion {
          font-weight: bold; }
        .feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionForm {
          border: 1px solid #545454; }
        .feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionsList {
          height: 32rem; }
        .feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionButton {
          border: 1px solid #545454;
          border-bottom: 1px solid #ffffff;
          box-shadow: none;
          background-color: #ffffff;
          color: #e60505;
          margin-bottom: -2px;
          padding: 0.5rem; }
  .feed .viewportMedium .regionsListWrapper.openRegion .regionsList,
  .feed .viewportLarge .regionsListWrapper.openRegion .regionsList,
  .feed .viewportXLarge .regionsListWrapper.openRegion .regionsList {
    height: 18rem; }
  .feed .viewportLarge .globalHeader.open .menuClose,
  .feed .viewportXLarge .globalHeader.open .menuClose {
    top: 9px; }
  .feed .icon {
    /* Styles namespaced to component to avoid naming conflicts */
    display: inline;
    /* Imports for subcomponent(s) go here */
    /**
 * @file Logo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SearchIcon/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Chevron/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file MediaIcon/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SettingsIcon/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CloseIcon/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .icon .logoIcon {
      /* Styles namespaced to component to avoid naming conflicts */
      margin-left: 1rem;
      vertical-align: middle; }
      .feed .icon .logoIcon, .feed .icon .logoIcon.headerLogo {
        fill: #e60505; }
      .feed .icon .logoIcon.headerLogo {
        display: inline-block;
        margin: 3px 2px 0 1rem; }
      .feed .icon .logoIcon.logoSports .noBrand {
        opacity: 1; }
      .feed .icon .logoIcon.logoSports .withBrand {
        opacity: 0; }
      .feed .icon .logoIcon.logoNews, .feed .icon .logoIcon.logoRadio, .feed .icon .logoIcon.logoBooks {
        fill: #ffffff; }
      .feed .icon .logoIcon.logoArts, .feed .icon .logoIcon.logoDocumentaries, .feed .icon .logoIcon.logoTV, .feed .icon .logoIcon.logoMeta {
        fill: #000000; }
      .feed .icon .logoIcon.logoLife, .feed .icon .logoIcon.logoComedy {
        fill: #222222; }
      .feed .icon .logoIcon.detailGem {
        fill: #e60505; }
        .feed .newsTheme .icon .logoIcon.detailGem {
          fill: #ffffff; }
        .feed .sportsTheme .icon .logoIcon.detailGem {
          fill: #ffffff; }
        .feed .radioTheme .icon .logoIcon.detailGem {
          fill: #ffffff; }
        .feed .comedyTheme .icon .logoIcon.detailGem {
          fill: #222222; }
        .feed .comedyTheme .detailNav .icon .logoIcon.detailGem {
          fill: #222222; }
        .feed .detailNav .icon .logoIcon.detailGem {
          fill: #e60505; }
        .feed .artsTheme .icon .logoIcon.detailGem {
          fill: #e60505; }
        .feed .lifeTheme .icon .logoIcon.detailGem {
          fill: #e60505; }
      .feed .icon .logoIcon.footerLogo {
        fill: #ffffff;
        margin-left: 0.4rem; }
      .feed .icon .logoIcon.notFoundLogo {
        fill: #e60505;
        margin: 1rem -1rem 0 0.5rem; }
      .feed .icon .logoIcon.logo2017 .st0 {
        fill: #EC1C24; }
      .feed .icon .logoIcon.logo2017 .st1 {
        fill: #426FB5; }
      .feed .icon .logoIcon.logo2017 .st2 {
        fill: #A22388; }
      .feed .icon .logoIcon.logo2017 .st3 {
        fill: #F2971F; }
      .feed .icon .logoIcon.logo2017 .st4 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #EC1C24; }
      .feed .icon .logoIcon.logoLife .cls-1 {
        fill: #77787b; }
      .feed .icon .logoIcon.logoLife .cls-2 {
        fill: #ed1c24; }
      .feed .icon .logoIcon.logoComedy .cls-1 {
        fill: #231f20; }
      .feed .icon .logoIcon.logoComedy .cls-2 {
        fill: #DD8F28; }
      .feed .icon .logoIcon.logoArts .cls-1 {
        stroke: #000;
        stroke-miterlimit: 10; }
      .detailLogo .feed .icon .logoIcon.subSectionLogo {
        fill: #000000; }
      .feed .icon .logoIcon.logoBooks {
        fill: #000000; }
        .feed .icon .logoIcon.logoBooks .cls-1 {
          isolation: isolate; }
        .feed .icon .logoIcon.logoBooks .cls-2 {
          fill: #00a0cf;
          opacity: 0.5; }
        .feed .icon .logoIcon.logoBooks .cls-2, .feed .icon .logoIcon.logoBooks .cls-3, .feed .icon .logoIcon.logoBooks .cls-5, .feed .icon .logoIcon.logoBooks .cls-6, .feed .icon .logoIcon.logoBooks .cls-7 {
          mix-blend-mode: multiply; }
        .feed .icon .logoIcon.logoBooks .cls-3 {
          fill: #68709b; }
        .feed .icon .logoIcon.logoBooks .cls-3, .feed .icon .logoIcon.logoBooks .cls-6 {
          opacity: 0.8; }
        .feed .icon .logoIcon.logoBooks .cls-4 {
          fill: #a1b8d7; }
        .feed .icon .logoIcon.logoBooks .cls-5 {
          fill: #bc177e; }
        .feed .icon .logoIcon.logoBooks .cls-6 {
          fill: #bf1b80; }
        .feed .icon .logoIcon.logoBooks .cls-7 {
          fill: #c31677;
          opacity: 0.3; }
    .feed .icon .searchIcon {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .icon .searchIcon.headerSearch {
        fill: #222222;
        vertical-align: middle; }
    .feed .icon .chevronIcon {
      /* Styles namespaced to component to avoid naming conflicts */
      background-color: #ffffff;
      border-radius: 10px;
      fill: #e60505;
      margin-left: 2px;
      padding: 3px 2px 1px 2px;
      vertical-align: middle; }
      .feed .open .icon .chevronIcon {
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      .feed .regionsListWrapper .icon .chevronIcon {
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
      .feed .regionsListWrapper.openRegion .icon .chevronIcon {
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      .feed .icon .chevronIcon.horizontal {
        background: transparent;
        fill: #000000;
        padding-top: 1px;
        vertical-align: inherit;
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
    .feed .icon .mediaIcon {
      /* Styles namespaced to component to avoid naming conflicts */
      fill: #0550c8;
      margin-right: 0.5rem;
      vertical-align: middle;
      /* Imports for subcomponent(s) go here */ }
    .feed .icon .settingsIcon {
      /* Styles namespaced to component to avoid naming conflicts */
      fill: #545454;
      margin: 0 5px -5px 0; }
    .feed .icon .closeIcon {
      /* Styles namespaced to component to avoid naming conflicts */
      background: #e60505;
      border-radius: 50%;
      fill: #ffffff;
      padding: 0.3rem; }
  .feed .imageMedia .placeholder {
    background: radial-gradient(#ffffff, #cbcbcb);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
    .feed .imageMedia .placeholder .aspect-100 {
      padding-bottom: 100%; }
    .feed .imageMedia .placeholder .aspect-56 {
      padding-bottom: 56.25%; }
    .feed .imageMedia .placeholder .aspect-66 {
      padding-bottom: 66.67%; }
    .feed .imageMedia .placeholder .aspect-75 {
      padding-bottom: 75%; }
    .feed .imageMedia .placeholder .aspect-133 {
      padding-bottom: 133.33%; }
  .feed .imageMedia .placeholder img, .feed .imageMedia .placeholder svg {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.5s linear;
    transform: translateZ(0); }
  .feed .imageMedia .placeholder img.loaded, .feed .imageMedia .placeholder svg,
  .feed .imageMedia .placeholder img.poster {
    opacity: 1; }
  .feed .imageMedia .placeholder img.smallImage {
    height: 100%;
    position: absolute; }
  .feed .imageMedia .leadimage-caption {
    margin-top: 0;
    color: #545454;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    display: block; }
  .feed .imageMedia.leadmedia-story {
    display: block; }
    .feed .imageMedia.leadmedia-story .placeholder {
      margin: 1rem 0; }
  @media (max-width: 640px) {
    .feed .leadimage,
    .feed .leadmedia-story {
      margin-left: -16px;
      margin-right: -16px; }
      .feed .leadimage .leadimage-caption,
      .feed .leadmedia-story .leadimage-caption {
        margin: 16px;
        margin-top: 0;
        font-size: 14px;
        line-height: 20px; } }
  @media (min-width: 641px) and (max-width: 960px) {
    .feed .leadimage,
    .feed .leadmedia-story {
      margin-left: -16px;
      margin-right: -16px; }
      .feed .leadimage .leadimage-caption,
      .feed .leadmedia-story .leadimage-caption {
        margin: 16px;
        margin-top: 0;
        font-size: 16px;
        line-height: 24px; } }
  .feed .landing {
    /* Styles namespaced to component to avoid naming conflicts */ }
  .feed .landingNews {
    /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .landingNews .swimlane {
      background: #ffffff;
      margin-left: 0;
      margin: 2rem 0;
      width: auto; }
      .feed .landingNews .swimlane .moreStories .moreStoriesList {
        padding: 0; }
        .feed .landingNews .swimlane .moreStories .moreStoriesList .card {
          -ms-flex-preferred-size: 270px;
              flex-basis: 270px; }
  .feed .viewportLarge .landingNews .swimlane {
    margin-left: 0;
    width: auto; }
  .feed .quizCard {
    /* Styles namespaced to component to avoid naming conflicts */
    /* STYLES GO HERE */
    /* Imports for subcomponent(s) go here */ }
    .feed .quizCard .buttonControls button {
      background-color: #105510;
      border: none;
      color: white;
      padding: 2px 15px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer; }
    .feed .quizCard .buttonControls button:focus {
      background: #105510;
      outline: 1px solid #105510; }
    .feed .quizCard div label input {
      margin-right: 10px; }
    .feed .quizCard input:focus {
      background: #105510;
      outline: 1px solid #105510; }
    .feed .quizCard .validationMsg p {
      color: red; }
  .feed .myTrending {
    /**
 * @file AudienceSelector/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .myTrending .audienceSelector .checkbox {
      display: block; }
    .feed .myTrending .audienceSelector .itemSelection {
      -webkit-column-width: 10rem;
              column-width: 10rem;
      -webkit-column-count: 5;
              column-count: 5; }
  .feed .audiencePage {
    /**
 * @file SegmentFeedback/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .audiencePage .segmentFeedback {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
      .feed .audiencePage .segmentFeedback button.disliked {
        border-color: red; }
      .feed .audiencePage .segmentFeedback button.liked {
        border-color: green; }
      .feed .audiencePage .segmentFeedback button.neutral {
        border-color: grey; }
  .feed .landingSports .slider {
    margin-top: 1rem; }
  .feed .landingSearch {
    /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .landingSearch .searchBoxArea {
      background-color: #ffffff;
      padding: 1.5rem 0; }
    .feed .landingSearch .searchLabel {
      font-weight: bold;
      margin: 0 0 1rem 1rem;
      display: inline-block;
      font-size: 1em; }
    .feed .landingSearch .contentArea .contentList .contentListCards .card {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .feed .landingSearch .resultsContext .resultsDescription {
      font-size: 1em;
      font-weight: normal; }
    .feed .landingSearch .nboxTitleBar {
      font-size: 0.85rem; }
      .feed .landingSearch .nboxTitleBar .question-mark {
        border-radius: 100px;
        border: 1px solid #000000;
        padding: 3px 10px;
        margin-right: 5px;
        font-weight: 800; }
  .feed .landingShows {
    /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .landingShows .series {
      margin-bottom: 3rem; }
      .feed .landingShows .series .seriesHeadline {
        margin-bottom: 0.5rem; }
  .feed .media, .feed .mediaEmbed {
    position: relative;
    line-height: initial;
    display: block; }
    .feed .media .cbc-caffeine-container, .feed .mediaEmbed .cbc-caffeine-container {
      margin: 0; }
      .feed .media .cbc-caffeine-container[data-player="barista-audio"], .feed .mediaEmbed .cbc-caffeine-container[data-player="barista-audio"] {
        padding-bottom: 0;
        height: inherit; }
      .feed .media .cbc-caffeine-container[data-player="barista-video"] .indicate-play, .feed .mediaEmbed .cbc-caffeine-container[data-player="barista-video"] .indicate-play, .feed .media .cbc-caffeine-container[data-player="barista-video"] .indicate-pause, .feed .mediaEmbed .cbc-caffeine-container[data-player="barista-video"] .indicate-pause {
        border-radius: 50%; }
      .feed .media .cbc-caffeine-container[data-player="barista-video"] .cbc-caffeine-player .placeholder button.play svg, .feed .mediaEmbed .cbc-caffeine-container[data-player="barista-video"] .cbc-caffeine-player .placeholder button.play svg {
        border-radius: 50%; }
    .feed .media .thumbnail, .feed .mediaEmbed .thumbnail {
      height: 100%;
      overflow: hidden; }
  .feed .mediaEmbed .media-caption {
    color: #545454;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 16px;
    margin-bottom: 16px;
    display: block;
    font-size: 14px;
    line-height: 20px; }
  .feed .mediaEmbed .showInfo {
    line-height: initial; }
  @media (max-width: 640px) {
    .feed .mediaIsLead {
      margin-left: -16px;
      margin-right: -16px; }
      .feed .mediaIsLead .media-caption {
        font-size: 16px;
        line-height: 24px;
        margin-left: 16px;
        margin-right: 16px; } }
  .feed .media-container {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    width: 100vw;
    display: -ms-flexbox;
    display: flex;
    min-height: 180px;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: center;
        justify-content: center;
    background: #000; }
    .feed .media-container .player-container {
      width: 100%;
      max-width: 1000px;
      display: block; }
      .feed .media-container .player-container .media, .feed .media-container .player-container .mediaEmbed {
        margin: 0; }
  .feed .viewportLarge .media-container {
    padding: 2rem 0; }
  .feed .youtube {
    /* Styles namespaced to component to avoid naming conflicts */
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    display: block;
    margin-bottom: 1rem;
    /* STYLES GO HERE */
    /* Imports for subcomponent(s) go here */ }
    .feed .youtube iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .feed .errorPage {
    /* Styles namespaced to component to avoid naming conflicts */
    /* STYLES GO HERE */
    /* Imports for subcomponent(s) go here */ }
  .feed .notFound {
    height: 800px;
    margin-top: -16px;
    margin-bottom: -16px; }
    .feed .notFound .notFoundBackground {
      text-align: center;
      min-height: calc(800px + 35px);
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: 0;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover; }
      .feed .notFound .notFoundBackground .notFoundContent {
        max-width: 75%;
        text-shadow: #030303 0px 0px 4px; }
      .feed .notFound .notFoundBackground .notFoundGraphic {
        line-height: 10rem;
        white-space: nowrap; }
      .feed .notFound .notFoundBackground .icon {
        -webkit-filter: drop-shadow(#030303 0px 0px 4px);
                filter: drop-shadow(#030303 0px 0px 4px); }
      .feed .notFound .notFoundBackground .digit {
        font-size: 8rem;
        font-weight: bold;
        vertical-align: middle;
        color: #ffffff; }
      .feed .notFound .notFoundBackground .notFoundText {
        font-size: 1.2rem;
        text-align: center;
        font-weight: bold;
        color: white; }
        .feed .notFound .notFoundBackground .notFoundText a {
          color: #e60505; }
  .feed .series {
    /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .series .seriesList {
      margin-left: -0.5rem;
      margin-right: -0.5rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      list-style: none;
      padding: 0; }
      .feed .series .seriesList .seriesListItem {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        background-color: transparent;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
        margin-bottom: 1rem; }
        .feed .series .seriesList .seriesListItem .card {
          height: 100%;
          margin: 0; }
          .feed .series .seriesList .seriesListItem .card.cardGraphical {
            min-width: 18rem; }
            .feed .series .seriesList .seriesListItem .card.cardGraphical .gradient,
            .feed .series .seriesList .seriesListItem .card.cardGraphical .title {
              display: none; }
    .feed .series .sectionTitle {
      margin-bottom: 0;
      padding: 0.2rem 0.5rem; }
    .feed .series .seriesHeadline {
      margin: 0;
      padding: 0.5rem;
      text-transform: capitalize; }
    .feed .series.vertical {
      margin-bottom: 1rem; }
    .feed .series.horizontal .sectionTitle {
      margin: 0.5rem; }
    .feed .series.horizontal .seriesList {
      -ms-flex-align: stretch;
          align-items: stretch;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
    .feed .series.horizontal .seriesListItem {
      -ms-flex: 1 1 230px;
          flex: 1 1 230px;
      margin: 0.5rem; }
      .feed .series.horizontal .seriesListItem .card {
        height: 100%; }
        .feed .series.horizontal .seriesListItem .card .imageMedia {
          overflow-y: hidden; }
  .feed .viewportSmall .series.vertical,
  .feed .viewportMedium .series.vertical {
    margin-left: 1rem;
    margin-right: 1rem; }
    .feed .viewportSmall .series.vertical .card.cardGraphical,
    .feed .viewportMedium .series.vertical .card.cardGraphical {
      min-width: auto; }
  .feed .PhotoGallery {
    display: block;
    /* Order is important, overwrites embeddable-item above */ }
    .feed .PhotoGallery.embeddable-pg_4x3 {
      position: relative; }
      .feed .PhotoGallery.embeddable-pg_4x3:before {
        display: block;
        content: '';
        padding-top: calc(75% + 50px); }
    .feed .PhotoGallery.embeddable-pg_16x9 {
      position: relative; }
      .feed .PhotoGallery.embeddable-pg_16x9:before {
        display: block;
        content: '';
        padding-top: calc(56.25% + 50px); }
    .feed .PhotoGallery.embeddable-pg_square {
      position: relative; }
      .feed .PhotoGallery.embeddable-pg_square:before {
        display: block;
        content: '';
        padding-top: calc(100% + 50px); }
    .feed .PhotoGallery .fs_4x3 ul.images li img {
      max-width: calc(4 * (100vh - 50px) / 3);
      max-height: calc(100vh - 50px); }
    .feed .PhotoGallery .fs_16x9 ul.images li img {
      max-width: calc(16 * (100vh - 50px) / 9);
      max-height: calc(100vh - 50px); }
    .feed .PhotoGallery .fs_square ul.images li img {
      max-width: calc(100vh - 50px);
      max-height: calc(100vh - 50px); }
    .feed .PhotoGallery .embeddable-item {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .feed .PhotoGallery .cbcfgfullscreen {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1500;
      /* Overwrite of tools behaviour on fullscreen */ }
      .feed .PhotoGallery .cbcfgfullscreen ul.images li {
        vertical-align: middle;
        text-align: center; }
      .feed .PhotoGallery .cbcfgfullscreen .cbcfg .tools {
        position: fixed;
        bottom: 0; }
      .feed .PhotoGallery .cbcfgfullscreen .cbcfgfullscreen-close {
        background: url('data:image/svg+xml;charset=utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"><polygon points="20 0.02 18.18 0 10 8.18 1.82 0 0 0.02 9.08 9.1 0 18.18 1.8 18.21 10 10.02 18.2 18.21 20 18.18 10.92 9.1 20 0.02"/></svg>');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        padding: 0;
        position: absolute;
        background-color: #ffffff;
        margin: 15px 15px;
        right: 0;
        border: 8px solid #ffffff;
        border-radius: 50%;
        z-index: 10;
        cursor: pointer; }
    .feed .PhotoGallery .cbcfg {
      background-color: #1a1a1a;
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden; }
      .feed .PhotoGallery .cbcfg.loading {
        /* TO DO: Make it an SVG */
        background-image: url("data:image/gif;base64,R0lGODlhHwAfAPUAABoaGqampiUlJTExMT4+PkVFRUxMTCwsLD8/P1BQUCcnJy4uLkdHR01NTURERDQ0NB4eHklJSTAwMCYmJoeHh5CQkHl5eTk5OWdnZ1RUVHV1dRsbG2xsbH9/fzg4OBwcHH19fYqKigAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==");
        background-repeat: no-repeat;
        background-position: 50% 50%; }
      .feed .PhotoGallery .cbcfg .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
      .feed .PhotoGallery .cbcfg ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .feed .PhotoGallery .cbcfg ul li {
          background: none; }
      .feed .PhotoGallery .cbcfg ul.captions {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 50px;
        display: none;
        z-index: 902; }
        .feed .PhotoGallery .cbcfg ul.captions li {
          color: #c3c3c3;
          padding: 10px;
          background-color: #000000;
          background: rgba(34, 34, 34, 0.9);
          display: block;
          font-size: 14px;
          max-width: 100%;
          line-height: 140%; }
        .feed .PhotoGallery .cbcfg ul.captions.nodesc {
          font-size: italic; }
        .feed .PhotoGallery .cbcfg ul.captions.on {
          display: block; }
      .feed .PhotoGallery .cbcfg ul.images {
        display: table;
        width: 100%;
        height: 100%; }
        .feed .PhotoGallery .cbcfg ul.images .placeholderImage, .feed .PhotoGallery .cbcfg ul.images svg {
          display: none; }
        .feed .PhotoGallery .cbcfg ul.images li {
          display: table-cell;
          line-height: 0; }
          .feed .PhotoGallery .cbcfg ul.images li .placeholder {
            background: none; }
            .feed .PhotoGallery .cbcfg ul.images li .placeholder img {
              opacity: 1;
              z-index: inherit;
              width: 100%; }
              .feed .PhotoGallery .cbcfg ul.images li .placeholder img.smallImage {
                display: none; }
              .feed .PhotoGallery .cbcfg ul.images li .placeholder img.largeImage {
                position: relative; }
      .feed .PhotoGallery .cbcfg .overlays.thumbOn ul.captions {
        bottom: 112px; }
      .feed .PhotoGallery .cbcfg .overlays.thumbOn .thumbcontainer {
        display: block; }
      .feed .PhotoGallery .cbcfg .overlays .captions a {
        color: #C3C3C3;
        text-decoration: underline; }
        .feed .PhotoGallery .cbcfg .overlays .captions a:hover {
          color: #ffffff; }
      .feed .PhotoGallery .cbcfg .thumbcontainer {
        display: none;
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 100%;
        height: 62px;
        overflow: hidden;
        background: rgba(34, 34, 34, 0.9);
        z-index: 901; }
        .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav {
          display: block;
          height: 19px;
          width: 17px;
          position: absolute;
          top: 19px;
          cursor: pointer;
          z-index: 903; }
          .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav.prev {
            background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(203,203,203)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(203,203,203)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(203,203,203)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
            background-repeat: no-repeat;
            -ms-transform: rotate(90deg);
            /* IE 9 */
            /* Chrome, Safari, Opera */
            transform: rotate(90deg);
            left: 0; }
            .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav.prev:hover, .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav.prev:focus {
              background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
              background-repeat: no-repeat;
              left: 0; }
          .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav.next {
            background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(203,203,203)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(203,203,203)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(203,203,203)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
            background-repeat: no-repeat;
            -ms-transform: rotate(-90deg);
            /* IE 9 */
            /* Chrome, Safari, Opera */
            transform: rotate(-90deg);
            right: 0; }
            .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav.next:hover, .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnav.next:focus {
              background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
              background-repeat: no-repeat;
              right: 0; }
        .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails {
          margin: 0 24px;
          overflow: hidden;
          position: relative; }
          .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul {
            display: block;
            left: 0px;
            position: relative;
            top: 0; }
            .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul li {
              float: left;
              display: block;
              margin: 8px 8px;
              line-height: 0;
              background-color: #000000;
              width: 78px;
              height: 46px;
              overflow: hidden; }
              .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul li:first-child {
                margin-left: 0px; }
              .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul li:last-child {
                margin-right: 0px; }
              .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul li img {
                cursor: pointer;
                opacity: 0.4; }
              .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul li.selected {
                border: 1px solid #555;
                width: 76px;
                height: 44px; }
                .feed .PhotoGallery .cbcfg .thumbcontainer .thumbnails ul li.selected img {
                  opacity: 1; }
      .feed .PhotoGallery .cbcfg .tools {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background-color: #222222;
        color: #c3c3c3;
        z-index: 902; }
        .feed .PhotoGallery .cbcfg .tools .counter {
          color: #ffffff;
          font-size: 14px;
          line-height: calc( 50px - 16px);
          padding-right: 10px;
          font-weight: bold;
          float: right;
          border-right: 1px solid #ffffff;
          margin-top: 8px; }
        .feed .PhotoGallery .cbcfg .tools .icon {
          display: block;
          float: right;
          cursor: pointer;
          text-indent: -9999px;
          overflow: hidden; }
        .feed .PhotoGallery .cbcfg .tools .fullscreen {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="45px" height="32px" viewBox="0 0 45 32" xml:space="preserve"><g><path fill="rgb(255,255,255)" d="M37.4,32H0V7.8h37.4C37.4,7.8,37.4,32,37.4,32z M2.7,29.3h31.9V10.5H2.7V29.3z"/><polygon fill="rgb(255,255,255)" points="42.3,0 27.3,0 27.3,2.7 42.3,2.7 42.3,13.3 45,13.3 45,2.7 45,0 "/></g></svg>');
          background-repeat: no-repeat;
          width: 65px;
          height: 100%;
          background-position: 10px 8px; }
          .feed .PhotoGallery .cbcfg .tools .fullscreen:hover, .feed .PhotoGallery .cbcfg .tools .fullscreen:focus {
            background-color: #8c8c8c; }
        .feed .PhotoGallery .cbcfg .tools .captions {
          background: none;
          height: 100%;
          color: #ffffff;
          text-indent: 0;
          text-decoration: none;
          padding: 0 23px 0 10px;
          text-align: center;
          font-weight: bold;
          float: left;
          display: block;
          line-height: 47px;
          /*Default is down*/ }
          .feed .PhotoGallery .cbcfg .tools .captions .chevron {
            background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  width="15px" height="15px" viewBox="0 0 25 25" enable-background="new 0 0 25 25" xml:space="preserve"><polygon fill="rgb(255,255,255)" points="18.176,12.419 6.751,0.994 6.762,3.833 15.432,12.503 6.762,21.172 6.756,24.005 18.176,12.586  18.248,12.503 "/></svg>');
            background-repeat: no-repeat;
            display: inline-block;
            /*background-position: 3px -3px;*/
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
            width: 15px;
            height: 15px;
            position: absolute;
            top: 16px;
            margin-left: 4px;
            -ms-transform: rotate(90deg);
            /* IE 9 */
            /* Safari */
            transform: rotate(90deg); }
            .feed .PhotoGallery .cbcfg .tools .captions .chevron.show {
              -ms-transform: rotate(-90deg);
              /* IE 9 */
              /* Safari */
              transform: rotate(-90deg); }
          .feed .PhotoGallery .cbcfg .tools .captions:hover {
            color: #ffffff;
            background-color: #8c8c8c; }
        .feed .PhotoGallery .cbcfg .tools .thumbs {
          background: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="28px" viewBox="0 0 50 28" xml:space="preserve"><g><path fill="rgb(255,255,255)" d="M1,1v26h47V1H1z M3,25v-6h15V9H3V3h43v6h-7v10h7v6H3z"/><rect x="20" y="9" fill="%23FFFFFF" width="17" height="10"/></g></svg>');
          background-repeat: no-repeat;
          width: 70px;
          height: 100%;
          background-position: 10px 10px; }
          .feed .PhotoGallery .cbcfg .tools .thumbs:hover, .feed .PhotoGallery .cbcfg .tools .thumbs:focus {
            background-color: #8c8c8c; }
      .feed .PhotoGallery .cbcfg .nav {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        cursor: pointer;
        height: 100%;
        width: 50%;
        position: absolute;
        top: 0;
        text-indent: -9999px;
        overflow: hidden; }
        .feed .PhotoGallery .cbcfg .nav:focus {
          outline: 0;
          border: none;
          border-color: transparent; }
        .feed .PhotoGallery .cbcfg .nav.prev {
          background-position: 0 50%;
          background-color: transparent;
          left: 0; }
          .feed .PhotoGallery .cbcfg .nav.prev:after {
            content: '';
            background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  width="35px" height="35px" viewBox="0 0 25 25" enable-background="new 0 0 25 25" xml:space="preserve"><polygon fill="rgb(255,255,255)" points="18.176,12.419 6.751,0.994 6.762,3.833 15.432,12.503 6.762,21.172 6.756,24.005 18.176,12.586  18.248,12.503 "/></svg>');
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            background-position: 6px center;
            background-color: rgba(0, 0, 0, 0.8);
            width: 45px;
            height: 44px;
            top: calc(50% - 25px);
            margin-left: 10px;
            z-index: 903;
            border-radius: 50%;
            -ms-transform: rotate(180deg);
            /* IE 9 */
            /* Chrome, Safari, Opera */
            transform: rotate(180deg); }
          .feed .PhotoGallery .cbcfg .nav.prev:focus:after, .feed .PhotoGallery .cbcfg .nav.prev:hover:after {
            background-color: rgba(140, 140, 140, 0.8); }
          .feed .PhotoGallery .cbcfg .nav.prev.disabled, .feed .PhotoGallery .cbcfg .nav.prev.disabled:after {
            cursor: default;
            background-image: none;
            background-color: transparent; }
        .feed .PhotoGallery .cbcfg .nav.next {
          background-position: 100% 50%;
          background-color: transparent;
          right: 0; }
          .feed .PhotoGallery .cbcfg .nav.next:after {
            content: '';
            background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  width="35px" height="35px" viewBox="0 0 25 25" enable-background="new 0 0 25 25" xml:space="preserve"><polygon fill="rgb(255,255,255)" points="18.176,12.419 6.751,0.994 6.762,3.833 15.432,12.503 6.762,21.172 6.756,24.005 18.176,12.586  18.248,12.503 "/></svg>');
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            background-position: 6px center;
            background-color: rgba(0, 0, 0, 0.8);
            width: 45px;
            height: 44px;
            top: calc(50% - 25px);
            margin-right: 10px;
            right: 0;
            z-index: 903;
            border-radius: 50%; }
          .feed .PhotoGallery .cbcfg .nav.next:focus:after, .feed .PhotoGallery .cbcfg .nav.next:hover:after {
            background-color: rgba(140, 140, 140, 0.8); }
          .feed .PhotoGallery .cbcfg .nav.next.disabled, .feed .PhotoGallery .cbcfg .nav.next.disabled:after {
            cursor: default;
            background-image: none;
            background-color: transparent; }
  @media (max-width: 640px) {
    .feed .PhotoGallery.leadmedia {
      /*Applying fullbleed */
      margin-left: -16px;
      margin-right: -16px; } }
  .feed .radioList {
    /* Styles namespaced to component to avoid naming conflicts */
    background-color: #ffffff;
    margin: 1.5rem 0;
    padding: 0rem 1rem 0rem 1rem;
    font-size: 0.8rem;
    /**
 * @file RadioListItem/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .radioList button, .feed .radioList button:focus {
      border: none;
      background: #ffffff;
      font-size: 0.8rem;
      text-transform: uppercase; }
    .feed .radioList button:before {
      content: "+ "; }
    .feed .radioList.open button:before {
      content: "- "; }
    .feed .radioList .filters {
      max-height: 0;
      overflow: hidden;
      /* Set our transitions up. */
      transition: max-height 0.5s; }
    .feed .radioList.open .filters {
      max-height: 300px;
      /* Set our transitions up. */
      transition: max-height 0.5s; }
    .feed .radioList .radioListItem {
      /* Styles namespaced to component to avoid naming conflicts */
      margin: 0.5rem 1rem;
      padding-bottom: 0.5rem;
      font-size: 1rem; }
      .feed .radioList .radioListItem label {
        margin-left: 0.5rem; }
  .feed .regionInfo {
    margin-top: 1rem;
    /**
 * @file Weather/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file RegionsListSelector/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .regionInfo.verticalCardList.cardList .titleBar {
      margin-bottom: 0;
      padding-bottom: 0; }
    .feed .regionInfo .contentList .contentListCards .card.cardFullBleed {
      margin: 0 0.5rem 0.5rem;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0; }
        .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label .label-live,
        .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label .label-live-blog,
        .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label .label-coming-up,
        .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label .label-live-chat,
        .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label .label-sponsored-content {
          margin-top: -0.7rem; }
        .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:after {
          border-bottom-color: #f4f4f4; }
      .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .description,
      .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .metadata {
        display: none; }
      .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .headline {
        font-size: 1rem; }
    .feed .regionInfo .contentList .contentListCards .card.cardText, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed {
      background-color: #f4f4f4; }
      .feed .regionInfo .contentList .contentListCards .card.cardText .card-content, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content {
        background-color: #f4f4f4;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
        .feed .regionInfo .contentList .contentListCards .card.cardText .card-content:hover, .feed .regionInfo .contentList .contentListCards .card.cardText .card-content:focus, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:hover, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:focus {
          background-color: #ffffff; }
          .feed .regionInfo .contentList .contentListCards .card.cardText .card-content:hover:after, .feed .regionInfo .contentList .contentListCards .card.cardText .card-content:focus:after, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:hover:after, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:focus:after {
            border-bottom-color: #ffffff; }
      .feed .regionInfo .contentList .contentListCards .card.cardText:hover, .feed .regionInfo .contentList .contentListCards .card.cardText:focus, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed:hover, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed:focus {
        background-color: #ffffff; }
    .feed .regionInfo .regionImage {
      width: 100%; }
    .feed .regionInfo .weather {
      background-image: url("http://www.canadabbhosts.com/images/nova-scotia.jpg");
      min-height: 4rem;
      padding-bottom: 1.25rem;
      padding-top: 0.25rem; }
      .feed .regionInfo .weather .forecast {
        color: white;
        font-size: 12px;
        font-weight: bold;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        text-shadow: 1px 1px 2px black;
        text-transform: uppercase; }
      .feed .regionInfo .weather table {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
        border-style: solid;
        border-width: thin;
        border-color: #cbcbcb; }
        .feed .regionInfo .weather table thead {
          background-color: #ffffff;
          border-bottom-width: thin;
          border-bottom-style: solid;
          border-bottom-color: #cbcbcb;
          font-size: 10px;
          font-weight: normal;
          text-transform: uppercase; }
        .feed .regionInfo .weather table tbody {
          background-color: rgba(255, 255, 255, 0.75);
          text-align: center;
          font-size: 1.25rem; }
        .feed .regionInfo .weather table td, .feed .regionInfo .weather table th {
          border-right-color: #cbcbcb;
          border-right-style: solid;
          border-right-width: thin;
          min-width: 3rem;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          padding-left: 0.5rem;
          padding-right: 0.5rem; }
        .feed .regionInfo .weather table td:last-child, .feed .regionInfo .weather table th:last-child {
          border-right: none; }
    .feed .regionInfo .regionsListWrapper {
      /* Styles namespaced to component to avoid naming conflicts */
      background-color: #ffffff;
      color: #000000; }
      .feed .regionInfo .regionsListWrapper .regionsList {
        display: none;
        list-style-type: none;
        padding: 0; }
      .feed .regionInfo .regionsListWrapper .regionHeading {
        background: #000000;
        color: #ffffff;
        font-size: 1.25rem;
        margin: 0;
        padding: 0.5rem;
        text-transform: uppercase; }
      .feed .regionInfo .regionsListWrapper .regionNameWrapper {
        display: inline-block; }
      .feed .regionInfo .regionsListWrapper .regionsListItem {
        cursor: pointer;
        font-size: 0.9rem;
        padding: 0.5rem 1rem 0 0; }
      .feed .regionInfo .regionsListWrapper .regionButton {
        background-color: #ffffff;
        border: 1px solid #545454;
        color: #0550c8;
        display: inline-block;
        font-size: 0.9rem;
        font-weight: normal;
        padding: 0.2rem 0.5rem; }
        .feed .regionInfo .regionsListWrapper .regionButton:hover {
          text-decoration: none;
          background: #545454;
          color: #ffffff; }
        .feed .regionInfo .regionsListWrapper .regionButton:focus {
          border: 2px dotted #545454;
          outline: none; }
      .feed .regionInfo .regionsListWrapper .regionItemLabel {
        cursor: pointer; }
      .feed .regionInfo .regionsListWrapper .regionFormIntro {
        display: none;
        color: #545454;
        font-size: 0.9rem; }
      .feed .regionInfo .regionsListWrapper .defaultRegionLabel {
        color: #e60505;
        font-size: 0.9rem;
        margin-right: 0.5rem; }
      .feed .regionInfo .regionsListWrapper .currentRegion {
        display: inline-block;
        margin-right: 1.5rem; }
      .feed .regionInfo .regionsListWrapper .regionRadioButton {
        margin-right: 0.3rem; }
      .feed .regionInfo .regionsListWrapper .regionLink {
        color: #545454;
        text-decoration: none;
        border: 0;
        font-weight: normal; }
        .feed .regionInfo .regionsListWrapper .regionLink:hover, .feed .regionInfo .regionsListWrapper .regionLink:focus {
          color: #e60505;
          text-decoration: underline;
          outline: none; }
          .feed .regionInfo .regionsListWrapper .regionLink:hover .chevronIcon, .feed .regionInfo .regionsListWrapper .regionLink:focus .chevronIcon {
            fill: #545454; }
      .feed .regionInfo .regionsListWrapper.openRegion .regionsList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        margin: -6px 1rem 1rem 0;
        padding: 0.5rem;
        width: 100%; }
      .feed .regionInfo .regionsListWrapper.openRegion .currentRegion {
        color: #e60505; }
        .feed .regionInfo .regionsListWrapper.openRegion .currentRegion:before {
          content: "\2022";
          display: inline-block;
          line-height: 1rem;
          margin-right: 3px;
          font-size: 2rem;
          vertical-align: middle; }
      .feed .regionInfo .regionsListWrapper.openRegion .regionFormIntro {
        display: block; }
      .feed .regionInfo .regionsListWrapper.standAlone {
        background: #f4f4f4; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionsListItem {
          font-size: 0.85rem;
          -ms-flex: 1 1 40%;
              flex: 1 1 40%;
          line-height: 1.5rem;
          padding: 1rem 0.5rem 0rem 0.5rem; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionNameWrapper {
          font-size: 1rem;
          padding: 0.5rem 0; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionForm {
          background: #ffffff; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
          padding: 0.5rem; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionsList {
          border: none;
          clear: both;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
          margin: 0;
          padding: 0; }
        .feed .regionInfo .regionsListWrapper.standAlone .defaultRegionLabel {
          display: block;
          color: #545454;
          font-size: 0.8rem;
          margin: 0 0.5rem 0.3rem 0; }
        .feed .regionInfo .regionsListWrapper.standAlone .currentRegion {
          font-size: 1rem;
          padding: 0.5rem 0.5rem 0 0; }
        .feed .regionInfo .regionsListWrapper.standAlone .currentRegion,
        .feed .regionInfo .regionsListWrapper.standAlone .regionButton {
          background-color: transparent;
          color: #000000;
          line-height: 1.2rem;
          margin-right: 0;
          white-space: nowrap; }
          .feed .regionInfo .regionsListWrapper.standAlone .currentRegion:before,
          .feed .regionInfo .regionsListWrapper.standAlone .regionButton:before {
            display: none; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionButton {
          box-shadow: inset 0px 0px 0px 1px #545454;
          border: none;
          float: right;
          font-size: 0.8rem;
          margin-top: 0.5rem;
          padding: 0.3rem; }
          .feed .regionInfo .regionsListWrapper.standAlone .regionButton:hover, .feed .regionInfo .regionsListWrapper.standAlone .regionButton:focus {
            background: #e60505;
            border: none;
            color: #ffffff;
            outline: none; }
        .feed .regionInfo .regionsListWrapper.standAlone .regionLink {
          font-family: "Open Sans", sans-serif;
          text-transform: none;
          font-weight: normal; }
        .feed .regionInfo .regionsListWrapper.standAlone .currentRegion {
          font-weight: bold; }
        .feed .regionInfo .regionsListWrapper.standAlone.openRegion .regionForm {
          border: 1px solid #545454; }
        .feed .regionInfo .regionsListWrapper.standAlone.openRegion .regionsList {
          height: 32rem; }
        .feed .regionInfo .regionsListWrapper.standAlone.openRegion .regionButton {
          border: 1px solid #545454;
          border-bottom: 1px solid #ffffff;
          box-shadow: none;
          background-color: #ffffff;
          color: #e60505;
          margin-bottom: -2px;
          padding: 0.5rem; }
  .feed .searchBar {
    /**
 * @file SearchFilters/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .searchBar .searchButton:hover, .feed .searchBar .searchButton:focus {
      background-color: #e60505;
      color: #ffffff; }
    .feed .searchBar .searchButton:focus {
      text-decoration: underline; }
    .feed .searchBar.compact {
      background: #000000;
      position: absolute;
      padding: 0.4rem 0;
      right: 30px;
      top: 0;
      transition: width 0.4s ease-in-out;
      width: 0;
      z-index: 1000; }
      .feed .searchBar.compact .searchButton {
        background-color: #727272;
        border: none;
        color: #ffffff;
        font-weight: normal;
        font-size: 0.8rem;
        text-transform: uppercase; }
      .feed .globalHeader.searchActive .searchBar.compact {
        padding-right: 1rem;
        width: 280px; }
      .feed .headerSearchBar .searchBar.compact {
        padding-right: 0; }
    .feed .searchBar .searchForm {
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      margin-left: 1rem;
      width: 97%; }
    .feed .searchBar .searchInput {
      border: 1px solid #cbcbcb;
      border-radius: 2px;
      box-sizing: border-box;
      -ms-flex: 3 1;
          flex: 3 1;
      margin-right: 1rem;
      padding: 0 0.5rem;
      width: inherit; }
      .feed .searchBar .searchInput:focus {
        border-width: 2px;
        border-color: #0550c8; }
    .feed .searchBar .searchFilterContainer {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .searchBar .searchFilterContainer .searchFilterList {
        padding-left: 1rem; }
      .feed .searchBar .searchFilterContainer .searchFilterButton {
        border: none;
        color: #0550c8;
        font-size: 1rem;
        font-weight: normal; }
        .feed .searchBar .searchFilterContainer .searchFilterButton:hover, .feed .searchBar .searchFilterContainer .searchFilterButton:focus {
          text-decoration: underline; }
        .feed .searchBar .searchFilterContainer .searchFilterButton.selected {
          border: 1px solid #cbcbcb;
          background-color: #f4f4f4;
          color: #000000; }
      .feed .searchBar .searchFilterContainer .searchFilterItem {
        display: inline-block;
        list-style-type: none;
        margin-right: 2rem; }
      .feed .searchBar .searchFilterContainer:after {
        display: none; }
  .feed .viewportMedium .searchBar.compact,
  .feed .viewportLarge .searchBar.compact,
  .feed .viewportXLarge .searchBar.compact {
    right: 40px; }
  .feed .viewportMedium .searchFilterContainer,
  .feed .viewportSmall .searchFilterContainer {
    position: relative; }
    .feed .viewportMedium .searchFilterContainer .searchFilterList,
    .feed .viewportSmall .searchFilterContainer .searchFilterList {
      height: 40px;
      overflow-y: scroll;
      white-space: nowrap; }
    .feed .viewportMedium .searchFilterContainer .searchFilterItem,
    .feed .viewportSmall .searchFilterContainer .searchFilterItem {
      margin-right: 1.5rem; }
    .feed .viewportMedium .searchFilterContainer:after,
    .feed .viewportSmall .searchFilterContainer:after {
      display: inline-block;
      position: absolute;
      content: " ";
      padding-top: 8px;
      font-size: 10px;
      text-align: right;
      color: #cbcbcb;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 2;
      width: 40px;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 70%); }
  .feed .sectionTitle {
    font-size: 1.2em;
    font-weight: normal;
    border-bottom: 1px solid #000000;
    line-height: 1.7em;
    margin-bottom: 0.5em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0.4em;
    padding-top: 0;
    clear: both; }
    .feed .sectionTitle .sectionTitleText {
      background-color: #ffffff;
      color: #000000;
      padding: 0.1em 0.5em;
      text-transform: uppercase;
      font-weight: bold;
      font-family: 'Open Sans', sans-serif;
      -webkit-font-smoothing: antialiased; }
      .feed .sidebar .sectionTitle .sectionTitleText {
        padding-left: 0.5rem; }
    .feed .sectionTitle .sectionTitleLink {
      text-decoration: none; }
      .feed .sectionTitle .sectionTitleLink:hover, .feed .sectionTitle .sectionTitleLink:focus {
        text-decoration: underline; }
  .feed .share .viafoura .vf-share-bar .vf-share-option, .feed .appContainer .share .viafoura .vf-share-bar .vf-share-option {
    margin-top: 10px;
    margin-bottom: 10px; }
    .feed .share .viafoura .vf-share-bar .vf-share-option .vf-share-icon, .feed .appContainer .share .viafoura .vf-share-bar .vf-share-option .vf-share-icon {
      border: 1px solid #cbcbcb;
      border-radius: 50%;
      height: 40px;
      width: 40px; }
  .feed .share .vf-share-button, .feed .appContainer .share .vf-share-button {
    padding: 0; }
    .feed .share .vf-share-button .vf-share-button-icon:before, .feed .appContainer .share .vf-share-button .vf-share-button-icon:before {
      border: 1px solid #cbcbcb;
      border-radius: 50%;
      font-size: 24px;
      font-weight: normal;
      padding: 0px 7px 5px 3px; }
  .feed .detail .share, .feed .detail .appContainer .share {
    float: left; }
  .feed .sponsorInfo {
    /* Styles namespaced to component to avoid naming conflicts */
    /**
 * @file SponsorBox/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .sponsorInfo .sponsorBox {
      background-color: #ffffff;
      border: 1px solid #e0e0e0;
      margin: 1rem auto; }
      .feed .sponsorInfo .sponsorBox .sponsorBoxHeading {
        background-color: #eaeaea;
        font-size: 1rem;
        margin: 0;
        padding: 0.5rem; }
      .feed .sponsorInfo .sponsorBox .sponsorBoxList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        list-style: none;
        margin: 1rem;
        padding: 0; }
      .feed .sponsorInfo .sponsorBox .sponsorLogo {
        max-width: 200px; }
      .feed .sponsorInfo .sponsorBox .sponsor-image .placeholder {
        background: none;
        padding: 0.5rem 2rem; }
      .feed .sponsorInfo .sponsorBox .sponsor-image .smallImage, .feed .sponsorInfo .sponsorBox .sponsor-image .placeholderImage {
        display: none; }
      .feed .sponsorInfo .sponsorBox .sponsor-image .largeImage {
        position: relative;
        max-width: 200px; }
  .feed .sports-video {
    width: 100vw;
    margin-top: -16px;
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    padding-left: 0; }
    .feed .sports-video .page-title {
      max-width: 1271px;
      margin: auto; }
    .feed .sports-video .quick-links-container {
      padding: 30px 0 0 0;
      margin: 0 auto 1rem auto;
      max-width: 1271px; }
      .feed .sports-video .quick-links-container .quick-links-header {
        border-bottom: 2px solid #999;
        padding: .75rem 1rem;
        margin-bottom: 1rem; }
        .feed .sports-video .quick-links-container .quick-links-header span {
          font-size: 1.2rem;
          text-transform: uppercase;
          font-weight: 800; }
      .feed .sports-video .quick-links-container .quick-links {
        padding: .5rem 1rem;
        border: 2px solid #CCC;
        margin: 10px;
        text-decoration: none;
        font-size: 1rem;
        display: inline-block;
        color: #0550C8;
        cursor: pointer;
        opacity: 0.8; }
        .feed .sports-video .quick-links-container .quick-links:hover {
          border: 2px solid #0550c8; }
    .feed .sports-video .video-swimlane-container[data-status="vertical"] .swimlane-video {
      display: none; }
    .feed .sports-video .video-swimlane-container[data-status="vertical"] .show-more-sports {
      display: none; }
    .feed .sports-video .video-swimlane-container .video-swimlane-header {
      border-bottom: 2px solid #999;
      max-width: 1271px;
      margin: auto; }
      .feed .sports-video .video-swimlane-container .video-swimlane-header .video-swimlane-button {
        cursor: pointer;
        text-transform: uppercase;
        margin: .5rem;
        border: none;
        color: #000;
        font-size: 1.2rem;
        background: transparent;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: left;
            justify-content: left;
        -ms-flex-align: center;
            align-items: center; }
        .feed .sports-video .video-swimlane-container .video-swimlane-header .video-swimlane-button .title-span {
          float: left; }
    .feed .sports-video .video-swimlane-container .show-more-sports {
      max-width: 1271px;
      margin: auto; }
      .feed .sports-video .video-swimlane-container .show-more-sports .show-more-button {
        width: calc(100% - 3.5rem);
        margin: 1rem auto;
        display: block;
        border: 1px solid #ccc;
        padding: 1rem;
        text-align: center;
        color: #e60505;
        text-decoration: none;
        font-weight: 500;
        transition: 0.4s; }
        .feed .sports-video .video-swimlane-container .show-more-sports .show-more-button:hover, .feed .sports-video .video-swimlane-container .show-more-sports .show-more-button:focus {
          box-shadow: 0px 0px 0px 3px #e60505; }
    .feed .sports-video[data-type="single"] .video-swimlane-container[data-status="vertical"] .swimlane-video {
      display: block; }
    .feed .sports-video[data-type="single"] .video-swimlane-container .video-swimlane-header {
      display: none; }
    .feed .sports-video[data-type="single"] .show-more-sports {
      display: none; }
  .feed .viewportSmall .quick-links-container, .feed .viewportMedium .quick-links-container {
    display: none; }
  .feed .slider {
    /* Styles namespaced to component to avoid naming conflicts */
    display: -ms-flexbox;
    display: flex;
    background-color: #222222;
    overflow: hidden; }
    .feed .slider .header {
      color: #ffffff;
      font-size: 1rem;
      margin: 0.5rem 0; }
    .feed .slider .carouselContainer {
      width: 100%;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .feed .story {
    color: #222222;
    font-size: 16px;
    line-height: 24px;
    /**
 * @file Instagram/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Scribble/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file DocumentCloud/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Storify/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CustomHtml/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Pullquote/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /* Small */
    /**
 * @file Facebook/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FacebookVideo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Twitter/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Similar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .story h2 {
      line-height: 2.5rem; }
    .feed .story p {
      margin-top: 0;
      margin-bottom: 28px; }
    .feed .story a {
      transition: background-color 0.25s linear;
      color: #0550c8;
      border-bottom: 1px solid #d8d8d8;
      text-decoration: none; }
      .feed .story a:hover, .feed .story a:focus {
        background-color: #d8d8d8; }
    .feed .story li a {
      font-weight: bold; }
    .feed .story hr {
      border: none;
      height: 1px;
      border-bottom: 1px solid #d8d8d8; }
    .feed .story .image.medium, .feed .story .image.small, .feed .story .image.extrasmall {
      margin: 1rem;
      margin-right: 0;
      float: right;
      clear: right; }
    .feed .story .image {
      display: block;
      line-height: 0;
      position: relative; }
      .feed .story .image .placeholder {
        margin-bottom: 1rem; }
      .feed .story .image.medium {
        width: 460px; }
      .feed .story .image.small, .feed .story .image.extrasmall {
        width: 300px; }
    .feed .story .relatedListItem {
      margin: 1rem 0; }
    .feed .story .relatedLink {
      font-weight: bold; }
    .feed .story .relatedLinksWrap {
      margin-top: 3rem; }
    .feed .story .floatright {
      float: right;
      margin: 0.5rem 0 0.5rem 1rem;
      padding: 1rem; }
    .feed .story table,
    .feed .story .callout {
      background-color: #eaeaea;
      border-top: 1px solid #cbcbcb;
      border-bottom: 1px solid #cbcbcb;
      font-size: 0.857em; }
    .feed .story td {
      padding: 0.25rem; }
    .feed .story .media table, .feed .story .mediaEmbed table {
      background: transparent;
      border: none; }
    .feed .story .callout {
      float: right;
      margin: 0 0 1rem 1rem;
      min-width: 300px;
      width: 35%;
      padding: 1rem; }
      .feed .story .callout h2 {
        margin-top: 0; }
      .feed .story .callout p {
        margin: 12px 0; }
    .feed .story .callout_full {
      float: none;
      margin-left: 0;
      width: calc(100% - 2rem); }
    .feed .story .instagram {
      padding-left: 10px; }
      .feed .story .instagram iframe {
        width: 93%; }
    .feed .story .scribble {
      /* Styles namespaced to component to avoid naming conflicts */
      display: block; }
    .feed .story .documentCloud {
      /* Styles namespaced to component to avoid naming conflicts */
      display: block; }
      .feed .story .documentCloud .heading {
        display: block;
        font-weight: bold;
        font-size: 1.3rem;
        margin: 2rem 0 0 0; }
      .feed .story .documentCloud .external,
      .feed .story .documentCloud .documentCloudContainer {
        display: block;
        margin: 1rem 0; }
      .feed .story .documentCloud .disclaimer {
        font-size: 0.9rem;
        font-style: italic; }
    .feed .story .storify {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .story .storify .storifyIframe {
        border: 1px solid #cbcbcb;
        height: 700px;
        width: 100%; }
        .feed .story .storify .storifyIframe .s-story.noborder .s-text {
          padding: 1rem; }
    .feed .story .customHtml {
      /* Styles namespaced to component to avoid naming conflicts */
      border: none;
      border-radius: 3px; }
      .feed .story .customHtml .body {
        text-align: center; }
    .feed .story .pullquote {
      min-width: 20em;
      margin: 1em auto;
      width: 80%; }
      .feed .story .pullquote .text-items {
        width: calc(100% - 110px);
        padding-left: 45px;
        border-left: 4px solid #e60505;
        display: inline-block;
        min-height: 95px;
        clear: both; }
      .feed .story .pullquote .sharing-icons {
        display: none; }
        .feed .story .pullquote .sharing-icons .socialImage {
          border: 1px solid #cbcbcb;
          border-radius: 50%;
          display: block;
          margin-right: 1rem;
          margin-bottom: 0.5rem; }
      .feed .story .pullquote .pullquote-quotation {
        font-size: 2rem;
        line-height: 2.3rem;
        display: block; }
      .feed .story .pullquote .pullquote-source {
        color: #545454;
        margin-top: 1rem;
        display: block; }
      .feed .story .pullquote .pullquote-quotation:before {
        background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  width="25px" height="19px" viewBox="0 0 52.157 39.117" enable-background="new 0 0 52.157 39.117" xml:space="preserve"><g id="Layer_1"> <g>  <path fill="rgb(0,0,0)" d="M22.692,10.113c-5.199,1.4-8.398,4.4-8.398,8.801c0,2.4,2,3,3.6,4.199c2.2,1.602,3.4,3.4,3.4,6.602   c0,3.799-3.4,6.799-7.4,6.799c-4.6,0-8.8-3.199-8.8-10.6c0-13.6,7-20,17.599-21.799V10.113z M45.692,10.113   c-5.199,1.4-8.399,4.4-8.399,8.801c0,2.4,2,3,3.601,4.199c2.2,1.602,3.399,3.4,3.399,6.602c0,3.799-3.399,6.799-7.399,6.799   c-4.601,0-8.8-3.199-8.8-10.6c0-13.6,7-20,17.599-21.799V10.113z"/> </g></g><g id="Layer_2" display="none"> <g display="inline">  <path fill="rgb(0,0,0)" d="M6.648,29.759c5.199-1.4,8.398-4.4,8.398-8.801c0-2.398-2-3-3.599-4.199c-2.2-1.6-3.399-3.4-3.399-6.6   c0-3.801,3.399-6.801,7.399-6.801c4.599,0,8.8,3.201,8.8,10.6c0,13.6-7,20-17.6,21.801V29.759z M29.648,29.759   c5.199-1.4,8.398-4.4,8.398-8.801c0-2.398-2-3-3.599-4.199c-2.2-1.6-3.401-3.4-3.401-6.6c0-3.801,3.401-6.801,7.401-6.801   c4.599,0,8.8,3.201,8.8,10.6c0,13.6-7,20-17.6,21.801V29.759z"/> </g></g></svg>');
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        width: 30px;
        height: 25px;
        margin-left: -30px; }
      .feed .story .pullquote .pullquote-quotation:after {
        background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  width="25px" height="19px" viewBox="0 0 52.157 39.117" enable-background="new 0 0 52.157 39.117" xml:space="preserve"><g id="Layer_1" display="none"> <g display="inline">  <path fill="rgb(0,0,0)" d="M22.692,10.113c-5.199,1.4-8.398,4.4-8.398,8.801c0,2.4,2,3,3.6,4.199c2.2,1.602,3.4,3.4,3.4,6.602   c0,3.799-3.4,6.799-7.4,6.799c-4.6,0-8.8-3.199-8.8-10.6c0-13.6,7-20,17.599-21.799V10.113z M45.692,10.113   c-5.199,1.4-8.399,4.4-8.399,8.801c0,2.4,2,3,3.601,4.199c2.2,1.602,3.399,3.4,3.399,6.602c0,3.799-3.399,6.799-7.399,6.799   c-4.601,0-8.8-3.199-8.8-10.6c0-13.6,7-20,17.599-21.799V10.113z"/> </g></g><g id="Layer_2"> <g>  <path fill="rgb(0,0,0)" d="M6.648,29.759c5.199-1.4,8.398-4.4,8.398-8.801c0-2.398-2-3-3.599-4.199c-2.2-1.6-3.399-3.4-3.399-6.6   c0-3.801,3.399-6.801,7.399-6.801c4.599,0,8.8,3.201,8.8,10.6c0,13.6-7,20-17.6,21.801V29.759z M29.648,29.759   c5.199-1.4,8.398-4.4,8.398-8.801c0-2.398-2-3-3.599-4.199c-2.2-1.6-3.401-3.4-3.401-6.6c0-3.801,3.401-6.801,7.401-6.801   c4.599,0,8.8,3.201,8.8,10.6c0,13.6-7,20-17.6,21.801V29.759z"/> </g></g></svg>');
        background-repeat: no-repeat;
        content: "";
        float: right;
        position: absolute;
        margin-top: 2px;
        width: 23px;
        height: 22px; }
    @media (max-width: 640px) {
      .feed .story .pullquote .pullquote-quotation {
        font-size: 1.375rem;
        line-height: 1.75rem; } }
    .feed .story .facebook {
      width: 500px;
      margin: 0 auto; }
    .feed .story .facebookVideo {
      margin-bottom: 1rem; }
    .feed .story .twitter {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .story .twitter-tweet {
      visibility: hidden;
      margin: 0 auto; }
    .feed .story .twitter-tweet.twitter-tweet-rendered {
      visibility: visible; }
    .feed .story .similarLinks .similarListItem .similarLink .labelText {
      font-size: 0.8rem;
      margin-right: .5rem;
      display: inline; }
    .feed .story .similarLinks .similarListItem .similarLink .similarLinkText {
      display: inline; }
  @media (max-width: 640px) {
    .feed .story {
      font-size: 16px;
      line-height: 26px; }
      .feed .story p {
        margin-bottom: 28px; }
      .feed .story .callout,
      .feed .story .floatright {
        float: none;
        margin: 0 0 1rem 0;
        width: auto;
        min-width: inherit; }
      .feed .story .image.medium, .feed .story .image.small, .feed .story .image.extrasmall {
        width: 100%;
        margin: 0;
        float: none; } }
  @media (min-width: 641px) and (max-width: 960px) {
    .feed .story {
      font-size: 18px;
      line-height: 28px; }
      .feed .story p {
        margin-bottom: 32px; } }
  .feed .breakingArea {
    background-color: #e60505;
    padding: 1rem 5rem 2rem 5rem;
    color: #ffffff;
    -ms-flex-align: stretch;
        align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .feed .breakingArea .breakingTitle {
      font-size: 1.3rem;
      margin: 0;
      text-align: center;
      width: 100%; }
    .feed .breakingArea .breakingHeadline {
      font-size: 2rem;
      margin: 0 0 1rem 0;
      text-align: center;
      width: 100%; }
    .feed .breakingArea .primaryBreakingStory {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 2 1 460px;
          flex: 2 1 460px;
      width: 100%;
      margin-right: 1.25rem; }
      .feed .breakingArea .primaryBreakingStory .card {
        margin-bottom: 0;
        -ms-flex-positive: 1;
            flex-grow: 1; }
        .feed .breakingArea .primaryBreakingStory .card .headline {
          display: none; }
        .feed .breakingArea .primaryBreakingStory .card.cardFeatured .contentWrapper {
          -ms-flex: 1 1 460px;
              flex: 1 1 460px;
          padding: 1rem 0; }
          .feed .breakingArea .primaryBreakingStory .card.cardFeatured .contentWrapper .card-content .label .labelText {
            display: block;
            padding-left: 1rem; }
    .feed .breakingArea.noRelated .card.cardFeatured .contentWrapper {
      -ms-flex: none;
          flex: none; }
      .feed .breakingArea.noRelated .card.cardFeatured .contentWrapper .card-content .label .labelText {
        padding-left: 0; }
    .feed .breakingArea.noImg {
      padding: 1rem 10rem 2rem 10rem; }
      .feed .breakingArea.noImg .primaryBreakingStory {
        margin-right: 0; }
      .feed .breakingArea.noImg .card.cardFeatured {
        padding: 0rem 4rem 1rem 4rem; }
        .feed .breakingArea.noImg .card.cardFeatured .imageMedia {
          display: none; }
        .feed .breakingArea.noImg .card.cardFeatured .contentWrapper .card-content .label .labelText {
          padding-left: 0; }
    .feed .breakingArea .relatedStories {
      -ms-flex: 1 1 230px;
          flex: 1 1 230px;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      padding: 1rem;
      background-color: #ffffff;
      width: 100%; }
      .feed .breakingArea .relatedStories .breakingMoreTitle {
        color: #000000;
        margin: -5px 0 1rem 0; }
      .feed .breakingArea .relatedStories .card {
        margin: 0;
        padding: 0.5rem 0;
        position: relative; }
        .feed .breakingArea .relatedStories .card:not(:first-child) {
          border-top: none; }
        .feed .breakingArea .relatedStories .card:hover {
          z-index: 50; }
  .feed .viewportMedium .breakingArea,
  .feed .viewportSmall .breakingArea {
    padding: 1rem; }
    .feed .viewportMedium .breakingArea .primaryBreakingStory,
    .feed .viewportSmall .breakingArea .primaryBreakingStory {
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      margin-right: 0; }
    .feed .viewportMedium .breakingArea .breakingTitle,
    .feed .viewportSmall .breakingArea .breakingTitle {
      font-size: 1rem; }
    .feed .viewportMedium .breakingArea .breakingHeadline,
    .feed .viewportSmall .breakingArea .breakingHeadline {
      font-size: 1.3rem; }
    .feed .viewportMedium .breakingArea .breakingMoreTitle,
    .feed .viewportSmall .breakingArea .breakingMoreTitle {
      margin-bottom: 0.5rem; }
    .feed .viewportMedium .breakingArea.noImg .card.cardFeatured,
    .feed .viewportSmall .breakingArea.noImg .card.cardFeatured {
      padding: 0rem 2rem 1rem 2rem; }
  .feed .verticalCardList.cardList {
    margin-top: 1rem;
    /**
 * @file TitleBar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .verticalCardList.cardList .contentList .contentListCards {
      margin-left: 0;
      margin-right: 0; }
    .feed .verticalCardList.cardList .contentList .contentListCards .card {
      margin: 0; }
      .feed .verticalCardList.cardList .contentList .contentListCards .card:hover {
        z-index: 50; }
      .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
        .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .card-content {
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 0;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; }
          .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .card-content .label .label-live,
          .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .card-content .label .label-live-blog,
          .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .card-content .label .label-coming-up,
          .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .card-content .label .label-live-chat,
          .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .card-content .label .label-sponsored-content {
            margin-top: -0.7rem; }
        .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .description,
        .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .metadata {
          display: none; }
        .feed .verticalCardList.cardList .contentList .contentListCards .card:first-child .headline {
          font-size: 1rem; }
    .feed .verticalCardList.cardList .contentList .contentListCards .card:not(:first-child) {
      border-top: none; }
    .feed .verticalCardList.cardList .contentList .contentListCards .card.cardGraphical {
      border: none; }
      .feed .verticalCardList.cardList .contentList .contentListCards .card.cardGraphical .card-content {
        padding-top: 0; }
    .feed .verticalCardList.cardList .titleBar {
      background-color: #ffffff;
      color: #000000;
      padding: 0;
      margin-bottom: 0.5rem;
      padding-bottom: 0.3rem; }
      .feed .verticalCardList.cardList .titleBar .title {
        font-size: 1.1rem;
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px solid #545454; }
      .feed .verticalCardList.cardList .titleBar a {
        color: #000000;
        text-decoration: none; }
        .feed .verticalCardList.cardList .titleBar a:hover {
          text-decoration: none;
          color: #0550c8; }
  .feed .sitemap {
    /* Styles namespaced to component to avoid naming conflicts */
    /**
 * @file NavItem/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SubNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file MenuNav/styles/_styles_default.scss
 *
 * Include all partials here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .sitemap .sectionLink {
      color: black; }
    .feed .sitemap.menuNavWrapper {
      position: relative;
      z-index: 800; }
      .feed .sitemap.menuNavWrapper .menuNav.open {
        margin: 2rem 0;
        border-top: none; }
        .feed .sitemap.menuNavWrapper .menuNav.open .closeButton,
        .feed .sitemap.menuNavWrapper .menuNav.open .nav-my-local-settings,
        .feed .sitemap.menuNavWrapper .menuNav.open .nav-my-local-settings.hasRegions,
        .feed .sitemap.menuNavWrapper .menuNav.open .menuClose {
          display: none; }
        .feed .sitemap.menuNavWrapper .menuNav.open .navLink:hover,
        .feed .sitemap.menuNavWrapper .menuNav.open .navLink:focus {
          color: #e60505;
          text-decoration: none; }
    .feed .sitemap .navItem {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .sitemap .navItem .navLink:hover {
        text-decoration: underline; }
      .feed .sitemap .navItem .navLink:focus {
        text-decoration: underline; }
      .feed .sitemap .navItem .navLink.selected {
        padding: 3px 5px; }
        .feed .sitemap .navItem .navLink.selected:hover {
          text-decoration: none; }
    .feed .sitemap .subNavList {
      /* Styles namespaced to component to avoid naming conflicts */
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      padding-left: 0; }
      .feed .sitemap .subNavList:after {
        content: "";
        -ms-flex: auto;
            flex: auto;
        padding: 0 1rem;
        width: 21%; }
      .feed .sitemap .subNavList .subNavListItem {
        list-style-type: none;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        margin: 0;
        padding: 0 1rem;
        width: 21%; }
        .feed .sitemap .subNavList .subNavListItem .subNavLink {
          color: #545454;
          font-weight: normal;
          text-transform: none; }
      .feed .sitemap .subNavList.collapsed {
        display: none; }
    .feed .sitemap.viewportSmall .subNavListItem,
    .feed .sitemap.viewportSmall .subNavList:after {
      width: 40%; }
    .feed .sitemap .menuNav {
      position: relative;
      /**
 * @file MenuSidebar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .sitemap .menuNav .menuList {
        background-color: #ffffff;
        border-top: 1px solid #cbcbcb;
        display: none;
        list-style: none;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%; }
      .feed .sitemap .menuNav .closeButton {
        display: none; }
      .feed .sitemap .menuNav .mainMenuItem {
        line-height: 2rem;
        padding-left: 2rem; }
        .feed .sitemap .menuNav .mainMenuItem.nav-more {
          background: #545454; }
          .feed .sitemap .menuNav .mainMenuItem.nav-more .navSection {
            display: none; }
          .feed .sitemap .menuNav .mainMenuItem.nav-more .navLink {
            color: #ffffff; }
        .feed .sitemap .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv, .feed .sitemap .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio {
          font-weight: bold;
          text-transform: uppercase; }
        .feed .sitemap .menuNav .mainMenuItem.hasSubsection {
          border-bottom: 1px solid #cbcbcb;
          min-height: 2rem;
          padding: 0.5rem 0.5rem 0.5rem 1rem; }
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection:last-child {
            border: none; }
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList {
            margin-left: -1rem; }
            .feed .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected {
              color: #e60505; }
              .feed .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected:before {
                content: "\2022";
                display: inline-block;
                line-height: 1rem;
                margin-right: 3px;
                font-size: 2rem;
                vertical-align: middle; }
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .navSection:hover .icon .chevronIcon, .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .navSection:focus .icon .chevronIcon,
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink:hover .icon .chevronIcon,
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink:focus .icon .chevronIcon {
            fill: #ffffff;
            background-color: #e60505; }
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .navSection .icon .chevronIcon,
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink .icon .chevronIcon {
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .navSection.open .icon .chevronIcon,
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.collapsible .sectionLink.open .icon .chevronIcon {
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg); }
          .feed .sitemap .menuNav .mainMenuItem.hasSubsection.hasRegions {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
            .feed .sitemap .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
              margin-right: 2rem; }
      .feed .sitemap .menuNav .navLink,
      .feed .sitemap .menuNav .topics .subNavLink {
        font-weight: bold;
        text-transform: uppercase; }
      .feed .sitemap .menuNav.open {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        outline: none;
        border-top: 1px solid #cbcbcb; }
        .feed .sitemap .menuNav.open .menuSidebar {
          display: block; }
        .feed .sitemap .menuNav.open .menuList {
          border-top: none;
          display: block; }
        .feed .sitemap .menuNav.open .closeButton {
          border: none;
          background-color: #e60505;
          color: #ffffff;
          display: inline-block;
          font-size: 0.9rem;
          padding: 0.5rem;
          text-align: center;
          text-transform: uppercase;
          width: 100%; }
          .feed .sitemap .menuNav.open .closeButton:hover, .feed .sitemap .menuNav.open .closeButton:focus {
            background-color: #ffffff;
            color: #e60505;
            border: 1px solid #e60505; }
      .feed .sitemap .menuNav .menuSidebar {
        /* Styles namespaced to component to avoid naming conflicts */
        display: none;
        background: #545454;
        width: 125px; }
        .feed .sitemap .menuNav .menuSidebar .menuSidebarHeading {
          color: #ffffff;
          background-color: #727272;
          margin: 0;
          padding: 0.5rem;
          text-transform: uppercase;
          text-align: center; }
        .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
          padding: 0;
          width: 100%; }
          .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
            color: #ffffff;
            display: block;
            font-size: 0.9rem;
            margin: 0.7rem 0.5rem;
            padding: 0.3rem 0.5rem;
            text-transform: uppercase;
            text-decoration: none; }
            .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover, .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus, .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
              background: #ffffff;
              color: #e60505;
              text-decoration: none; }
            .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
              color: #e60505;
              font-weight: bold; }
              .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected:before {
                content: "\2022";
                display: inline-block;
                line-height: 1rem;
                margin-right: 3px;
                font-size: 2rem;
                vertical-align: middle; }
        .feed .viewportSmall .sitemap .menuNav .menuSidebar, .viewportMedium .sitemap .menuNav .menuSidebar {
          width: auto; }
          .feed .viewportSmall .sitemap .menuNav .menuSidebar .menuSidebarHeading, .feed .viewportSmall .sitemap .menuNav .menuSidebar .closeButton, .viewportMedium .sitemap .menuNav .menuSidebar .menuSidebarHeading, .viewportMedium .sitemap .menuNav .menuSidebar .closeButton {
            text-align: left; }
          .feed .viewportSmall .sitemap .menuNav .menuSidebar .closeButton, .viewportMedium .sitemap .menuNav .menuSidebar .closeButton {
            display: none; }
          .feed .viewportSmall .sitemap .menuNav .menuSidebar .subNavList .subNavListItem, .viewportMedium .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
            padding: 0 0.5rem;
            width: 40%; }
    .feed .sitemap.viewportSmall .menuNav.open,
    .feed .sitemap.viewportMedium .menuNav.open {
      -ms-flex-flow: column wrap;
          flex-flow: column wrap; }
    .feed .sitemap.viewportLarge .menuNav.open .menuList.subNavList, .feed .sitemap.viewportXLarge .menuNav.open .menuList.subNavList {
      display: block; }
  .feed .genericPage {
    /* Styles namespaced to component to avoid naming conflicts */
    background: #ffffff;
    /**
 * @file Cards/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Typography/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Colours/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CodeSnippet/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/
    /**
 * @file ImagesGuide/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Menu/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LinksGuide/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FlagsGuide/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file BusinessWidgets/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file GracenoteWidgets/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookieData/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookieExperience/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookieInfo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookieManage/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookieMarketing/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookiePersonalization/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file CookieSettings/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file IntroCookies/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file OlympicWidgetsGuide/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .genericPage .pageMenu {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      margin: 0 50px 0 1rem; }
    .feed .genericPage .pageContentWrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 1rem 0;
      width: 100%; }
    .feed .genericPage .pageContent {
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
      max-width: 75%; }
    .feed .genericPage .sectionTitle {
      margin: 0; }
    .feed .genericPage .contentWrapper {
      background-color: #ffffff;
      margin: 0; }
    .feed .genericPage .styleLink {
      color: #0550c8;
      text-decoration: none; }
      .feed .genericPage .styleLink:hover {
        text-decoration: underline; }
    .feed .genericPage .selectedFont {
      margin-top: 1rem;
      font-size: 0.85rem; }
    .feed .genericPage .styleList {
      list-style-type: none;
      padding-left: 0; }
      .feed .genericPage .styleList .styleListItem {
        margin: 2rem 0; }
        .feed .genericPage .styleList .styleListItem:hover {
          box-shadow: none; }
    .feed .genericPage .styleTable {
      font-size: 0.85rem; }
      .feed .genericPage .styleTable td,
      .feed .genericPage .styleTable th {
        border-bottom: 1px solid #cbcbcb;
        padding: 1rem 0;
        text-align: left;
        vertical-align: top;
        width: 25%; }
    .feed .genericPage .previewWrap {
      border: 1px dotted #cbcbcb;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      margin: 2rem 0;
      padding: 0.5rem; }
    .feed .genericPage .code,
    .feed .genericPage .preview {
      -ms-flex: 1 1 230px;
          flex: 1 1 230px;
      margin: 0 0.5rem;
      width: 49%; }
    .feed .genericPage .cardsGuide {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .genericPage .typography {
      /* Styles namespaced to component to avoid naming conflicts */
      /**
 * @file SpacingLegend/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .genericPage .typography .stag {
        font-family: 'Stag Medium', Trebuchet; }
      .feed .genericPage .typography .spacingLegend {
        /* Styles namespaced to component to avoid naming conflicts */
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .feed .genericPage .typography .spacingLegend .spaceItem-3px {
          line-height: 3px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-3px:before {
            background-color: #E3B8C7;
            content: '';
            display: block;
            float: left;
            height: 3px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-6px {
          line-height: 6px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-6px:before {
            background-color: #B3D591;
            content: '';
            display: block;
            float: left;
            height: 6px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-8px {
          line-height: 8px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-8px:before {
            background-color: #9AC0DE;
            content: '';
            display: block;
            float: left;
            height: 8px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-10px {
          line-height: 10px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-10px:before {
            background-color: #E48B71;
            content: '';
            display: block;
            float: left;
            height: 10px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-16px {
          line-height: 16px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-16px:before {
            background-color: #F0BE83;
            content: '';
            display: block;
            float: left;
            height: 16px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-20px {
          line-height: 20px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-20px:before {
            background-color: #7A987E;
            content: '';
            display: block;
            float: left;
            height: 20px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-24px {
          line-height: 24px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-24px:before {
            background-color: #8080B4;
            content: '';
            display: block;
            float: left;
            height: 24px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-32px {
          line-height: 32px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-32px:before {
            background-color: #9B7899;
            content: '';
            display: block;
            float: left;
            height: 32px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-36px {
          line-height: 36px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-36px:before {
            background-color: #948A81;
            content: '';
            display: block;
            float: left;
            height: 36px;
            margin: 0 20px 0 0;
            width: 200px; }
        .feed .genericPage .typography .spacingLegend .spaceItem-40px {
          line-height: 40px;
          margin: 20px 0; }
          .feed .genericPage .typography .spacingLegend .spaceItem-40px:before {
            background-color: #E8E8A0;
            content: '';
            display: block;
            float: left;
            height: 40px;
            margin: 0 20px 0 0;
            width: 200px; }
    .feed .genericPage .colours {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /**
 * @file ColourItem/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .genericPage .colours .colourList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap; }
      @media (min-width: 480px) {
        .feed .genericPage .colours .colourList {
          height: 500px; } }
      .feed .genericPage .colours .colourItem {
        /* Styles namespaced to component to avoid naming conflicts */
        min-width: 33%;
        list-style-type: none;
        margin-bottom: 20px; }
        .feed .genericPage .colours .colourItem .colourItem-black {
          background-color: #000000;
          border-radius: 60px;
          color: white;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-jet {
          background-color: #222222;
          border-radius: 60px;
          color: #dddddd;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-davy {
          background-color: #545454;
          border-radius: 60px;
          color: #ababab;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-sonic {
          background-color: #727272;
          border-radius: 60px;
          color: #8d8d8d;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-trolley {
          background-color: #8c8c8c;
          border-radius: 60px;
          color: #737373;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-silver {
          background-color: #cbcbcb;
          border-radius: 60px;
          color: #343434;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-ash {
          background-color: #eaeaea;
          border-radius: 60px;
          color: #151515;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-smoke {
          background-color: #f4f4f4;
          border-radius: 60px;
          color: #0b0b0b;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-spanish {
          background-color: #e60505;
          border-radius: 60px;
          color: #19fafa;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-persian {
          background-color: #0550c8;
          border-radius: 60px;
          color: #faaf37;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-cyber {
          background-color: #ffdc14;
          border-radius: 60px;
          color: #0023eb;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-mangosteen {
          background-color: #801f73;
          border-radius: 60px;
          color: #7fe08c;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-radio {
          background-color: #00498f;
          border-radius: 60px;
          color: #ffb670;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-selective {
          background-color: #FAB924;
          border-radius: 60px;
          color: #0546db;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourItem-paris {
          background-color: #85CB9E;
          border-radius: 60px;
          color: #7a3461;
          display: block;
          float: left;
          font-size: 11px;
          height: 60px;
          line-height: 60px;
          margin-right: 20px;
          text-align: center;
          width: 60px; }
        .feed .genericPage .colours .colourItem .colourName {
          display: block;
          font-weight: bold;
          margin-top: 10px; }
        .feed .genericPage .colours .colourItem .colourRGB {
          white-space: nowrap; }
    .feed .genericPage .hljs {
      display: block;
      overflow-x: auto;
      padding: 0.5em;
      color: #333;
      background: #f8f8f8; }
    .feed .genericPage .hljs-comment,
    .feed .genericPage .hljs-quote {
      color: #998;
      font-style: italic; }
    .feed .genericPage .hljs-keyword,
    .feed .genericPage .hljs-selector-tag,
    .feed .genericPage .hljs-subst {
      color: #333;
      font-weight: bold; }
    .feed .genericPage .hljs-number,
    .feed .genericPage .hljs-literal,
    .feed .genericPage .hljs-variable,
    .feed .genericPage .hljs-template-variable,
    .feed .genericPage .hljs-tag .hljs-attr {
      color: #008080; }
    .feed .genericPage .hljs-string,
    .feed .genericPage .hljs-doctag {
      color: #d14; }
    .feed .genericPage .hljs-title,
    .feed .genericPage .hljs-section,
    .feed .genericPage .hljs-selector-id {
      color: #900;
      font-weight: bold; }
    .feed .genericPage .hljs-subst {
      font-weight: normal; }
    .feed .genericPage .hljs-type,
    .feed .genericPage .hljs-class .hljs-title {
      color: #458;
      font-weight: bold; }
    .feed .genericPage .hljs-tag,
    .feed .genericPage .hljs-name,
    .feed .genericPage .hljs-attribute {
      color: #000080;
      font-weight: normal; }
    .feed .genericPage .hljs-regexp,
    .feed .genericPage .hljs-link {
      color: #009926; }
    .feed .genericPage .hljs-symbol,
    .feed .genericPage .hljs-bullet {
      color: #990073; }
    .feed .genericPage .hljs-built_in,
    .feed .genericPage .hljs-builtin-name {
      color: #0086b3; }
    .feed .genericPage .hljs-meta {
      color: #999;
      font-weight: bold; }
    .feed .genericPage .hljs-deletion {
      background: #fdd; }
    .feed .genericPage .hljs-addition {
      background: #dfd; }
    .feed .genericPage .hljs-emphasis {
      font-style: italic; }
    .feed .genericPage .hljs-strong {
      font-weight: bold; }
    .feed .genericPage .codeSnippet {
      /* Styles namespaced to component to avoid naming conflicts */
      margin-bottom: 0.5rem;
      padding: 0; }
      .feed .genericPage .codeSnippet .codeSnippetWrapper {
        margin: 0;
        position: relative;
        padding: 2rem 1rem 1rem 1rem;
        word-wrap: break-word; }
        .feed .genericPage .codeSnippet .codeSnippetWrapper[rel]:before {
          content: attr(rel);
          left: 0;
          background: #cbcbcb;
          padding: 5px 0;
          position: absolute;
          top: 0;
          text-indent: 15px;
          width: 100%; }
        .feed .genericPage .codeSnippet .codeSnippetWrapper code {
          font-size: 85%;
          line-height: 1.45;
          overflow: auto; }
    .feed .genericPage .images {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .genericPage .images .fitContainer .imageEl {
        width: auto; }
    .feed .genericPage .guideMenu {
      /* Styles namespaced to component to avoid naming conflicts */
      background-color: #ffffff;
      margin: 0 -16px;
      /* Sub-Menu */ }
      .feed .genericPage .guideMenu .guideMenuList {
        border-bottom: 1px solid #cbcbcb;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        margin: 0;
        list-style: none;
        padding: 0; }
      .feed .genericPage .guideMenu .guideMenuItem {
        -ms-flex: 1;
            flex: 1; }
      .feed .genericPage .guideMenu .guideMenuLink {
        border: 1px solid #cbcbcb;
        border-bottom: none;
        color: #000000;
        display: block;
        margin: 0;
        line-height: 1.5em;
        padding: 10px;
        text-decoration: none; }
        .feed .genericPage .guideMenu .guideMenuLink .icon {
          float: right; }
          .feed .genericPage .guideMenu .guideMenuLink .icon .chevronIcon {
            fill: #000000; }
        .feed .genericPage .guideMenu .guideMenuLink:hover {
          background-color: #000000;
          color: #ffffff; }
        .feed .genericPage .guideMenu .guideMenuLink.selected {
          color: #e60505; }
          .feed .genericPage .guideMenu .guideMenuLink.selected:before {
            content: "\2022";
            display: inline-block;
            line-height: 1rem;
            margin-right: 3px;
            font-size: 2rem;
            vertical-align: middle; }
          .feed .genericPage .guideMenu .guideMenuLink.selected:hover {
            background-color: #ffffff; }
          .feed .genericPage .guideMenu .guideMenuLink.selected .chevronIcon {
            fill: #0550c8; }
      .feed .genericPage .guideMenu .guideSubMenuList {
        padding-left: 0;
        background-color: #f4f4f4;
        border-top: 1px solid #cbcbcb; }
        .feed .genericPage .guideMenu .guideSubMenuList .guideMenuItem {
          list-style: none; }
          .feed .genericPage .guideMenu .guideSubMenuList .guideMenuItem a {
            padding-left: 3rem; }
    .feed .genericPage .linksGuide {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .genericPage .linksGuide .navLink {
        color: #000000;
        text-decoration: none; }
        .feed .genericPage .linksGuide .navLink:hover {
          color: #e60505;
          text-decoration: underline; }
      .feed .genericPage .linksGuide .storyLink {
        transition: background-color 0.25s linear;
        color: #0550c8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none; }
        .feed .genericPage .linksGuide .storyLink:hover {
          background-color: #d8d8d8; }
      .feed .genericPage .linksGuide .headingLink {
        color: #000000;
        font-size: 1.125rem;
        font-family: 'Stag Medium', Trebuchet;
        font-weight: 300;
        text-decoration: none; }
      .feed .genericPage .linksGuide .decision-white {
        border-color: #cbcbcb;
        color: #545454; }
      .feed .genericPage .linksGuide .decision-red {
        background-color: #e60505;
        color: #ffffff; }
    .feed .genericPage .flagsGuide {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .genericPage .flagsGuide .styleTable .firstCol {
        width: 20%; }
      .feed .genericPage .flagsGuide .styleTable .selectedFont {
        margin-left: -1rem; }
      .feed .genericPage .flagsGuide .card:hover {
        box-shadow: none; }
      .feed .genericPage .flagsGuide .sectionTitle {
        margin: 2rem 0 0.5rem 0; }
    .feed .genericPage .gracenoteWidgets .preview {
      max-width: 300px;
      /* To match landing page right rail */ }
    .feed .genericPage .cookieData {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .cookieExperience table {
      margin-right: 2em; }
    .feed .genericPage .cookieExperience tr {
      border-bottom: 1px solid #cbcbcb; }
    .feed .genericPage .cookieExperience tr:last-of-type {
      border-bottom: none; }
    .feed .genericPage .cookieExperience td, .feed .genericPage .cookieExperience th {
      padding: 1em; }
    .feed .genericPage .cookieInfo {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .cookieManage {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .cookieMarketing {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .cookiePersonalization {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .cookieSettings {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .introCookies {
      /* Styles namespaced to component to avoid naming conflicts */
      /* STYLES GO HERE */
      /* Imports for subcomponent(s) go here */ }
    .feed .genericPage .olympicWidgetsGuide .olympicsWidget {
      margin-bottom: 5em; }
  @media (max-width: 640px) {
    .feed .genericPage .pageContentWrap {
      -ms-flex-direction: column;
          flex-direction: column; }
      .feed .genericPage .pageContentWrap .pageMenu {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin: 0; }
      .feed .genericPage .pageContentWrap .pageContent {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%;
        margin-top: 2rem; }
      .feed .genericPage .pageContentWrap .colourList {
        height: auto; } }
  .feed .trendingList {
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    font-family: 'Open Sans', sans-serif;
    list-style: none;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    /**
 * @file TrendingListItem/styles/themes/_default.scss
 * All default styles go here.
 *
 * TO DO:  Have trending inherit hover/focus color from parent verticle
 *
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .sidebar .trendingList {
      display: block; }
    .feed .trendingList .trendingListItem {
      box-shadow: 1px 0 0 0 #cbcbcb, 0 1px 0 0 #cbcbcb, 1px 1px 0 0 #cbcbcb, 1px 0 0 0 #cbcbcb inset, 0 1px 0 0 #cbcbcb inset;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: 0;
      /**
 * @file ItemTitle/styles/themes/_default.scss
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file RankIndicator/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file ReaderCount/styles/themes/_default.scss
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file Label/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .trendingList .trendingListItem a:link {
        text-decoration: none;
        transition: 0.4s; }
      .feed .trendingList .trendingListItem a:hover, .feed .trendingList .trendingListItem a:focus {
        color: #0550c8;
        box-shadow: 0px 0px 0px 3px #cbcbcb; }
      .feed .trendingList .trendingListItem a:link, .feed .trendingList .trendingListItem a:active, .feed .trendingList .trendingListItem a:visited {
        text-decoration: none; }
      .feed .trendingList .trendingListItem > a {
        display: block;
        height: 100%; }
      .feed .trendingList .trendingListItem .itemText {
        padding: 0.625rem 0.625rem 0.5rem 0.625rem;
        text-decoration: none; }
        .feed .trendingList .trendingListItem .itemText .label.flag {
          font-size: 0.8rem;
          margin-top: 0.8rem;
          margin-left: 0; }
          .feed .trendingList .trendingListItem .itemText .label.flag .labelText {
            padding: 0 0.2rem; }
      .feed .trendingList .trendingListItem .trendingImage {
        display: none;
        width: 100%;
        margin: 1px; }
      .feed .trendingList .trendingListItem .placeholderImage {
        display: none; }
      .feed .trendingList .trendingListItem .imageMedia {
        display: block; }
      .feed .trendingList .trendingListItem:first-child .trendingImage, .feed .trendingList .trendingListItem:first-child .placeholderImage {
        display: block; }
      .feed .sidebar .trendingList .trendingListItem {
        -ms-flex: none;
            flex: none;
        box-shadow: none;
        border: 1px solid #e0e0e0;
        border-top: none; }
        .feed .sidebar .trendingList .trendingListItem:first-child {
          border-top: 1px solid #e0e0e0; }
          .feed .sidebar .trendingList .trendingListItem:first-child .trendingImage {
            display: block; }
      .feed .trendingList .trendingListItem .itemTitle {
        clear: both;
        display: block;
        font-size: 0.875rem;
        line-height: 1.2;
        margin-top: 0.8rem;
        font-weight: bold;
        text-transform: uppercase;
        color: black; }
      .feed .trendingList .trendingListItem .rankIndicator {
        font-size: 0.9rem;
        line-height: 0.9rem;
        height: 1.2rem;
        width: 1.5rem;
        padding-top: 0.3rem;
        background-color: #e60505;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        color: #ffffff;
        margin-right: 0.2rem; }
        .feed .sidebar .trendingList .trendingListItem .rankIndicator {
          font-size: 1.125rem;
          line-height: 1.5rem;
          height: 2rem;
          width: 2.3rem;
          margin-right: 1.25rem; }
      .feed .trendingList .trendingListItem .readerCount {
        color: #545454;
        line-height: 1.375rem;
        font-size: 0.7rem; }
        .feed .sidebar .trendingList .trendingListItem .readerCount {
          font-size: 1rem; }
      .feed .viewportSmall .trendingList .trendingListItem .readerCount {
        font-size: 0.85rem;
        padding-left: 0.25rem; }
      .feed .viewportMedium .trendingList .trendingListItem .readerCount {
        font-size: 0.85rem;
        padding-left: 0.25rem; }
      .feed .trendingList .trendingListItem .label {
        background-color: transparent;
        color: #545454;
        font-size: 0.8rem;
        font-weight: bold; }
        .feed .trendingList .trendingListItem .label.q, .feed .trendingList .trendingListItem .label.Q, .feed .trendingList .trendingListItem .label.label-q, .feed .trendingList .trendingListItem .label.deptItem-q, .feed .trendingList .trendingListItem .label.Goods {
          text-transform: lowercase; }
        .feed .trendingList .trendingListItem .label .labelText {
          text-transform: uppercase; }
          .feed .trendingList .trendingListItem .label .labelText.q, .feed .trendingList .trendingListItem .label .labelText.Q, .feed .trendingList .trendingListItem .label .labelText.label-q, .feed .trendingList .trendingListItem .label .labelText.deptItem-q, .feed .trendingList .trendingListItem .label .labelText.Goods {
            text-transform: lowercase; }
        .feed .trendingList .trendingListItem .label.sponsored {
          color: #000000;
          font-weight: bold;
          margin-bottom: 0.5rem;
          margin-top: 0.5rem;
          margin-left: -0.8rem; }
          .feed .trendingList .trendingListItem .label.sponsored span {
            background-color: #E7F4F9;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            padding-top: 0.2rem;
            padding-bottom: 0.2rem; }
            .feed .trendingList .trendingListItem .label.sponsored span.external:after {
              content: " \279A"; }
        .feed .trendingList .trendingListItem .label.category {
          font-size: 0.8rem;
          margin-top: 0.5rem;
          margin-bottom: 0.5rem; }
        .feed .trendingList .trendingListItem .label.flag {
          color: #545454;
          margin-top: 0.5rem;
          margin-left: -1rem; }
          .feed .trendingList .trendingListItem .label.flag .labelText {
            background-color: #ffffff;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            padding-top: 0.2rem;
            padding-bottom: 0.2rem; }
            .feed .trendingList .trendingListItem .label.flag .labelText.label-live, .feed .trendingList .trendingListItem .label.flag .labelText.label-live-blog, .feed .trendingList .trendingListItem .label.flag .labelText.label-coming-up, .feed .trendingList .trendingListItem .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
              .feed .detail .trendingList .trendingListItem .label.flag .labelText.label-live, .feed .detail .trendingList .trendingListItem .label.flag .labelText.label-live-blog, .feed .detail .trendingList .trendingListItem .label.flag .labelText.label-coming-up, .feed .detail .trendingList .trendingListItem .label.flag .labelText.label-live-chat {
                display: block; }
            .feed .trendingList .trendingListItem .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
      .feed .detail .trendingList .trendingListItem .labelStory.flag .labelText.label-sponsored-content {
        background-color: #E7F4F9;
        color: #000000;
        width: 100%;
        display: block;
        text-align: center; }
    .feed .viewportLarge .trendingList .trendingListItem {
      -ms-flex: 1 1 140px;
          flex: 1 1 140px; }
      .feed .viewportLarge .trendingList .trendingListItem .trendingImage, .feed .viewportLarge .trendingList .trendingListItem .placeholderImage {
        display: block; }
      .feed .viewportLarge .trendingList .trendingListItem .itemText .itemTitle {
        word-wrap: break-word;
        max-width: 140px; }
    .feed .viewportSmall .trendingList .trendingListItem .itemText .itemTitle {
      max-width: 100%;
      line-height: 1.3; }
    .feed .viewportMedium .trendingList .trendingListItem .itemText .itemTitle {
      max-width: 100%;
      line-height: 1.3; }
    .feed .viewportLarge .sidebar .trendingList .trendingListItem .itemText .itemTitle {
      max-width: 100%; }
  .feed ol.voteMeter {
    list-style-type: none;
    padding: 0px;
    width: 100%;
    text-align: center;
    /**
 * @file PartyResult/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed ol.voteMeter li.partyResult {
      margin-left: 1%;
      display: inline-block;
      width: 19%; }
      .feed ol.voteMeter li.partyResult:first-child {
        margin-left: 0px; }
      .feed ol.voteMeter li.partyResult section {
        list-style-type: none; }
      .feed ol.voteMeter li.partyResult img {
        width: 50%; }
      .feed ol.voteMeter li.partyResult hr {
        box-sizing: content-box;
        height: 0px;
        width: 100%;
        height: 0.4rem;
        margin: 0px;
        padding: 0px;
        border: none; }
        .feed ol.voteMeter li.partyResult hr.divider.liberal {
          background-color: #ee3024; }
        .feed ol.voteMeter li.partyResult hr.divider.conservative {
          background-color: #0c499c; }
        .feed ol.voteMeter li.partyResult hr.divider.ndp {
          background-color: #f6821f; }
        .feed ol.voteMeter li.partyResult hr.divider.bloc {
          background-color: #2b93c9; }
        .feed ol.voteMeter li.partyResult hr.divider.green {
          background-color: #75c321; }
      .feed ol.voteMeter li.partyResult .seats {
        background-color: #eeeeee;
        padding-top: 0.2em;
        text-align: center;
        color: black; }
        .feed ol.voteMeter li.partyResult .seats .seatsNumber {
          font-size: 1.6em;
          line-height: 1em;
          display: block;
          font-weight: bold; }
      .feed ol.voteMeter li.partyResult .leading {
        display: block;
        background-color: #bbbbbb;
        text-align: center;
        color: black;
        font-size: 1em; }
        .feed ol.voteMeter li.partyResult .leading .leadingNumber {
          display: block;
          font-weight: bold; }
        .feed ol.voteMeter li.partyResult .leading .leadingText {
          display: block;
          font-size: 0.8rem; }
  .feed .author-image {
    padding: 0;
    height: 40px;
    width: 40px;
    max-width: 40px;
    max-height: 40px; }
    .feed .author-image .placeholder {
      background: none; }
      .feed .author-image .placeholder .authorImage, .feed .author-image .placeholder .largeImage {
        background: none; }
      .feed .author-image .placeholder .authorImage, .feed .author-image .placeholder .smallImage {
        display: none; }
      .feed .author-image .placeholder .placeholderImage {
        padding-bottom: 100%; }
      .feed .author-image .placeholder .largeImage {
        border-radius: 20px;
        background: none;
        box-sizing: border-box;
        border: 1px solid #cbcbcb;
        max-width: 40px;
        max-height: 40px; }
    .feed .authorprofile-container .author-image, .feed .authorprofile-container .author-image .placeholder .largeImage {
      max-width: none;
      max-height: none; }
  .feed .gracenoteWidget {
    /* Styles namespaced to component to avoid naming conflicts */
    margin: 1rem 0; }
    .feed .gracenoteWidget .sectionTitle {
      border-bottom: none;
      padding-right: 0; }
      .feed .gracenoteWidget .sectionTitle .sectionTitleText {
        font-size: 1rem;
        color: #ffffff;
        background-color: #222222;
        padding: 0.1rem 0.5rem;
        display: block; }
  .feed .businessWidget .customHtml {
    border: none;
    background: #ffffff;
    margin-bottom: 1rem; }
  .feed .businessWidget .businessWidgetTitle {
    padding: 1rem;
    background: #ffffff;
    margin-bottom: 0;
    margin-top: 0; }
  .feed .businessWidget.goPublic {
    border: 2px solid #cbcbcb; }
  .feed .upakneeWidget .customHtml {
    border: none;
    background: #ffffff;
    margin-bottom: 1rem; }
  .feed .blankPage {
    background: #ffffff;
    min-height: 800px;
    /* Imports for subcomponent(s) go here */ }
  .feed .labs {
    /* Styles namespaced to component to avoid naming conflicts */
    background-color: #ffffff;
    max-width: 60rem;
    margin: 0 auto; }
    .feed .labs .labsContent {
      min-height: 30rem;
      margin-bottom: -3rem;
      padding: 2rem; }
    .feed .labs .labsIntroBanner {
      width: 100%; }
  .feed .pageIntro {
    /* Styles namespaced to component to avoid naming conflicts */
    background-color: #ffffff;
    min-height: 10rem;
    margin-top: 0;
    margin-left: -1rem;
    margin-bottom: 1rem;
    margin-right: -1rem;
    padding-bottom: 0.5rem;
    position: relative;
    /**
 * @file ResponsiveNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .show .pageIntro {
      margin-bottom: 0; }
    .feed .viewportLarge .pageIntro {
      margin-right: 0;
      margin-left: 0; }
    .feed .pageIntro .showDetails {
      font-size: 1.5rem;
      margin-left: 1rem;
      position: absolute;
      top: 2rem;
      z-index: 500; }
    .feed .pageIntro .imageMedia {
      display: block; }
    .feed .pageIntro .showName {
      display: none;
      font-size: 3rem;
      margin-bottom: 0.5rem;
      line-height: 3.2rem; }
      .feed .pageIntro .showName.q, .feed .pageIntro .showName.Q, .feed .pageIntro .showName.label-q, .feed .pageIntro .showName.deptItem-q, .feed .pageIntro .showName.Goods {
        text-transform: lowercase; }
    .feed .pageIntro .placeholderImage {
      display: none; }
    .feed .pageIntro .hostName {
      display: inline-block;
      max-width: 10rem;
      margin-top: 1rem; }
    .feed .pageIntro .host-image .placeholder {
      background: none; }
    .feed .pageIntro .host-image .smallImage {
      display: none; }
    .feed .pageIntro .host-image .largeImage {
      display: block;
      position: relative;
      width: 100%; }
    .feed .pageIntro.show-canadian-reflections .showName, .feed .pageIntro.show-the-national .showName, .feed .pageIntro.show-marketplace .showName, .feed .pageIntro.show-the-fifth-estate .showName, .feed .pageIntro.show-the-investigators .showName, .feed .pageIntro.show-on-the-money .showName {
      display: none; }
    .feed .pageIntro .responsiveNav {
      /* Styles namespaced to component to avoid naming conflicts */
      /**
 * @file MoreItemsNav/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /** SHOW PAGES have introNav **/ }
      .feed .pageIntro .responsiveNav .moreItemsNav {
        text-align: right; }
        .feed .pageIntro .responsiveNav .moreItemsNav .moreItemsList {
          clear: both;
          display: none;
          height: 90%;
          min-width: 15rem;
          margin-top: -1px;
          overflow-y: auto;
          position: fixed;
          padding: 0;
          text-align: left;
          right: 0;
          z-index: 300; }
        .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem {
          border: 1px solid #cbcbcb;
          border-bottom: none;
          background: #ffffff;
          display: block;
          list-style-type: none;
          padding: 0.7rem; }
          .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem:last-child {
            border-bottom: 1px solid #cbcbcb;
            box-shadow: 0 5px 10px 0 rgba(140, 140, 140, 0.15), 0 -5px 3px -10px #ffffff; }
          .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
            color: #000000;
            text-decoration: none; }
            .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover, .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus {
              text-decoration: underline; }
            .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
              background-color: #cbcbcb; }
        .feed .pageIntro .responsiveNav .moreItemsNav .moreButton {
          background: transparent;
          color: #222222;
          border: 1px solid #222222;
          border-color: #cbcbcb;
          height: 2rem;
          font-size: 0.9rem;
          padding: 0 0.2rem 0 0.3rem;
          white-space: nowrap; }
          .feed .pageIntro .responsiveNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #222222;
            background: #ffffff; }
          .feed .pageIntro .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .pageIntro .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #222222; }
        .feed .pageIntro .responsiveNav .moreItemsNav.open .moreItemsList {
          display: block;
          overflow: auto;
          position: absolute;
          height: inherit; }
        .feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton {
          color: #000000;
          background-color: #ffffff;
          border: 1px solid #cbcbcb;
          border-bottom-color: #ffffff;
          position: relative;
          z-index: 400; }
          .feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
            border: 1px solid #000000; }
      .feed .pageIntro .responsiveNav .subNavListItem {
        position: static;
        white-space: nowrap; }
        .feed .pageIntro .responsiveNav .subNavListItem.hidden {
          visibility: hidden;
          position: absolute; }
        .feed .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
          margin-left: 0;
          padding-right: 0;
          position: relative;
          visibility: hidden; }
          .feed .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
            position: absolute;
            right: 1rem; }
            .feed .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger .moreButton {
              text-decoration: none; }
          .feed .pageIntro .responsiveNav .subNavListItem.moreNavTrigger.active {
            visibility: visible; }
      .feed .pageIntro .responsiveNav.allHidden .subNavListItem {
        visibility: hidden; }
        .feed .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
          visibility: visible; }
          .feed .scrollDown .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
            padding-left: 0.5rem; }
        .feed .pageIntro .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
          position: absolute;
          right: 0;
          padding-left: 0;
          margin-right: 1rem;
          visibility: visible;
          top: 50%;
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      .feed .pageIntro .responsiveNav .gemWrapper .gemSectionLink {
        padding: 0; }
      .feed .pageIntro .responsiveNav.introNav {
        background-color: #545454;
        clear: both;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0; }
        .feed .pageIntro .responsiveNav.introNav .subNavListItem {
          list-style-type: none;
          margin: 0;
          padding: 1rem; }
          .feed .pageIntro .responsiveNav.introNav .subNavListItem.selected {
            background: #000000;
            font-weight: bold;
            text-shadow: none; }
        .feed .pageIntro .responsiveNav.introNav .subNavLink,
        .feed .pageIntro .responsiveNav.introNav .moreButton {
          background-color: transparent;
          border: none;
          color: #ffffff;
          display: block;
          text-decoration: none;
          padding: 0.2rem 0.5rem; }
          .feed .pageIntro .responsiveNav.introNav .subNavLink.selected,
          .feed .pageIntro .responsiveNav.introNav .moreButton.selected {
            background-color: #ffffff;
            color: #000000; }
          .feed .pageIntro .responsiveNav.introNav .subNavLink:hover,
          .feed .pageIntro .responsiveNav.introNav .moreButton:hover {
            text-decoration: underline; }
        .feed .pageIntro .responsiveNav.introNav .moreItemsNav .moreItemsList {
          min-width: 10rem; }
          .feed .pageIntro .responsiveNav.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
            background-color: #000000;
            color: #ffffff;
            padding: 0.2rem;
            text-decoration: none; }
        .feed .pageIntro .responsiveNav.introNav .moreItemsNav .moreButton {
          height: auto;
          padding: 1rem; }
        .feed .pageIntro .responsiveNav.introNav .subNavListItem.moreNavTrigger {
          padding: 0; }
    .feed .pageIntro.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
      max-height: 500px; }
  .feed .moreStories {
    /* Styles namespaced to component to avoid naming conflicts */
    position: relative; }
    .feed .moreStories .contentList .contentListCards {
      margin-left: -0.5rem;
      margin-right: -0.5rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .feed .moreStories .contentList .contentListCards .card {
        -ms-flex: 1 1 230px;
            flex: 1 1 230px;
        margin: 0.5rem; }
        .feed .detail .moreStories .contentList .contentListCards .card {
          font-family: "Open Sans", sans-serif; }
        .feed .detail .moreStories .contentList .contentListCards .card .headline {
          font-family: "Open Sans", sans-serif;
          font-weight: bold; }
    .feed .moreStories .moreSectionLink {
      color: #000000;
      font-size: 0.8rem;
      font-weight: bold;
      position: absolute;
      right: 2rem;
      top: 0.5rem;
      text-transform: uppercase;
      text-decoration: none; }
      .feed .moreStories .moreSectionLink:hover, .feed .moreStories .moreSectionLink:focus {
        text-decoration: underline; }
  .feed .swimlane {
    /* Styles namespaced to component to avoid naming conflicts */
    margin: 1rem 0;
    /**
 * @file RegionsListSelector/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .swimlane .moreStories {
      max-width: 80rem;
      margin: 0 auto; }
      .feed .swimlane .moreStories .detailLink {
        display: none; }
      .feed .swimlane .moreStories .moreStoriesList {
        padding: 2rem 0; }
      .feed .swimlane .moreStories .moreSectionLink {
        top: 2.5rem; }
    .feed .swimlane .sectionTitle {
      margin: 0 0 1rem 0; }
      .feed .swimlane .sectionTitle .sectionTitleText {
        background: transparent; }
    .feed .swimlane .contentListCards {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
      .feed .swimlane .contentListCards .card,
      .feed .swimlane .contentListCards .cardRegular {
        border: 1px solid #cbcbcb;
        -ms-flex: 1 1 230px;
            flex: 1 1 230px; }
        .feed .swimlane .contentListCards .card.sponsorMeta,
        .feed .swimlane .contentListCards .cardRegular.sponsorMeta {
          border: 1px solid #71A8DE; }
          .feed .swimlane .contentListCards .card.sponsorMeta:hover, .feed .swimlane .contentListCards .card.sponsorMeta:focus,
          .feed .swimlane .contentListCards .cardRegular.sponsorMeta:hover,
          .feed .swimlane .contentListCards .cardRegular.sponsorMeta:focus {
            box-shadow: 0px 0px 0px 4px #71A8DE; }
        .feed .swimlane .contentListCards .card.sponsorMeta .sponsorLogo,
        .feed .swimlane .contentListCards .cardRegular.sponsorMeta .sponsorLogo {
          padding-top: 1rem; }
          .feed .swimlane .contentListCards .card.sponsorMeta .sponsorLogo img,
          .feed .swimlane .contentListCards .cardRegular.sponsorMeta .sponsorLogo img {
            width: 60px; }
        .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed:hover, .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed:focus,
        .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed:hover,
        .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed:focus {
          box-shadow: none; }
        .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content,
        .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content {
          box-shadow: 0px 0px 0px 1px transparent; }
          .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus,
          .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover,
          .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
            box-shadow: 0px 0px 0px 4px transparent; }
            .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before,
            .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before,
            .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
              border-color: #71A8DE transparent; }
        .feed .swimlane .contentListCards .card .metadataText .commentInfo,
        .feed .swimlane .contentListCards .cardRegular .metadataText .commentInfo {
          display: none; }
    .feed .swimlane.swimlane-video {
      background-color: #FFFFFF;
      margin: auto; }
      .feed .swimlane.swimlane-video.dark {
        background-color: #222222;
        color: #FFFFFF;
        width: 100vw;
        padding: 3rem 0; }
        .feed .swimlane.swimlane-video.dark h2.sectionTitle {
          display: block;
          border-bottom: 1px solid #FFFFFF;
          padding-left: .8rem; }
          .feed .swimlane.swimlane-video.dark h2.sectionTitle .sectionTitleText {
            color: #FFFFFF;
            background: transparent;
            font-size: 1.2rem;
            text-transform: uppercase;
            font-weight: 800; }
            .feed .swimlane.swimlane-video.dark h2.sectionTitle .sectionTitleText .icon {
              display: none; }
      .feed .swimlane.swimlane-video h2.sectionTitle {
        display: none; }
      .feed .swimlane.swimlane-video .moreStories .moreStoriesList {
        padding: 0 1rem; }
      .feed .swimlane.swimlane-video .moreStories .moreSectionLink {
        display: none; }
      .feed .swimlane.swimlane-video .contentListCards .card, .feed .swimlane.swimlane-video .contentListCards .cardRegular {
        -ms-flex: 1 1 240px;
            flex: 1 1 240px; }
    .feed .swimlane .moreStoriesSubHeadline {
      margin: 0.5rem 0; }
      .feed .swimlane .moreStoriesSubHeadline .regionsListWrapper .regionLink {
        color: #0550c8;
        font-size: 1.35rem;
        font-weight: bold; }
        .feed .viewportSmall .swimlane .moreStoriesSubHeadline .regionsListWrapper .regionLink {
          font-size: 1rem; }
    .feed .swimlane.newsTheme {
      background-color: #eaeaea; }
      .feed .swimlane.newsTheme .moreStories .moreStoriesList {
        padding: 2rem 1.5rem; }
    .feed .swimlane.televisionTheme {
      background-color: #222222; }
      .feed .swimlane.televisionTheme .chevronIcon {
        fill: #ffffff; }
      .feed .swimlane.televisionTheme .moreStories .moreStoriesList {
        padding: 2rem 1.5rem; }
      .feed .swimlane.televisionTheme .sectionTitle {
        margin: 0 0 1rem 0;
        border-bottom-color: #ffffff; }
        .feed .swimlane.televisionTheme .sectionTitle .sectionTitleText {
          padding: 0 0 0 0;
          color: #ffffff; }
      .feed .swimlane.televisionTheme .moreSectionLink {
        color: #ffffff; }
      .feed .swimlane.televisionTheme .card,
      .feed .swimlane.televisionTheme .cardRegular {
        border: 0px; }
    .feed .swimlane.nboxTheme .moreStories .moreStoriesList {
      max-width: 45rem;
      margin: auto;
      padding-bottom: 0rem; }
    .feed .swimlane .regionsListWrapper {
      /* Styles namespaced to component to avoid naming conflicts */
      background-color: #ffffff;
      color: #000000; }
      .feed .swimlane .regionsListWrapper .regionsList {
        display: none;
        list-style-type: none;
        padding: 0; }
      .feed .swimlane .regionsListWrapper .regionHeading {
        background: #000000;
        color: #ffffff;
        font-size: 1.25rem;
        margin: 0;
        padding: 0.5rem;
        text-transform: uppercase; }
      .feed .swimlane .regionsListWrapper .regionNameWrapper {
        display: inline-block; }
      .feed .swimlane .regionsListWrapper .regionsListItem {
        cursor: pointer;
        font-size: 0.9rem;
        padding: 0.5rem 1rem 0 0; }
      .feed .swimlane .regionsListWrapper .regionButton {
        background-color: #ffffff;
        border: 1px solid #545454;
        color: #0550c8;
        display: inline-block;
        font-size: 0.9rem;
        font-weight: normal;
        padding: 0.2rem 0.5rem; }
        .feed .swimlane .regionsListWrapper .regionButton:hover {
          text-decoration: none;
          background: #545454;
          color: #ffffff; }
        .feed .swimlane .regionsListWrapper .regionButton:focus {
          border: 2px dotted #545454;
          outline: none; }
      .feed .swimlane .regionsListWrapper .regionItemLabel {
        cursor: pointer; }
      .feed .swimlane .regionsListWrapper .regionFormIntro {
        display: none;
        color: #545454;
        font-size: 0.9rem; }
      .feed .swimlane .regionsListWrapper .defaultRegionLabel {
        color: #e60505;
        font-size: 0.9rem;
        margin-right: 0.5rem; }
      .feed .swimlane .regionsListWrapper .currentRegion {
        display: inline-block;
        margin-right: 1.5rem; }
      .feed .swimlane .regionsListWrapper .regionRadioButton {
        margin-right: 0.3rem; }
      .feed .swimlane .regionsListWrapper .regionLink {
        color: #545454;
        text-decoration: none;
        border: 0;
        font-weight: normal; }
        .feed .swimlane .regionsListWrapper .regionLink:hover, .feed .swimlane .regionsListWrapper .regionLink:focus {
          color: #e60505;
          text-decoration: underline;
          outline: none; }
          .feed .swimlane .regionsListWrapper .regionLink:hover .chevronIcon, .feed .swimlane .regionsListWrapper .regionLink:focus .chevronIcon {
            fill: #545454; }
      .feed .swimlane .regionsListWrapper.openRegion .regionsList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
        margin: -6px 1rem 1rem 0;
        padding: 0.5rem;
        width: 100%; }
      .feed .swimlane .regionsListWrapper.openRegion .currentRegion {
        color: #e60505; }
        .feed .swimlane .regionsListWrapper.openRegion .currentRegion:before {
          content: "\2022";
          display: inline-block;
          line-height: 1rem;
          margin-right: 3px;
          font-size: 2rem;
          vertical-align: middle; }
      .feed .swimlane .regionsListWrapper.openRegion .regionFormIntro {
        display: block; }
      .feed .swimlane .regionsListWrapper.standAlone {
        background: #f4f4f4; }
        .feed .swimlane .regionsListWrapper.standAlone .regionsListItem {
          font-size: 0.85rem;
          -ms-flex: 1 1 40%;
              flex: 1 1 40%;
          line-height: 1.5rem;
          padding: 1rem 0.5rem 0rem 0.5rem; }
        .feed .swimlane .regionsListWrapper.standAlone .regionNameWrapper {
          font-size: 1rem;
          padding: 0.5rem 0; }
        .feed .swimlane .regionsListWrapper.standAlone .regionForm {
          background: #ffffff; }
        .feed .swimlane .regionsListWrapper.standAlone .regionFormIntro {
          padding: 0.5rem; }
        .feed .swimlane .regionsListWrapper.standAlone .regionsList {
          border: none;
          clear: both;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
          margin: 0;
          padding: 0; }
        .feed .swimlane .regionsListWrapper.standAlone .defaultRegionLabel {
          display: block;
          color: #545454;
          font-size: 0.8rem;
          margin: 0 0.5rem 0.3rem 0; }
        .feed .swimlane .regionsListWrapper.standAlone .currentRegion {
          font-size: 1rem;
          padding: 0.5rem 0.5rem 0 0; }
        .feed .swimlane .regionsListWrapper.standAlone .currentRegion,
        .feed .swimlane .regionsListWrapper.standAlone .regionButton {
          background-color: transparent;
          color: #000000;
          line-height: 1.2rem;
          margin-right: 0;
          white-space: nowrap; }
          .feed .swimlane .regionsListWrapper.standAlone .currentRegion:before,
          .feed .swimlane .regionsListWrapper.standAlone .regionButton:before {
            display: none; }
        .feed .swimlane .regionsListWrapper.standAlone .regionButton {
          box-shadow: inset 0px 0px 0px 1px #545454;
          border: none;
          float: right;
          font-size: 0.8rem;
          margin-top: 0.5rem;
          padding: 0.3rem; }
          .feed .swimlane .regionsListWrapper.standAlone .regionButton:hover, .feed .swimlane .regionsListWrapper.standAlone .regionButton:focus {
            background: #e60505;
            border: none;
            color: #ffffff;
            outline: none; }
        .feed .swimlane .regionsListWrapper.standAlone .regionLink {
          font-family: "Open Sans", sans-serif;
          text-transform: none;
          font-weight: normal; }
        .feed .swimlane .regionsListWrapper.standAlone .currentRegion {
          font-weight: bold; }
        .feed .swimlane .regionsListWrapper.standAlone.openRegion .regionForm {
          border: 1px solid #545454; }
        .feed .swimlane .regionsListWrapper.standAlone.openRegion .regionsList {
          height: 32rem; }
        .feed .swimlane .regionsListWrapper.standAlone.openRegion .regionButton {
          border: 1px solid #545454;
          border-bottom: 1px solid #ffffff;
          box-shadow: none;
          background-color: #ffffff;
          color: #e60505;
          margin-bottom: -2px;
          padding: 0.5rem; }
  .feed .viewportLarge .swimlane {
    margin-left: calc(-50vw + 50%);
    width: 100vw; }
  .feed .viewportLarge .swimlane-video {
    margin-left: 0; }
  .feed .listenLive {
    /* Styles namespaced to component to avoid naming conflicts */
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 0px 3px #ffdc14;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    opacity: 0.8;
    width: 100%;
    z-index: 900; }
    .feed .listenLive .listenLink {
      -ms-flex-align: center;
          align-items: center;
      color: #000000;
      font-size: 0.9rem;
      font-weight: bold;
      display: -ms-flexbox;
      display: flex;
      text-decoration: none;
      cursor: pointer; }
      .feed .listenLive .listenLink:hover, .feed .listenLive .listenLink:focus {
        text-decoration: underline; }
    .feed .listenLive .liveLabel {
      background-color: #ffdc14;
      font-size: 0.9rem;
      font-weight: bold;
      margin-right: 0.5rem;
      padding: 0.5rem 1rem; }
  .feed .viewportMedium .listenLive,
  .feed .viewportLarge .listenLive,
  .feed .viewportXLarge .listenLive {
    position: absolute; }
  .feed .schedule {
    /* Styles namespaced to component to avoid naming conflicts */
    font-size: 0.9rem;
    margin-top: 1rem; }
    .feed .schedule .scheduleList {
      border: 1px solid #cbcbcb;
      border-top: 4px solid #cbcbcb;
      background-color: #ffffff;
      list-style-type: none;
      margin: 0;
      max-height: 300px;
      overflow-y: scroll;
      padding: 0.5rem; }
    .feed .schedule .scheduleListItem {
      -ms-flex-align: baseline;
          align-items: baseline;
      border-bottom: 1px solid #cbcbcb;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      margin-bottom: 1rem;
      padding-bottom: 1rem; }
      .feed .schedule .scheduleListItem .scheduleTitle {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-top: 0.3rem; }
      .feed .schedule .scheduleListItem .scheduleTime {
        margin-right: 0.5rem; }
      .feed .schedule .scheduleListItem .scheduleMedia {
        background: #000000;
        color: #ffffff;
        font-weight: bold;
        font-size: 0.8rem;
        margin-right: 0.5rem;
        padding: 0.3rem;
        text-transform: uppercase; }
    .feed .schedule .disclaimer {
      background-color: #eaeaea;
      border: 1px solid #cbcbcb;
      border-top: 3px solid #cbcbcb;
      padding: 0.6rem; }
    .feed .schedule .scheduleLink {
      color: #000000;
      display: block;
      text-decoration: underline;
      margin-top: 1rem; }
      .feed .schedule .scheduleLink:hover {
        text-decoration: none; }
    .feed .schedule.nowPlaying {
      display: inline-block;
      font-size: 0.8rem;
      margin: 0; }
  .feed .cookieJar {
    /**
 * @file CookieTable/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .cookieJar .contentParagraph {
      text-align: justify; }
    .feed .cookieJar .loading {
      background-color: #ffffff;
      color: #545454;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.25rem;
      font-weight: bold;
      display: block;
      width: 10rem;
      margin-top: 4rem;
      margin-bottom: 0;
      margin-right: auto;
      margin-left: auto; }
      .feed .cookieJar .loading .loader {
        margin-left: 10px;
        float: right; }
      .feed .cookieJar .loading.hidden {
        display: none; }
    .feed .cookieJar .cookieTable {
      /* Styles namespaced to component to avoid naming conflicts */
      margin-bottom: 30px;
      /* Imports for subcomponent(s) go here */
      /**
 * @file CookieRow/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .cookieJar .cookieTable table.thirdPartyCookies {
        border: 1px solid #ccc;
        margin: 30px auto 0 auto;
        width: 80%; }
        .feed .cookieJar .cookieTable table.thirdPartyCookies tr, .feed .cookieJar .cookieTable table.thirdPartyCookies td {
          border: 1px solid #ccc; }
        .feed .cookieJar .cookieTable table.thirdPartyCookies td.cookieInfo {
          padding: 10px;
          font-weight: bold; }
        .feed .cookieJar .cookieTable table.thirdPartyCookies td.description {
          padding: 10px; }
      .feed .cookieJar .cookieTable .cookieRow {
        margin-left: 3em;
        margin-right: 3em;
        border-bottom: 1px solid #ccc;
        display: -ms-flexbox;
        display: flex; }
        .feed .cookieJar .cookieTable .cookieRow .cookieInfo {
          -ms-flex: 3;
              flex: 3;
          padding-right: 10px; }
          .feed .cookieJar .cookieTable .cookieRow .cookieInfo p {
            text-align: justify; }
          .feed .cookieJar .cookieTable .cookieRow .cookieInfo div.value {
            margin-bottom: 15px; }
            .feed .cookieJar .cookieTable .cookieRow .cookieInfo div.value span {
              text-align: left;
              display: inline;
              font-style: italic;
              font-size: 14px; }
        .feed .cookieJar .cookieTable .cookieRow .cookieActions {
          -ms-flex: 1;
              flex: 1;
          text-align: center;
          padding-top: 3em; }
  .feed .persistentPlayer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 90px;
    width: 100%;
    min-width: 320px;
    background-color: #ffffff;
    z-index: 950;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
    .feed .persistentPlayer .playerContainer {
      max-width: 1000px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      min-width: 320px;
      margin-left: 10px; }
    .feed .persistentPlayer.closed {
      transition: all 0.4s;
      opacity: 0;
      transform: translate3d(0, 90px, 0); }
    .feed .persistentPlayer.open {
      transition: all 0.4s;
      opacity: 1;
      transform: translate3d(0, 0, 0); }
    .feed .persistentPlayer .cbc-caffeine {
      -ms-flex-item-align: start;
          align-self: flex-start;
      width: calc(100% - 100px); }
    .feed .persistentPlayer .media, .feed .persistentPlayer .mediaEmbed {
      margin: 0; }
    .feed .persistentPlayer .cbc-caffeine-ads-container.advertisement {
      position: absolute;
      bottom: calc(90px + 10px); }
    .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] {
      background: none;
      min-height: 90px;
      margin: 0;
      padding: 0;
      overflow: inherit; }
      .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] [fits-on-screen=false] {
        display: inherit; }
      .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .playbackelement:before {
        line-height: 10px;
        font-weight: bold; }
      .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: start;
            align-items: flex-start;
        background: none;
        padding: 0; }
        .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .sharecontent {
          font-family: "Open Sans", sans-serif;
          -webkit-font-smoothing: antialiased;
          padding: 0 10%; }
          .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .sharecontent strong {
            padding: 3px 0;
            font-size: 1.2rem; }
        .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .showinfo {
          font-family: "Open Sans", sans-serif;
          -webkit-font-smoothing: antialiased;
          width: 40%;
          padding: 0.5rem;
          display: block;
          display: -webkit-box;
          font-size: 0.9rem;
          line-height: 1.3em;
          max-height: 3.9em;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 3;
          max-height: 4.6em; }
          .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .showinfo .showname, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .showinfo .title {
            font-size: 0.9rem; }
        .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui {
          width: 60%;
          min-width: 315px; }
          .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .extras {
            padding: 0; }
            .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .share, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .extras .share {
              display: none; }
          .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls.active {
            border: none;
            box-shadow: none; }
            .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls.active .volume-slider-container {
              width: 120px;
              height: 30px;
              transition: all 0.4s;
              opacity: 1;
              transform: translate3d(0, 0, 0); }
          .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls .volume-slider-container {
            width: 120px;
            height: 30px;
            top: -36px;
            left: -40px;
            border: 1px solid #e0e0e0;
            padding: 0;
            overflow: inherit;
            border-radius: 3px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: all 0.4s;
            opacity: 0;
            transform: translate3d(0, 30px, 0); }
            .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls .volume-slider-container:after, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls .volume-slider-container:before {
              content: "";
              top: 100%;
              left: 50%;
              border: solid transparent;
              height: 0;
              width: 0;
              position: absolute; }
            .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls .volume-slider-container:after {
              border-color: rgba(255, 255, 255, 0);
              border-top-color: #ffffff;
              border-width: 8px;
              margin-left: -8px; }
            .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls .volume-slider-container:before {
              border-color: transparent;
              border-top-color: #e0e0e0;
              border-width: 9px;
              margin-left: -9px; }
            .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .volume-controls .volume-slider-container input {
              padding: 0;
              width: 100px;
              height: 5px;
              margin: 12px;
              outline: 0; }
    .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-type="live"] .skip-back, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-type="live"] .skip-forward, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-type="live"] .prev {
      display: none; }
    .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-type="live"] .cbc-caffeine-player .showinfo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-status="fatalerror"] .cbc-caffeine-error-messages .cbc-caffeine-error {
      padding: 5px; }
    .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-status="loading"] .cbc-caffeine-player .loading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 0;
      -ms-flex-align: center;
          align-items: center; }
      .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-status="loading"] .cbc-caffeine-player .loading:before, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-status="loading"] .cbc-caffeine-player .loading:after {
        margin: 0; }
    .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-status="loading"] .cbc-caffeine-player .showinfo, .feed .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"][data-status="loading"] .cbc-caffeine-player .ui {
      display: none; }
    .feed .persistentPlayer .buttonHolder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 0 10px;
      width: 100px; }
      .feed .persistentPlayer .buttonHolder .button {
        color: #000000;
        font-size: 0.8rem;
        border: none;
        -ms-flex: 1;
            flex: 1; }
      .feed .persistentPlayer .buttonHolder .buttonName {
        margin-left: 5px; }
      .feed .persistentPlayer .buttonHolder .close:before {
        content: "";
        background: url('data:image/svg+xml;charset=utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 19"><polygon points="20 0.02 18.18 0 10 8.18 1.82 0 0 0.02 9.08 9.1 0 18.18 1.8 18.21 10 10.02 18.2 18.21 20 18.18 10.92 9.1 20 0.02"/></svg>');
        background-repeat: no-repeat;
        display: inline-block;
        width: 14px;
        height: 15px;
        cursor: pointer;
        vertical-align: middle; }
      .feed .persistentPlayer .buttonHolder .minimize:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="15px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path d="M203.708,287.611H46.829c-11.422,0-20.682,9.259-20.682,20.682s9.26,20.682,20.682,20.682h136.197v136.197c0,11.423,9.26,20.682,20.682,20.682c11.423,0,20.682-9.26,20.682-20.682V308.293C224.39,296.87,215.13,287.611,203.708,287.611z"/><path d="M465.172,183.025H328.976V46.828c0-11.422-9.259-20.682-20.682-20.682s-20.682,9.26-20.682,20.682v156.879c0,11.422,9.259,20.682,20.682,20.682h156.879c11.423,0,20.682-9.26,20.682-20.682C485.854,192.285,476.595,183.025,465.172,183.025z"/><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L293.669,189.083c-8.076,8.077-8.076,21.172,0,29.249c4.038,4.038,9.332,6.058,14.625,6.058c5.293,0,10.586-2.019,14.625-6.058L505.943,35.307C514.019,27.23,514.019,14.135,505.943,6.058z"/><path d="M218.332,293.669c-8.076-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.058l183.025-183.025C226.409,314.841,226.409,301.746,218.332,293.669z"/></svg>');
        background-repeat: no-repeat;
        width: 14px;
        height: 17px; }
    .feed .persistentPlayer.minimized {
      height: 38px;
      transition: all 0.4s;
      transform: translate3d(0, 0, 0); }
      .feed .persistentPlayer.minimized .playerContainer {
        width: 100%;
        max-width: 900px; }
      .feed .persistentPlayer.minimized .cbc-caffeine {
        width: 100%;
        max-width: 100%;
        width: calc(100% - 240px); }
      .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .playbackelement:before {
        display: none; }
      .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .showinfo {
        display: none; }
      .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls button, .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .extras button {
        height: 38px;
        width: 30px; }
      .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui {
        width: 100%; }
        .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls {
          height: 38px;
          overflow: hidden; }
          .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .volume-controls, .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .prev, .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .skip-back, .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .skip-forward {
            display: none; }
          .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .play, .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .controls .pause {
            margin-right: 15px; }
        .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .seekprogress {
          clear: none;
          width: calc(100% - (30px + 10px + 100px + 30px));
          float: left;
          margin: 15px 0; }
          .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .seekprogress input.seek {
            height: 38px; }
        .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .extras {
          line-height: 38px;
          width: 85px; }
      .feed .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"][data-status="loading"] .cbc-caffeine-player .loading {
        margin-top: 0; }
      .feed .persistentPlayer.minimized .buttonHolder {
        width: 240px;
        -ms-flex-direction: row;
            flex-direction: row;
        padding: 0;
        padding-left: 10px; }
        .feed .persistentPlayer.minimized .buttonHolder .button {
          width: 100px;
          margin: 0;
          padding: 0 1rem; }
        .feed .persistentPlayer.minimized .buttonHolder .maximize:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="15px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path d="M491.318,0H334.439c-11.423,0-20.682,9.26-20.682,20.682c0,11.422,9.259,20.682,20.682,20.682h136.197v136.197c0,11.422,9.259,20.682,20.682,20.682c11.423,0,20.682-9.26,20.682-20.682V20.682C512,9.26,502.741,0,491.318,0z"/><path d="M177.561,470.636H41.365V334.439c0-11.423-9.26-20.682-20.682-20.682C9.26,313.757,0,323.016,0,334.439v156.879C0,502.741,9.26,512,20.682,512h156.879c11.422,0,20.682-9.259,20.682-20.682C198.244,479.895,188.983,470.636,177.561,470.636z"/><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L293.669,189.083c-8.076,8.077-8.076,21.172,0,29.249c4.038,4.038,9.332,6.058,14.625,6.058c5.292,0,10.586-2.019,14.625-6.058L505.943,35.307C514.019,27.23,514.019,14.135,505.943,6.058z"/><path d="M218.332,293.669c-8.076-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.682,512c5.293,0,10.586-2.019,14.625-6.058l183.025-183.025C226.409,314.841,226.409,301.746,218.332,293.669z"/></svg>');
          background-repeat: no-repeat;
          width: 14px;
          height: 17px; }
  .feed .viewportSmall .persistentPlayer .playerContainer {
    width: 95%; }
  .feed .viewportSmall .persistentPlayer .cbc-caffeine {
    width: calc(100% - 30px); }
  .feed .viewportSmall .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .showinfo {
    display: none; }
  .feed .viewportSmall .persistentPlayer .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui {
    width: 100%;
    min-width: 270px; }
  .feed .viewportSmall .persistentPlayer .buttonHolder {
    width: 60px; }
    .feed .viewportSmall .persistentPlayer .buttonHolder .button .buttonName {
      display: none;
      width: 30px; }
  .feed .viewportSmall .persistentPlayer.minimized .cbc-caffeine {
    width: calc(100% - 100px); }
  .feed .viewportSmall .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui {
    min-width: 220px; }
    .feed .viewportSmall .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .ui .extras {
      display: none; }
  .feed .viewportSmall .persistentPlayer.minimized .cbc-caffeine-container[data-player="barista-audio"] .cbc-caffeine-player .seekprogress {
    width: calc(100% - 50px); }
  .feed .viewportSmall .persistentPlayer.minimized .buttonHolder {
    width: 70px; }
    .feed .viewportSmall .persistentPlayer.minimized .buttonHolder .button .buttonName {
      width: 35px; }
  .feed .viewportMedium .persistentPlayer .buttonHolder {
    width: 30px; }
    .feed .viewportMedium .persistentPlayer .buttonHolder .button .buttonName {
      display: none;
      width: 30px; }
  .feed .viewportMedium .persistentPlayer.minimized .buttonHolder {
    width: 70px; }
    .feed .viewportMedium .persistentPlayer.minimized .buttonHolder .button .buttonName {
      width: 35px; }
  @media (max-width: 420px) {
    .feed .extras {
      display: none; } }
  .feed .zendeskWidget {
    display: inline-block; }
    .feed .zendeskWidget .decision-b {
      display: block; }
    .feed .zendeskWidget .decision-a {
      display: none; }
  .feed #launcher {
    display: none; }
  .feed .olympicsWidget {
    /**
 * @file MedalTable/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LiveVideo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .olympicsWidget .customHtml {
      border: none; }
    .feed .olympicsWidget .olympicsWidgetBanner {
      display: block;
      padding: 10px 0 0 20px; }
      .feed .olympicsWidget .olympicsWidgetBanner img {
        width: 216px;
        height: 37px; }
    .feed .olympicsWidget .olympicsWidgetMore {
      text-align: right;
      color: #ffffff;
      font-weight: bold;
      font-size: 0.9rem;
      text-decoration: none;
      display: block;
      padding-right: 10px;
      padding-bottom: 10px; }
      .feed .olympicsWidget .olympicsWidgetMore:hover, .feed .olympicsWidget .olympicsWidgetMore:focus {
        text-decoration: underline; }
    .feed .olympicsWidget .medalAndVideo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: start;
          align-items: flex-start;
      background-color: #003e73; }
      .feed .olympicsWidget .medalAndVideo .icon .chevronIcon.horizontal {
        fill: #ffffff; }
      .feed .olympicsWidget .medalAndVideo .liveVideo {
        -ms-flex: 3 0 auto;
            flex: 3 0 auto; }
      .feed .olympicsWidget .medalAndVideo .medalTable {
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
        padding: 10px;
        min-width: 300px; }
        .feed .olympicsWidget .medalAndVideo .medalTable .sectionTitle {
          padding-left: 0;
          margin-top: 0;
          border-bottom-color: #ffffff; }
        .feed .olympicsWidget .medalAndVideo .medalTable .olympicsWidgetMore {
          padding: 0;
          margin-top: 5px; }
        .feed .olympicsWidget .medalAndVideo .medalTable .sectionTitleText {
          color: #ffffff;
          background: transparent;
          padding-left: 0; }
    .feed .viewportSmall .olympicsWidget .medalAndVideo {
      display: block; }
      .feed .viewportSmall .olympicsWidget .medalAndVideo .medalTable {
        padding: 0;
        border-top: 1px solid #ffffff; }
        .feed .viewportSmall .olympicsWidget .medalAndVideo .medalTable .sectionTitle {
          padding-left: 10px;
          margin: 5px 0;
          border-bottom: none; }
        .feed .viewportSmall .olympicsWidget .medalAndVideo .medalTable .olympicsWidgetMore {
          padding-right: 10px;
          padding-bottom: 10px; }
    .feed .olympicsWidget .medalTable {
      padding: 1px 2px 0 2px;
      background-color: #0f4c83; }
    .feed .olympicsWidget .liveVideo {
      padding: 1px 2px 15px 2px;
      background: linear-gradient(to right, #0b5f97 0%, #003e73 100%); }
  .feed .userSplitTest {
    /* Styles namespaced to component to avoid naming conflicts */
    /**
 * @file RecommendedStories/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file JumpTo/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .userSplitTest .recommendedStories .nboxDisclamer {
      font-size: 0.85rem; }
      .feed .userSplitTest .recommendedStories .nboxDisclamer .question-mark {
        border-radius: 100px;
        border: 1px solid #000000;
        padding: 3px 10px;
        margin-right: 5px;
        font-weight: 800; }
    .feed .userSplitTest .jumpTo {
      font-family: 'Open Sans', sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 1px solid #d8d8d8;
      padding-bottom: 1rem; }
      .feed .userSplitTest .jumpTo .recommendedStoriesButton {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        border: 0px; }
      .feed .userSplitTest .jumpTo .recommendedFlag {
        height: 20px; }
      .feed .userSplitTest .jumpTo .recommendedLabel {
        color: #0550c8; }
      .feed .userSplitTest .jumpTo .wrapper {
        line-height: 0px;
        padding-right: 8px; }
  .feed .newsTheme {
    /**
 * @file LandingNav/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file Card/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file ContentArea/styles/themes/_news.scss
 *
 * All News styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentList/styles/themes/_news.scss
 *
 * Styles for the "news" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FeaturedArea/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FollowUs/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file RegionInfo/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file SectionTitle/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file Detail/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Story/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Series/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file PageIntro/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file verticalCardList/styles/themes/_news.scss
 *
 * All news styles go here.
 */
    /**
 * @file GenericWidget/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
    .feed .newsTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_news.scss
 *
 * All news styles go here.
 */
      /**
 * @file DetailNav/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
      .feed .newsTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .newsTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .newsTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .newsTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .newsTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .newsTheme .globalHeader.open {
        background: rgba(230, 5, 5, 0.8); }
      .feed .newsTheme .globalHeader .landingNav {
        /* Styles namespaced to component to avoid naming conflicts */
        background-color: #e60505;
        /**
 * @file MoreItemsNav/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
        .feed .newsTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .newsTheme .globalHeader .landingNav .subNavList .navLink {
            color: #ffffff;
            font-weight: bold; }
            .feed .newsTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #ffffff;
              color: #e60505; }
          .feed .newsTheme .globalHeader .landingNav .subNavList .gemSectionLink .navLink {
            color: #ffffff;
            font-weight: normal; }
          .feed .newsTheme .globalHeader .landingNav .subNavList.regionalNav .navLink.selected {
            background-color: #ffffff;
            color: #e60505; }
        .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #e60505; }
        .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #000000;
          font-weight: normal; }
          .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #e60505;
            color: #ffffff; }
        .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          background: transparent;
          color: #ffffff;
          border: 1px solid #ffffff; }
          .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #e60505; }
          .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #e60505;
            background: #ffffff; }
        .feed .newsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          color: #000000;
          background-color: #ffffff;
          border: 1px solid #e60505;
          border-bottom-color: #ffffff; }
      .feed .newsTheme .globalHeader.viewportLarge .detailNav .detailNavHeadline {
        margin-top: 4px; }
    .feed .newsTheme .card {
      /**
 * @file CardDefault/styles/themes/_news.scss
 *
 * All news styles go here.
 */
      /**
 * @file CardFullBleed/styles/themes/news.scss
 *
 * All news styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_news.scss
 *
 * All news styles go here.
 */
      /**
 * @file Headline/styles/themes/_news.scss
 *
 * All news styles go here.
 */
      /**
 * @file CallToAction/styles/themes/_news.scss
 *
 * All news styles go here.
 */
      /**
 * @file Label/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
      .feed .newsTheme .card:hover, .feed .newsTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #e60505; }
      .feed .newsTheme .card.cardDefault .card-content .label.flag .labelText.label-live, .feed .newsTheme .card.cardDefault .card-content .label.flag .labelText.label-live-blog, .feed .newsTheme .card.cardDefault .card-content .label.flag .labelText.label-coming-up, .feed .newsTheme .card.cardDefault .card-content .label.flag .labelText.label-live-chat {
        padding-left: 0.5rem; }
      .feed .newsTheme .card.cardDefault .card-content .label.flag .labelText.label-sponsored-content {
        padding-left: 0.3rem; }
      .feed .newsTheme .card.cardFullBleed:hover, .feed .newsTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content {
        border-color: #eaeaea; }
        .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 3px #e60505; }
          .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #e60505 transparent; }
      .feed .newsTheme .card .viewportMedium .cardFullBleed:hover, .feed .newsTheme .card .viewportMedium .cardFullBleed:focus,
      .feed .newsTheme .card .viewportLarge .cardFullBleed:hover,
      .feed .newsTheme .card .viewportLarge .cardFullBleed:focus,
      .feed .newsTheme .card .viewportXLarge .cardFullBleed:hover,
      .feed .newsTheme .card .viewportXLarge .cardFullBleed:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .newsTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
        .feed .newsTheme .card.cardGraphical .title {
          font-family: 'Stag Medium', Trebuchet;
          font-weight: 300; }
        .feed .newsTheme .card.cardGraphical .flag.label {
          background-color: #e60505;
          color: #ffffff; }
      .feed .newsTheme .card .headline {
        font-family: 'Stag Medium', Trebuchet;
        font-weight: 300; }
      .feed .newsTheme .card .callToAction {
        font-family: 'Stag Medium', Trebuchet;
        font-weight: 300; }
      .feed .newsTheme .card .label {
        color: #e60505; }
        .feed .newsTheme .card .label.flag {
          color: #e60505; }
          .feed .newsTheme .card .label.flag .labelText {
            background-color: #ffffff; }
            .feed .newsTheme .card .label.flag .labelText.label-live, .feed .newsTheme .card .label.flag .labelText.label-live-blog, .feed .newsTheme .card .label.flag .labelText.label-coming-up, .feed .newsTheme .card .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .newsTheme .card .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .newsTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #e60505; }
    .feed .newsTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
      .feed .newsTheme .contentList button.loadMore {
        border-color: #e60505;
        color: #e60505; }
        .feed .newsTheme .contentList button.loadMore:hover {
          background-color: #e60505;
          color: #ffffff; }
        .feed .newsTheme .contentList button.loadMore:focus {
          color: #e60505; }
        .feed .newsTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(230,5,5)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(230,5,5)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(230,5,5)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .newsTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .newsTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .newsTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(230,5,5)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(230,5,5)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(230,5,5)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .newsTheme .contentList button.loadMore.loading {
          background-color: #e60505; }
          .feed .newsTheme .contentList button.loadMore.loading .loader {
            border-color: #e60505;
            border-right-color: transparent; }
          .feed .newsTheme .contentList button.loadMore.loading:hover .loader, .feed .newsTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #e60505; }
    .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .newsTheme .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
    .feed .newsTheme .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
    .feed .newsTheme .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
      display: -ms-flexbox;
      display: flex; }
    .feed .newsTheme .followUs {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .newsTheme .regionInfo {
      /**
 * @file RegionsListSelector/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
      .feed .newsTheme .regionInfo .regionsListWrapper.standAlone {
        background-color: #ffffff; }
      .feed .newsTheme .regionInfo .contentList .contentListCards .card {
        background-color: #ffffff; }
        .feed .newsTheme .regionInfo .contentList .contentListCards .card .card-content {
          background-color: #ffffff; }
          .feed .newsTheme .regionInfo .contentList .contentListCards .card .card-content:after {
            border-bottom-color: #ffffff; }
      .feed .newsTheme .regionInfo .regionsListWrapper.standAlone .currentRegion {
        font-family: 'Stag Medium', trebuchet;
        font-weight: 300; }
      .feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionHeading {
        background: #e60505; }
      .feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionButton {
        font-family: 'Stag Medium', trebuchet;
        font-weight: 300; }
      .feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
        background: #ffffff;
        color: #e60505; }
    .feed .newsTheme .sectionTitle {
      font-weight: bold; }
      .feed .newsTheme .sectionTitle .sectionTitleText {
        background-color: #ffffff;
        color: #000000;
        padding-left: 0; }
    .feed .newsTheme .detail {
      /**
 * @file DetailHeadline/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
      .feed .newsTheme .detail .labelStory.flag {
        color: #ffffff; }
        .feed .newsTheme .detail .labelStory.flag .labelText {
          background-color: #e60505; }
          .feed .newsTheme .detail .labelStory.flag .labelText.label-live, .feed .newsTheme .detail .labelStory.flag .labelText.label-live-blog, .feed .newsTheme .detail .labelStory.flag .labelText.label-coming-up, .feed .newsTheme .detail .labelStory.flag .labelText.label-live-chat {
            background-color: #ffdc14;
            color: #000000; }
          .feed .newsTheme .detail .labelStory.flag .labelText.label-sponsored-content {
            background-color: #E7F4F9;
            color: #000000; }
      .feed .newsTheme .detail .detailHeadline {
        font-family: 'Stag Medium', Trebuchet;
        font-weight: 300; }
    .feed .newsTheme .story {
      /**
 * @file Pullquote/styles/themes/_news.scss
 *
 * All news styles go here.
 */ }
      .feed .newsTheme .story .pullquote .pullquote-quotation {
        font-family: 'Stag Web', Trebuchet;
        font-weight: 600; }
    .feed .newsTheme .series {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .newsTheme .pageIntro {
      background-color: #ffffff;
      color: #000000;
      margin-top: -1.05rem;
      min-height: auto;
      padding-bottom: 0; }
      .feed .newsTheme .pageIntro.hasListenLive {
        min-height: 2rem; }
      .feed .newsTheme .pageIntro .showDetails {
        display: none; }
      .feed .newsTheme .pageIntro.show-the-national .responsiveNav.allHidden .moreItemsList {
        right: unset; }
      .feed .newsTheme .pageIntro.section-news-editorsblog {
        border: 1px solid #cbcbcb; }
    .feed .newsTheme .genericWidget .card .headline {
      font-family: "Open Sans", sans-serif; }
    .feed .newsTheme .genericWidget .card .callToAction {
      font-family: "Open Sans", sans-serif;
      font-weight: bold; }
    .feed .newsTheme .genericWidget .card.cardGraphical {
      min-width: auto; }
  .feed .artsTheme {
    /**
 * @file Card/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file Carousel/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file ContentArea/styles/themes/_arts.scss
 *
 * All Arts styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentList/styles/themes/_arts.scss
 *
 * Styles for the "arts" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Detail/styles/themes/arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FollowUs/styles/themes/_arts.scss
 *
 * All Arts styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file SectionTitle/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file Slider/styles/themes/_arts.scss
 *
 * All Arts styles go here.
 */
    /**
 * @file TrendingList/styles/themes/_arts.scss
 * All arts styles go here.
 */
    /**
 * @file Show/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file Series/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
    /**
 * @file PageIntro/styles/themes/_art.scss
 *
 * All art styles go here.
 */ }
    .feed .artsTheme .card {
      /**
 * @file CardFullBleed/styles/themes/arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file CardLive/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file CardMedia/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file CardBreaking/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Label/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Headline/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Metadata/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Analysis/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Description/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file CallToAction/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */ }
      .feed .artsTheme .card:hover, .feed .artsTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #801f73; }
      .feed .artsTheme .card .contentWrapper {
        width: 100%; }
      .feed .artsTheme .card.cardFullBleed:hover, .feed .artsTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .artsTheme .card.cardFullBleed .contentWrapper .headline {
        font-weight: bold; }
      .feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:focus {
        box-shadow: 0px 0px 0px 3px #801f73; }
        .feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
          border-color: #801f73 transparent; }
      .feed .artsTheme .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .artsTheme .card.cardFullBleed.sponsorMeta:hover, .feed .artsTheme .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .artsTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .artsTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .artsTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */ }
        .feed .artsTheme .card.cardGraphical .flag.label {
          background-color: #ffffff;
          border: 1px solid #801f73;
          color: #801f73; }
      .feed .artsTheme .card.cardLive .label {
        color: #000000; }
      .feed .artsTheme .card.cardMedia > .card-content .label.live span {
        background-color: #ffffff;
        color: #801f73; }
      .feed .artsTheme .card.cardBreaking .label {
        color: #ffffff; }
      .feed .artsTheme .card .label {
        background-color: #ffffff;
        color: #801f73; }
        .feed .artsTheme .card .label.flag .labelText {
          background-color: #ffffff;
          color: #801f73; }
          .feed .artsTheme .card .label.flag .labelText.label-live, .feed .artsTheme .card .label.flag .labelText.label-live-blog, .feed .artsTheme .card .label.flag .labelText.label-coming-up, .feed .artsTheme .card .label.flag .labelText.label-live-chat {
            background-color: #ffdc14;
            color: #000000; }
          .feed .artsTheme .card .label.flag .labelText.label-sponsored-content {
            background-color: #E7F4F9;
            color: #000000; }
    .feed .artsTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #801f73; }
    .feed .artsTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */ }
      .feed .artsTheme .contentList button.loadMore {
        border-color: #801f73;
        color: #801f73; }
        .feed .artsTheme .contentList button.loadMore:hover {
          background-color: #801f73;
          color: #ffffff; }
        .feed .artsTheme .contentList button.loadMore:focus {
          color: #801f73; }
        .feed .artsTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(128,31,115)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(128,31,115)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(128,31,115)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .artsTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .artsTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .artsTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(128,31,115)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(128,31,115)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(128,31,115)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .artsTheme .contentList button.loadMore.loading {
          background-color: #801f73; }
          .feed .artsTheme .contentList button.loadMore.loading .loader {
            border-color: #801f73;
            border-right-color: transparent; }
          .feed .artsTheme .contentList button.loadMore.loading:hover .loader, .feed .artsTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .artsTheme .detail {
      /**
 * @file Label/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */ }
      .feed .artsTheme .detail .label {
        background-color: #ffffff;
        color: #801f73; }
        .feed .artsTheme .detail .label.flag .labelText {
          background-color: #ffffff;
          color: #801f73; }
          .feed .artsTheme .detail .label.flag .labelText.label-live, .feed .artsTheme .detail .label.flag .labelText.label-live-blog, .feed .artsTheme .detail .label.flag .labelText.label-coming-up, .feed .artsTheme .detail .label.flag .labelText.label-live-chat {
            background-color: #ffdc14;
            color: #000000; }
          .feed .artsTheme .detail .label.flag .labelText.label-sponsored-content {
            background-color: #E7F4F9;
            color: #000000; }
    .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #801f73; }
    .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content,
    .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content,
    .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content {
      padding-top: 0.3rem; }
      .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
      .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
      .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
      .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
      .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
        box-shadow: none; }
    .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .artsTheme .followUs {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .artsTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */ }
      .feed .artsTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .artsTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .artsTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .artsTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .artsTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .artsTheme .globalHeader.open {
        background: rgba(128, 31, 115, 0.8); }
      .feed .artsTheme .globalHeader .landingNav {
        background-color: #ffffff;
        /**
 * @file MoreItemsNav/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */ }
        .feed .artsTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #222222; }
        .feed .artsTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .artsTheme .globalHeader .landingNav .subNavList .navLink {
            color: #222222; }
            .feed .artsTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #801f73;
              color: #ffffff; }
        .feed .artsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          border-bottom-color: #ffffff;
          border-right: 1px solid #801f73; }
        .feed .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #801f73; }
        .feed .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #000000; }
          .feed .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #801f73;
            color: #ffffff; }
    .feed .artsTheme .sectionTitle {
      font-weight: bold; }
      .feed .artsTheme .sectionTitle .sectionTitleText {
        background-color: #ffffff;
        color: #000000;
        padding-left: 0; }
    .feed .artsTheme .slider {
      /* Styles namespaced to component to avoid naming conflicts */
      border: 2px solid #801f73; }
      .feed .artsTheme .slider .header {
        background-color: #801f73; }
      .feed .artsTheme .slider .header:after {
        border-left-color: #801f73; }
    .feed .artsTheme .trendingList {
      /**
 * @file TrendingListItem/styles/themes/_arts.scss
 * All arts styles go here.
 */ }
      .feed .artsTheme .trendingList .trendingListItem .rankIndicator {
        background-color: #801f73; }
    .feed .artsTheme .series {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .artsTheme .series .sectionTitle {
        background-color: #ffffff;
        color: #801f73; }
    .feed .artsTheme .pageIntro {
      background-color: #ffffff;
      color: #000000;
      margin-top: -1.05rem;
      min-height: auto;
      padding-bottom: 0; }
      .feed .artsTheme .pageIntro .showDetails {
        display: none; }
  .feed .sportsTheme {
    /**
 * @file Card/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file Carousel/styles/themes/_sports.scss
 *
 * All Sports styles go here.
 */
    /**
 * @file ContentArea/styles/themes/_sports.scss
 *
 * All Sports styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentList/styles/themes/_sports.scss
 *
 * Styles for the "sports" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Detail/styles/themes/sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FollowUs/styles/themes/_sports.scss
 *
 * All Sports styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file SectionTitle/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file Slider/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file Story/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file TrendingList/styles/themes/_sports.scss
 * All sports styles go here.
 */
    /**
 * @file InfostradaWidget/styles/themes/_default.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file PageIntro/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
    /**
 * @file verticalCardList/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
    .feed .sportsTheme .card {
      /**
 * @file CardDefault/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file CardFullBleed/styles/themes/sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file CardMedia/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */
      /**
 * @file CardFeatured/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file Label/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file Headline/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file CallToAction/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Metadata/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file Analysis/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file Description/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
      .feed .sportsTheme .card:hover, .feed .sportsTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #222222; }
      .feed .sportsTheme .card.cardDefault .card-content .label.flag .labelText {
        padding-left: 0.5rem; }
      .feed .sportsTheme .card.cardFullBleed:hover, .feed .sportsTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .sportsTheme .card.cardFullBleed .contentWrapper .headline {
        font-weight: bold; }
      .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content {
        border-color: #eaeaea; }
        .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 3px #222222; }
          .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #222222 transparent; }
      .feed .sportsTheme .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .sportsTheme .card.cardFullBleed.sponsorMeta:hover, .feed .sportsTheme .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .sportsTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .sportsTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .sportsTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
        .feed .sportsTheme .card.cardGraphical .flag.label {
          background-color: #222222;
          color: #ffffff; }
      .feed .sportsTheme .card.cardMedia {
        background: transparent;
        border-color: #8c8c8c; }
        .feed .sportsTheme .card.cardMedia:hover {
          background-color: #000000; }
        .feed .sportsTheme .card.cardMedia .imageMedia .placeholder {
          background: radial-gradient(black, #2d2d2d); }
        .feed .sportsTheme .card.cardMedia .headline {
          color: #ffffff; }
        .feed .sportsTheme .card.cardMedia > .card-content .label.flag span.labelText {
          background-color: #000000;
          color: #ffffff; }
        .feed .sportsTheme .card.cardMedia > .card-content .label.flag.live span.labelText,
        .feed .sportsTheme .card.cardMedia > .card-content .label.flag span.labelText.label-live {
          background-color: #ffdc14;
          color: #000000; }
        .feed .sportsTheme .card.cardMedia > .card-content .label.flag span.labelText.label-sponsored-content {
          background-color: #E7F4F9;
          color: #000000; }
      .feed .sportsTheme .card.cardFeatured {
        /* Styles namespaced to component to avoid naming conflicts */ }
        .feed .sportsTheme .card.cardFeatured .card-content .label.flag .labelText {
          padding-left: 0.5rem; }
      .feed .sportsTheme .card .label.flag .labelText {
        background-color: #222222;
        color: #ffffff; }
        .feed .sportsTheme .card .label.flag .labelText.label-live, .feed .sportsTheme .card .label.flag .labelText.label-live-blog, .feed .sportsTheme .card .label.flag .labelText.label-coming-up, .feed .sportsTheme .card .label.flag .labelText.label-live-chat {
          background-color: #ffdc14;
          color: #000000; }
        .feed .sportsTheme .card .label.flag .labelText.label-sponsored-content {
          background-color: #E7F4F9;
          color: #000000; }
    .feed .sportsTheme .carouselWrapper {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .sportsTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #000000; }
    .feed .sportsTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
      .feed .sportsTheme .contentList button.loadMore {
        border-color: #000000;
        color: #000000; }
        .feed .sportsTheme .contentList button.loadMore:hover {
          background-color: #000000;
          color: #ffffff; }
        .feed .sportsTheme .contentList button.loadMore:focus {
          color: #000000; }
        .feed .sportsTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(0,0,0)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(0,0,0)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(0,0,0)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .sportsTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .sportsTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .sportsTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(0,0,0)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(0,0,0)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(0,0,0)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .sportsTheme .contentList button.loadMore.loading {
          background-color: #000000; }
          .feed .sportsTheme .contentList button.loadMore.loading .loader {
            border-color: #000000;
            border-right-color: transparent; }
          .feed .sportsTheme .contentList button.loadMore.loading:hover .loader, .feed .sportsTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .sportsTheme .detail {
      /**
 * @file Label/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file RelatedLinks/styles/themes/sports.scss
 *
 * All sports styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .sportsTheme .detail .label.flag .labelText {
        background-color: #222222;
        color: #ffffff; }
        .feed .sportsTheme .detail .label.flag .labelText.label-live, .feed .sportsTheme .detail .label.flag .labelText.label-live-blog, .feed .sportsTheme .detail .label.flag .labelText.label-coming-up, .feed .sportsTheme .detail .label.flag .labelText.label-live-chat {
          background-color: #ffdc14;
          color: #000000; }
        .feed .sportsTheme .detail .label.flag .labelText.label-sponsored-content {
          background-color: #E7F4F9;
          color: #000000; }
      .feed .sportsTheme .detail .relatedlinks .relatedLink .label.flag {
        font-size: 0.7rem;
        margin-right: 0.2rem; }
        .feed .sportsTheme .detail .relatedlinks .relatedLink .label.flag .labelText {
          display: inline;
          padding: 0.15rem 0.3rem;
          padding-bottom: inherit; }
    .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #222222; }
    .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsored:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsored:focus, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsored:hover,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsored:focus,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsored:hover,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsored:focus,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .sportsTheme .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
    .feed .sportsTheme .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
    .feed .sportsTheme .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
      display: -ms-flexbox;
      display: flex; }
    .feed .sportsTheme .followUs {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .sportsTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */
      border-bottom: none;
      /**
 * @file LandingNav/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file DetailNav/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */
      /**
 * @file TertiaryNav/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
      .feed .sportsTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .sportsTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .sportsTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .sportsTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .sportsTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .sportsTheme .globalHeader.open {
        background: rgba(34, 34, 34, 0.8); }
      .feed .sportsTheme .globalHeader .landingNav {
        /* Styles namespaced to component to avoid naming conflicts */
        background-color: #000000;
        /**
 * @file MoreItemsNav/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
        .feed .sportsTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #ffffff; }
        .feed .sportsTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .sportsTheme .globalHeader .landingNav .subNavList .navLink {
            color: #ffffff; }
            .feed .sportsTheme .globalHeader .landingNav .subNavList .navLink:hover {
              color: #ffffff; }
            .feed .sportsTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #ffffff;
              color: #000000; }
        .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #000000; }
        .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #000000; }
          .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #000000;
            color: #ffffff; }
            .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:hover, .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:focus {
              color: #ffffff; }
          .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:hover, .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:focus {
            color: #222222; }
        .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          background: transparent;
          color: #ffffff;
          border: 1px solid #ffffff; }
          .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #222222; }
          .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #222222;
            background: #ffffff; }
        .feed .sportsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          color: #000000;
          background-color: #ffffff;
          border: 1px solid #000000;
          border-bottom-color: #ffffff; }
      .feed .sportsTheme .globalHeader .detailNav .gemSectionLink .logoSports {
        fill: #000000; }
      .feed .sportsTheme .globalHeader.viewportLarge .detailNav .detailNavHeadline {
        margin-top: 6px; }
      .feed .sportsTheme .globalHeader .tertiaryNav {
        /* Styles namespaced to component to avoid naming conflicts */
        background: #545454; }
        .feed .sportsTheme .globalHeader .tertiaryNav .subNavListItem .moreItemsNav:not(.open) .moreButton,
        .feed .sportsTheme .globalHeader .tertiaryNav .subNavListItem .subNavLink {
          color: #ffffff; }
    .feed .sportsTheme .sectionTitle {
      font-weight: bold; }
      .feed .sportsTheme .sectionTitle .sectionTitleText {
        background-color: #ffffff;
        color: #000000;
        padding-left: 0; }
    .feed .sportsTheme .slider {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .sportsTheme .story {
      /**
 * @file Similar/styles/themes/_sports.scss
 *
 * All sports styles go here.
 */ }
      .feed .sportsTheme .story .similarLinks .similarListItem .similarLink .label .labelText {
        font-size: 0.7rem; }
    .feed .sportsTheme .trendingList {
      /**
 * @file TrendingListItem/styles/themes/_sports.scss
 * All sports styles go here.
 */ }
      .feed .sportsTheme .trendingList .trendingListItem .rankIndicator {
        background-color: #000000; }
    .feed .sportsTheme .gracenoteWidget {
      /* Styles namespaced to component to avoid naming conflicts */
      margin: 1rem 0; }
      .feed .sportsTheme .gracenoteWidget .sectionTitle {
        border-bottom: none;
        padding-right: 0; }
        .feed .sportsTheme .gracenoteWidget .sectionTitle .sectionTitleText {
          font-size: 1rem;
          color: #ffffff;
          background-color: #222222;
          padding: 0.1rem 0.5rem;
          display: block; }
    .feed .sportsTheme .pageIntro {
      margin-top: -1rem;
      min-height: auto;
      padding-bottom: 0; }
      .feed .sportsTheme .pageIntro .showName {
        display: none; }
      .feed .sportsTheme .pageIntro.show-road-to-the-olympics-home-team {
        min-height: 5em; }
    .feed .sportsTheme .verticalCardList.cardList {
      margin-top: 0rem;
      background-color: #545454;
      padding-bottom: 1.5rem;
      /**
 * @file TitleBar/styles/themes/_default.scss
 *
 * All default styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .sportsTheme .verticalCardList.cardList .box:hover {
        background: red; }
      .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card {
        margin: 1rem;
        border-bottom: 1px solid #8C8C8C;
        background-color: #545454;
        padding-bottom: 0.5rem; }
        .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card:hover, .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card:focus {
          box-shadow: 0px 0px 0px 3px #ffffff; }
        .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card .card-content {
          background-color: #545454;
          color: #ffffff;
          padding: 0;
          margin: 0; }
          .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card .card-content .headline {
            text-align: left;
            margin: 1rem 0.5rem; }
          .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card .card-content .description {
            text-align: left;
            margin: 1rem 0.5rem; }
          .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card .card-content .label {
            display: none; }
        .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card .description {
          display: block; }
        .feed .sportsTheme .verticalCardList.cardList .contentList .contentListCards .card .metadata {
          display: none; }
      .feed .sportsTheme .verticalCardList.cardList .titleBar {
        background-color: #ffffff;
        color: #000000;
        padding: 0;
        margin-bottom: 0.5rem;
        padding-bottom: 0.3rem; }
        .feed .sportsTheme .verticalCardList.cardList .titleBar .title {
          font-size: 1.1rem;
          text-transform: uppercase;
          font-weight: bold;
          border-bottom: 1px solid #545454; }
        .feed .sportsTheme .verticalCardList.cardList .titleBar a {
          color: #000000;
          text-decoration: none; }
          .feed .sportsTheme .verticalCardList.cardList .titleBar a:hover {
            text-decoration: none;
            color: #0550c8; }
      .feed .sportsTheme .verticalCardList.cardList .titleBar {
        margin: 1rem 0.5rem 0rem 0.5rem;
        padding-top: 1rem;
        background-color: #545454;
        color: #ffffff;
        border-bottom: 1px solid white; }
  .feed .radioTheme {
    /**
 * @file LandingNav/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
    /**
 * @file Card/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
    /**
 * @file ContentArea/styles/themes/_radio.scss
 *
 * All Radio styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentList/styles/themes/_radio.scss
 *
 * Styles for the "radio" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SectionTitle/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
    /**
 * @file TrendingList/styles/themes/_radio.scss
 * All radio styles go here.
 */
    /**
 * @file Show/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SponsorInfo/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Detail/styles/themes/radio.scss
 *
 * All radio styles go here.
 */
    /**
 * @file PageIntro/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */ }
    .feed .radioTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
      /**
 * @file DetailNav/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */ }
      .feed .radioTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .radioTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .radioTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .radioTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .radioTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .radioTheme .globalHeader.open {
        background: rgba(0, 73, 143, 0.8); }
      .feed .radioTheme .globalHeader .landingNav {
        background-color: #00498f;
        /**
 * @file MoreItemsNav/styles/themes/radio.scss
 *
 * All radio styles go here.
 */ }
        .feed .radioTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #ffffff; }
        .feed .radioTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .radioTheme .globalHeader .landingNav .subNavList .navLink {
            color: #ffffff; }
            .feed .radioTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #ffffff;
              color: #00498f; }
        .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          background: transparent;
          color: #ffffff;
          border: 1px solid #ffffff; }
          .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #00498f; }
          .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #00498f;
            background: #ffffff; }
        .feed .radioTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          color: #00498f;
          background-color: #ffffff;
          border: 1px solid #00498f;
          border-bottom-color: #ffffff; }
        .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #00498f; }
        .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #00498f; }
          .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #00498f;
            color: #ffffff; }
      .feed .radioTheme .globalHeader.viewportLarge .detailNav .detailNavHeadline {
        margin-top: 8px; }
    .feed .radioTheme .card {
      /**
 * @file CardFullBleed/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
      /**
 * @file Headline/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
      /**
 * @file CallToAction/styles/themes/_arts.scss
 *
 * All arts styles go here.
 */
      /**
 * @file Label/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */ }
      .feed .radioTheme .card:hover, .feed .radioTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #00498f; }
      .feed .radioTheme .card .contentWrapper {
        width: 100%; }
      .feed .radioTheme .card.cardFullBleed:hover, .feed .radioTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content {
        border-color: #eaeaea; }
        .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 3px #00498f; }
          .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #00498f transparent; }
      .feed .radioTheme .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .radioTheme .card.cardFullBleed.sponsorMeta:hover, .feed .radioTheme .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .radioTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .radioTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .radioTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */ }
        .feed .radioTheme .card.cardGraphical .flag.label {
          background-color: #00498f;
          color: #ffffff; }
      .feed .radioTheme .card .label {
        color: #00498f; }
        .feed .radioTheme .card .label.flag {
          color: #00498f; }
          .feed .radioTheme .card .label.flag .labelText {
            background-color: #ffffff; }
            .feed .radioTheme .card .label.flag .labelText.label-live, .feed .radioTheme .card .label.flag .labelText.label-live-blog, .feed .radioTheme .card .label.flag .labelText.label-coming-up, .feed .radioTheme .card .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .radioTheme .card .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .radioTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #00498f; }
    .feed .radioTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */ }
      .feed .radioTheme .contentList button.loadMore {
        border-color: #00498f;
        color: #00498f; }
        .feed .radioTheme .contentList button.loadMore:hover {
          background-color: #00498f;
          color: #ffffff; }
        .feed .radioTheme .contentList button.loadMore:focus {
          color: #00498f; }
        .feed .radioTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(0,73,143)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(0,73,143)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(0,73,143)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .radioTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .radioTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .radioTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(0,73,143)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(0,73,143)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(0,73,143)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .radioTheme .contentList button.loadMore.loading {
          background-color: #00498f; }
          .feed .radioTheme .contentList button.loadMore.loading .loader {
            border-color: #00498f;
            border-right-color: transparent; }
          .feed .radioTheme .contentList button.loadMore.loading:hover .loader, .feed .radioTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .radioTheme .sectionTitle {
      font-weight: bold; }
      .feed .radioTheme .sectionTitle .sectionTitleText {
        background-color: #ffffff;
        color: #000000;
        padding-left: 0; }
    .feed .radioTheme .trendingList {
      /**
 * @file TrendingListItem/styles/themes/_radio.scss
 * All radio styles go here.
 */ }
      .feed .radioTheme .trendingList .trendingListItem .rankIndicator {
        background-color: #00498f; }
    .feed .radioTheme .show .listHeading {
      border-color: #00498f;
      display: none; }
    .feed .radioTheme .show .banner.info {
      background-color: #eaeaea;
      border: 1px solid #cbcbcb;
      color: #000000; }
    .feed .radioTheme .show .showBannerLink {
      color: #00498f; }
    .feed .radioTheme .show .showName {
      display: none; }
    .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #00498f; }
    .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .radioTheme .sponsorInfo {
      /* Styles namespaced to component to avoid naming conflicts */
      /**
 * @file SponsorBox/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .radioTheme .sponsorInfo .sponsorBox {
        /* Styles namespaced to component to avoid naming conflicts */ }
        .feed .radioTheme .sponsorInfo .sponsorBox .sponsorBoxHeading {
          background-color: #00498f;
          color: #ffffff; }
    .feed .radioTheme .detail {
      /**
 * @file Label/styles/themes/_radio.scss
 *
 * All radio styles go here.
 */ }
      .feed .radioTheme .detail .label {
        color: #00498f; }
        .feed .radioTheme .detail .label.flag {
          color: #00498f; }
          .feed .radioTheme .detail .label.flag .labelText {
            background-color: #ffffff; }
            .feed .radioTheme .detail .label.flag .labelText.label-live, .feed .radioTheme .detail .label.flag .labelText.label-live-blog, .feed .radioTheme .detail .label.flag .labelText.label-coming-up, .feed .radioTheme .detail .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .radioTheme .detail .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .radioTheme .pageIntro {
      background-color: #000000;
      color: #ffffff;
      margin-top: -1.05rem; }
      .feed .radioTheme .pageIntro .hostName {
        display: none; }
  .feed .comedyTheme {
    /**
 * @file AppContainer/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
    /**
 * @file Card/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
    /**
 * @file ContentList/styles/themes/_comedy.scss
 *
 * Styles for the "comedy" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentArea/styles/themes/_comedy.scss
 *
 * All Comedy styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
    /**
 * @file SectionTitle/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FollowUs/styles/themes/_comedy.scss
 *
 * All Comedy styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Detail/styles/themes/comedy.scss
 *
 * All comedy styles go here.
 */
    /**
 * @file Story/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
    .feed .comedyTheme.appContainer {
      background-color: #f4f4f4; }
      .feed .comedyTheme.appContainer.detail {
        background-color: #ffffff; }
    .feed .comedyTheme .card {
      border: none;
      /**
 * @file CardDefault/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
      /**
 * @file CardFullBleed/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
      /**
 * @file CardRegular/styles/themes/comedy.scss
 *
 * All comedy styles go here.
 */
      /**
 * @file CardFeatured/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */
      /**
 * @file Label/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
      .feed .comedyTheme .card:hover, .feed .comedyTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #DD8F28; }
      .feed .comedyTheme .card.cardDefault .card-content .label.flag .labelText {
        padding-left: 0.5rem; }
      .feed .comedyTheme .card.cardFullBleed:hover, .feed .comedyTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:focus {
        box-shadow: 0px 0px 0px 3px #DD8F28; }
        .feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
          border-color: #DD8F28 transparent; }
      .feed .comedyTheme .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .comedyTheme .card.cardFullBleed.sponsorMeta:hover, .feed .comedyTheme .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .comedyTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .comedyTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .comedyTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
        .feed .comedyTheme .card.cardGraphical .flag.label {
          background-color: #ffffff;
          border: 1px solid #DD8F28;
          color: #545454; }
      .feed .comedyTheme .card.cardRegular .contentWrapper .card-content .label.flag .labelText {
        padding: 0.2rem 0.5rem; }
      .feed .comedyTheme .card.cardFeatured {
        /* Styles namespaced to component to avoid naming conflicts */ }
        .feed .comedyTheme .card.cardFeatured .card-content .label.flag .labelText {
          padding-left: 0.5rem; }
      .feed .comedyTheme .card .label {
        color: #545454; }
        .feed .comedyTheme .card .label.flag {
          color: #545454; }
          .feed .comedyTheme .card .label.flag .labelText {
            background-color: #ffffff;
            border: 1px solid #DD8F28; }
            .feed .comedyTheme .card .label.flag .labelText.label-live, .feed .comedyTheme .card .label.flag .labelText.label-live-blog, .feed .comedyTheme .card .label.flag .labelText.label-coming-up, .feed .comedyTheme .card .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .comedyTheme .card .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .comedyTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
      .feed .comedyTheme .contentList button.loadMore {
        border-color: #DD8F28;
        color: #222222; }
        .feed .comedyTheme .contentList button.loadMore:hover {
          background-color: #DD8F28;
          color: #ffffff; }
        .feed .comedyTheme .contentList button.loadMore:focus {
          color: #222222; }
        .feed .comedyTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(34,34,34)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(34,34,34)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(34,34,34)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .comedyTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .comedyTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .comedyTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(221,143,40)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(221,143,40)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(221,143,40)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .comedyTheme .contentList button.loadMore.loading {
          background-color: #DD8F28; }
          .feed .comedyTheme .contentList button.loadMore.loading .loader {
            border-color: #DD8F28;
            border-right-color: transparent; }
          .feed .comedyTheme .contentList button.loadMore.loading:hover .loader, .feed .comedyTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .comedyTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #DD8F28; }
    .feed .comedyTheme .globalHeader {
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
      .feed .comedyTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .comedyTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .comedyTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .comedyTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .comedyTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .comedyTheme .globalHeader.open {
        background: rgba(221, 143, 40, 0.8); }
      .feed .comedyTheme .globalHeader .landingNav {
        background-color: #ffffff;
        /**
 * @file MoreItemsNav/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
        .feed .comedyTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #222222; }
        .feed .comedyTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .comedyTheme .globalHeader .landingNav .subNavList .navLink {
            color: #222222; }
            .feed .comedyTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #DD8F28;
              color: #000000; }
        .feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          color: #222222; }
        .feed .comedyTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          color: #222222;
          border: 1px solid #222222;
          border-bottom-color: #ffffff; }
        .feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #222222; }
        .feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #222222; }
          .feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #222222;
            color: #ffffff; }
    .feed .comedyTheme .sectionTitle {
      font-weight: bold; }
      .feed .comedyTheme .sectionTitle .sectionTitleText {
        color: #222222;
        background-color: #ffffff;
        padding-left: 0; }
    .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #DD8F28; }
    .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .comedyTheme .followUs {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .comedyTheme .detail {
      /**
 * @file Label/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
      .feed .comedyTheme .detail .label {
        color: #545454; }
        .feed .comedyTheme .detail .label.flag {
          color: #545454; }
          .feed .comedyTheme .detail .label.flag .labelText {
            background-color: #ffffff;
            border: 1px solid #DD8F28; }
            .feed .comedyTheme .detail .label.flag .labelText.label-live, .feed .comedyTheme .detail .label.flag .labelText.label-live-blog, .feed .comedyTheme .detail .label.flag .labelText.label-coming-up, .feed .comedyTheme .detail .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .comedyTheme .detail .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .comedyTheme .story {
      /**
 * @file Similar/styles/themes/_comedy.scss
 *
 * All comedy styles go here.
 */ }
      .feed .comedyTheme .story .similarLinks .similarListItem .similarLink .label .labelText {
        font-size: 0.7rem; }
  .feed .lifeTheme {
    /**
 * @file Card/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /**
 * @file ContentList/styles/themes/_life.scss
 *
 * Styles for the "life" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentArea/styles/themes/_life.scss
 *
 * All Life styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /**
 * @file SectionTitle/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FollowUs/styles/themes/_life.scss
 *
 * All Life styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Show/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /**
 * @file SponsorInfo/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file Detail/styles/themes/life.scss
 *
 * All life styles go here.
 */
    /**
 * @file TrendingList/styles/themes/_life.scss
 * All life styles go here.
 */
    /**
 * @file PageIntro/styles/themes/_life.scss
 *
 * All life styles go here.
 */
    /* Custom breakpoint for the Holiday image */ }
    .feed .lifeTheme .card {
      /**
 * @file CardFullBleed/styles/themes/_life.scss
 *
 * All life styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_life.scss
 *
 * All life styles go here.
 */
      /**
 * @file Label/styles/themes/_life.scss
 *
 * All life styles go here.
 */ }
      .feed .lifeTheme .card:hover, .feed .lifeTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #D83A4A; }
      .feed .lifeTheme .card.cardNativeAd:hover, .feed .lifeTheme .card.cardNativeAd:focus {
        box-shadow: 0px 0px 0px 3px #71A8DE; }
      .feed .lifeTheme .card.cardFullBleed:hover, .feed .lifeTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:focus {
        box-shadow: 0px 0px 0px 3px #D83A4A; }
        .feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
          border-color: #D83A4A transparent; }
      .feed .lifeTheme .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .lifeTheme .card.cardFullBleed.sponsorMeta:hover, .feed .lifeTheme .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .lifeTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .lifeTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .lifeTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_life.scss
 *
 * All life styles go here.
 */ }
        .feed .lifeTheme .card.cardGraphical .flag.label {
          background-color: #ffffff; }
      .feed .lifeTheme .card .label {
        color: #D83A4A; }
        .feed .lifeTheme .card .label.flag {
          color: #D83A4A; }
          .feed .lifeTheme .card .label.flag .labelText {
            background-color: #ffffff; }
            .feed .lifeTheme .card .label.flag .labelText.label-live, .feed .lifeTheme .card .label.flag .labelText.label-live-blog, .feed .lifeTheme .card .label.flag .labelText.label-coming-up, .feed .lifeTheme .card .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .lifeTheme .card .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .lifeTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_life.scss
 *
 * All life styles go here.
 */ }
      .feed .lifeTheme .contentList button.loadMore {
        border-color: #D83A4A;
        color: #D83A4A;
        color: #222222; }
        .feed .lifeTheme .contentList button.loadMore:hover {
          background-color: #D83A4A;
          color: #ffffff; }
        .feed .lifeTheme .contentList button.loadMore:focus {
          color: #D83A4A; }
        .feed .lifeTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(216,58,74)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(216,58,74)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(216,58,74)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .lifeTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .lifeTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .lifeTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(216,58,74)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(216,58,74)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(216,58,74)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .lifeTheme .contentList button.loadMore.loading {
          background-color: #D83A4A; }
          .feed .lifeTheme .contentList button.loadMore.loading .loader {
            border-color: #D83A4A;
            border-right-color: transparent; }
          .feed .lifeTheme .contentList button.loadMore.loading:hover .loader, .feed .lifeTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .lifeTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #D83A4A; }
    .feed .lifeTheme .globalHeader {
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_life.scss
 *
 * All life styles go here.
 */ }
      .feed .lifeTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .lifeTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .lifeTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .lifeTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .lifeTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .lifeTheme .globalHeader.open {
        background: rgba(216, 58, 74, 0.8); }
      .feed .lifeTheme .globalHeader .landingNav {
        background-color: #ffffff;
        border-bottom: 1px solid #cbcbcb;
        border-top: 1px solid #cbcbcb;
        /**
 * @file SelectedNavTitle/styles/themes/_life.scss
 *
 * All Life styles go here.
 */
        /* all utilities go here (mixins etc) */
        /* e.g. @import 'mixins'; */
        /**
 * @file MoreItemsNav/styles/themes/_life.scss
 *
 * All life styles go here.
 */ }
        .feed .lifeTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #222222; }
        .feed .lifeTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .lifeTheme .globalHeader .landingNav .subNavList .navLink {
            color: #222222; }
            .feed .lifeTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #D83A4A;
              color: #ffffff; }
        .feed .lifeTheme .globalHeader .landingNav .selectedNav {
          /* Styles namespaced to component to avoid naming conflicts */
          background-color: #f4f4f4;
          border-top: 1px solid #cbcbcb; }
        .feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          color: #222222; }
        .feed .lifeTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          border: 1px solid #222222;
          border-bottom-color: #ffffff; }
        .feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #222222; }
        .feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #222222; }
          .feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #D83A4A;
            color: #ffffff; }
    .feed .lifeTheme .sectionTitle {
      font-weight: bold; }
      .feed .lifeTheme .sectionTitle .sectionTitleText {
        background-color: #ffffff;
        color: #000000;
        padding-left: 0; }
    .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #D83A4A; }
    .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .lifeTheme .followUs {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .lifeTheme .sponsorInfo {
      /* Styles namespaced to component to avoid naming conflicts */
      /**
 * @file SponsorBox/styles/themes/_life.scss
 *
 * All life styles go here.
 */
      /* all utilities go here (mixins etc) */
      /* e.g. @import 'mixins'; */ }
      .feed .lifeTheme .sponsorInfo .sponsorBox {
        /* Styles namespaced to component to avoid naming conflicts */ }
        .feed .lifeTheme .sponsorInfo .sponsorBox .sponsorBoxHeading {
          background-color: #ffffff;
          color: #D83A4A;
          border-bottom: 1px solid #cbcbcb; }
        .feed .lifeTheme .sponsorInfo .sponsorBox .sponsorLogo {
          max-width: 135px; }
        .feed .lifeTheme .sponsorInfo .sponsorBox.holiday .sponsorLogo, .feed .lifeTheme .sponsorInfo .sponsorBox.cbcgives .sponsorLogo {
          padding: 0 2rem; }
        .feed .lifeTheme .sponsorInfo .sponsorBox .sponsorLogo.CadburyCalendar {
          max-width: 100%;
          padding: 0; }
    .feed .lifeTheme .detail {
      /**
 * @file Label/styles/themes/_life.scss
 *
 * All life styles go here.
 */ }
      .feed .lifeTheme .detail .label {
        color: #D83A4A; }
        .feed .lifeTheme .detail .label.flag {
          color: #D83A4A; }
          .feed .lifeTheme .detail .label.flag .labelText {
            background-color: #ffffff; }
            .feed .lifeTheme .detail .label.flag .labelText.label-live, .feed .lifeTheme .detail .label.flag .labelText.label-live-blog, .feed .lifeTheme .detail .label.flag .labelText.label-coming-up, .feed .lifeTheme .detail .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .lifeTheme .detail .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .lifeTheme .trendingList {
      /**
 * @file TrendingListItem/styles/themes/_life.scss
 * All life styles go here.
 */ }
      .feed .lifeTheme .trendingList .trendingListItem .rankIndicator {
        background-color: #D83A4A; }
    .feed .lifeTheme .pageIntro {
      background-color: #D83A4A;
      color: #ffffff;
      margin-top: -1.05rem; }
      .feed .lifeTheme .pageIntro .hostImage {
        float: right; }
      .feed .lifeTheme .pageIntro.show-the-goods {
        color: #D83A4A; }
        .feed .lifeTheme .pageIntro.show-the-goods .showDetails {
          top: 3rem; }
        .feed .lifeTheme .pageIntro.show-the-goods .showName {
          color: #D83A4A;
          background: url(/a/images/components/theGoodsLogo.477792f2b4e63f3392fa67e10df8e42d.png) no-repeat 0 0;
          display: block;
          width: 309px;
          height: 119px;
          text-indent: -9999px; }
        .feed .lifeTheme .pageIntro.show-the-goods .imageMedia .smallImage, .feed .lifeTheme .pageIntro.show-the-goods .imageMedia .placeholderImage {
          display: none; }
        .feed .lifeTheme .pageIntro.show-the-goods .imageMedia .largeImage {
          position: relative;
          width: 448px;
          float: right; }
      .feed .lifeTheme .pageIntro.show-holiday {
        color: #27aae1;
        background: #27aae1 url(/a/images/components/snowBackground.63346c74a992fe634b871a53736e5d36.png) repeat-x 0 0;
        padding-bottom: 0; }
        .feed .lifeTheme .pageIntro.show-holiday .imageMedia .largeImage {
          display: block;
          position: relative;
          width: 258px;
          float: right;
          z-index: 300; }
        .feed .lifeTheme .pageIntro.show-holiday .hostName {
          display: none; }
        .feed .lifeTheme .pageIntro.show-holiday .hostImage,
        .feed .lifeTheme .pageIntro.show-holiday .showName {
          color: #27aae1;
          display: block;
          max-width: 100%;
          text-indent: -9999px; }
        .feed .lifeTheme .pageIntro.show-holiday .showName {
          background: url(/a/images/components/holidayLogo2017.7fb3ccb5db390cd2b5c1eec3427c67b6.png) no-repeat 0 0;
          margin: 0;
          height: 207px;
          width: 446px;
          z-index: 400; }
        .feed .lifeTheme .pageIntro.show-holiday .showDetails {
          margin-top: 0.2em;
          top: 0; }
        .feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav {
          background-color: #004990; }
          .feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavListItem {
            padding: 0; }
          .feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink {
            padding: 1rem; }
            .feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink:hover, .feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink.selected {
              background-color: #ffffff;
              color: #000000; }
      .feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show {
        background-color: #ffffff;
        color: #000000;
        min-height: auto;
        padding-bottom: 0; }
        .feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show .showDetails {
          display: none; }
        .feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show .moreItemsList {
          width: 170px;
          white-space: normal; }
        .feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show .responsiveNav.allHidden .moreItemsList {
          right: -5rem; }
      .feed .lifeTheme .pageIntro.show-getaway-guide {
        background-color: transparent;
        color: #000000;
        min-height: auto;
        padding-bottom: 0; }
        .feed .lifeTheme .pageIntro.show-getaway-guide .showDetails {
          display: none; }
    @media (max-width: 720px) {
      .feed .lifeTheme .pageIntro.show-holiday .showDetails {
        margin-left: 0; }
      .feed .lifeTheme .pageIntro.show-holiday .showName {
        background-position-y: center;
        background-size: contain;
        width: 230px;
        height: 120px; }
      .feed .lifeTheme .pageIntro.show-holiday .imageMedia .largeImage {
        width: 148px; } }
    @media (max-width: 440px) {
      .feed .lifeTheme .pageIntro.show-holiday .showName {
        width: 180px;
        height: 120px; } }
  .feed .homepageTheme {
    /**
 * @file LandingNav/styles/themes/_home.scss
 *
 * All home styles go here.
 */
    /**
 * @file Card/styles/themes/_home.scss
 *
 * All home styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_home.scss
 *
 * All home styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SectionTitle/styles/themes/_home.scss
 *
 * All home styles go here.
 */
    /**
 * @file SearchBar/styles/themes/_home.scss
 *
 * All home styles go here.
 */ }
    .feed .homepageTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .homepageTheme .globalHeader.scrollDown, .feed .homepageTheme .globalHeader.scrollUp {
        -ms-transform: none;
            transform: none; }
    .feed .homepageTheme .card {
      border: 1px solid #e0e0e0;
      /**
 * @file CardFullBleed/styles/themes/_home.scss
 *
 * All home styles go here.
 */ }
      .feed .homepageTheme .card .metadata .metaSeparator,
      .feed .homepageTheme .card .metadata .authorInfo,
      .feed .homepageTheme .card .metadata .timeStamp {
        display: none; }
      .feed .homepageTheme .card .metadata .departmentItem .metaSeparator {
        display: inline; }
      .feed .homepageTheme .card.cardFullBleed {
        border: none; }
        .feed .homepageTheme .card.cardFullBleed .card-content {
          border: 1px solid #eaeaea; }
        .feed .homepageTheme .card.cardFullBleed.sponsorMeta {
          border: 1px solid #71A8DE; }
          .feed .homepageTheme .card.cardFullBleed.sponsorMeta:hover, .feed .homepageTheme .card.cardFullBleed.sponsorMeta:focus {
            box-shadow: 0px 0px 0px 4px #71A8DE; }
        .feed .homepageTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
          padding-top: 1rem; }
          .feed .homepageTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
            width: 60px; }
        .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
          box-shadow: none; }
        .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
          box-shadow: 0px 0px 0px 1px transparent; }
          .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
            box-shadow: 0px 0px 0px 4px transparent; }
            .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
              border-color: #71A8DE transparent; }
    .feed .homepageTheme .featuredArea .card:first-child {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .feed .homepageTheme .featuredArea .card.cardFullBleed {
      border: 1px solid #eaeaea;
      margin: 0.5rem; }
      .feed .homepageTheme .featuredArea .card.cardFullBleed .card-content {
        margin: 0; }
    .feed .homepageTheme .featuredArea .card.cardRegular, .feed .homepageTheme .featuredArea .card.cardFeatured {
      padding: 0; }
    .feed .homepageTheme .viewportMedium .featuredArea .card.cardFullBleed,
    .feed .homepageTheme .viewportLarge .featuredArea .card.cardFullBleed,
    .feed .homepageTheme .viewportXLarge .featuredArea .card.cardFullBleed {
      margin-top: 0.5rem; }
      .feed .homepageTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .homepageTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
      .feed .homepageTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
      .feed .homepageTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
      .feed .homepageTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
      .feed .homepageTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .homepageTheme .sectionTitle .sectionTitleText {
      background-color: transparent; }
    .feed .homepageTheme .searchBar.compact {
      padding: 0.8rem 0; }
  .feed .booksTheme {
    /**
 * @file Card/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /**
 * @file ContentArea/styles/themes/_books.scss
 *
 * All Books styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file ContentList/styles/themes/_books.scss
 *
 * Styles for the "books" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FeaturedArea/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FollowUs/styles/themes/_books.scss
 *
 * All Books styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /**
 * @file PageIntro/styles/themes/_books.scss
 *
 * All Books styles go here.
 */
    /**
 * @file SectionTitle/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /**
 * @file Story/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /**
 * @file Detail/styles/themes/books.scss
 *
 * All books styles go here.
 */
    /**
 * @file Show/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /**
 * @file Series/styles/themes/_books.scss
 *
 * All books styles go here.
 */
    /**
 * @file TrendingList/styles/themes/_books.scss
 * All books styles go here.
 */
    /**
 * @file Landing/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
    .feed .booksTheme .card {
      /**
 * @file CardFullBleed/styles/themes/_books.scss
 *
 * All books styles go here.
 */
      /**
 * @file CardGraphical/styles/themes/_books.scss
 *
 * All books styles go here.
 */
      /**
 * @file Label/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
      .feed .booksTheme .card:hover, .feed .booksTheme .card:focus {
        box-shadow: 0px 0px 0px 3px #00498F; }
      .feed .booksTheme .card.cardFullBleed:hover, .feed .booksTheme .card.cardFullBleed:focus {
        box-shadow: none; }
      .feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:hover, .feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:focus {
        box-shadow: 0px 0px 0px 3px #00498F; }
        .feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:hover:before, .feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:focus:before {
          border-color: #00498F transparent; }
      .feed .booksTheme .card.cardFullBleed.sponsorMeta {
        border: 1px solid #71A8DE; }
        .feed .booksTheme .card.cardFullBleed.sponsorMeta:hover, .feed .booksTheme .card.cardFullBleed.sponsorMeta:focus {
          box-shadow: 0px 0px 0px 4px #71A8DE; }
      .feed .booksTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
        padding-top: 1rem; }
        .feed .booksTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
          width: 60px; }
      .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
        box-shadow: none; }
      .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
        box-shadow: 0px 0px 0px 1px transparent; }
        .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
          box-shadow: 0px 0px 0px 4px transparent; }
          .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
            border-color: #71A8DE transparent; }
      .feed .booksTheme .card.cardGraphical {
        /**
 * @file Flag/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
        .feed .booksTheme .card.cardGraphical .flag.label {
          background-color: #00498F;
          color: #ffffff; }
      .feed .booksTheme .card .label {
        color: #00498F; }
        .feed .booksTheme .card .label.flag {
          color: #00498F; }
          .feed .booksTheme .card .label.flag .labelText {
            background-color: #ffffff; }
            .feed .booksTheme .card .label.flag .labelText.label-live, .feed .booksTheme .card .label.flag .labelText.label-live-blog, .feed .booksTheme .card .label.flag .labelText.label-coming-up, .feed .booksTheme .card .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .booksTheme .card .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .booksTheme .contentAreaWrap .sectionTitle {
      border-bottom-color: #00498F; }
    .feed .booksTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
      .feed .booksTheme .contentList button.loadMore {
        border-color: #00498F;
        color: #00498F; }
        .feed .booksTheme .contentList button.loadMore:hover {
          background-color: #00498F;
          color: #ffffff; }
        .feed .booksTheme .contentList button.loadMore:focus {
          color: #00498F; }
        .feed .booksTheme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(0,73,143)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(0,73,143)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(0,73,143)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .booksTheme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .booksTheme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .booksTheme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(0,73,143)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(0,73,143)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(0,73,143)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .booksTheme .contentList button.loadMore.loading {
          background-color: #00498F; }
          .feed .booksTheme .contentList button.loadMore.loading .loader {
            border-color: #00498F;
            border-right-color: transparent; }
          .feed .booksTheme .contentList button.loadMore.loading:hover .loader, .feed .booksTheme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: 0px 0px 0px 3px #00498F; }
    .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .booksTheme .followUs {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .booksTheme .globalHeader {
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
      .feed .booksTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .booksTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .booksTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .booksTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .booksTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .booksTheme .globalHeader.open {
        background: rgba(0, 73, 143, 0.8); }
      .feed .booksTheme .globalHeader .landingNav {
        background-color: #ffffff;
        /**
 * @file MoreItemsNav/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
        .feed .booksTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #000000; }
        .feed .booksTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .booksTheme .globalHeader .landingNav .subNavList .navLink {
            color: #000000; }
            .feed .booksTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #ffffff;
              color: #000000; }
        .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          background: transparent;
          color: #000000;
          border: 1px solid #000000; }
          .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #000000;
            background: #ffffff; }
          .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #000000; }
        .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #000000; }
        .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #000000; }
          .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #ffffff;
            color: #000000; }
    .feed .booksTheme .pageIntro {
      margin-top: -1.05rem; }
      .feed .booksTheme .pageIntro .largeImage {
        position: relative;
        width: 100%;
        display: block; }
      .feed .booksTheme .pageIntro .showDetails {
        display: none; }
    .feed .booksTheme .sectionTitle {
      font-weight: bold; }
      .feed .booksTheme .sectionTitle .sectionTitleText {
        background-color: #ffffff;
        color: #000000;
        padding-left: 0; }
    .feed .booksTheme .story .image.medium, .feed .booksTheme .story .image.small, .feed .booksTheme .story .image.extrasmall {
      clear: none; }
    .feed .booksTheme .detail {
      /**
 * @file Label/styles/themes/_books.scss
 *
 * All books styles go here.
 */ }
      .feed .booksTheme .detail .label {
        color: #00498F; }
        .feed .booksTheme .detail .label.flag {
          color: #00498F; }
          .feed .booksTheme .detail .label.flag .labelText {
            background-color: #ffffff; }
            .feed .booksTheme .detail .label.flag .labelText.label-live, .feed .booksTheme .detail .label.flag .labelText.label-live-blog, .feed .booksTheme .detail .label.flag .labelText.label-coming-up, .feed .booksTheme .detail .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .booksTheme .detail .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .booksTheme .series {
      /* Styles namespaced to component to avoid naming conflicts */ }
      .feed .booksTheme .series .sectionTitle {
        background-color: #ffffff; }
    .feed .booksTheme .trendingList {
      /**
 * @file TrendingListItem/styles/themes/_books.scss
 * All books styles go here.
 */ }
      .feed .booksTheme .trendingList .trendingListItem .rankIndicator {
        background-color: #00498F; }
    .feed .booksTheme .landing .sectionTitle {
      background-color: #ffffff;
      padding: 0.2rem 0.5rem; }
  .feed .app2017Theme {
    /**
 * @file Card/styles/themes/_app2017.scss
 *
 * All app2017 styles go here.
 */
    /**
 * @file ContentList/styles/themes/_app2017.scss
 *
 * Styles for the "app2017" theme go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file FeaturedArea/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SectionTitle/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */
    /**
 * @file PageIntro/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */
    /**
 * @file LandingNav/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */
    /**
 * @file Series/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */ }
    .feed .app2017Theme .card {
      /**
 * @file CardDefault/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */
      /**
 * @file CardRegular/styles/themes/_app2017.scss
 *
 * All app2017 styles go here.
 */
      /**
 * @file CardFeatured/styles/themes/_app2017.scss
 *
 * All app2017 styles go here.
 */
      /**
 * @file Label/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */ }
      .feed .app2017Theme .card:hover, .feed .app2017Theme .card:focus {
        box-shadow: -3px 0px 0px 0px #f4981e;
        opacity: 0.85; }
        .feed .app2017Theme .card:hover .headline, .feed .app2017Theme .card:focus .headline {
          text-decoration: underline; }
      .feed .app2017Theme .card.cardDefault .card-content .label.flag .labelText {
        padding-left: 0.5rem; }
      .feed .app2017Theme .card.cardRegular .contentWrapper .card-content .label.flag .labelText {
        padding: 0.2rem 0.5rem; }
      .feed .app2017Theme .card.cardFeatured {
        /* Styles namespaced to component to avoid naming conflicts */ }
        .feed .app2017Theme .card.cardFeatured .card-content .label.flag .labelText {
          padding-left: 0.5rem; }
      .feed .app2017Theme .card .label {
        color: #545454; }
        .feed .app2017Theme .card .label.flag {
          color: #545454; }
          .feed .app2017Theme .card .label.flag .labelText {
            background-color: #ffffff;
            border: 1px solid #f4981e; }
            .feed .app2017Theme .card .label.flag .labelText.label-live, .feed .app2017Theme .card .label.flag .labelText.label-live-blog, .feed .app2017Theme .card .label.flag .labelText.label-coming-up, .feed .app2017Theme .card .label.flag .labelText.label-live-chat {
              background-color: #ffdc14;
              color: #000000; }
            .feed .app2017Theme .card .label.flag .labelText.label-sponsored-content {
              background-color: #E7F4F9;
              color: #000000; }
    .feed .app2017Theme .contentList {
      /**
 * @file LoadMore/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */ }
      .feed .app2017Theme .contentList button.loadMore {
        border-color: #222222;
        color: #222222; }
        .feed .app2017Theme .contentList button.loadMore:hover {
          background-color: #222222;
          color: #ffffff; }
        .feed .app2017Theme .contentList button.loadMore:focus {
          color: #222222; }
        .feed .app2017Theme .contentList button.loadMore:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(34,34,34)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(34,34,34)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(34,34,34)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .app2017Theme .contentList button.loadMore:hover:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(255,255,255)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(255,255,255)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(255,255,255)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .app2017Theme .contentList button.loadMore:hover:focus {
          background-color: #ffffff; }
        .feed .app2017Theme .contentList button.loadMore:hover:focus:after {
          background: url('data:image/svg+xml;charset=utf8,<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" sodipodi:docname="chevron.svg" inkscape:version="0.91 r13725" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="12px" viewBox="-5 10 18 12" enable-background="new -5 10 18 12" xml:space="preserve"><g> <g id="use8"> <polygon id="SVGID_1_" fill="rgb(34,34,34)" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </g> <g> <g> <defs> <polygon id="SVGID_2_" points="10.2,11 4,17.2 -2.2,11 -4.1,12.9 4,21 12.1,12.9 "/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="%23SVGID_2_" overflow="visible"/> </clipPath> <g clip-path="url(%23SVGID_4_)"> <g id="use18"> <rect id="SVGID_3_" x="-234.1" y="-90.6" fill="rgb(34,34,34)" width="541" height="2231"/> </g> <g id="g3"> <g id="g13"> <defs> <rect id="SVGID_5_" x="-234.1" y="-90.6" width="541" height="2231"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="%23SVGID_5_" overflow="visible"/> </clipPath> <rect id="rect23" x="-12.1" y="2.4" clip-path="url(%23SVGID_6_)" fill="rgb(34,34,34)" width="33" height="27"/> </g> </g> </g> </g> </g></g></svg>');
          background-repeat: no-repeat; }
        .feed .app2017Theme .contentList button.loadMore.loading {
          background-color: #222222; }
          .feed .app2017Theme .contentList button.loadMore.loading .loader {
            border-color: #222222;
            border-right-color: transparent; }
          .feed .app2017Theme .contentList button.loadMore.loading:hover .loader, .feed .app2017Theme .contentList button.loadMore.loading:focus .loader {
            border-color: #ffffff;
            border-right-color: transparent; }
    .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed:focus,
    .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed:hover,
    .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed:focus,
    .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed:hover,
    .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed:focus {
      box-shadow: -3px 0px 0px 0px #f4981e;
      opacity: 0.85; }
    .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus,
    .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover,
    .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus {
      box-shadow: none; }
    .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
    .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
    .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
      box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .app2017Theme .sectionTitle {
      font-weight: bold; }
      .feed .app2017Theme .sectionTitle .sectionTitleText {
        border-color: #f4981e;
        padding-left: 0; }
    .feed .app2017Theme .pageIntro {
      background-color: #ffffff;
      color: #000000;
      margin-top: -1.05rem; }
      .feed .app2017Theme .pageIntro .hostImage {
        display: block;
        width: 100%; }
      .feed .app2017Theme .pageIntro .placeholder {
        background: none; }
      .feed .app2017Theme .pageIntro .smallImage {
        display: none; }
      .feed .app2017Theme .pageIntro .largeImage {
        position: relative;
        width: 100%;
        display: block; }
      .feed .app2017Theme .pageIntro.show-we-are-the-best {
        color: #ffffff; }
        .feed .app2017Theme .pageIntro.show-we-are-the-best .largeImage {
          float: right;
          width: auto; }
        .feed .app2017Theme .pageIntro.show-we-are-the-best .showName {
          background: url(/a/images/components/weAreTheBestLogo.990c403e60aa6e1e51e9089fed4fb0ff.png) no-repeat 0 0;
          display: block;
          width: 298px;
          height: 200px;
          text-indent: -9999px; }
      .feed .app2017Theme .pageIntro.show-becoming-canadian .showName, .feed .app2017Theme .pageIntro.show-true-north-calling .showName, .feed .app2017Theme .pageIntro.show-canada-the-story-of-us .showName, .feed .app2017Theme .pageIntro.show-we-are-canada .showName, .feed .app2017Theme .pageIntro.show-brand-canada .showName {
        display: none; }
    .feed .app2017Theme .globalHeader {
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file DetailNav/styles/themes/_app2017.scss
 *
 * All 2017 styles go here.
 */ }
      .feed .app2017Theme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .app2017Theme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .app2017Theme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .app2017Theme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .app2017Theme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .app2017Theme .globalHeader.viewportLarge .detailNav .detailNavHeadline {
        margin-top: 0; }
  .feed .plusTheme {
    /**
 * @file Card/styles/themes/_plus.scss
 *
 * All plus styles go here.
 */
    /**
 * @file ContentList/styles/themes/_plus.scss
 *
 * All default styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file LandingNav/styles/themes/_plus.scss
 *
 * All CBC+ styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_plus.scss
 *
 * All home styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file TrendingList/styles/themes/_plus.scss
 * All plus styles go here.
 */ }
    .feed .plusTheme .card:hover, .feed .plusTheme .card:focus {
      box-shadow: 0px 0px 0px 3px #105510; }
    .feed .plusTheme .card:not(.cardGraphical) {
      /**
 * @file Label/styles/themes/_plus.scss
 *
 * All plus styles go here.
 */ }
      .feed .plusTheme .card:not(.cardGraphical) .label {
        color: #105510; }
        .feed .plusTheme .card:not(.cardGraphical) .label.flag {
          color: #105510; }
    .feed .plusTheme .contentList {
      /**
 * @file LoadMore/styles/themes/_plus.scss
 *
 * All plus styles go here.
 */ }
      .feed .plusTheme .contentList button.loadMore {
        display: none; }
    .feed .plusTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */
      border-bottom: none;
      /* Imports for subcomponent(s) go here */
      /**
 * @file LandingNav/styles/themes/_plus.scss
 *
 * All CBC+ styles go here.
 */ }
      .feed .plusTheme .globalHeader .menuNavWrapper {
        height: 35px; }
      .feed .plusTheme .globalHeader.open .menuNavWrapper {
        height: auto; }
      .feed .plusTheme .globalHeader .logo {
        line-height: 2.2rem; }
      .feed .plusTheme .globalHeader .sideMenu .navLink {
        line-height: normal; }
      .feed .plusTheme .globalHeader.scrollDown {
        transform: translate3d(0, -35px, 0); }
      .feed .plusTheme .globalHeader.open {
        background: rgba(16, 85, 16, 0.8); }
      .feed .plusTheme .globalHeader .landingNav {
        background-color: #105510;
        /**
 * @file MoreItemsNav/styles/themes/_plus.scss
 *
 * All plus styles go here.
 */ }
        .feed .plusTheme .globalHeader .landingNav .gemSectionLink .navLink {
          color: #ffffff; }
        .feed .plusTheme .globalHeader .landingNav .subNavList {
          background: transparent; }
          .feed .plusTheme .globalHeader .landingNav .subNavList .navLink {
            color: #ffffff; }
            .feed .plusTheme .globalHeader .landingNav .subNavList .navLink.selected {
              background-color: #ffffff;
              color: #105510; }
        .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
          border-color: #105510; }
        .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
          color: #105510; }
          .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
            background-color: #105510;
            color: #ffffff; }
            .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:hover, .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:focus {
              color: #ffffff; }
          .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:hover, .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:focus {
            color: #105510; }
        .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreButton {
          background: transparent;
          color: #ffffff;
          border: 1px solid #ffffff; }
          .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
            border: none;
            fill: #ffffff;
            background: #105510; }
          .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .plusTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
            border: none;
            fill: #105510;
            background: #ffffff; }
        .feed .plusTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
          color: #105510;
          background-color: #ffffff;
          border: 1px solid #105510;
          border-bottom-color: #ffffff; }
    .feed .plusTheme .featuredArea .card:first-child {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .feed .plusTheme .featuredArea .card.cardFullBleed {
      border: 1px solid #eaeaea;
      margin: 0.5rem; }
      .feed .plusTheme .featuredArea .card.cardFullBleed .card-content {
        margin: 0; }
    .feed .plusTheme .featuredArea .card.cardRegular, .feed .plusTheme .featuredArea .card.cardFeatured {
      padding: 0; }
    .feed .plusTheme .viewportMedium .featuredArea .card.cardFullBleed,
    .feed .plusTheme .viewportLarge .featuredArea .card.cardFullBleed,
    .feed .plusTheme .viewportXLarge .featuredArea .card.cardFullBleed {
      margin-top: 0.5rem; }
      .feed .plusTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .plusTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
      .feed .plusTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
      .feed .plusTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
      .feed .plusTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
      .feed .plusTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .plusTheme .trendingList {
      /**
 * @file TrendingListItem/styles/themes/_default.scss
 * All default styles go here.
 *
 * TO DO:  Have trending inherit hover/focus color from parent verticle
 *
 */ }
      .feed .plusTheme .trendingList .trendingListItem a:hover, .feed .plusTheme .trendingList .trendingListItem a:focus {
        box-shadow: 0px 0px 0px 3px #105510; }
  .feed .televisionTheme {
    /**
 * @file LandingNav/styles/themes/_television.scss
 *
 * All television styles go here.
 */
    /**
 * @file Card/styles/themes/_television.scss
 *
 * All television styles go here.
 */
    /**
 * @file FeaturedArea/styles/themes/_television.scss
 *
 * All telelvision styles go here.
 */
    /* all utilities go here (mixins etc) */
    /* e.g. @import 'mixins'; */
    /**
 * @file SectionTitle/styles/themes/_television.scss
 *
 * All television styles go here.
 */
    /**
 * @file SearchBar/styles/themes/_television.scss
 *
 * All television styles go here.
 */ }
    .feed .televisionTheme .globalHeader {
      /* Styles namespaced to component to avoid naming conflicts */ }
    .feed .televisionTheme .card {
      border: 1px solid #e0e0e0;
      /**
 * @file CardFullBleed/styles/themes/_television.scss
 *
 * All television styles go here.
 */ }
      .feed .televisionTheme .card .metadata .metaSeparator,
      .feed .televisionTheme .card .metadata .authorInfo,
      .feed .televisionTheme .card .metadata .timeStamp {
        display: none; }
      .feed .televisionTheme .card .metadata .departmentItem .metaSeparator {
        display: inline; }
      .feed .televisionTheme .card.cardFullBleed {
        border: none; }
        .feed .televisionTheme .card.cardFullBleed .card-content {
          border: 1px solid #eaeaea; }
        .feed .televisionTheme .card.cardFullBleed.sponsorMeta {
          border: 1px solid #71A8DE; }
          .feed .televisionTheme .card.cardFullBleed.sponsorMeta:hover, .feed .televisionTheme .card.cardFullBleed.sponsorMeta:focus {
            box-shadow: 0px 0px 0px 4px #71A8DE; }
        .feed .televisionTheme .card.cardFullBleed.sponsorMeta .sponsorLogo {
          padding-top: 1rem; }
          .feed .televisionTheme .card.cardFullBleed.sponsorMeta .sponsorLogo img {
            width: 60px; }
        .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover, .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus {
          box-shadow: none; }
        .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
          box-shadow: 0px 0px 0px 1px transparent; }
          .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus {
            box-shadow: 0px 0px 0px 4px transparent; }
            .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before {
              border-color: #71A8DE transparent; }
    .feed .televisionTheme .featuredArea .card:first-child {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .feed .televisionTheme .featuredArea .card.cardFullBleed {
      border: 1px solid #eaeaea;
      margin: 0.5rem; }
      .feed .televisionTheme .featuredArea .card.cardFullBleed .card-content {
        margin: 0; }
    .feed .televisionTheme .featuredArea .card.cardRegular, .feed .televisionTheme .featuredArea .card.cardFeatured {
      padding: 0; }
    .feed .televisionTheme .viewportMedium .featuredArea .card.cardFullBleed,
    .feed .televisionTheme .viewportLarge .featuredArea .card.cardFullBleed,
    .feed .televisionTheme .viewportXLarge .featuredArea .card.cardFullBleed {
      margin-top: 0.5rem; }
      .feed .televisionTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .televisionTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus,
      .feed .televisionTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
      .feed .televisionTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus,
      .feed .televisionTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover,
      .feed .televisionTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus {
        box-shadow: 0px 0px 0px 4px #71A8DE; }
    .feed .televisionTheme .sectionTitle .sectionTitleText {
      background-color: transparent; }
    .feed .televisionTheme .searchBar.compact {
      padding: 0.8rem 0; }
  .feed .introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    transition: all .3s ease-out; }
  .feed .introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -ms-transform: none !important;
    transform: none !important; }
  .feed .introjs-showElement, .feed tr.introjs-showElement > td, .feed tr.introjs-showElement > th {
    z-index: 9999999 !important; }
  .feed .introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0); }
  .feed .introjs-relativePosition, .feed tr.introjs-showElement > td, .feed tr.introjs-showElement > th {
    position: relative; }
  .feed .introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    transition: all .3s ease-out; }
  .feed .introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 10000000;
    background-color: transparent;
    transition: all .3s ease-out; }
  .feed .introjs-helperLayer *, .feed .introjs-helperLayer *:before, .feed .introjs-helperLayer *:after {
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box; }
  .feed .introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial,verdana,tahoma;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #ff3019;
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid white;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }
  .feed .introjs-arrow {
    border: 5px solid white;
    content: '';
    position: absolute; }
  .feed .introjs-arrow.top {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent; }
  .feed .introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent; }
  .feed .introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent; }
  .feed .introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white; }
  .feed .introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white; }
  .feed .introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .feed .introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .feed .introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent; }
  .feed .introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: white;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    transition: opacity .1s ease-out; }
  .feed .introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap; }
  .feed .introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    border-radius: .2em;
    zoom: 1;
    *display: inline;
    margin-top: 10px; }
  .feed .introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3; }
  .feed .introjs-button:focus, .feed .introjs-button:active {
    background-image: linear-gradient(#ececec, #f4f4f4); }
  .feed .introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .feed .introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a; }
  .feed .introjs-prevbutton {
    border-radius: .2em 0 0 .2em;
    border-right: 0; }
  .feed .introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    border-radius: .2em; }
  .feed .introjs-nextbutton {
    border-radius: 0 .2em .2em 0; }
  .feed .introjs-nextbutton.introjs-fullbutton {
    border-radius: .2em; }
  .feed .introjs-disabled, .feed .introjs-disabled:hover, .feed .introjs-disabled:focus {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none; }
  .feed .introjs-hidden {
    display: none; }
  .feed .introjs-bullets {
    text-align: center; }
  .feed .introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block; }
  .feed .introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px; }
  .feed .introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer; }
  .feed .introjs-bullets ul li a:hover {
    background: #999; }
  .feed .introjs-bullets ul li a.active {
    background: #999; }
  .feed .introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1; }
  .feed .introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c; }
  .feed .introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%; }
  .feed .introjs-fixedTooltip {
    position: fixed; }
  .feed .introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px;
    cursor: pointer; }
  .feed .introjs-hint:focus {
    border: 0;
    outline: 0; }
  .feed .introjs-hidehint {
    display: none; }
  .feed .introjs-fixedhint {
    position: fixed; }
  .feed .introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57); }
  .feed .introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    transition: all .2s ease-out; }
  .feed .introjs-hint-no-anim .introjs-hint-dot {
    animation: none; }
  .feed .introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: transparent;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    animation: introjspulse 3s ease-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0; }
  .feed .feedTooltip {
    font-size: 1.1rem;
    line-height: 1.8rem;
    padding: 1.5rem 2rem; }
    .feed .feedTooltip .introjs-button {
      border-color: #cbcbcb;
      border-radius: 0;
      color: #545454;
      font-size: 0.9rem;
      margin-left: 0.5rem;
      text-shadow: none;
      padding: 0.3rem 0.5rem; }
      .feed .feedTooltip .introjs-button.introjs-nextbutton:not(.introjs-disabled), .feed .feedTooltip .introjs-button.introjs-donebutton, .feed .feedTooltip .introjs-button:focus, .feed .feedTooltip .introjs-button:hover {
        background: #0550c8;
        border-color: #0550c8;
        color: white; }
      .feed .feedTooltip .introjs-button.introjs-prevbutton {
        background: white;
        color: #0550c8;
        border-right: 1px solid #cbcbcb; }
        .feed .feedTooltip .introjs-button.introjs-prevbutton:focus, .feed .feedTooltip .introjs-button.introjs-prevbutton:hover {
          border-right: 1px solid #0550c8; }
      .feed .feedTooltip .introjs-button.introjs-skipbutton {
        background: #e60505;
        border-color: #e60505;
        color: #ffffff; }
        .feed .feedTooltip .introjs-button.introjs-skipbutton:focus, .feed .feedTooltip .introjs-button.introjs-skipbuttonhover {
          background: #ffffff;
          border-color: #e60505;
          color: #e60505; }
      .feed .feedTooltip .introjs-button.introjs-nextbutton:hover, .feed .feedTooltip .introjs-button.introjs-nextbutton:focus {
        background: #ffffff;
        color: #0550c8; }
    .feed .feedTooltip .introjs-tooltiptext a {
      transition: background-color 0.25s linear;
      color: #0550c8;
      border-bottom: 1px solid #d8d8d8;
      text-decoration: none; }
      .feed .feedTooltip .introjs-tooltiptext a:hover, .feed .feedTooltip .introjs-tooltiptext a:focus {
        background-color: #d8d8d8; }
    .feed .feedTooltip .introjs-bullets ul li a.active {
      background: #222222; }
    .feed .feedTooltip .introjs-bullets button {
      border-radius: 50%;
      border-width: 2px;
      font-size: .85rem; }
      .feed .feedTooltip .introjs-bullets button:hover, .feed .feedTooltip .introjs-bullets button:focus {
        background: #e60505;
        color: #fff; }
    .feed .feedTooltip .introjs-bullets button.active {
      border-color: #000;
      color: #000; }
      .feed .feedTooltip .introjs-bullets button.active:hover, .feed .feedTooltip .introjs-bullets button.active:focus {
        background: #222222;
        color: #fff; }
  .feed .introjs-hint-pulse {
    border: 5px solid rgba(5, 80, 200, 0.6);
    background-color: rgba(5, 80, 200, 0.4); }
  .feed .introjsFloatingElement {
    position: fixed !important; }
  .feed .onboarding .globalHeader.introjs-fixParent:not(".open") {
    z-index: auto !important; }
  .feed .onboarding .globalHeader.introjs-fixParent .landingNav {
    z-index: 10000000 !important;
    position: relative; }
  @media print {
    .feed .appContainer .ad-bigbox,
    .feed .appContainer .ad-risingstar,
    .feed .appContainer .advertisement,
    .feed .appContainer .risingstar,
    .feed .appContainer .ad,
    .feed .appContainer .ad-bigbox,
    .feed .appContainer .bigbox,
    .feed .appContainer .globalheader-placeholder,
    .feed .appContainer .globalFooter .extendedFooter,
    .feed .appContainer .moreStories,
    .feed .appContainer .relatedlinks,
    .feed .appContainer .youtube,
    .feed .appContainer .detailTrending,
    .feed .appContainer .globalHeader .menuButton,
    .feed .appContainer .globalHeader .landingNav,
    .feed .appContainer .globalHeader .detailNav,
    .feed .appContainer .landingNav,
    .feed .appContainer .detailNav,
    .feed .appContainer .cbc-caffeine,
    .feed .appContainer .contentFeedback,
    .feed .appContainer .notificationArea,
    .feed .appContainer .author-image,
    .feed .appContainer .comments,
    .feed .appContainer .radioList,
    .feed .appContainer .followUs,
    .feed .appContainer .navLink.search,
    .feed .appContainer .viafoura,
    .feed .appContainer .authorprofile,
    .feed .appContainer iframe {
      display: none; }
    .feed .appContainer .ad-risingstar {
      height: 0 !important; }
    .feed .appContainer .globalFooter .footerList {
      -ms-flex-flow: wrap column;
          flex-flow: wrap column; }
      .feed .appContainer .globalFooter .footerList .footerColumn, .feed .appContainer .globalFooter .footerList .footerColumn.extendedLogo, .feed .appContainer .globalFooter .footerList .footerColumn.copyright, .feed .appContainer .globalFooter .footerList .footerColumn.radioCanada {
        -ms-flex: 1;
            flex: 1; }
    .feed .appContainer .globalHeader,
    .feed .appContainer .globalHeader.isSticky,
    .feed .appContainer .globalHeader.isSticky.scrollDown,
    .feed .appContainer .globalHeader.isSticky.scrollDown {
      position: static !important; } }