@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    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(../index/Open-Sans-Regular.woff) format("woff"),
      url(../index/Open-Sans-Regular.ttf) format("truetype");
  }
  
  @font-face {
    font-display: swap;
    font-family: Open Sans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    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(../index/Open-Sans-Bold.woff) format("woff"),
      url(../index/Open-Sans-Bold.ttf) format("truetype");
  }
  
  @font-face {
    font-display: swap;
    font-family: Open Sans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    src: url(/a/styles/fonts-css/fonts/Open-Sans-ExtraBold.eot);
    src: url(/a/styles/fonts-css/fonts/Open-Sans-ExtraBold.eot?#iefix)
        format("embedded-opentype"),
      url(../index/Open-Sans-ExtraBold.woff) format("woff"),
      url(../index/Open-Sans-ExtraBold.ttf) format("truetype");
  }
  
  @font-face {
    font-display: swap;
    font-family: Stag Web;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    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(../index/Stag-Web-Light.woff) format("woff"),
      url(../index/Stag-Web-Light.ttf) format("truetype");
  }
  
  @font-face {
    font-display: swap;
    font-family: Stag Medium;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    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(../index/Stag-Medium-Web.woff) format("woff"),
      url(../index/Stag-Medium-Web.ttf) format("truetype");
  }
  
  body {
    font-size: 16px;
    min-width: 20em;
  }
  
  html {
    -webkit-font-smoothing: antialiased;
    background-color: #f4f4f4;
    color: #000;
    font-family: Open Sans, sans-serif;
    font: -apple-system-body;
  }
  
  input:focus {
    outline: none;
  }
  
  .PhotoGallery,
  .card.cardDiscovery,
  .card.cardListing,
  .card.cardRegular,
  .card.cardShow,
  .detail .byline,
  .detail .deck,
  .detail .detailHeadline,
  .detail .imageMedia .image-caption,
  .detail .jumpTo,
  .newsletterWidget,
  .searchInfoCard,
  .story {
    -webkit-margin-before: 16px;
    -webkit-margin-after: 16px;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-top: 16px;
  }
  
  button {
    background-color: #fff;
    border: 3px solid #e60505;
    border-radius: 0;
    color: #e60505;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
    text-transform: uppercase;
  }
  
  .PhotoGallery .cbcfg:before,
  .cookieJar .loadingIndicator .spinner .loader,
  .landingPlus .loadingIndicator .spinner .loader,
  .myOlympicsContent .loading .loader,
  button.loadMore.loading .loader {
    animation: rotate 0.8s linear infinite;
    border: 4px solid #e60505;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 20px;
    width: 20px;
  }
  
  .fadein,
  .PhotoGallery .cbcfg div.images div .placeholder img,
  .election .partybox.loaded {
    animation: fadein 0.7s;
    opacity: 0;
  }
  
  .story .customHtml,
  .story .documentCloud,
  .story .facebook,
  .story .facebookVideo,
  .story .instagram,
  .story .scribble,
  .story .twitter-tweet,
  .youtube {
    clear: both;
  }
  
  @keyframes fadein {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .scrollFreeze {
    height: 100%;
    overflow: hidden;
  }
  
  .scrollFreeze .ad-risingstar,
  .scrollFreeze .globalheader-placeholder {
    display: none !important;
  }
  
  .globalheader-placeholder {
    height: 124px;
  }
  
  .a11y,
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    .vf-share-meta
    h3,
  .pageIntro.show-canadian-reflections .showName,
  .pageIntro.show-junos .showName,
  .pageIntro.show-marketplace .showName,
  .pageIntro.show-on-the-money .showName,
  .pageIntro.show-the-fifth-estate .showName,
  .pageIntro.show-the-investigators .showName,
  .pageIntro.show-the-national .showName,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    .vf-share-meta
    h3 {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  
  /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }
  
  audio,
  canvas,
  video {
    display: inline-block;
  }
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  [hidden] {
    display: none;
  }
  
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  
  body {
    margin: 0;
  }
  
  a:focus,
  button:focus {
    outline: 3px solid #0550c8;
  }
  
  .darkBackground a:focus,
  .darkBackground button:focus {
    outline-color: #fff;
  }
  
  a:active,
  a:hover,
  button:hover {
    outline: 0;
  }
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  abbr[title] {
    border-bottom: 1px dotted;
  }
  
  b,
  strong {
    font-weight: 700;
  }
  
  dfn {
    font-style: italic;
  }
  
  hr {
    box-sizing: content-box;
    height: 0;
  }
  
  mark {
    background: #ff0;
    color: #000;
  }
  
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, serif;
    font-size: 1em;
  }
  
  pre {
    white-space: pre-wrap;
  }
  
  q {
    quotes: "“" "”" "‘" "’";
  }
  
  small {
    font-size: 80%;
  }
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sup {
    top: -0.5em;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  img {
    border: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  figure {
    margin: 0;
  }
  
  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  legend {
    border: 0;
    padding: 0;
  }
  
  button,
  input,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
  }
  
  button,
  input {
    line-height: normal;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  
  input[type="search"] {
    -webkit-appearance: TextField;
    box-sizing: content-box;
  }
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  textarea {
    overflow: auto;
    vertical-align: top;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .viafoura .vf-initial-notification em,
  .viafoura
    div.vf-profile-header.vf-tray-header-backdrop
    button:not(.vf-follow-button, .vf-mute-button),
  .viafoura ul[role="tablist"] > li:nth-child(4) button {
    display: none;
  }
  
  .viafoura .vf-initial-notification p:after {
    content: "Introducing a new way to follow the conversation! In this space, you’ll receive instant updates on your followers, comments and replies.";
    font-weight: 700;
  }
  
  .viafoura .viafoura-buttons {
    bottom: -3rem;
    display: flex;
    margin: 0 15px;
    position: relative;
  }
  
  .viafoura .viafoura-hide-bell {
    display: none;
  }
  
  .viafoura .vf-avatar .vf-default-avatar {
    --default-avatar-color-0: #000;
    --default-avatar-color-1: #000;
    --default-avatar-color-2: #000;
    --default-avatar-color-3: #000;
    --default-avatar-color-4: #000;
    --default-avatar-color-5: #000;
    --default-avatar-color-6: #000;
    --default-avatar-color-7: #000;
    --default-avatar-color-8: #000;
    --default-avatar-color-9: #000;
    --default-avatar-color-10: #000;
    --default-avatar-color-11: #000;
    --default-avatar-color-12: #000;
    --default-avatar-color-13: #000;
    --default-avatar-color-14: #000;
    --default-avatar-color-15: #000;
  }
  
  .viafoura .vf3-comments .vf-comment-box .vf-button.vf-comment-submit:disabled {
    background-color: #d3d3d3;
  }
  
  .viafoura .vf-tray-trigger.vf-button.floating,
  .viafoura .vf-user-meta.vf-hlist li.vf-user-title .vf-icon.vf-icon-mod,
  .viafoura svg.vf-icon.vf-icon-medium.vf-icon-trusted {
    display: none;
  }
  
  .viafoura .vf-user-meta.vf-hlist li.vf-user-title.vf-tip:before {
    background-color: #e0e0e0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjYuMyAxNjYuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgZmlsbD0iI0VCMjAyRiI+PHBhdGggZD0iTTgzLjEgMTEyLjljMTYuNCAwIDI5LjctMTMuMyAyOS43LTI5LjdTOTkuNSA1My41IDgzLjEgNTMuNSA1My40IDY2LjggNTMuNCA4My4yczEzLjMgMjkuNyAyOS43IDI5Ljd6TTQ4LjggMTEyLjljLTE2LjQgMC0yOS43LTEzLjMtMjkuNy0yOS43czEzLjMtMjkuNyAyOS43LTI5Ljd2NTkuNHpNMTE3LjUgMTQ1Ljd2LTI4LjJoMjguMmMwIDE1LjYtMTIuNyAyOC4yLTI4LjIgMjguMnpNNDguOCAyMC42djI4LjJIMjAuNWMuMS0xNS41IDEyLjctMjguMiAyOC4zLTI4LjJNNDguOCAxNDUuN3YtMjguMkgyMC42YzAgMTUuNiAxMi42IDI4LjIgMjguMiAyOC4yek0xNTEuOCAxMDguN1Y1Ny42YzguNyA1LjIgMTQuNSAxNC43IDE0LjUgMjUuNSAwIDEwLjktNS44IDIwLjQtMTQuNSAyNS42ek01Ny42IDE0LjVoNTEuMUMxMDMuNSA1LjggOTQgMCA4My4yIDAgNzIuMyAwIDYyLjggNS44IDU3LjYgMTQuNXpNMTA4LjMgMTUxLjhINTcuMmM1LjIgOC43IDE0LjcgMTQuNSAyNS41IDE0LjUgMTAuOSAwIDIwLjQtNS44IDI1LjYtMTQuNXpNMTEyLjkgMTE3LjVjMCAxNi40LTEzLjMgMjkuNy0yOS43IDI5LjdzLTI5LjctMTMuMy0yOS43LTI5LjdoNTkuNHpNMTE3LjUgMTEyLjljMTYuNCAwIDI5LjctMTMuMyAyOS43LTI5LjdzLTEzLjMtMjkuNy0yOS43LTI5Ljd2NTkuNHpNMTEyLjkgNDguOWMwLTE2LjQtMTMuMy0yOS43LTI5LjctMjkuN1M1My41IDMyLjUgNTMuNSA0OC45aDU5LjR6TTE0LjUgMTA4LjdWNTcuNkM1LjggNjIuOCAwIDcyLjMgMCA4My4yYzAgMTAuOCA1LjggMjAuMyAxNC41IDI1LjV6TTE0NS43IDQ4LjloLTI4LjJWMjAuN2MxNS41LS4xIDI4LjIgMTIuNiAyOC4yIDI4LjIiLz48L2c+PC9zdmc+");
    background-position-x: 5px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 3px;
    content: "CBC Staff";
    display: inline-block;
    height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    width: 80px;
  }
  
  .viafoura .vf-user-meta.vf-hlist li.vf-user-title.vf-tip {
    font-weight: 700;
  }
  
  #vf-svod-thirdparty li:nth-child(n + 4) {
    display: none !important;
  }
  
  .comments.viafoura .vf-avatar-container img.vf-avatar {
    border: 1px solid #eaeaea;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
  }
  
  .comments.viafoura .vf-right {
    display: none;
  }
  
  .comments.viafoura .vf-moderator {
    height: 21px !important;
    width: 80px !important;
  }
  
  .comments.viafoura .vf-modal {
    z-index: 100002 !important;
  }
  
  .comments .viafoura em.vf-comment-highlight-text {
    display: none;
  }
  
  .comments .viafoura li.vf-right.vf-comment-highlight:before {
    content: "Featured";
    display: inline-block;
    font-size: 0.857em;
    font-weight: 600;
  }
  
  .comments .viafoura p.vf-no-editors-picks > span {
    display: none;
  }
  
  .comments .viafoura p.vf-no-editors-picks:before {
    content: "There are no featured comments yet";
    display: inline-block;
  }
  
  .cbc-vf .viafoura .vf-moderator {
    background: #cbcbcb;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW1JREFUeNqUUrFOwlAUta8KRXCARCOLBgYHWIqUCQMzDPArOuripqP+Cgw6a+jUogxCAoNEF8WEhJhAoQ3qKSd5KJtN83ruPee9d+69VSzLWvv7xK+uNzodL5V6OzleoQQ/+3f3uxeXAMl2+9txALACAyAPdqlGMDNNgIPxeFKrB/p9YKzAyACD5QbBgFuni5SbSMh1ZjdJUaPQN86A9LVcohnRMOeHmX4uh3Dv5lYrFnrhMPA66c9a3T+hXEKJE8eBDXc4jDdMFOq2WniT1cpzOq2ejyfeUxv0PBrd1jSv26NvdTSaRyI7sZjX7SIzHXxs2U1loGdkgwKG4dr275atZAT6Ksv6OsoT8wGGe8lCKeBss1phCs6UUEjSwCwUGBoolz1Bs16KBeCEZakPj7gHmzmNoJFlT3w1p+i71HWUz9HwhmA+L6fxfnYqmGKsLc6Ws/QpI0uKGl8NAwxwnayBXmkALE0q//oHfwQYAMvn0ixVY+/NAAAAAElFTkSuQmCC);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #cbcbcb;
    display: block;
    font-size: 0;
    font-weight: 700;
    height: 16px;
    margin-top: 0;
    overflow: visible;
    padding-left: 20px;
    position: relative;
    width: 60px;
  }
  
  .cbc-vf .viafoura .vf-moderator:after {
    color: #232323;
    content: "CBC Staff";
    display: block;
    font-size: 11px;
    height: 20px;
    left: 9px;
    position: absolute;
    top: 11px;
    width: 80px;
  }
  
  div.vf-spam.vf-alert {
    display: none;
  }
  
  .cbc-vf .viafoura .vf-user-title {
    line-height: 2em;
  }
  
  .cbc-vf .viafoura .vf-comment-hightlight {
    background-color: #e21a21;
    background-image: none;
    border-color: #e21a21;
    border-radius: 0;
    color: #fff;
    filter: none;
  }
  
  .cbc-vf .viafoura .vf-trusted {
    background-color: #cbcbcb;
    border-radius: 0;
    color: #232323;
    font-weight: 700;
    text-shadow: none;
  }
  
  .cbc-vf .viafoura .vf-comment-container .vf-comment-actions a {
    color: #115278;
  }
  
  .cbc-vf .viafoura .vf-avatar-container img,
  div.viafoura .vf-avatar-container img {
    border: 1px solid #dcdcdc;
    border-radius: 50%;
  }
  
  .cbc-vf .viafoura .vf-comment-container .vf-flag {
    color: #115278;
  }
  
  .cbc-vf .viafoura .vf-comment-box .vf-comment-submit {
    background-color: #095287;
  }
  
  .cbc-vf .viafoura .vf-comment-box .vf-upload-item a {
    background-color: #f6f6f6;
    border-right: 1px solid #d1cfcf;
    color: #115278;
  }
  
  .cbc-vf .viafoura .vf-comment-box .vf-comment-controls {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #d1cfcf;
  }
  
  .cbc-vf .viafoura .vf3-comments .vf-login-button {
    color: #115278;
    filter: none;
  }
  
  .cbc-vf .viafoura a.vf-subscribe {
    color: #115278;
  }
  
  .cbc-vf .viafoura .vf-alert {
    background-color: #232323;
    color: #000;
  }
  
  #page_container .vf-counter,
  .cbc-vf .cmt {
    background-image: url(../index/sprite.png);
    background-position: left -127px;
    background-repeat: no-repeat;
    color: #797979;
    display: inline-block;
    font-style: normal;
    font: 10px arial, sans-serif;
    margin: 0;
    padding-left: 18px;
  }
  
  div.viafoura .vf-modal {
    z-index: 201;
  }
  
  div.viafoura .vf-modal .vf-header .vf-modal-title {
    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=);
    background-repeat: no-repeat;
    font-size: 0;
    height: 28px;
    margin-top: 5px;
    padding-left: 35px;
    padding-top: 5px;
    position: relative;
  }
  
  div.viafoura .vf-modal .vf-user-signup .vf-header .vf-modal-title:after {
    color: #f0f0f0;
    content: "Sign Up";
    font-size: 16px;
    font-weight: 700;
    left: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #333;
    top: 5px;
    width: 300px;
  }
  
  div.viafoura .vf-modal .vf-user-login .vf-header .vf-modal-title:after {
    color: #f0f0f0;
    content: "Log in";
    font-size: 16px;
    font-weight: 700;
    left: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #333;
    top: 5px;
    width: 300px;
  }
  
  div.viafoura .vf-password-retrieval .vf-header .vf-modal-title:after {
    color: #f0f0f0;
    content: "Forgot Password?";
    font-size: 16px;
    font-weight: 700;
    left: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #333;
    top: 5px;
    width: 300px;
  }
  
  div.viafoura .vf-viafoura-login .vf-social-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW9JREFUeNqMUrtOAlEQvezCymoFBa1+APGJIWjoKKm10lAIiTZ+CLWY0JBoI9Yk2pPwSNBEQyiw0YZECsEH7sKCeO4eXIw0TnYnZ87M3ntmZsV4xl6SyefVNfjZlCJs62VOO3v7AEb+UhimpAxTYiHAI8syN0sH5TLAoFo1CwWrXgemV5cWJW9nF44OFSeQoFiE9wSDjrdubicp1lBQv1J5T6eJPy/ynYNkL5djCB5ZYje1QgDP6KRSUAwZY9Psl0q+bNa6u8czenzSd3fU41Zr2GggrQYC47fXUfOBir/abdXvF5Y1bDblx92ueX3lwrDEj2mh0KBWE7/sD+P2bIZ4Ndqai8UggGezUW17i4xsWvcqUOaNxzkBKAM1nYnunU8kiFGDyulMPk4yxJgGZoLJMATvzMSFl1uUZ6wso32uhjdokYizDd/5mUJq0lM06myR3rOxPknZNQpXykALh50eqBUMS1Ez3eU//8FvAQYA+5RDbFDRmBwAAAAASUVORK5CYII=);
  }
  
  div.viafoura .vf-viafoura-login {
    font-size: 0;
    position: relative;
  }
  
  div.viafoura .vf-viafoura-login:after {
    color: #444;
    content: "CBC Account Holder";
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    left: 38px;
    line-height: 17px;
    position: absolute;
    top: 12px;
    width: 140px;
  }
  
  div.viafoura .vf-form .vf-form-title {
    visibility: hidden;
  }
  
  div.viafoura .vf-form input[type="submit"] {
    background-color: #115278;
    background-image: none;
    border: 1px solid #b2b3b2;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
  }
  
  div.viafoura .vf-modal .vf-header {
    background: none;
    background-color: #000;
    filter: none;
    padding: 9px;
  }
  
  div.viafoura .vf-header {
    background: none;
    background-color: #000;
    color: #fff;
    text-shadow: none;
  }
  
  div.viafoura .vf-user-profile .vf-user-meta {
    background-color: #545454;
    text-shadow: none;
  }
  
  div.viafoura .vf-avatar-options a,
  div.viafoura a.vf-link,
  div.viafoura a.vf-link:hover,
  div.viafoura a.vf-link:visited {
    background-color: #115278;
    border-radius: 5px;
    color: #fff;
    float: right;
    padding: 5px;
    text-align: center;
    width: 40%;
  }
  
  div.viafoura .vf-user-profile .vf-account-options {
    background-color: #fff;
    background-image: none;
  }
  
  div.viafoura .vf-tabs li.vf-current {
    margin-top: 1px;
  }
  
  div.viafoura .vf-tabs li a,
  div.viafoura .vf-tabs li.vf-current a {
    color: #115278;
  }
  
  div.viafoura .vf-login-options .vf-social-button.vf-current {
    background-color: #fff;
    background-image: none;
    filter: none;
  }
  
  div.viafoura.info {
    display: none;
  }
  
  .viafoura .vf-form label {
    cursor: default;
  }
  
  .cbc-vf .viafoura .vf-rank {
    display: none;
  }
  
  .cbc-vf .cmt {
    background-image: url(../index/sprite.png);
    background-position: left -129px;
    background-repeat: no-repeat;
    color: #797979;
    display: block;
    font-style: normal;
    font: 10px arial, sans-serif;
    margin: 0;
    padding-left: 18px;
  }
  
  .viafoura .vf-comments-sort {
    width: auto;
  }
  
  .viafoura .vf-login-options .vf-facebook-login.vf-social-button,
  .viafoura .vf-login-options .vf-google-login.vf-social-button,
  .viafoura .vf-login-options .vf-viafoura-login.vf-social-button {
    height: auto;
  }
  
  .vf-user-content .vf-user-options .vf-form-title + label,
  .vf-user-signup .vf-form-title + label {
    font-size: 0;
  }
  
  .vf-user-content .vf-user-options .vf-form-title + label:after,
  .vf-user-signup .vf-form-title + label:after {
    content: "Full Name";
    font-size: 13px;
  }
  
  .share {
    min-height: 4rem;
  }
  
  .commentCount:hover .viafoura {
    background-color: #d8d8d8;
  }
  
  .commentCount .commentCount-text-container .viafoura {
    color: #0550c8;
    font-family: inherit;
    font-size: 1rem;
    transition: background-color 0.25s linear;
  }
  
  .commentCount .commentCount-text-container .viafoura:focus,
  .commentCount .commentCount-text-container .viafoura:hover {
    background-color: #d8d8d8;
  }
  
  .appContainer .share .viafoura,
  .share .viafoura {
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }
  
  .appContainer .share .viafoura .vf-share-button,
  .share .viafoura .vf-share-button {
    padding: 0;
    top: 2px;
  }
  
  .appContainer .share .viafoura .vf-share-button .vf-share-button-icon,
  .share .viafoura .vf-share-button .vf-share-button-icon {
    font-size: 1.5rem;
    height: 100%;
  }
  
  .appContainer .share .viafoura .vf-share-show-more,
  .share .viafoura .vf-share-show-more {
    position: relative;
    top: -4px;
    vertical-align: middle;
  }
  
  .appContainer .share .viafoura .vf-share-show-more .vf-more-icon,
  .share .viafoura .vf-share-show-more .vf-more-icon {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 1.05rem;
  }
  
  .appContainer .share .viafoura .vf-share-show-more .vf-more-icon:before,
  .share .viafoura .vf-share-show-more .vf-more-icon:before {
    color: #8c8c8c;
    left: -7px;
    top: -12px;
  }
  
  .appContainer .share .viafoura .vf-share-dropdown,
  .share .viafoura .vf-share-dropdown {
    height: auto;
    padding: 0;
    top: 42px;
  }
  
  .appContainer .share .viafoura .vf-widget.vf-share-bar-horizontal,
  .share .viafoura .vf-widget.vf-share-bar-horizontal {
    width: 100%;
  }
  
  .appContainer .share .viafoura .vf-share-bar.vf-share-bar-default,
  .share .viafoura .vf-share-bar.vf-share-bar-default {
    padding-top: 1rem;
    width: 100%;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option,
  .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option {
    margin: 0;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a,
  .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a {
    border: 1px solid #ccc;
    border-radius: 50%;
    display: block;
    margin: 0 0.2rem;
    top: -2px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="facebook"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="facebook"]
    .vf-share-icon {
    top: 3px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="twitter"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="twitter"]
    .vf-share-icon {
    left: 1px;
    top: 3px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="google-plus"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="google-plus"]
    .vf-share-icon {
    left: 1px;
    top: 2px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="email"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="email"]
    .vf-share-icon {
    top: 3px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="linkedin"]
    .vf-share-icon,
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="stumbleupon"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="linkedin"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="stumbleupon"]
    .vf-share-icon {
    left: 1px;
    top: 1px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="pinterest"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="pinterest"]
    .vf-share-icon {
    top: 3px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="reddit"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="reddit"]
    .vf-share-icon {
    top: 2px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="link"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="link"]
    .vf-share-icon {
    top: 3px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="whatsapp"]
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a[data-network="whatsapp"]
    .vf-share-icon {
    left: 1px;
    top: 1px;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a
    .vf-share-icon,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    a
    .vf-share-icon {
    font-size: 1.2rem;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option,
  .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option {
    float: left;
  }
  
  .appContainer
    .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    .vf-share-meta
    h3,
  .share
    .viafoura
    .vf-share-bar.vf-share-bar-default
    ul
    li.vf-share-option
    .vf-share-meta
    h3 {
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    display: block;
    white-space: nowrap;
  }
  
  .globalHeader .viafoura #vf-skeleton-container {
    display: none;
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .commentCount .viafoura {
      font-size: 1.125rem;
    }
  }
  
  @media (max-width: 640px) {
    .viafoura .viafoura-buttons {
      bottom: -2rem;
    }
  }
  
  .viafoura .vf-share-bar-default #vf-skeleton-container {
    display: none;
  }
  
  .ad-risingstar-container {
    min-height: 122px;
  }
  
  .ad-risingstar-container.displayNone {
    display: none;
  }
  
  .ad-risingstar {
    background-color: #e5e5e5;
    padding: 16px 0;
  }
  
  .ad-risingstar.risingstar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  
  .ad-risingstar.displayNone {
    display: none;
  }
  
  .ad-risingstar .risingstar {
    margin-right: 10px;
  }
  
  .ad-risingstar .risingstar > div {
    display: inline-block;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  .ad-risingstar .risingstar > div:after {
    background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==")
      no-repeat 100%;
    content: "";
    height: 15px;
    left: 100%;
    position: absolute;
    top: 0;
    transform: translate(-100%, -100%);
    width: 90px;
  }
  
  .viewportSmall .detail .ad-risingstar {
    margin-left: -16px;
  }
  
  .ad-bigbox,
  .ad-bigbox-double,
  .ad-bigbox-double-inread,
  .ad-bigbox-single,
  .ad-in-read,
  .ad-load-more {
    background: #fff
      url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==")
      no-repeat center 5px;
    margin: 0 auto 1rem;
    padding: 1.2rem 0;
  }
  
  .sidebar .ad-bigbox,
  .sidebar .ad-bigbox-double,
  .sidebar .ad-bigbox-double-inread,
  .sidebar .ad-bigbox-single,
  .sidebar .ad-in-read,
  .sidebar .ad-load-more {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 1rem;
  }
  
  .ad-intercept {
    background: #fff
      url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==")
      no-repeat right 5px;
    margin: 0 auto 1rem;
    padding: 1.2rem 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  .ad-in-read,
  .ad-load-more {
    height: auto;
  }
  
  .ad-outofpage {
    position: fixed;
  }
  
  .ad-native-ad div:first-of-type {
    height: 100% !important;
  }
  
  .ad-native-ad iframe {
    height: 100%;
    min-height: 368px;
  }
  
  @media only screen and (max-width: 639px) {
    .ad-native-ad iframe {
      min-height: 350px;
    }
  }
  
  .native-ad-preload {
    left: -999px;
    position: absolute;
    top: -999px;
    width: 100%;
  }
  
  .native-ad-postload {
    position: relative;
    width: 100%;
  }
  
  @media (min-width: 1100px) {
    .ad-bigbox-fixed,
    .ad-bigbox-single-desktop {
      background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==")
        no-repeat center 5px;
      padding: 1.2rem 0;
      transition: opacity 0.3s ease-in-out, top 0.4s ease-out;
    }
  
    .ad-bigbox-fixed.hide,
    .ad-bigbox-single-desktop.hide {
      opacity: 0;
    }
  
    .ad-bigbox-double-inread,
    .ad-in-read {
      display: none;
    }
  }
  
  .viewability-display {
    margin: 0 auto;
    width: 1px;
  }
  
  @media (max-width: 764px) {
    .ad-risingstar {
      background-color: #e5e5e5;
    }
  
    .ad-risingstar-container {
      background-color: #e5e5e5;
      min-height: 82px;
    }
  
    .advertisement.bigbox-double-inread,
    .advertisement.in-read {
      max-width: 414px;
    }
  }
  
  .appContainer.click-wp {
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  
  .appContainer.click-wp .ad-risingstar,
  .appContainer.click-wp .ad-risingstar-container,
  .appContainer.click-wp .globalHeader {
    cursor: auto;
    margin: 0 auto;
    max-width: 64rem;
    position: relative;
  }
  
  .appContainer.click-wp .ad-risingstar .advertisement.risingstar,
  .appContainer.click-wp .ad-risingstar-container .advertisement.risingstar,
  .appContainer.click-wp .globalHeader .advertisement.risingstar {
    max-width: 64rem;
  }
  
  .appContainer.click-wp .globalHeader.open {
    margin: 0;
    position: fixed;
  }
  
  .appContainer.click-wp .ad-risingstar.risingstar-fixed {
    background: #e5e5e5;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
  }
  
  .appContainer.click-wp .advertisement.risingstar {
    max-width: auto;
  }
  
  .appContainer.click-wp .content {
    cursor: default;
    margin: 0 auto;
    max-width: 64rem;
  }
  
  .appContainer.click-wp .pageComponent {
    background-color: #fff;
    cursor: auto;
    max-width: 64rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .appContainer.click-wp .globalFooter {
    border-top: 1px solid #eaeaea;
    cursor: default;
    margin-top: 0;
  }
  
  .appContainer.click-wp .ad-outofpage {
    height: 0;
  }
  
  .appContainer.click-wp.viewportLarge
    .wallpaperArea
    .contentArea
    .contentList
    .card.cardRegular,
  .appContainer.click-wp.viewportLarge
    .wallpaperArea
    .contentArea
    .featuredArea
    .card.cardRegular {
    flex-basis: 25%;
  }
  
  .appContainer.click-wp.viewportLarge .swimlane {
    margin-left: 0;
    width: auto;
  }
  
  .appContainer {
    background-color: #fff;
  }
  
  .appContainer.loading .ad-risingstar,
  .appContainer.loading .content,
  .appContainer.loading .globalFooter,
  .appContainer.loading .globalHeader {
    filter: blur(5px);
    transform: translateZ(0);
  }
  
  .appContainer.loaded {
    opacity: 1;
  }
  
  .appContainer .pageComponent {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px;
    transition: max-width 0.3s ease-out;
  }
  
  .appContainer > .content {
    background-color: #fff;
    min-height: 800px;
    padding-bottom: 16px;
    padding-top: 16px;
  }
  
  .appContainer.featureType -content {
    max-width: 100%;
  }
  
  .appContainer.cookiesTheme,
  .appContainer.metaTheme {
    background-color: #fff;
  }
  
  .appContainer .advertisement,
  .appContainer .vastAdvertisement {
    margin: 0 auto;
    text-align: center;
    z-index: 200;
  }
  
  .appContainer TourButton,
  .appContainer .zenFeedbackButton {
    background: #e60505;
    border: 1px solid #e60505;
    color: #fff;
    font-size: 0.9rem;
    margin: 0.1rem 0 0 1rem;
    padding: 0.2rem 0.5rem;
  }
  
  .appContainer TourButton:focus,
  .appContainer TourButton:hover,
  .appContainer .zenFeedbackButton:focus,
  .appContainer .zenFeedbackButton:hover {
    background: #fff;
    border: 1px solid #545454;
    color: #e60505;
  }
  
  .appContainer.homepageTheme:not(.storyType) > .content,
  .appContainer.newsTheme:not(.storyType) > .content,
  .appContainer.televisionTheme:not(.storyType) > .content {
    overflow-x: hidden;
  }
  
  .accessibilityLinks {
    display: flex;
    margin: 0 auto;
    max-width: 80rem;
    position: relative;
    width: 100%;
  }
  
  .accessibilityLinks > a {
    background: #fff;
    border: 3px solid #0550c8;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    left: -10000px;
    line-height: 18px;
    padding: 16px 25px;
    position: absolute;
    text-decoration: none;
  }
  
  .accessibilityLinks > a:active,
  .accessibilityLinks > a:focus {
    left: 0;
    outline-color: transparent;
    position: absolute;
    z-index: 99999;
  }
  
  .accessibilityLinks.globalSkipLink > a {
    top: 45px;
  }
  
  .card {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    clear: both;
    color: #000;
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-decoration: none;
    transition: 0.4s;
  }
  
  .card:hover {
    box-shadow: 0 0 0 3px #cbcbcb;
  }
  
  .card:focus {
    box-shadow: 0 0 0 3px #e60505;
    outline: 0;
    transform: none;
  }
  
  .card .contentWrapper {
    color: #000;
    display: flex;
    flex-grow: 1;
    text-decoration: none;
    width: 100%;
  }
  
  .card .card-content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%;
  }
  
  .card .card-content .card-content-top {
    align-self: flex-start;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .card .card-content .card-content-bottom {
    width: 100%;
  }
  
  .card .imageMedia {
    flex-shrink: 0;
    line-height: 0;
    position: relative;
  }
  
  .card .headlineLink {
    color: #000;
    text-decoration: none;
  }
  
  .card .headlineLink:focus,
  .card .headlineLink:hover {
    color: #545454;
    text-decoration: underline;
  }
  
  .card .mediaItem {
    min-height: 0;
    position: relative;
    width: 100%;
  }
  
  .card .mediaItem .imageEl {
    width: 100%;
  }
  
  .card.sponsored {
    background-color: #dcdcdc;
  }
  
  .card.sponsored:focus,
  .card.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.sponsored .card-content,
  .card.sponsored .card-content .imageMedia .placeholder,
  .card.sponsored .card-content .metadataText,
  .card.sponsored .contentWrapper .card-content,
  .card.sponsored .contentWrapper .card-content .imageMedia .placeholder,
  .card.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent;
  }
  
  .card.sponsored .card-content .label,
  .card.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -0.6rem 0 1rem -1rem;
  }
  
  .card.sponsored .card-content .label .labelText,
  .card.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: 0.5rem;
  }
  
  .card.sponsored .card-content:after,
  .card.sponsored .contentWrapper:after {
    border-bottom: none;
  }
  
  .card.sponsored .sponsorshipLogo {
    max-width: 100px;
  }
  
  .card.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .card.sponsorMeta:focus,
  .card.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .card.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .card.cardContentPackage {
    border: none;
    display: inline-block;
    max-width: 100%;
    padding: 0 !important;
    width: 100%;
  }
  
  .card.cardContentPackage.cardContentPackage:hover {
    box-shadow: none;
  }
  
  .card.cardContentPackage .primaryHeadline {
    margin: 0 auto;
    width: 100%;
  }
  
  .card.cardContentPackage .primaryHeadline .primaryHeadlineLink {
    color: #000;
    display: block;
    text-decoration: none;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
  }
  
  .card.cardContentPackage .primaryHeadline .primaryHeadlineLink.uppercaseTrue {
    text-transform: uppercase;
  }
  
  .card.cardContentPackage .primaryHeadline .primaryHeadlineLink:focus,
  .card.cardContentPackage .primaryHeadline .primaryHeadlineLink:hover {
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
    transition: 0.4s;
  }
  
  .card.cardContentPackage .primaryHeadline .primaryHeadlineLink:focus {
    outline: thin dotted #cbcbcb;
  }
  
  .card.cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    color: #000;
    font-size: 2.1rem;
    line-height: 2.4rem;
    margin-bottom: 0.6rem;
    text-align: center;
  }
  
  .card.cardContentPackage .contentFlexLayout {
    display: flex;
  }
  
  .card.cardContentPackage .contentFlexLayout .firstContentColumn {
    flex: 2 1 460px;
    flex-wrap: wrap;
    margin-right: 0.5rem;
  }
  
  .card.cardContentPackage .contentFlexLayout .secondContentColumn {
    flex: 0 1 300px;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: 0.5rem;
  }
  
  .card.cardContentPackage .secondaryContent .card.relatedCard:before,
  .card.cardContentPackage .supportingContent .card.relatedCard:before {
    border-top: 1px solid #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 192px;
  }
  
  .card.cardContentPackage .secondaryContent .card,
  .card.cardContentPackage .supportingContent .card,
  .card.cardContentPackage .tertiaryContent .card {
    flex: 1 1 230px;
    margin: 0 1.2rem 0 0;
    padding: 1.2rem 0;
  }
  
  .card.cardContentPackage .secondaryContent .card.relatedCard,
  .card.cardContentPackage .supportingContent .card.relatedCard,
  .card.cardContentPackage .tertiaryContent .card.relatedCard {
    border: none;
    margin-left: 1px;
    position: relative;
  }
  
  .card.cardContentPackage .secondaryContent .card.relatedCard:hover,
  .card.cardContentPackage .supportingContent .card.relatedCard:hover,
  .card.cardContentPackage .tertiaryContent .card.relatedCard:hover {
    box-shadow: none;
    transition: 0.4s;
  }
  
  .card.cardContentPackage .secondaryContent .card.relatedCard:hover .headline,
  .card.cardContentPackage .supportingContent .card.relatedCard:hover .headline,
  .card.cardContentPackage .tertiaryContent .card.relatedCard:hover .headline {
    text-decoration: underline;
  }
  
  .card.cardContentPackage .secondaryContent .card.relatedCard:focus,
  .card.cardContentPackage .supportingContent .card.relatedCard:focus,
  .card.cardContentPackage .tertiaryContent .card.relatedCard:focus {
    box-shadow: none;
    outline: thin dotted;
  }
  
  .card.cardContentPackage .secondaryContent .card.relatedCard .headline,
  .card.cardContentPackage .supportingContent .card.relatedCard .headline,
  .card.cardContentPackage .tertiaryContent .card.relatedCard .headline {
    display: inline;
  }
  
  .card.cardContentPackage
    .secondaryContent
    .card.relatedCard
    .card-content-bottom,
  .card.cardContentPackage
    .supportingContent
    .card.relatedCard
    .card-content-bottom,
  .card.cardContentPackage
    .tertiaryContent
    .card.relatedCard
    .card-content-bottom {
    display: none;
  }
  
  .card.cardContentPackage .contentPackageSeparator {
    background-color: #e0e0e0;
    border: none;
    color: #e0e0e0;
    height: 1px;
  }
  
  .card.cardContentPackage .contentPackageSeparator:first-of-type {
    margin-bottom: -5px;
    margin-top: 0.8rem;
  }
  
  .featuredNews
    .card.cardContentPackage
    .primaryHeadline
    .primaryHeadlineLink.uppercaseTrue
    .headline {
    letter-spacing: 1.2px;
  }
  
  @media (min-width: 961px) and (max-width: 1024px) {
    .card.cardContentPackage .firstContentColumn {
      flex-basis: auto !important;
    }
  }
  
  .viewportMedium
    .card.cardContentPackage
    .primaryHeadline
    .primaryHeadlineLink
    .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  
  .viewportMedium .card.cardContentPackage .secondaryContent .card,
  .viewportMedium .card.cardContentPackage .supportingContent .card {
    flex-basis: 220px;
  }
  
  .viewportMedium
    .card.cardContentPackage
    .secondaryContent
    .card.relatedCard:before,
  .viewportMedium
    .card.cardContentPackage
    .supportingContent
    .card.relatedCard:before {
    width: 120px;
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .card.cardContentPackage .contentFlexLayout {
      flex-wrap: wrap;
    }
  
    .card.cardContentPackage .contentFlexLayout .firstContentColumn {
      margin-right: 0;
    }
  
    .card.cardContentPackage .contentFlexLayout .secondContentColumn {
      flex-grow: 1;
      margin-left: 0;
    }
  
    .card.cardContentPackage
      .contentFlexLayout
      .secondContentColumn
      .tertiaryContent {
      flex-direction: row;
    }
  
    .card.cardContentPackage
      .contentFlexLayout
      .secondContentColumn
      .tertiaryContent
      .card:nth-child(2) {
      flex: 0 1 225px;
    }
  
    .card.cardContentPackage
      .contentFlexLayout
      .secondContentColumn
      .tertiaryContent
      .card.relatedCard {
      padding-top: 1.2rem;
    }
  
    .card.cardContentPackage
      .contentFlexLayout
      .secondContentColumn
      .tertiaryContent
      .card.relatedCard:before {
      border-top: 1px solid #e0e0e0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      top: 0;
      width: 120px;
    }
  }
  
  @media (max-width: 640px) {
    .card.cardContentPackage {
      flex-basis: 100%;
      max-width: inherit;
    }
  
    .card.cardContentPackage .primaryHeadline {
      margin-left: 1rem;
      margin-right: 1rem;
      order: 2;
    }
  
    .card.cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
      font-size: 1.5rem;
      line-height: 1.9rem;
      margin-bottom: 0.5rem;
      margin-top: 0.6rem;
      text-align: left;
    }
  
    .card.cardContentPackage .desktopHeadline {
      display: none;
    }
  
    .card.cardContentPackage .contentFlexLayout {
      flex-wrap: wrap;
    }
  
    .card.cardContentPackage .contentFlexLayout .firstContentColumn {
      margin-right: 0;
    }
  
    .card.cardContentPackage .contentFlexLayout .secondContentColumn {
      flex-grow: 1;
      margin-left: 0;
    }
  
    .card.cardContentPackage .secondaryContent .card.relatedCard,
    .card.cardContentPackage .supportingContent .card.relatedCard {
      margin-left: 0;
      margin-right: 0;
    }
  
    .card.cardContentPackage .contentPackageSeparator {
      margin-left: 1em;
      margin-right: 1em;
    }
  }
  
  .card.cardContentPackage .primaryContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
    width: 100%;
  }
  
  .card.cardContentPackage .primaryContent .mobileHeadline {
    display: none;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent {
    display: flex;
    flex: 1 1 230px;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 0.6rem;
    padding-right: 0.5rem;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent .deck {
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 0.5rem 0.5rem 0;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent .labelMetaData {
    padding: 0.5rem 0;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent .metadata {
    display: inline-block;
    padding-right: 10px;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent .metadata,
  .card.cardContentPackage .primaryContent .supportingContent .primaryLabel {
    padding-bottom: 1.3rem;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent .metadata {
    font-weight: 700;
    margin: 0;
  }
  
  .card.cardContentPackage
    .primaryContent
    .supportingContent
    .metadata
    .metadataText {
    margin-top: 0;
  }
  
  .card.cardContentPackage .primaryContent .supportingContent .card.relatedCard {
    flex: initial;
  }
  
  .card.cardContentPackage
    .primaryContent
    .supportingContent
    .contentPackageList {
    clear: both;
    list-style: none;
    margin: 0;
    padding-bottom: 1.2rem;
    padding-left: 1.2rem;
  }
  
  .card.cardContentPackage .primaryContent .primaryImage {
    flex: 2 1 460px;
    margin-top: 0.6rem;
  }
  
  .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    display: block;
    margin-right: 3px;
  }
  
  .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink:focus,
  .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink:hover {
    box-shadow: 0 0 0 3px #cbcbcb;
    outline: none;
    transition: 0.4s;
  }
  
  .viewportMedium .card.cardContentPackage .primaryContent .supportingContent {
    padding-right: 1.5rem;
  }
  
  .viewportMedium
    .card.cardContentPackage
    .primaryContent
    .supportingContent
    .deck {
    font-size: 1rem;
  }
  
  .card.cardContentPackage .primaryContent .bulletpoint {
    color: #545454;
    font-size: 0.9rem;
  }
  
  .card.cardContentPackage .primaryContent .bulletpoint:before {
    content: "•";
    display: inline-block;
    font-weight: 700;
    margin-left: -1rem;
    width: 0.8rem;
  }
  
  .card.cardContentPackage .primaryContent .bulletpoint:nth-child(2) {
    padding-top: 1rem;
  }
  
  @media (max-width: 640px) {
    .card.cardContentPackage .primaryContent {
      padding-bottom: 0;
    }
  
    .card.cardContentPackage .primaryContent .supportingContent {
      margin-left: 1rem;
      margin-right: 1rem;
      margin-top: 0.5rem;
      order: 3;
    }
  
    .card.cardContentPackage .primaryContent .supportingContent .deck {
      font-size: 1rem;
    }
  
    .card.cardContentPackage .primaryContent .supportingContent .labelMetaData {
      padding-bottom: 0;
    }
  
    .card.cardContentPackage .primaryContent .mobileHeadline {
      display: block;
    }
  
    .card.cardContentPackage .primaryContent .primaryImage {
      margin-top: 0;
      order: 1;
      padding-bottom: 0.6rem;
    }
  
    .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink {
      margin-right: 0;
    }
  }
  
  .card.cardContentPackage .secondaryContent,
  .card.cardContentPackage .secondaryContent > div {
    display: flex;
    flex: 1 1 230px;
    flex-wrap: wrap;
  }
  
  @media (max-width: 640px) {
    .card.cardContentPackage .secondaryContent,
    .card.cardContentPackage .secondaryContent > div {
      margin-left: 1rem;
      margin-right: 1rem;
    }
  }
  
  .card.cardContentPackage .tertiaryContent {
    display: flex;
    flex-direction: column;
    margin-top: 0.6rem;
  }
  
  .card.cardContentPackage .tertiaryContent .card:first-child {
    padding-top: 0;
  }
  
  .card.cardContentPackage .tertiaryContent .card:nth-child(2).relatedCard {
    margin-top: 1.2rem;
  }
  
  .card.cardContentPackage
    .tertiaryContent
    .card:nth-child(2).relatedCard:before {
    border-top: 1px solid #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 192px;
  }
  
  .card.cardContentPackage .tertiaryContent .card {
    flex: 1 1 210px;
  }
  
  .card.cardContentPackage
    .tertiaryContent
    .card.cardDefault
    .card-content
    .contentPackageDiv {
    display: flex;
    margin-top: 10px;
  }
  
  .card.cardContentPackage
    .tertiaryContent
    .card.cardDefault
    .card-content
    .contentPackageDiv
    .inlineDescription {
    text-decoration: underline;
  }
  
  .card.cardContentPackage
    .tertiaryContent
    .card.cardDefault
    .card-content
    .contentPackageDiv
    .description {
    flex: 1 1 170px;
    font-size: 0.875rem;
    margin-top: 0;
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .card.cardContentPackage .tertiaryContent .contentPackageDiv .imageMedia {
      flex-shrink: 0;
    }
  }
  
  @media (max-width: 640px) {
    .card.cardContentPackage .tertiaryContent {
      margin-left: 1rem;
    }
  
    .card.cardContentPackage .tertiaryContent .card {
      flex: 1 1 180px;
    }
  
    .card.cardContentPackage .tertiaryContent .card.relatedCard {
      padding-top: 1.2rem;
    }
  
    .card.cardContentPackage .tertiaryContent .card.relatedCard:before {
      border-top: 1px solid #e0e0e0;
      content: "";
      height: 1px;
      left: 0;
      position: absolute;
      top: 0;
      width: 192px;
    }
  
    .card.cardContentPackage .tertiaryContent .card:nth-child(2) {
      padding-bottom: 0;
    }
  }
  
  .card.cardDefault {
    display: block;
    overflow: hidden;
    padding: 1rem;
  }
  
  .card.cardDefault .card-content {
    display: flex;
    height: 100%;
  }
  
  .card.cardDefault .card-content .cardHeadlineImage .cardImageWrap {
    float: right;
    height: 100px;
    margin-left: 1rem;
    width: 100px;
  }
  
  .card.cardDefault .card-content .cardHeadlineImage .imageMedia {
    margin: 0;
    overflow: hidden;
  }
  
  .card.cardDefault .card-content .cardHeadlineImage .imageMedia img {
    aspect-ratio: 1;
  }
  
  .card.cardDefault .card-content .cardHeadlineImage .headline {
    margin-top: 0;
  }
  
  .card.cardDefault .card-content .cardHeadlineImage .cardDefaultDescription {
    display: none;
  }
  
  .card.cardDefault .card-content .metadata {
    clear: both;
    margin-bottom: 0;
  }
  
  .viewportSmall .card.cardDefault .card-content {
    display: block;
  }
  
  .viewportSmall .card.cardDefault .card-content .metadata {
    clear: none;
  }
  
  .widescreenThumbs
    .card.cardDefault
    .card-content
    .cardHeadlineImage
    .cardImageWrap {
    height: 63px;
    width: 112px;
  }
  
  .widescreenThumbs
    .card.cardDefault
    .card-content
    .cardHeadlineImage
    .cardImageWrap
    img {
    aspect-ratio: 16/9;
  }
  
  .widescreenThumbs .card.cardDefault .card-content .cardHeadlineImage .headline {
    width: calc(100% - 116px);
  }
  
  .card.cardDefault.sponsored {
    background-color: #dcdcdc;
  }
  
  .card.cardDefault.sponsored:focus,
  .card.cardDefault.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardDefault.sponsored .card-content,
  .card.cardDefault.sponsored .card-content .imageMedia .placeholder,
  .card.cardDefault.sponsored .card-content .metadataText,
  .card.cardDefault.sponsored .contentWrapper .card-content,
  .card.cardDefault.sponsored
    .contentWrapper
    .card-content
    .imageMedia
    .placeholder,
  .card.cardDefault.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent;
  }
  
  .card.cardDefault.sponsored .card-content .label,
  .card.cardDefault.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -0.6rem 0 1rem -1rem;
  }
  
  .card.cardDefault.sponsored .card-content .label .labelText,
  .card.cardDefault.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: 0.5rem;
  }
  
  .card.cardDefault.sponsored .card-content:after,
  .card.cardDefault.sponsored .contentWrapper:after {
    border-bottom: none;
  }
  
  .card.cardDefault.sponsored .sponsorshipLogo {
    max-width: 100px;
  }
  
  .card.cardDefault.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .card.cardDefault.sponsorMeta:focus,
  .card.cardDefault.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardDefault.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .card.cardDefault.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .card.cardDefault.cardIconDescription {
    flex: 280px 1 1;
    height: 100%;
    margin: 0.5rem;
    padding: 1.15rem 1.15rem 1.15rem 0.6rem;
  }
  
  .card.cardDefault.cardIconDescription .cardHeadlineImage {
    align-items: center;
    display: flex;
  }
  
  .card.cardDefault.cardIconDescription .cardHeadlineImage .imageMedia {
    height: auto;
    margin-left: unset;
    width: 88px;
  }
  
  .card.cardDefault.cardIconDescription
    .cardHeadlineImage
    .cardHeadlineDescription {
    padding-left: 2rem;
    width: 14rem;
  }
  
  .card.cardDefault.cardIconDescription
    .cardHeadlineImage
    .cardHeadlineDescription
    .cardDefaultDescription {
    color: #545454;
    display: block;
    font-size: 13.5px;
    margin: unset;
    margin-top: 10px;
  }
  
  @media (max-width: 640px) {
    .card.cardDefault.cardIconDescription
      .cardHeadlineImage
      .cardHeadlineDescription {
      width: 12rem;
    }
  }
  
  .card.cardDefault.cardIconDescription .headline {
    font-size: 22px;
    margin-bottom: unset;
  }
  
  .card.cardDefault.cardIconDescription .card-content-bottom {
    display: none;
  }
  
  .card.cardText {
    display: block;
    overflow: hidden;
    padding: 0.5rem 1rem;
  }
  
  .card.cardText .card-content {
    height: 100%;
  }
  
  .card.cardText .card-content .metadata {
    margin: 0.5rem 0;
  }
  
  .card.cardText.sponsored {
    background-color: #dcdcdc;
  }
  
  .card.cardText.sponsored:focus,
  .card.cardText.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardText.sponsored .card-content,
  .card.cardText.sponsored .card-content .imageMedia .placeholder,
  .card.cardText.sponsored .card-content .metadataText,
  .card.cardText.sponsored .contentWrapper .card-content,
  .card.cardText.sponsored .contentWrapper .card-content .imageMedia .placeholder,
  .card.cardText.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent;
  }
  
  .card.cardText.sponsored .card-content .label,
  .card.cardText.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -0.6rem 0 1rem -1rem;
  }
  
  .card.cardText.sponsored .card-content .label .labelText,
  .card.cardText.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: 0.5rem;
  }
  
  .card.cardText.sponsored .card-content:after,
  .card.cardText.sponsored .contentWrapper:after {
    border-bottom: none;
  }
  
  .card.cardText.sponsored .sponsorshipLogo {
    max-width: 100px;
  }
  
  .card.cardText.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .card.cardText.sponsorMeta:focus,
  .card.cardText.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardText.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .card.cardText.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .card.cardRegular {
    align-items: center;
    background-color: #fff;
    flex-direction: column;
  }
  
  .card.cardRegular .image {
    min-height: 0;
    position: relative;
    width: 100%;
  }
  
  .card.cardRegular .image .imageEl {
    width: 100%;
  }
  
  .card.cardRegular .image img {
    aspect-ratio: 16/9;
  }
  
  .card.cardRegular .contentWrapper {
    align-self: stretch;
    padding: 0;
    position: relative;
  }
  
  .card.cardRegular .contentWrapper .card-content {
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0;
    padding: 1rem 1rem 0;
    transition: 0.4s;
    width: 100%;
  }
  
  .card.cardRegular .contentWrapper .card-content .authorInfo {
    margin-right: 0.7rem;
  }
  
  .card.cardRegular .contentWrapper .headline {
    font-size: 1rem;
  }
  
  .card.cardRegular .contentWrapper .metadata {
    margin-top: 1rem;
  }
  
  .card.cardRegular.sponsored {
    background-color: #dcdcdc;
  }
  
  .card.cardRegular.sponsored:focus,
  .card.cardRegular.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardRegular.sponsored .card-content,
  .card.cardRegular.sponsored .card-content .imageMedia .placeholder,
  .card.cardRegular.sponsored .card-content .metadataText,
  .card.cardRegular.sponsored .contentWrapper .card-content,
  .card.cardRegular.sponsored
    .contentWrapper
    .card-content
    .imageMedia
    .placeholder,
  .card.cardRegular.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent;
  }
  
  .card.cardRegular.sponsored .card-content .label,
  .card.cardRegular.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -0.6rem 0 1rem -1rem;
  }
  
  .card.cardRegular.sponsored .card-content .label .labelText,
  .card.cardRegular.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: 0.5rem;
  }
  
  .card.cardRegular.sponsored .card-content:after,
  .card.cardRegular.sponsored .contentWrapper:after {
    border-bottom: none;
  }
  
  .card.cardRegular.sponsored .sponsorshipLogo {
    max-width: 100px;
  }
  
  .card.cardRegular.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .card.cardRegular.sponsorMeta:focus,
  .card.cardRegular.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardRegular.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .card.cardRegular.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .card.cardShow {
    align-items: center;
    background-color: #fff;
    flex-direction: column;
  }
  
  .card.cardShow .image {
    min-height: 0;
    position: relative;
    width: 100%;
  }
  
  .card.cardShow .image .imageEl {
    width: 100%;
  }
  
  .card.cardShow .image img {
    aspect-ratio: 16/9;
  }
  
  .card.cardShow .contentWrapper {
    align-self: stretch;
    position: relative;
  }
  
  .card.cardShow .contentWrapper .card-content {
    background-color: #fff;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0 0.5rem;
    padding: 0.5rem;
    transition: 0.4s;
    width: 100%;
  }
  
  .card.cardShow .contentWrapper .card-content .authorInfo {
    margin-right: 0.7rem;
  }
  
  .card.cardShow .contentWrapper .metadata {
    font-size: 0.7rem;
  }
  
  .card.cardShow .contentWrapper .headline {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.125rem;
  }
  
  .card.cardShow .contentWrapper .description {
    color: #545454;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  
  .card.cardShow.sponsored {
    background-color: #dcdcdc;
  }
  
  .card.cardShow.sponsored:focus,
  .card.cardShow.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardShow.sponsored .card-content,
  .card.cardShow.sponsored .card-content .imageMedia .placeholder,
  .card.cardShow.sponsored .card-content .metadataText,
  .card.cardShow.sponsored .contentWrapper .card-content,
  .card.cardShow.sponsored .contentWrapper .card-content .imageMedia .placeholder,
  .card.cardShow.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent;
  }
  
  .card.cardShow.sponsored .card-content .label,
  .card.cardShow.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -0.6rem 0 1rem -1rem;
  }
  
  .card.cardShow.sponsored .card-content .label .labelText,
  .card.cardShow.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: 0.5rem;
  }
  
  .card.cardShow.sponsored .card-content:after,
  .card.cardShow.sponsored .contentWrapper:after {
    border-bottom: none;
  }
  
  .card.cardShow.sponsored .sponsorshipLogo {
    max-width: 100px;
  }
  
  .card.cardListing {
    align-items: flex-start;
    background-color: #fff;
    border: none;
    display: flex;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  
  .card.cardListing .imageMedia {
    width: 100%;
  }
  
  .card.cardListing .imageMedia img {
    aspect-ratio: 16/9;
  }
  
  .card.cardListing .card-content {
    padding: 0 16px;
  }
  
  .card.cardListing .headline {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  
  .card.cardListing .contentWrapper .label {
    margin-top: 0.5rem;
  }
  
  .card.cardListing .authorInfo .imageMedia {
    width: 40px;
  }
  
  .card.cardListing .authorInfo .imageMedia img {
    aspect-ratio: 1;
  }
  
  .card.cardListing.topImage {
    flex: 1 1 280px;
    flex-flow: column wrap;
  }
  
  .card.cardListing.leftImage,
  .card.cardListing.rightImage {
    border-top: 1px solid #e0e0e0;
    flex: 1 1 100%;
    flex-flow: row wrap;
    margin-bottom: 0;
    padding-top: 1rem;
  }
  
  .card.cardListing.leftImage .image,
  .card.cardListing.rightImage .image {
    flex: 0 1 120px;
    height: 67px;
    margin: 1.5rem 0 1.5rem 1.5rem;
    width: 120px;
  }
  
  .viewportLarge .card.cardListing.leftImage .image,
  .viewportLarge .card.cardListing.rightImage .image {
    flex: 1 1 220px;
    height: 124px;
    max-width: 220px;
  }
  
  .viewportSmall .card.cardListing.leftImage .image,
  .viewportSmall .card.cardListing.rightImage .image {
    flex: none;
    height: auto;
    margin: 1rem 0 0.5rem;
    width: 100%;
  }
  
  .card.cardListing.leftImage .contentWrapper,
  .card.cardListing.rightImage .contentWrapper {
    flex: 1;
  }
  
  .card.cardListing.rightImage {
    flex-flow: row-reverse wrap;
  }
  
  .viewportSmall .card.cardListing.rightImage {
    flex-flow: column wrap;
  }
  
  .card.cardListing.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .card.cardListing.sponsorMeta:focus,
  .card.cardListing.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardListing.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .card.cardListing.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .card.cardFeatured {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    padding: 1rem;
  }
  
  .card.cardFeatured .mediaItem {
    align-self: center;
    background-color: #fff;
    flex: 2 1 460px;
  }
  
  .card.cardFeatured .mediaItem img {
    aspect-ratio: 16/9;
  }
  
  .card.cardFeatured .headline {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
  }
  
  .card.cardFeatured .contentWrapper {
    flex: 1 1 206px;
    padding: 1rem;
  }
  
  .card.cardFeatured .contentWrapper .card-content .metadata {
    clear: both;
    margin-bottom: 0;
  }
  
  .card.cardFeatured.sponsored {
    background-color: #dcdcdc;
  }
  
  .card.cardFeatured.sponsored:focus,
  .card.cardFeatured.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardFeatured.sponsored .card-content,
  .card.cardFeatured.sponsored .card-content .imageMedia .placeholder,
  .card.cardFeatured.sponsored .card-content .metadataText,
  .card.cardFeatured.sponsored .contentWrapper .card-content,
  .card.cardFeatured.sponsored
    .contentWrapper
    .card-content
    .imageMedia
    .placeholder,
  .card.cardFeatured.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent;
  }
  
  .card.cardFeatured.sponsored .card-content .label,
  .card.cardFeatured.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -0.6rem 0 1rem -1rem;
  }
  
  .card.cardFeatured.sponsored .card-content .label .labelText,
  .card.cardFeatured.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: 0.5rem;
  }
  
  .card.cardFeatured.sponsored .card-content:after,
  .card.cardFeatured.sponsored .contentWrapper:after {
    border-bottom: none;
  }
  
  .card.cardFeatured.sponsored .sponsorshipLogo {
    max-width: 100px;
  }
  
  .card.cardFeatured.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .card.cardFeatured.sponsorMeta:focus,
  .card.cardFeatured.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .card.cardFeatured.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .card.cardFeatured.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .card.cardFeatured.hasVideo .videoContainer {
    align-self: center;
    flex: 2 1 460px;
    width: 100%;
  }
  
  .click-wp .card.cardFeatured.hasVideo .videoContainer,
  .viewportSmall .card.cardFeatured.hasVideo .videoContainer {
    width: 100%;
  }
  
  .card.cardFeaturedReversed .headline {
    font-size: 1.625rem;
  }
  
  .card.cardDiscovery {
    align-items: center;
    background-color: #fff;
    border: unset;
    border-bottom: 1px solid #e0e0e0;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    cursor: default;
    flex: 1 1 190px;
    flex-direction: column;
    margin: 0.5rem 0.5rem 0;
    overflow: unset;
  }
  
  .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .card.cardDiscovery:focus {
    box-shadow: 0 0 0 3px #e60505;
  }
  
  .card.cardDiscovery .image {
    min-height: 0;
    position: relative;
    width: 100%;
  }
  
  .card.cardDiscovery .image .imageEl {
    width: 100%;
  }
  
  .card.cardDiscovery .contentWrapper {
    align-self: stretch;
  }
  
  .card.cardDiscovery .contentWrapper .card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0.8rem 0.5rem 0 0;
    padding: 0;
  }
  
  .card.cardDiscovery .contentWrapper .headline {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
  }
  
  .card.cardDiscovery .contentWrapper .metadata {
    margin-bottom: 0.5rem;
  }
  
  .card.cardDiscovery .contentWrapper .metadata .authorInfo .author-image {
    display: none;
  }
  
  .card.cardDiscovery .contentWrapper .metadata .authorInfo .authorName {
    color: #000;
    font-size: 0.7625rem;
  }
  
  .card.cardDiscovery .contentWrapper .metadata .metadataText {
    font-size: 12.2px;
    margin: 0;
  }
  
  .card.cardDiscovery .contentWrapper .metadata .metadataText .commentInfo {
    display: none;
  }
  
  .card.cardDiscovery.isTrending {
    border-bottom: none;
    border-right: 1px solid #cbcbcb;
    margin-right: 0;
    padding-right: 0.5rem;
  }
  
  .card.cardDiscovery.isTrending .card-content {
    padding-left: 28px;
  }
  
  .card.cardDiscovery.isTrending .readerCount {
    margin: 0.5rem 0;
  }
  
  .vertical .card.cardDiscovery {
    border-bottom: 1px solid #e0e0e0;
    border-right: none;
    flex: 1 1 auto;
  }
  
  .vertical .card.cardDiscovery .imageMedia {
    display: none;
  }
  
  .vertical .card.cardDiscovery .headline {
    margin-bottom: 0.5rem;
  }
  
  .vertical .card.cardDiscovery .metadata,
  .vertical .card.cardDiscovery .readerCount {
    margin-top: 0;
  }
  
  .vertical .card.cardDiscovery.isTrending {
    padding-right: 0;
  }
  
  .vertical .card.cardDiscovery.isTrending .card-content {
    margin-right: 0;
  }
  
  .card.cardDiscovery .rankIndicator {
    color: #000;
    font-family: Stag Medium, Trebuchet;
    font-size: 26px;
    font-weight: 300;
    height: 0;
    left: -27px;
    position: relative;
  }
  
  @media only screen and (max-width: 849px) {
    .card.cardDiscovery .rankIndicator {
      font-size: 22px;
    }
  }
  
  .vertical .card.cardDiscovery .rankIndicator {
    font-size: 22px;
  }
  
  .card.cardDiscovery .readerCount {
    color: #545454;
    font-size: 12.2px;
    text-transform: none;
  }
  
  .card .headline {
    flex-grow: 1;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35rem;
    margin-top: 0.5rem;
  }
  
  .card .callToAction {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    color: #0550c8;
    flex-grow: 1;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  
  .card .callToAction .chevronIcon {
    fill: #0550c8;
    transform: rotate(-90deg);
  }
  
  .card .metadata {
    color: #545454;
    font-size: 0.85rem;
    margin-bottom: 1rem;
    margin-top: 0.75rem;
    padding-bottom: 0;
    text-transform: capitalize;
  }
  
  .card .metadata .metadataText {
    align-items: baseline;
    display: flex;
    flex-flow: row wrap;
    margin-top: 0.5rem;
  }
  
  .card .metadata .metaSeparator {
    margin-left: 5px;
    margin-right: 5px;
  }
  
  .card .metadata .authorInfo {
    margin-bottom: 0.5rem;
  }
  
  .card .metadata .departmentItem.Goods {
    text-transform: lowercase;
  }
  
  .card .metadata .commentCount-icon {
    fill: #0550c8;
    display: inline-block;
    height: 17px;
    margin-left: 0.2rem;
    vertical-align: middle;
    width: 16px;
  }
  
  .card .metadata .authorInfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  
  .card .metadata .authorInfo .author-image {
    margin-right: 0.5rem;
  }
  
  .card .metadata .authorInfo .authorName {
    align-self: center;
    text-transform: none;
  }
  
  .card .metadata .timeStamp {
    align-self: center;
  }
  
  .card .metadata .sponsorBy {
    margin-bottom: 16px;
    width: 100%;
  }
  
  .card .metadata .sponsorBy .sponsorLogo {
    align-items: center;
    display: flex;
    font-weight: 700;
  }
  
  .card .metadata .sponsorBy .sponsorLogo img {
    margin-left: 10px;
  }
  
  .card .metadata .sponsorBy .sponsorLink {
    text-decoration: none;
  }
  
  .card .metadata .detail:not(.card) .sponsorLogo {
    -webkit-font-smoothing: antialiased;
    color: #545454;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  
  .card .metadata .detail:not(.card) .sponsorLogo img {
    height: 30px;
    min-width: auto;
    width: auto;
  }
  
  .mediaTheme .card:focus {
    box-shadow: 0 0 0 6px #fff;
    outline: 3px solid #000;
  }
  
  .sectionContainer-wrapper
    .featuredTopStories
    .contentList
    .contentListCards
    .card {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0.5rem 0.5rem;
    padding: 0;
  }
  
  @media only screen and (max-width: 640px) {
    .sectionContainer-wrapper
      .featuredTopStories
      .contentList
      .contentListCards
      .card {
      border: 1px solid #e0e0e0;
      margin-top: 0;
      padding: 1rem;
    }
  }
  
  .sectionContainer-wrapper
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardFeatured {
    padding: 0;
  }
  
  .sectionContainer-wrapper
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardText {
    margin-top: 0;
    padding: 1rem;
  }
  
  .cardImageWrap {
    position: relative;
    width: 100%;
  }
  
  .carouselWrapper {
    background-color: #363636;
    display: flex;
    flex-flow: column;
    min-width: 100%;
  }
  
  .carouselWrapper .carouselTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .carouselWrapper .carouselTop .header {
    color: #fff;
    margin-left: 0.5rem;
  }
  
  .carouselWrapper .carouselNav {
    align-items: center;
    display: flex;
    margin-right: 0.5rem;
  }
  
  .carouselWrapper .carouselNav .carouselIndicator {
    color: #fff;
    font-size: 0.8rem;
  }
  
  .carouselWrapper .next,
  .carouselWrapper .prev {
    background: #000;
    border: none;
    color: #fff;
    height: 100%;
    padding: 0;
    width: 35px;
    z-index: 900;
  }
  
  .carouselWrapper .next:hover,
  .carouselWrapper .prev:hover {
    box-shadow: inset 0 0 0 3px hsla(0, 0%, 100%, 0.75);
  }
  
  .carouselWrapper .next .chevronIcon,
  .carouselWrapper .prev .chevronIcon {
    fill: #fff;
    background-color: transparent;
    border-radius: 0;
    height: 25px;
    margin: 0;
    opacity: 0.8;
    padding: 0;
    width: 35px;
  }
  
  .carouselWrapper .prev {
    display: none;
    left: 0;
    position: absolute;
  }
  
  .carouselWrapper .prev .chevronIcon {
    padding-top: 5px;
    transform: rotate(90deg);
  }
  
  .carouselWrapper .next {
    display: none;
    position: absolute;
    right: 0;
  }
  
  .carouselWrapper .next .chevronIcon {
    padding-left: 5px;
    transform: rotate(270deg);
  }
  
  .carouselWrapper .prev.show {
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
  }
  
  .carouselWrapper .prev.show:hover .chevronIcon {
    opacity: 1;
  }
  
  .carouselWrapper .next.show {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
  }
  
  .carouselWrapper .next.show:hover .chevronIcon {
    opacity: 1;
  }
  
  .carouselWrapper .carousel {
    display: flex;
    height: inherit;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  .carouselWrapper .carousel .itemList {
    -webkit-overflow-scrolling: touch;
    scroll-snap-points-x: repeat(300px);
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scroll-snap-type: mandatory;
    scrollbar-width: none;
  }
  
  .carouselWrapper .carousel .itemList > div {
    display: flex;
    flex-shrink: 0;
    scroll-snap-align: start;
    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.5s;
    width: 100%;
  }
  
  .carouselWrapper .carousel .itemList div.video-card-container:first-child {
    margin-left: 2px;
  }
  
  .carouselWrapper .carousel .itemList::-webkit-scrollbar {
    display: none;
  }
  
  .carouselWrapper .carousel .itemContainer {
    margin: 0 auto;
    padding-bottom: 16px;
    width: calc(100% - 70px);
  }
  
  .carouselWrapper .carousel div.video-card-container {
    margin: 2px 8px;
  }
  
  .viewportSmall .carouselWrapper .carousel div.video-card-container {
    max-width: calc(50% - 16px);
    min-width: calc(50% - 16px);
  }
  
  .viewportMedium .carouselWrapper .carousel div.video-card-container {
    max-width: calc(33.33% - 16px);
    min-width: calc(33.33% - 16px);
  }
  
  .viewportLarge .carouselWrapper .carousel div.video-card-container {
    max-width: calc(20% - 16px);
    min-width: calc(20% - 16px);
  }
  
  .carouselWrapper .carousel div.video-card-container.placeholder {
    max-width: 241px;
    min-width: 241px;
  }
  
  .carouselWrapper .carousel .video-card {
    border: 2px transparent;
    min-width: 100%;
  }
  
  .carouselWrapper .carousel .video-card .video-item {
    background-color: #fff;
    border: none;
    min-width: unset;
  }
  
  .carouselWrapper .carousel .video-card .video-item .video-item-details {
    height: 76px;
  }
  
  .carouselWrapper
    .carousel
    .video-card
    .video-item
    .video-item-details
    > .formattedDate {
    display: none;
  }
  
  .carouselWrapper
    .carousel
    .video-card
    .video-item
    .video-item-details
    .video-item-title {
    font-size: 0.8rem;
  }
  
  .carouselWrapper .carousel .video-card:focus,
  .carouselWrapper .carousel .video-card:hover {
    outline: none;
  }
  
  .carouselWrapper .carousel .video-card:focus .video-item,
  .carouselWrapper .carousel .video-card:hover .video-item {
    box-shadow: 0 0 0 2px #fff;
  }
  
  .comments .commentIntro {
    color: #545454;
    font-size: 0.9rem;
  }
  
  .comments .viafoura {
    --accent-color-light: #0550c8;
    --accent-color: #0550c8;
    --editors-pick-color: red;
    --moderator-color: #0550c8;
    --base-font-size: 0.7rem;
  }
  
  .comments .viafoura .vf-comment-header,
  .comments .viafoura .vf3-conversations-footer {
    display: none;
  }
  
  .comments .viafoura .vf-editors-pick-badge__text {
    visibility: hidden;
  }
  
  .comments .viafoura .vf-editors-pick-badge__text:before {
    content: "FEATURED";
    visibility: visible;
  }
  
  #mostpopular li.tab2,
  #newsheadlines .vf-counter.vf-widget,
  #regional .yui3-tabview-list li.tab2.yui3-tab.yui3-widget {
    display: none;
  }
  
  #mainbox1 #socialbox1 a:active,
  #mainbox1 #socialbox1 a:hover,
  #mainbox1 #socialbox1 a:link,
  #mainbox1 #socialbox1 a:visited,
  #mainbox2 #socialbox2 a:active,
  #mainbox2 #socialbox2 a:hover,
  #mainbox2 #socialbox2 a:link,
  #mainbox2 #socialbox2 a:visited,
  #mainbox2 #socialbox3 a:active,
  #mainbox2 #socialbox3 a:hover,
  #mainbox2 #socialbox3 a:link,
  #mainbox2 #socialbox3 a:visited {
    color: #000;
    text-decoration: none;
  }
  
  back-links {
    float: right;
    padding: 5px 0;
  }
  
  back-links .storytool {
    font-size: 12px;
    font-weight: 700;
    margin-right: 0;
    padding: 0 4px;
  }
  
  back-links .error {
    border-right: 2px solid gray;
  }
  
  back-links back {
    padding-left: 2px;
  }
  
  .contentList .card {
    overflow: hidden;
  }
  
  .contentList .ad-bigbox {
    margin-bottom: 0.5rem;
  }
  
  .contentList.hideContentBottom .card-content-bottom {
    display: none;
  }
  
  .contentList.hideContentBottom .headline {
    margin-bottom: 45px;
  }
  
  .contentList:not(.contentListSwimlane) .listDisplay.contentListCards {
    list-style-type: none;
    padding: 0;
  }
  
  .contentList:not(.contentListSwimlane) .listDisplay .contentListItem {
    display: flex;
  }
  
  .contentList:not(.contentListSwimlane)
    .listDisplay
    .contentListItem:first-child {
    flex-basis: 100%;
  }
  
  .contentList:not(.contentListSwimlane)
    .listDisplay
    .contentListItem:not(:first-child) {
    flex: 1 1 270px;
  }
  
  .contentList:not(.contentListSwimlane) .listDisplay .contentListItem:hover {
    z-index: 50;
  }
  
  .contentList.contentListSwimlane .listDisplay {
    align-items: stretch;
    display: flex;
    list-style: none;
    margin: inherit;
    padding: inherit;
  }
  
  .contentList.contentListSwimlane .listDisplay li {
    display: flex;
    flex: 1 1 230px;
    margin: 0.5rem;
  }
  
  .contentList.contentListSwimlane .listDisplay li .card {
    display: block;
    margin: 0;
  }
  
  .contentList.contentListSwimlane .listDisplay li:first-child .card {
    padding-left: 0;
  }
  
  .contentList.contentListSwimlane .listDisplay li:last-child .card {
    padding-right: 0;
  }
  
  .contentList .displayFour {
    display: flex;
    list-style: none;
    margin: inherit;
    padding: inherit;
  }
  
  .contentList .displayFour li {
    display: inherit;
    flex-basis: 100%;
  }
  
  .contentList .displayFour li:first-child .card {
    padding-left: 0;
  }
  
  .contentList .displayFour li:last-child .card {
    padding-right: 0;
  }
  
  .contentList .displayFour.displayFourRightBorder .card {
    border: none;
  }
  
  .contentList .displayFour.displayFourRightBorder .card .card-content {
    border-right: 1px solid #e0e0e0;
    margin-bottom: -14px;
    padding-right: 15px;
  }
  
  .contentList .displayFour.displayFourRightBorder li:last-child .card {
    border: none;
  }
  
  @media only screen and (max-width: 1080px) and (min-width: 800px) {
    .contentList .displayFour li:last-child {
      display: none;
    }
  
    .contentList .displayFour li:nth-last-child(-n + 2) .card {
      padding-right: 0;
    }
  
    .contentList
      .displayFour.displayFourRightBorder
      li:nth-last-child(-n + 2)
      .card {
      border: none;
    }
  }
  
  @media only screen and (max-width: 800px) and (min-width: 639px) {
    .contentList .displayFour li:nth-last-child(-n + 2) {
      display: none;
    }
  
    .contentList .displayFour li:nth-last-child(-n + 3) .card {
      padding-right: 0;
    }
  
    .contentList
      .displayFour.displayFourRightBorder
      li:nth-last-child(-n + 3)
      .card {
      border: none;
    }
  }
  
  @media only screen and (max-width: 639px) {
    .contentList .displayFour {
      flex-flow: column;
    }
  
    .contentList .displayFour .card {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
  
    .contentList .displayFour.displayFourRightBorder .card {
      border: none;
      border-bottom: 1px solid #e0e0e0;
    }
  }
  
  .contentList button.loadMore {
    margin: 0.5rem auto 1.5rem;
  }
  
  .featuredArea {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  
  .featuredArea .card {
    flex: 1 1 270px;
  }
  
  .featuredArea .cardRegular {
    margin: 0.5rem 0;
  }
  
  .featuredArea .cardFeatured {
    padding: 0;
  }
  
  .featuredArea .featuredHighlights .cardListing {
    border: 1px solid #e0e0e0;
  }
  
  .featuredArea .featuredHighlights .cardListing .card-content {
    padding: 1rem 1rem 0;
  }
  
  .featuredArea .featuredHighlights .cardListing .card-content .label {
    margin: 0 0 1rem;
  }
  
  .featuredArea .featuredHighlights,
  .featuredArea .featuredTopStories {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  
  .featuredArea .featuredNews,
  .featuredArea .primaryTopStories,
  .featuredArea .secondaryTopStories {
    width: 100%;
  }
  
  .featuredArea .featuredNews .featuredNewsContentPackage {
    display: flex;
  }
  
  .featuredArea .featuredNews .featuredTopStories {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  
  .featuredArea .featuredNews .featuredTopStories .contentList,
  .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards {
    height: 100%;
    margin: 0;
    width: 100%;
  }
  
  .featuredArea .featuredNews .featuredTopStories .contentList .card,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card {
    margin-top: 0;
  }
  
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .card.card-cqw.headline
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .card.cardDefault
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .card.cardListing
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .card.cardText
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.card-cqw.headline
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardDefault
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardListing
    .headline,
  .featuredArea
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardText
    .headline {
    font-size: 1.125rem;
    line-height: 1.3;
  }
  
  .viewportLarge
    .featuredArea
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card,
  .viewportMedium
    .featuredArea
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    flex-basis: 100%;
    padding: 0;
  }
  
  .viewportLarge
    .featuredArea
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card
    .card-content,
  .viewportMedium
    .featuredArea
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card
    .card-content {
    border: none;
  }
  
  @media (max-width: 705px) {
    .featuredArea .featuredNews .featuredTopStories {
      grid-template-columns: 1fr;
    }
  }
  
  .featuredArea .featuredNews .regionInfo .contentList .contentListCards .card {
    flex-basis: 230px;
  }
  
  .viewportSmall .featuredArea {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .viewportSmall .featuredArea .card {
    margin: 0.5rem;
  }
  
  .viewportSmall .featuredArea .cardRegular {
    flex: 1 1 230px;
    max-width: 100%;
  }
  
  .viewportSmall .featuredArea .ad-native-ad {
    padding: 0;
  }
  
  .viewportLarge .featuredArea .card.cardRegular,
  .viewportMedium .featuredArea .card.cardRegular,
  .viewportXLarge .featuredArea .card.cardRegular {
    flex: 1 1 25%;
    max-width: 31.5%;
  }
  
  .viewportLarge .featuredArea,
  .viewportMedium .featuredArea,
  .viewportXLarge .featuredArea {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .viewportLarge .featuredArea .card,
  .viewportMedium .featuredArea .card,
  .viewportXLarge .featuredArea .card {
    flex-basis: 230px;
    margin: 0.5rem;
    padding: 1rem;
  }
  
  .viewportLarge .featuredArea .card.cardFeatured,
  .viewportMedium .featuredArea .card.cardFeatured,
  .viewportXLarge .featuredArea .card.cardFeatured {
    margin-top: 0;
    padding: 0;
  }
  
  .viewportLarge .featuredArea .card.cardRegular,
  .viewportMedium .featuredArea .card.cardRegular,
  .viewportXLarge .featuredArea .card.cardRegular {
    padding: 0;
  }
  
  .viewportLarge .featuredArea .featuredTopStories,
  .viewportMedium .featuredArea .featuredTopStories,
  .viewportXLarge .featuredArea .featuredTopStories {
    align-items: stretch;
    margin-bottom: 0.5rem;
  }
  
  .viewportLarge .featuredArea .featuredTopStories .primaryTopStories,
  .viewportMedium .featuredArea .featuredTopStories .primaryTopStories,
  .viewportXLarge .featuredArea .featuredTopStories .primaryTopStories {
    display: flex;
    flex: 2 1 460px;
    width: auto;
  }
  
  .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
  .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
  .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
    flex: 1 1 230px;
    flex-flow: column wrap;
  }
  
  .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card,
  .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card,
  .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card {
    flex: 1 1 auto;
    width: -webkit-fill-available;
  }
  
  .viewportLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories
    .card:first-child,
  .viewportMedium
    .featuredArea
    .featuredTopStories
    .secondaryTopStories
    .card:first-child,
  .viewportXLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories
    .card:first-child {
    margin-top: 0;
  }
  
  .viewportLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories
    .card.cardDefault
    .cardHeadlineImage
    .cardImageWrap,
  .viewportMedium
    .featuredArea
    .featuredTopStories
    .secondaryTopStories
    .card.cardDefault
    .cardHeadlineImage
    .cardImageWrap,
  .viewportXLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories
    .card.cardDefault
    .cardHeadlineImage
    .cardImageWrap {
    display: none;
  }
  
  .viewportLarge .featuredArea .ad-native-ad,
  .viewportLarge .featuredArea .featuredHighlights .card.cardListing,
  .viewportMedium .featuredArea .ad-native-ad,
  .viewportMedium .featuredArea .featuredHighlights .card.cardListing,
  .viewportXLarge .featuredArea .ad-native-ad,
  .viewportXLarge .featuredArea .featuredHighlights .card.cardListing {
    padding: 0;
  }
  
  .pageContentWrap.wallpaperArea {
    background: #fff;
    padding: 0 1rem;
  }
  
  .pageContentWrap .contentAreaWrap {
    display: grid;
    gap: 0 1rem;
    grid-template-columns: 1fr;
    margin-top: 1.5rem;
  }
  
  .pageContentWrap .contentAreaWrap.withSidebar {
    grid-template-columns: 1fr 300px;
  }
  
  .pageContentWrap .contentAreaWrap .withFlex {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
  }
  
  .pageContentWrap .contentAreaWrap .contentArea .customHtml,
  .pageContentWrap .contentAreaWrap .sidebar .customHtml {
    border: none;
  }
  
  .pageContentWrap .contentAreaWrap .contentArea {
    flex: 3 1 43.75rem;
  }
  
  .pageContentWrap .contentAreaWrap .adCardWrapper,
  .pageContentWrap .contentAreaWrap .sidebar {
    width: 100%;
  }
  
  .pageContentWrap .contentAreaWrap .popularNowContainer {
    min-height: 30rem;
  }
  
  .pageContentWrap .contentAreaWrap .contentList .contentListCards {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .pageContentWrap .contentAreaWrap .contentList .contentListCards .card {
    flex: 1 1 270px;
    margin: 0.5rem;
  }
  
  .pageContentWrap
    .contentAreaWrap
    .contentList
    .contentListCards
    .contentListAdWrapper {
    flex: 0 0 100%;
  }
  
  .pageContentWrap
    .contentAreaWrap
    .contentList
    .contentListCards
    .contentListAdWrapper
    .card {
    max-width: 100%;
  }
  
  .pageContentWrap.viewportSmall .contentAreaWrap .contentList,
  .pageContentWrap.viewportSmall .contentAreaWrap .sidebar {
    padding-left: 0;
    padding-right: 0;
  }
  
  .pageContentWrap.viewportSmall TourButton {
    display: none;
  }
  
  .pageContentWrap.viewportSmall .cardRegular {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .viewportMedium .contentArea .contentList .contentListCards .card.cardRegular {
    flex: 1 1 47%;
    max-width: 48%;
  }
  
  .viewportLarge .contentArea .contentList .contentListCards .card.cardRegular,
  .viewportXLarge .contentArea .contentList .contentListCards .card.cardRegular {
    flex: 1 1 25%;
    max-width: 31.5%;
  }
  
  .viewportLarge .contentArea .contentList .contentListCards .card,
  .viewportMedium .contentArea .contentList .contentListCards .card,
  .viewportXLarge .contentArea .contentList .contentListCards .card {
    flex: 1 1 230px;
  }
  
  .viewportLarge
    .contentArea
    .contentList
    .contentListCards
    .card.cardListing.topImage,
  .viewportMedium
    .contentArea
    .contentList
    .contentListCards
    .card.cardListing.topImage,
  .viewportXLarge
    .contentArea
    .contentList
    .contentListCards
    .card.cardListing.topImage {
    max-width: 47.6%;
  }
  
  .viewportLarge .pageContentWrap .contentAreaWrap .sidebar,
  .viewportMedium .pageContentWrap .contentAreaWrap .sidebar,
  .viewportXLarge .pageContentWrap .contentAreaWrap .sidebar {
    flex: 0 0 300px;
  }
  
  .viewportSmall
    .contentArea
    .contentList
    .contentListCards
    .card.cardListing.topImage {
    flex-basis: 100%;
  }
  
  @media (min-width: 641px) and (max-width: 1068px) {
    .pageContentWrap .contentAreaWrap .sidebar,
    .pageContentWrap.viewportLarge .contentAreaWrap .sidebar,
    .pageContentWrap.viewportMedium .contentAreaWrap .sidebar {
      flex-grow: 1;
    }
  }
  
  @media (max-width: 1068px) {
    .pageContentWrap .contentAreaWrap.withSidebar {
      grid-template-columns: 1fr;
    }
  }
  
  .imageMedia {
    display: inline;
  }
  
  .imageMedia .placeholder {
    background: radial-gradient(#fff, #cbcbcb);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
  }
  
  .imageMedia .placeholder img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  
  .detail {
    overflow-x: unset;
  }
  
  .detail.detailBody .withFlex {
    display: flex;
    flex-flow: wrap;
  }
  
  .detail.detailBody .detailBodyContainer {
    display: grid;
    gap: 40px;
    margin: 1rem auto 0;
    max-width: 1060px;
  }
  
  .detail.detailBody .detailBodyContainer.withSidebar {
    grid-template-columns: 1fr 300px;
  }
  
  @media (max-width: 1100px) {
    .detail.detailBody .detailBodyContainer.withSidebar {
      grid-template-columns: 1fr;
      max-width: 720px;
    }
  }
  
  .detail.detailBody .detailBodyContainer .detailMainCol {
    flex: 0 1 45rem;
    max-width: 100%;
    min-width: 0;
  }
  
  .detail.detailBody .detailBodyContainer .detailSideRail {
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    max-width: 300px;
    position: relative;
  }
  
  .detail.detailBody .detailBodyContainer .detailSideRail .stickyContainer {
    flex-grow: 0.9;
  }
  
  .detail.detailBody .detailBodyContainer .detailSideRail .stickyContainer > div {
    position: sticky;
    top: 30px;
  }
  
  .detail.detailBody
    .detailBodyContainer
    .detailSideRail
    .stickyContainer.stickyRailAd {
    flex-grow: 1.1;
  }
  
  .detail.detailBody
    .detailBodyContainer
    .detailSideRail
    .listDisplay
    .contentListItem {
    flex-basis: 100%;
  }
  
  @media (max-width: 1100px) {
    .detail.detailBody .detailBodyContainer .detailSideRail {
      flex: 1 1 auto;
      max-width: 100%;
    }
  }
  
  @media (max-width: 768px) {
    .detail.detailBody .detailBodyContainer {
      margin-top: 0;
    }
  }
  
  .detail.detailBody .detailBodyContainer .commentsWrapper {
    display: grid;
    gap: 40px;
  }
  
  .detail.detailBody .detailBodyContainer .commentsWrapper.withSidebar {
    grid-template-columns: 1fr 300px;
  }
  
  @media (max-width: 1100px) {
    .detail.detailBody .detailBodyContainer .commentsWrapper.withSidebar {
      grid-template-columns: 1fr;
      margin: 0 auto;
      max-width: 45rem;
    }
  
    .detail.detailBody .detailBodyContainer .commentsWrapper {
      grid-template-columns: 1fr;
    }
  }
  
  .detail.detailBody .detailBodyContainer .commentsWrapper .detailSideRail {
    margin-top: 2rem;
  }
  
  .detail.detailBody .detailHeadline:lang(iu),
  .detail.detailBody :lang(iu) {
    font-family: Euphemia UCAS;
  }
  
  .detail.detailBody p:lang(iu) {
    letter-spacing: 1px;
    word-spacing: 7px;
  }
  
  .detail .detailLink {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .detail .detailLink:focus,
  .detail .detailLink:hover {
    background-color: #d8d8d8;
  }
  
  .detail .detailDiscovery {
    margin: 2.5rem auto 0;
    max-width: 78rem;
    width: 100%;
  }
  
  @media (max-width: 1100px) {
    .detail .detailDiscovery {
      margin: 0 auto;
      max-width: 45rem;
    }
  }
  
  .detail .detailDiscovery .headingText {
    margin-top: 2rem;
  }
  
  .detail .detailDiscovery .headingText .headingTextSection {
    color: #757575;
  }
  
  .detail .detailDiscovery .contentList .contentListCards {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -0.6rem;
  }
  
  .detail .detailHeadline {
    color: #000;
    font-size: 2rem;
    line-height: 1.3;
  }
  
  @media (max-width: 600px) {
    .detail .detailHeadline {
      font-size: 1.625rem;
    }
  }
  
  .detail .detailSummary {
    display: none;
  }
  
  .detail .deck {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }
  
  @media (max-width: 640px) {
    .detail .deck {
      font-size: 16px;
      line-height: 26px;
    }
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .detail .deck {
      font-size: 20px;
      line-height: 28px;
    }
  }
  
  .detail .byline {
    -webkit-font-smoothing: antialiased;
    align-items: center;
    color: #545454;
    display: flex;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  
  .detail .byline .author-image {
    margin: 0 0.5rem 0 0;
    min-width: 40px;
  }
  
  .detail .byline .author-image img {
    aspect-ratio: 1;
  }
  
  .detail .byline .timeStamp {
    display: inline-block;
  }
  
  .detail .byline .timeStamp:first-letter {
    text-transform: uppercase;
  }
  
  .detail .byline a {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .detail .byline a:focus,
  .detail .byline a:hover {
    background-color: #d8d8d8;
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .detail .byline {
      font-size: 16px;
      line-height: 24px;
    }
  }
  
  .detail .relatedlinks {
    margin-top: 2.5rem;
  }
  
  .detail .relatedlinks .relatedLink {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .detail .relatedlinks .relatedLink:focus,
  .detail .relatedlinks .relatedLink:hover {
    background-color: #d8d8d8;
  }
  
  .detail .relatedlinks .relatedListItem {
    margin: 1rem 0;
  }
  
  .detail .highlights {
    border-bottom: 1px solid #000;
    margin-bottom: 1rem;
  }
  
  .detail .highlights .highlightList {
    padding-left: 1.5rem;
  }
  
  .detail .highlights .highlightListItem {
    color: #e60505;
    font-weight: 700;
    padding-bottom: 0.5rem;
  }
  
  .detail .highlights .highlightListItem span {
    color: #000;
  }
  
  .detail .corrections {
    border-top: 1px solid #cbcbcb;
  }
  
  .detail .corrections .corrections-list {
    color: #545454;
    padding-left: 1rem;
  }
  
  .detail .corrections .correction-item {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
  
  .detail .corrections .correction-date {
    font-style: italic;
  }
  
  .detail .clarifications .clarifications-list {
    color: #545454;
    padding-left: 1rem;
  }
  
  .detail .clarifications .clarification-item {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
  
  .detail .clarifications .clarification-date {
    font-style: italic;
  }
  
  .detail .source {
    border-top: 1px solid #cbcbcb;
  }
  
  .detail .source p {
    font-style: italic;
  }
  
  .detail .commentCount .commentCount-icon {
    fill: #0550c8;
    display: inline-block;
    height: 32px;
    margin-left: 0.5rem;
    vertical-align: middle;
    width: 32px;
  }
  
  .detail .commentCount .viafoura span:not(:first-child) {
    display: none;
  }
  
  .detail .commentCount .viafoura .vf-comments-count {
    font-size: unset;
  }
  
  .detail .commentCount .commentCount-link {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-weight: unset;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .detail .commentCount .commentCount-link:focus,
  .detail .commentCount .commentCount-link:hover {
    background-color: #d8d8d8;
  }
  
  .detail .commentCount .commentCount-link .commentCount-text-container {
    display: flex;
  }
  
  .detail
    .commentCount
    .commentCount-link
    .commentCount-text-container
    .commentCount-text {
    line-height: 20.8px;
    white-space: pre;
  }
  
  .detail .jumpTo {
    -webkit-font-smoothing: antialiased;
    border-bottom: 1px solid #d8d8d8;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 1rem;
  }
  
  .detail .jumpTo .recommendedStoriesButton {
    align-items: center;
    border: 0;
    display: flex;
  }
  
  .detail .jumpTo .recommendedFlag {
    height: 20px;
  }
  
  .detail .jumpTo .recommendedLabel {
    color: #0550c8;
  }
  
  .detail .jumpTo .wrapper {
    line-height: 0px;
    padding-right: 8px;
  }
  
  .detail .sponsorBy {
    margin-bottom: 16px;
    width: 100%;
  }
  
  .detail .sponsorBy .sponsorLogo {
    align-items: center;
    display: flex;
    font-weight: 700;
  }
  
  .detail .sponsorBy .sponsorLogo img {
    margin-left: 10px;
  }
  
  .detail .sponsorBy .sponsorLink {
    text-decoration: none;
  }
  
  .detail .detail:not(.card) .sponsorLogo {
    -webkit-font-smoothing: antialiased;
    color: #545454;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  
  .detail .detail:not(.card) .sponsorLogo img {
    height: 30px;
    min-width: auto;
    width: auto;
  }
  
  .detail .detail-link-label {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1.2rem;
  }
  
  .detail .detail-link-label a {
    color: #757575;
    text-decoration: none;
  }
  
  .detail .detail-link-label a:hover {
    text-decoration: underline;
  }
  
  .detail .detail-link-label span {
    font-size: 1rem;
  }
  
  .detail .detail-link-label span span:first-child {
    color: #757575;
    padding: 0 0.5rem;
  }
  
  .detail .detail-link-label span [data-live][data-live="true"] {
    background: #ffdc14;
    color: #000;
    font-size: 16px;
    padding: 0.1rem 0.6rem;
  }
  
  .detail .detail-link-label span [data-breaking][data-breaking="true"] {
    color: #e60505;
  }
  
  .detail .detail-link-label span.sponsored-content {
    background-color: #000;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 40px;
    padding: 0.2rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
  
  .detail .breadcrumb-flags .detail-link-label {
    font-size: 1.125rem;
    margin-top: 0;
  }
  
  .detail .breadcrumb-flags .detail-link-label a {
    color: #757575;
  }
  
  .detail .breadcrumb-flags .detail-link-label span {
    font-size: 1.125rem;
  }
  
  .detail .breadcrumb-flags .detail-link-label span span:first-child {
    color: #000;
    padding: 0;
  }
  
  .detail
    .breadcrumb-flags
    .detail-link-label
    span
    [data-live][data-live="true"] {
    font-size: 1.125rem;
    padding: 0 0.5rem;
  }
  
  .detail
    .breadcrumb-flags
    .detail-link-label
    span
    [data-breaking][data-breaking="true"] {
    color: #e60505;
    padding: 0;
  }
  
  .detail .imageMedia .image-caption {
    border-bottom: 1px solid #d8d8d8;
    color: #545454;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0;
    padding-bottom: 16px;
  }
  
  .detail .imageMedia.leadmedia-story {
    display: block;
  }
  
  .detail .imageMedia.leadmedia-story .placeholder {
    margin: 1rem 0;
  }
  
  .detail .imageMedia.leadmedia-story .placeholder img {
    aspect-ratio: 16/9;
  }
  
  .authorprofile .authorprofile-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
  }
  
  .authorprofile .authorprofile-image-container {
    margin-right: 1rem;
    width: 100px;
  }
  
  .authorprofile .authorprofile-image-container .author-image {
    height: 100%;
    width: 100%;
  }
  
  .authorprofile .authorprofile-image-container .placeholder {
    background: none;
    border: 1px solid #cbcbcb;
  }
  
  .authorprofile .authorprofile-image-container .image {
    display: block;
  }
  
  .authorprofile .authorprofile-image-container .placeholder,
  .authorprofile .authorprofile-image-container img,
  .authorprofile .authorprofile-image-container svg {
    border-radius: 50%;
  }
  
  .authorprofile .authorprofile-image-container img {
    aspect-ratio: 1;
  }
  
  .authorprofile .authorprofile-name-container {
    justify-content: center;
  }
  
  .authorprofile .authorprofile-name-container .authorprofile-name {
    font-weight: 700;
    margin: 0;
  }
  
  .authorprofile .authorprofile-name-container .authorprofile-title {
    margin-bottom: 0;
    margin-top: 0.4rem;
  }
  
  .authorprofile .authorprofile-biography {
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 1rem;
  }
  
  .authorprofile .authorprofile-item {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .authorprofile .authorprofile-item:hover {
    background-color: #d8d8d8;
  }
  
  @media (max-width: 640px) {
    .authorprofile {
      font-size: 16px;
      line-height: 26px;
    }
  
    .authorprofile p {
      margin-bottom: 28px;
    }
  
    .authorprofile .authorprofile-name,
    .authorprofile .authorprofile-title {
      line-height: 130%;
      margin: 0;
    }
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .authorprofile {
      font-size: 18px;
      line-height: 28px;
    }
  
    .authorprofile p {
      margin-bottom: 32px;
    }
  
    .authorprofile .authorprofile-name {
      line-height: 130%;
      margin: 0;
    }
  }
  
  .authorProfilePage .authorprofile-container {
    margin-top: 0;
  }
  
  .authorProfilePage .authorprofile-image-container {
    margin-right: 2rem;
    min-width: 260px;
  }
  
  .authorProfilePage .authorprofile-image-container img {
    aspect-ratio: 1;
  }
  
  .authorProfilePage .authorprofile-name-container {
    padding-right: 0;
  }
  
  .authorProfilePage .authorprofile-name-container .authorprofile-name {
    font-size: 2rem;
  }
  
  .authorProfilePage .authorprofile-name-container .authorprofile-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0.5rem 0;
  }
  
  .authorProfilePage .authorprofile-biography {
    color: #545454;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 1rem;
  }
  
  .authorProfilePage.viewportSmall .authorprofile-container {
    display: block;
  }
  
  .authorProfilePage.viewportSmall
    .authorprofile-container
    .authorprofile-image-container {
    margin: 0 auto 1rem;
    max-width: 40%;
  }
  
  .authorProfilePage.viewportSmall
    .authorprofile-container
    .authorprofile-biography {
    padding-right: 0;
  }
  
  .authorProfilePage.viewportLarge .authorprofile-name-container {
    padding-right: 2rem;
  }
  
  @media (max-width: 640px) {
    .leadimage,
    .leadmedia-story {
      margin-left: -16px;
      margin-right: -16px;
    }
  
    .leadimage .image-caption,
    .leadmedia-story .image-caption {
      font-size: 14px;
      line-height: 20px;
      margin: 0 16px 16px;
      padding: 0 16px 16px;
    }
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .leadimage,
    .leadmedia-story {
      margin-left: -16px;
      margin-right: -16px;
    }
  
    .leadimage .image-caption,
    .leadmedia-story .image-caption {
      font-size: 16px;
      line-height: 24px;
      margin: 0 16px 16px;
      padding: 0 16px 16px;
    }
  }
  
  .detail .detailNoAds {
    margin: 0 auto;
    max-width: 45rem;
  }
  
  .show {
    background-color: #fff;
  }
  
  .show .showContent {
    padding-top: 1rem;
  }
  
  .show .showContent .ad-bigbox {
    border: none;
    margin-left: auto;
    margin-right: auto;
  }
  
  .show .showContent .contentListWrapper {
    margin: 0 0.5rem;
  }
  
  .show .showContent .contentList {
    display: flex;
    flex-flow: row wrap;
  }
  
  .show .showContent .contentList .card:first-child:nth-last-child(2) {
    flex-basis: 100%;
  }
  
  .show .showContent .contentList .contentListCards {
    overflow: hidden;
  }
  
  .show .showContent .contentList .contentListCards .cardListing.leftImage,
  .show .showContent .contentList .contentListCards .cardListing.rightImage {
    flex-basis: 100%;
  }
  
  .show .sidebar {
    flex: 1 0 230px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  
  .show .sidebar .widgets {
    margin: 1rem auto;
  }
  
  .show .banner {
    display: block;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .show.topicPage .pageIntro {
    display: none;
  }
  
  .show.topicPage .pageIntro.show-1919-100-years,
  .show.topicPage .pageIntro.show-being-black-in-canada,
  .show.topicPage .pageIntro.show-cbc-pride,
  .show.topicPage .pageIntro.show-tapestry-25,
  .show.topicPage .pageIntro.show-the-current-the-fix {
    display: block;
  }
  
  .viewportSmall .show .showNav .showNavLink {
    font-size: 0.8rem;
    margin: 0 0.5rem;
  }
  
  .viewportLarge .show .showContent .cardListing.topImage,
  .viewportXLarge .show .showContent .cardListing.topImage {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  
  .viewportLarge .show .sidebar,
  .viewportXLarge .show .sidebar {
    flex: 0 0 230px;
  }
  
  .followUs {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin: 1rem auto;
  }
  
  .followUs a:focus svg,
  .followUs a:hover svg {
    border: 0.125em solid #cbcbcb;
    border-radius: 50%;
    width: 92%;
  }
  
  .followUs .followUsHeadline {
    margin: 1rem 1rem 0;
  }
  
  .followUs .headingText {
    margin-top: 0.2rem;
    padding: 0.2rem 0.5rem;
  }
  
  .followUs ul {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 0.25rem;
    padding: 0;
  }
  
  .followUs ul li {
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 43px;
    margin: 0.4rem;
    width: 43px;
  }
  
  .followUs ul li:focus-within {
    border: 3px solid #0550c8;
  }
  
  .followUs .followUs-image {
    display: block;
    height: 100%;
  }
  
  .followUs .followUs-image .placeholder {
    align-items: center;
    background: none;
    display: flex;
    height: 100%;
    justify-content: center;
  }
  
  .followUs .followUs-image .placeholder img {
    height: 35px;
    position: relative;
  }
  
  .followUs .followUs-image img {
    height: 35px;
    position: relative;
    width: 35px;
  }
  
  .homepageTheme .followUs {
    margin: 0 auto 1rem;
  }
  
  .heading-right {
    margin: auto 2px auto auto;
  }
  
  .heading-element {
    display: inline-block;
    line-height: 1.3;
    margin: 0;
  }
  
  .heading-element-h1 {
    font-size: 2.5rem;
    font-weight: 800;
  }
  
  @media (max-width: 600px) {
    .heading-element-h1 {
      font-size: 2rem;
      font-weight: 800;
    }
  }
  
  .heading-element-h2 {
    font-size: 2rem;
    font-weight: 700;
  }
  
  @media (max-width: 600px) {
    .heading-element-h2 {
      font-size: 1.625rem;
    }
  }
  
  .heading-element-h3 {
    font-size: 1.625rem;
    font-weight: 700;
  }
  
  .heading-element-h3 .icon {
    margin-left: 20px;
  }
  
  @media (max-width: 600px) {
    .heading-element-h3 {
      font-size: 1.5rem;
    }
  }
  
  .heading-element-h4 {
    font-size: 1.125rem;
    font-weight: 600;
  }
  
  .heading-link {
    align-items: center;
    color: #000;
    display: inline-block;
    text-decoration: none;
  }
  
  .heading-link:hover .heading-element {
    text-decoration: underline;
  }
  
  .heading .headingIcon {
    display: inline;
    padding-left: 24px;
  }
  
  @media (max-width: 600px) {
    .heading .headingIcon {
      padding-left: 12px;
    }
  }
  
  .heading-description {
    color: #545454;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 8px;
  }
  
  .heading-pageHeading {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 12px;
  }
  
  .heading-sectionHeading .icon {
    padding-left: 20px;
  }
  
  @media (max-width: 400px) {
    .heading-sectionHeading .icon {
      padding-left: 10px;
    }
  }
  
  .heading-sectionHeading-sponsoredImageWrap {
    display: inline;
  }
  
  .heading-sectionHeading-sponsoredImageWrap-image {
    display: inline;
    max-height: 40px;
  }
  
  .heading-sectionHeading-sponsoredImageWrap-image-sm {
    max-height: 20px;
    max-width: 85px;
  }
  
  .heading-sectionHeading-sponsoredImageWrap-image-lg {
    max-height: 25px;
  }
  
  .heading-sectionHeading-sponsoredImageWrap-link:focus {
    outline: none;
  }
  
  .heading-sectionHeading-sponsoredImageWrap-link:focus
    .heading-sectionHeading-sponsoredImageWrap-image {
    outline: 1px dashed #545454;
  }
  
  @media (max-width: 299px) {
    .heading-sectionHeading-sponsoredImageWrap {
      display: block;
      margin-top: 6px;
      padding: 0;
      width: 100%;
    }
  
    .heading-sectionHeading-sponsoredImageWrap-image {
      display: block;
    }
  }
  
  .heading-sectionHeading-sponsorText,
  .heading-sectionHeading-sponsorText-dark {
    align-items: center;
    display: flex;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 8px;
  }
  
  .heading-sectionHeading-sponsorText-dark {
    color: #fff;
  }
  
  .heading-sectionHeading-sponsorText-dark
    .heading-sectionHeading-sponsoredImageWrap {
    display: flex;
  }
  
  .heading-sectionHeading-sponsorText img {
    vertical-align: bottom;
  }
  
  .heading-subHeading .icon {
    padding-left: 15px;
  }
  
  @media (max-width: 400px) {
    .heading-subHeading .icon {
      padding-left: 7px;
    }
  }
  
  .heading-element-h4 .icon {
    padding: 0;
  }
  
  .heading-element-h4 .icon .headingIcon {
    margin-left: 16px;
    max-height: 10px;
    max-width: 10px;
    padding: 0;
  }
  
  div + .heading-sectionHeading {
    margin-top: 40px;
  }
  
  .heading.heading-sectionHeading + .contentList,
  .heading.heading-sectionHeading + .pageContentWrap .contentAreaWrap {
    margin-top: -0.5rem;
  }
  
  .oc-l-sectionContainer-dark .heading-description,
  .oc-l-sectionContainer-dark .heading-element,
  .subregionCTAWrapper .heading-description,
  .subregionCTAWrapper .heading-element,
  .swimlane.mediaTheme .heading-description,
  .swimlane.mediaTheme .heading-element {
    color: #fff;
  }
  
  .oc-l-sectionContainer-dark .heading-link:focus,
  .oc-l-sectionContainer-dark
    .heading-sectionHeading-sponsoredImageWrap-link:focus
    .heading-sectionHeading-sponsoredImageWrap-image,
  .subregionCTAWrapper .heading-link:focus,
  .subregionCTAWrapper
    .heading-sectionHeading-sponsoredImageWrap-link:focus
    .heading-sectionHeading-sponsoredImageWrap-image,
  .swimlane.mediaTheme .heading-link:focus,
  .swimlane.mediaTheme
    .heading-sectionHeading-sponsoredImageWrap-link:focus
    .heading-sectionHeading-sponsoredImageWrap-image {
    outline: 3px solid #fff;
  }
  
  .oc-l-sectionContainer-dark .headingIcon path,
  .subregionCTAWrapper .headingIcon path,
  .swimlane.mediaTheme .headingIcon path {
    fill: #fff;
  }
  
  .oc-l-sectionContainer-light .heading-description,
  .swimlane.newsTheme .heading-description {
    color: #000;
  }
  
  .heading.marginTop16Bot8 {
    margin: 1rem 0 0.5rem;
  }
  
  .heading.margin16 {
    margin: 1rem 0;
  }
  
  .sectionContainer-main .linkCTA:not(.imageCTA) .heading-main {
    padding-top: 13px;
  }
  
  .sectionContainer-main .linkCTA .heading-description {
    margin-bottom: 0;
  }
  
  .sectionContainer-main
    .oc-l-contentGrid
    ~ .linkCTA:not(.imageCTA)
    .heading-main {
    padding-top: 40px;
  }
  
  .sidebar .linkCTA .heading-element-h3 {
    font-size: 1.125rem;
  }
  
  .sidebar .linkCTA .heading-description,
  .sidebar .linkCTA .heading-link {
    font-size: 0.875rem;
    text-decoration: none;
  }
  
  .sidebar .linkCTA .heading-description :focus,
  .sidebar .linkCTA .heading-description :hover,
  .sidebar .linkCTA .heading-link :focus,
  .sidebar .linkCTA .heading-link :hover {
    text-decoration: underline;
  }
  
  @media (max-width: 300px) {
    .sidebar .linkCTA .heading-description {
      margin-top: 16px;
    }
  }
  
  .sidebar .heading-element-h3 {
    font-size: 1.125rem;
    line-height: 1.3rem;
  }
  
  .label {
    background-color: transparent;
    color: #545454;
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  .label .labelText {
    text-transform: uppercase;
  }
  
  .label .labelText.lower {
    text-transform: lowercase;
  }
  
  .label.highlighted {
    color: #000;
  }
  
  .label.highlighted .labelText {
    background-color: #ffdc14;
    padding: 0.2rem 0.5rem;
  }
  
  .label.flag {
    background-color: #fff;
    color: #545454;
  }
  
  .label.sponsored {
    color: #000;
    font-weight: 700;
  }
  
  .label.sponsored .labelText {
    background-color: #dcdcdc;
    padding: 0.2rem 0.5rem;
  }
  
  .label.block .labelText {
    display: block;
  }
  
  .relatedlinks .relatedLink .label {
    display: inline;
    font-size: 0.8rem;
    margin-right: 0.2rem;
  }
  
  .relatedlinks .relatedLink .label .labelText {
    padding: 0.2rem;
    padding-bottom: inherit;
  }
  
  .detail.detailBody :not(.card) .label {
    margin-left: 0;
  }
  
  .verticalCardList .cardList .label {
    margin-top: 0.5rem;
  }
  
  .similarLinks .similarListItem .similarLink .label {
    display: inline;
  }
  
  .similarLinks .similarListItem .similarLink .labelText {
    font-size: 0.8rem;
    margin-right: 0.5rem;
    padding: 0.2rem 0.5rem;
  }
  
  .detail .moreStories .contentList .contentListCards .card .label .labelText {
    background-color: transparent;
    border: none;
    color: #545454;
    padding: 0;
  }
  
  .cardText .card-content .label.highlighted .labelText {
    display: inline-block;
    margin-bottom: 0.3rem;
  }
  
  .cardShow .contentWrapper .card-content .label {
    margin-top: 0.3rem;
  }
  
  .cardRegular .contentWrapper .card-content .label {
    margin: 0 0 1rem;
  }
  
  .cardListing .contentWrapper .label {
    margin-top: 0.5rem;
  }
  
  .cardListing.sponsored .contentWrapper .card-content .label {
    margin-top: 0;
  }
  
  .cardFeatured .contentWrapper .card-content .label {
    margin: 0 0 1rem;
  }
  
  .cardDiscovery .contentWrapper .card-content .label {
    margin-bottom: 0.5rem;
  }
  
  .cardDiscovery.isTrending .card-content .label.flag,
  .cardDiscovery.isTrending .card-content .label.highlighted,
  .cardDiscovery.isTrending .card-content .label.sponsored {
    display: inline-flex;
  }
  
  .cardDiscovery:not(.isTrending) .contentWrapper .label .labelText {
    background-color: transparent;
    border: none;
    color: #545454;
    padding: 0;
  }
  
  .cardDefault .card-content .label {
    margin: 0 0 1rem;
  }
  
  .cardContentPackage .supportingContent .card.relatedCard .label {
    display: inline-block;
    padding-right: 10px;
  }
  
  .cardContentPackage
    .supportingContent
    .card.relatedCard
    .label.highlighted
    .labelText {
    padding: 0.04rem 0.4rem;
  }
  
  .primaryContent .supportingContent .flag,
  .primaryContent .supportingContent .label {
    display: inline-block;
    padding-right: 10px;
  }
  
  .primaryContent .supportingContent .label.highlighted .labelText {
    margin-bottom: 0;
  }
  
  .primaryContent .supportingContent .label:not(.highlighted) {
    padding-top: 2px;
  }
  
  .primaryContent .supportingContent .primaryLabel .labelText {
    background: #e60505;
    color: #fff;
    padding: 0.06rem 0.55rem;
  }
  
  .primaryContent .supportingContent .primaryLabel.highlighted .labelText {
    background: #ffdc14;
    color: #000;
  }
  
  .tertiaryContent .card.cardDefault .card-content .label {
    margin-bottom: 0;
  }
  
  .artsTheme .label.flag .labelText {
    color: #801f73;
  }
  
  .artsTheme .primaryContent .primaryLabel .labelText {
    background: #801f73;
    color: #fff;
  }
  
  .artsTheme .primaryContent .primaryLabel.highlighted .labelText {
    background: #ffdc14;
    color: #000;
  }
  
  .archivesTheme .label.flag .labelText {
    color: #d83a4a;
  }
  
  .booksTheme .label.flag .labelText {
    color: #00498f;
  }
  
  .comedyTheme .label.flag .labelText {
    background-color: #fff;
    border: 1px solid #dd8f28;
    padding: 0.2rem 0.5rem;
  }
  
  .comedyTheme .similarLinks .similarListItem .similarLink .label .labelText {
    font-size: 0.7rem;
  }
  
  .app2017Theme .label.flag .labelText {
    border: 1px solid #f4981e;
    padding: 0.2rem 0.5rem;
  }
  
  .homepageTheme .label.flag .labelText {
    color: #e60505;
  }
  
  .homepageTheme .cardContentPackage .label.flag .labelText {
    background: #fff;
  }
  
  .lifeTheme .label.flag .labelText {
    background-color: #fff;
    color: #d83a4a;
  }
  
  .mycbcTheme .label.flag .labelText {
    color: #e60505;
  }
  
  .newsTheme .label.flag .labelText {
    background-color: #fff;
    color: #e60505;
  }
  
  .newsTheme .detail .labelStory.flag .labelText {
    background-color: #e60505;
    color: #fff;
    padding: 0.2rem 0.5rem;
  }
  
  .radioTheme .label.flag .labelText {
    color: #00498f;
  }
  
  .sportsTheme .label.flag .labelText {
    background-color: #fff;
    color: #545454;
  }
  
  .sportsTheme .similarLinks .similarListItem .similarLink .label .labelText {
    font-size: 0.7rem;
  }
  
  .sportsTheme .relatedlinks .relatedLink .label.flag {
    font-size: 0.7rem;
    margin-right: 0.2rem;
  }
  
  .sportsTheme .relatedlinks .relatedLink .label.flag .labelText {
    display: inline;
    padding: 0.15rem 0.3rem;
    padding-bottom: inherit;
  }
  
  .sportsTheme .cardContentPackage .relatedCard .label .labelText {
    padding: 0.04rem 0.4rem;
  }
  
  .sportsTheme .primaryContent .primaryLabel .labelText {
    background: #222;
    color: #fff;
  }
  
  .sportsTheme .primaryContent .primaryLabel.highlighted .labelText {
    background: #ffdc14;
    color: #000;
    padding: 0.04rem 0.4rem;
  }
  
  .visualstoriesTheme .label.flag .labelText {
    color: #e60505;
  }
  
  .in-page-nav-wrapper {
    display: flex;
    overflow: auto;
    position: relative;
  }
  
  .in-page-nav-wrapper .next-button-wrapper,
  .in-page-nav-wrapper .previous-button-wrapper {
    display: none;
    height: 98%;
    justify-content: center;
    position: absolute;
  }
  
  .in-page-nav-wrapper .next-button-wrapper button,
  .in-page-nav-wrapper .previous-button-wrapper button {
    border: 0;
    color: #000;
    line-height: 3.2;
  }
  
  .in-page-nav-wrapper .next-button-wrapper button .chevronIcon.horizontal,
  .in-page-nav-wrapper .previous-button-wrapper button .chevronIcon.horizontal {
    fill: #545454;
    height: 13px;
    width: 13px;
  }
  
  .in-page-nav-wrapper .next-button-wrapper button:focus > .icon,
  .in-page-nav-wrapper .next-button-wrapper button:hover > .icon,
  .in-page-nav-wrapper .previous-button-wrapper button:focus > .icon,
  .in-page-nav-wrapper .previous-button-wrapper button:hover > .icon {
    background: #f4f4f4;
  }
  
  .in-page-nav-wrapper .next-button-wrapper.active,
  .in-page-nav-wrapper .previous-button-wrapper.active {
    display: flex;
  }
  
  .in-page-nav-wrapper .previous-button-wrapper button > .icon {
    padding: 5px 8px 3px 3px;
  }
  
  .in-page-nav-wrapper .previous-button-wrapper button .chevronIcon.horizontal {
    transform: rotate(-270deg);
  }
  
  .in-page-nav-wrapper .previous-button-wrapper:after {
    background: linear-gradient(90deg, #fff 20%, hsla(0, 0%, 100%, 0) 80%);
    content: "";
    height: 100%;
    pointer-events: none;
    width: 50px;
  }
  
  .in-page-nav-wrapper .next-button-wrapper {
    right: 0;
  }
  
  .in-page-nav-wrapper .next-button-wrapper button > .icon {
    padding: 5px 5px 3px 6px;
  }
  
  .in-page-nav-wrapper .next-button-wrapper:before {
    background: linear-gradient(270deg, #fff 20%, hsla(0, 0%, 100%, 0) 80%);
    content: "";
    height: 100%;
    pointer-events: none;
    width: 50px;
  }
  
  .in-page-nav-wrapper .in-page-nav {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: auto;
    display: flex;
    overflow: auto;
    overflow: -moz-scrollbars-none;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  
  .in-page-nav-wrapper .in-page-nav::-webkit-scrollbar {
    display: none;
  }
  
  .in-page-nav-wrapper .in-page-nav ul {
    align-items: center;
    display: flex;
    list-style-type: none;
    margin: 0;
    min-height: 50px;
    padding: 0;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li {
    margin: 0;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li a {
    color: #545454;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 11px 16px;
    text-decoration: none;
    white-space: nowrap;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li a:focus,
  .in-page-nav-wrapper .in-page-nav ul li a:hover {
    color: #000;
    outline-offset: -1px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.7em;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li a.selected {
    color: #000;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li a.selected:after {
    background: #000;
    border-radius: 2px;
    content: "";
    float: left;
    height: 3px;
    margin-top: 5px;
    width: 100%;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li:first-child a {
    padding-left: 0;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown {
    padding: 10px 15px 10px 0;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:not(:first-child) {
    padding-left: 15px;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper {
    display: flex;
    flex-direction: column;
  }
  
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown
    .dropdown-wrapper
    .dropdown-select-title {
    color: transparent;
    font-weight: 700;
    pointer-events: none;
    white-space: nowrap;
  }
  
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown
    .dropdown-wrapper
    .dropdown-select-title:after {
    color: #545454;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 55' width='25' height='12' style='fill:%23545454'%3E%3Cpath d='M119.5 145.4 3.5 27.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 105.8 228.4 3.6c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17l-116 117.8c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E");
    padding-left: 8px;
  }
  
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown
    .dropdown-wrapper
    select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: #545454;
    font-weight: 700;
    margin-top: -22px;
    outline-offset: 11px;
    padding: 0;
  }
  
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown
    .dropdown-wrapper
    select:focus {
    outline-color: #0550c8;
    outline-style: solid;
    outline-width: 3px;
  }
  
  .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:focus select,
  .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:hover select {
    color: #222323;
  }
  
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown:focus
    .dropdown-select-title,
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown:hover
    .dropdown-select-title {
    text-decoration: underline;
    -webkit-text-decoration-color: #222323;
    text-decoration-color: #222323;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.7em;
  }
  
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown:focus
    .dropdown-select-title:after,
  .in-page-nav-wrapper
    .in-page-nav
    ul
    li.in-page-nav-dropdown:hover
    .dropdown-select-title:after {
    color: #545454;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 55' width='25' height='12' style='fill:%23222323'%3E%3Cpath d='M119.5 145.4 3.5 27.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 105.8 228.4 3.6c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17l-116 117.8c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E");
    padding-left: 8px;
  }
  
  .imageLinkWidget {
    display: block;
    line-height: 0;
    transition: 0.4s;
  }
  
  .imageLinkWidget:active,
  .imageLinkWidget:hover {
    box-shadow: 0 0 0 3px #cbcbcb;
  }
  
  .imageLinkWidget:focus {
    box-shadow: 0 0 0 3px #cbcbcb;
    outline: 0;
    transform: none;
  }
  
  .imageLinkWidget.card-rci-description:focus {
    box-shadow: 0 0 0 3px #e60505;
  }
  
  .imageLinkWidget img.linkImage {
    width: 100%;
  }
  
  .imageLinkWidget .description {
    color: #545454;
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0.5rem 1.5rem 0;
  }
  
  .imageLinkWidget .callToAction {
    color: #e60505;
    margin: 0 1.5rem 0.5rem;
  }
  
  .imageLinkWidget .callToAction .icon .chevronIcon {
    fill: #e60505;
  }
  
  .imageLinkWidget.card-rci-description {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .imageLinkWidget.card-rci-description .description {
    margin: 10px 16px 8px;
  }
  
  .imageLinkWidget.card-rci-description .callToAction {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300;
    margin: 0 16px 16px;
  }
  
  .imageLinkWidget.card-rci-description img.linkImage {
    margin: 10px 16px 0;
    width: 65%;
  }
  
  .imageButtonWidget.holiday-contest-banner {
    background: #fae5e5;
    text-align: center;
  }
  
  .imageButtonWidget.holiday-contest-banner .buttonImage {
    display: block;
    margin: 1rem auto 0;
    padding: 1.5rem 0 0;
    width: 260px;
  }
  
  .imageButtonWidget.holiday-contest-banner #holiday-contest-banner {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 22px;
    margin: 1rem 1.5rem;
  }
  
  .imageButtonWidget.holiday-contest-banner a {
    background: #000;
    border: 1px solid #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 1.5rem;
    padding: 0.5rem 1rem;
    text-decoration: none;
  }
  
  .imageButtonWidget.holiday-contest-banner a:hover {
    background: #fff;
    color: #000;
  }
  
  .storybookTweaks-contentGrid section {
    display: flex;
    margin-bottom: 16px;
  }
  
  .storybookTweaks-contentGrid .mockRightRail {
    background: violet;
    box-sizing: border-box;
    color: #fff;
    flex: 0 0 300px;
    margin-left: 16px;
    padding: 15px 10px;
  }
  
  @media (max-width: 1002px) {
    .storybookTweaks-contentGrid section {
      flex-direction: column;
    }
  
    .storybookTweaks-contentGrid .mockRightRail {
      margin-left: 0;
      margin-top: 16px;
    }
  }
  
  ul.oc-l-contentGrid {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  
  li.oc-l-contentGrid-contentWrapper {
    list-style: none;
  }
  
  .oc-l-contentGrid {
    grid-gap: 16px 16px;
    display: flex;
    display: grid;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .oc-l-contentGrid-contentWrapper {
    display: flex;
    flex: 1 1 230px;
    margin: 0 0.5rem 1rem;
  }
  
  @supports (display: grid) {
    .oc-l-contentGrid-contentWrapper {
      margin: 0;
    }
  }
  
  .oc-l-contentGrid-defaultGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  @media (max-width: 1002px) {
    .oc-l-contentGrid-defaultGrid {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media (max-width: 530px) {
    .oc-l-contentGrid-defaultGrid {
      grid-template-columns: 1fr;
    }
  }
  
  .oc-l-contentGrid-defaultGrid .full-width-grid-item {
    grid-column: 1/-1;
  }
  
  .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  @media (max-width: 1002px), (max-width: 1072px) and (min-width: 1069px) {
    .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid {
      grid-template-columns: 1fr 1fr;
    }
  
    .oc-l-sectionContainer-withRightRail
      .oc-l-contentGrid-defaultGrid
      .oc-l-contentGrid-contentWrapper-oddLast {
      display: none;
    }
  }
  
  @media (max-width: 530px) {
    .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid {
      grid-template-columns: 1fr;
    }
  }
  
  .oc-l-sectionContainer-withRightRail
    .oc-l-contentGrid-defaultGrid
    .full-width-grid-item {
    grid-column: 1/-1;
  }
  
  @media (max-width: 530px) {
    .oc-l-contentGrid.oc-l-contentGrid-sideScroll {
      grid-gap: 0;
      display: flex;
      padding-bottom: 10px;
      padding-left: 16px;
    }
  
    .oc-l-contentGrid-sideScroll {
      scrollbar-face-color: #cbcbcb;
      scrollbar-track-color: transparent;
      scrollbar-arrow-color: #cbcbcb;
      flex-wrap: nowrap;
      margin: 0;
      overflow-x: scroll;
      overflow-y: hidden;
      scrollbar-color: #cbcbcb transparent;
      scrollbar-width: thin;
    }
  
    .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper {
      margin: 0 8px;
      min-width: 230px;
    }
  
    .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper:first-child {
      margin-left: 0;
    }
  
    .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper:last-child {
      margin-right: 0;
      padding-right: 16px;
    }
  
    .oc-l-contentGrid-sideScroll::-webkit-scrollbar {
      height: 7px;
    }
  
    .oc-l-contentGrid-sideScroll::-webkit-scrollbar-thumb {
      background: #cbcbcb;
      border-radius: 3px;
    }
  }
  
  .oc-l-contentGrid-contentWrapper-fullWidth {
    flex: 1 1 100%;
    grid-column: 1/-1;
  }
  
  .oc-l-contentGrid-contentWrapper-fullWidth-content.card.cardFeatured {
    padding: 0;
  }
  
  .oc-l-contentGrid-contentWrapper-fullWidth-content.card.cardContentPackage
    .firstContentColumn {
    margin-right: 0;
  }
  
  .oc-l-contentGrid-contentWrapper-spanTwoCol {
    grid-column: span 2;
  }
  
  @media (max-width: 530px) {
    .oc-l-contentGrid-contentWrapper-spanTwoCol {
      grid-column: span 1;
    }
  }
  
  .oc-l-contentGrid-contentWrapper-SpanTwoRow {
    grid-row: span 2;
  }
  
  .oc-l-contentGrid-contentWrapper-verticalCol {
    grid-column-end: 3;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-row-start: 1;
  }
  
  @media (max-width: 530px) {
    .oc-l-contentGrid-contentWrapper-verticalCol {
      grid-column: span 1;
    }
  }
  
  .oc-l-contentGrid-contentWrapper-verticalCol-content.card.cardFeatured {
    padding: 0;
  }
  
  .oc-l-contentGrid-contentWrapper .card {
    flex-grow: 1;
    margin: 0;
  }
  
  .oc-l-contentGrid-maxChildren-4
    .oc-l-contentGrid-contentWrapper:nth-child(n + 5),
  .oc-l-contentGrid-maxChildren-7
    .oc-l-contentGrid-contentWrapper:nth-child(n + 8) {
    display: none;
  }
  
  .cookieJarWrapper {
    margin: 0 auto;
    max-width: 45rem;
  }
  
  .cookieJarWrapper .readMoreLink {
    display: none;
  }
  
  .cookieJarWrapper .cookiePageTitle {
    font-size: 1.17em;
  }
  
  .cookieJarWrapper .cookieName {
    font-size: 1em;
  }
  
  .viewportLarge
    .landing
    .splitPageBottomArea
    .contentArea
    .contentList
    .contentListCards
    .card {
    flex-basis: 270px;
  }
  
  .viewportLarge
    .landing
    .splitPageBottomArea
    .contentArea
    .contentList
    .contentListCards
    .card.cardRegular {
    flex-basis: 23%;
    max-width: 23.4%;
  }
  
  .landing.landingNoLoadMore .listHeading {
    border-bottom: 1px solid #000;
    margin-bottom: 1rem;
  }
  
  .landing .lazy-load {
    min-height: 100px;
  }
  
  .landing.landingNoLoadMore > h2 {
    font-size: 1.5em;
  }
  
  .landing .playlistSwimlane {
    margin: 55px 0 50px;
  }
  
  .LandingCategories {
    padding-top: 24px;
  }
  
  .LandingCategories .landingCategoriesList .contentListCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .landingWatch .pageIntro {
    min-height: 2rem;
  }
  
  .landingWatch .swimlane {
    margin-bottom: 0.25rem;
  }
  
  .landingWatch .swimlane .moreStories .moreStoriesList {
    padding-bottom: 0;
    padding-top: 0;
  }
  
  .landingWatch
    .swimlane
    .moreStories
    .moreStoriesList
    .headingText
    .icon
    .chevronIcon.horizontal {
    fill: #0a7f9d;
  }
  
  .landingWatch .swimlane .moreStories .contentList .contentListCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(230px + 2rem), 1fr));
  }
  
  @media (min-width: 1000px) {
    .landingWatch .swimlane .moreStories .contentList .contentListCards {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  
  .landingWatch .swimlane .moreStories .contentList .contentListCards .card {
    margin: 0.875rem;
  }
  
  .landingWatch
    .swimlane
    .moreStories
    .contentList
    .contentListCards
    .card
    .card-content
    .description {
    display: none;
  }
  
  .landingWatch .swimWrapper .extraLink {
    background-color: #0a7f9d;
    border: 2px solid #0a7f9d;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-weight: 700;
    margin-left: auto;
    margin-right: 0.375rem;
    padding: 8px 16px;
    text-decoration: none;
    width: 22rem;
  }
  
  .landingWatch .swimWrapper .extraLink .extraLinkText {
    margin: auto;
  }
  
  .viewportSmall .landingWatch .swimWrapper .extraLink {
    margin: auto;
    width: calc(100% - 0.75rem);
  }
  
  .landingWatch .swimWrapper .extraLink:focus,
  .landingWatch .swimWrapper .extraLink:hover {
    background-color: #fff;
    color: #0a7f9d;
  }
  
  .landingNews .swimlane {
    background: #fff;
    margin: 2rem 0;
    width: auto;
  }
  
  .landingNews .swimlane .moreStories .moreStoriesList {
    padding: 0;
  }
  
  .landingNews .swimlane .moreStories .moreStoriesList .card {
    flex-basis: 270px;
  }
  
  .landingNews .playlistSwimlane {
    margin: 25px 0 50px;
  }
  
  .landingNews .contentListCards .card-cqw.headline,
  .landingNews .contentListCards .cardText,
  .landingNews .featuredArea .card-cqw.headline,
  .landingNews .featuredArea .cardText {
    border-left: none;
    border-right: none;
    border-top: none;
  }
  
  .landingNews .contentListing .card .metadataText .departmentItem,
  .landingNews .contentListing .card .metadataText > .metaSeparator {
    display: none;
  }
  
  .landingNews .newsRegionSlimlaneWrapper {
    margin-bottom: 40px;
  }
  
  .viewportLarge .landingNews .swimlane {
    width: 100vw;
  }
  
  .landingPlus .landingMycbc .widgetArea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .landingPlus .landingMycbc .widgetArea .listenLive.showsProvinces,
  .landingPlus .landingMycbc .widgetArea .widgetContainer {
    width: calc(50% - 5px);
  }
  
  .landingPlus .landingMycbc .widgetArea .listenLive.showsProvinces {
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .landingPlus .landingMycbc .widgetArea .locationDropDown {
    width: calc(100% - 66px);
  }
  
  .landingPlus .landingMycbc .widgetArea .listenLink {
    margin-top: 3px;
  }
  
  .landingPlus .landingMycbc .listenLive.showsProvinces {
    margin: 0 0 1rem;
    padding: 0;
    position: relative;
  }
  
  .landingPlus .landingMycbc .listenLive.showsProvinces .listenLink,
  .landingPlus .landingMycbc .listenLive.showsProvinces .locationButton {
    width: 100%;
  }
  
  .landingPlus .landingMycbc .sidebar .nboxExplainerTitle .question-mark {
    border: 1px solid #000;
    border-radius: 100px;
    font-weight: 800;
    margin-right: 5px;
    padding: 3px 10px;
  }
  
  .landingPlus .landingMycbc .pageContentWrap .contentArea {
    flex-basis: 36.125rem;
  }
  
  .landingPlus .landingMycbc .pageContentWrap .contentArea .noContentMessage {
    color: #545454;
    margin: 4rem;
    text-align: center;
  }
  
  .landingPlus .landingMycbc .pageContentWrap .contentArea .contentListWrapper {
    margin: 0 0.5rem;
  }
  
  .landingPlus .landingMycbc .pageContentWrap .contentArea .contentList {
    display: flex;
    flex-flow: row wrap;
  }
  
  .landingPlus
    .landingMycbc
    .pageContentWrap
    .contentArea
    .contentList
    .card:first-child:nth-last-child(2) {
    flex-basis: 100%;
  }
  
  .landingPlus
    .landingMycbc
    .pageContentWrap
    .contentArea
    .contentList
    .contentListCards {
    overflow: hidden;
  }
  
  .landingPlus
    .landingMycbc
    .pageContentWrap
    .contentArea
    .contentList
    .contentListCards
    .cardListing.leftImage,
  .landingPlus
    .landingMycbc
    .pageContentWrap
    .contentArea
    .contentList
    .contentListCards
    .cardListing.rightImage {
    flex-basis: 100%;
  }
  
  .landingPlus
    .landingMycbc
    .pageContentWrap.viewportMedium
    .sidebar
    .moreStories
    .headingText,
  .landingPlus
    .landingMycbc
    .pageContentWrap.viewportSmall
    .sidebar
    .moreStories
    .headingText {
    font-size: 1.5em;
    line-height: 1.25em;
  }
  
  .landingPlus.viewportMedium
    .landingMycbc
    .widgetArea
    .listenLive.showsProvinces,
  .landingPlus.viewportMedium .landingMycbc .widgetArea .widgetContainer,
  .landingPlus.viewportSmall .landingMycbc .widgetArea .listenLive.showsProvinces,
  .landingPlus.viewportSmall .landingMycbc .widgetArea .widgetContainer {
    width: 100%;
  }
  
  .landingPlus .audiencePage .contentArea .contentListCards.listDisplay {
    margin: 0 -0.5rem;
  }
  
  .landingPlus .audiencePage .contentArea .contentListCards .card {
    margin: 0;
  }
  
  .landingPlus .audiencePage .contentArea .contentListCards .audienceListItem {
    display: flex;
    flex: 0 0 230px;
    margin: 0.5rem;
  }
  
  .landingPlus .audiencePage .audienceSection {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  
  .landingPlus .audiencePage hr {
    background: #d8d8d8;
    border: 0;
    height: 1px;
  }
  
  .landingPlus .audiencePage .audienceCard {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    padding: 0.5rem;
    width: 100%;
  }
  
  .landingPlus .audiencePage .audienceCard .icon {
    align-items: center;
    display: flex;
    flex: 0 0;
    flex-direction: row;
  }
  
  .landingPlus .audiencePage .audienceCard .icon svg {
    height: 2rem;
    width: 2rem;
  }
  
  .landingPlus .audiencePage .audienceCard .cardTitle {
    padding-left: 0.5rem;
    text-align: left;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted {
    border: 1px solid #1720f9;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted svg {
    fill: #1720f9;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted:focus,
  .landingPlus .audiencePage .audienceCard.whitelisted:hover {
    background-color: #1720f9;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted:focus .cardTitle,
  .landingPlus .audiencePage .audienceCard.whitelisted:hover .cardTitle {
    color: #fff;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted:focus svg,
  .landingPlus .audiencePage .audienceCard.whitelisted:hover svg {
    fill: #fff;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted:focus .unfollowIcon,
  .landingPlus .audiencePage .audienceCard.whitelisted:hover .unfollowIcon {
    display: inherit;
  }
  
  .landingPlus .audiencePage .audienceCard.whitelisted .followIcon,
  .landingPlus .audiencePage .audienceCard.whitelisted .unfollowIcon,
  .landingPlus .audiencePage .audienceCard.whitelisted:focus .followedIcon,
  .landingPlus .audiencePage .audienceCard.whitelisted:hover .followedIcon {
    display: none;
  }
  
  .landingPlus .audiencePage .audienceCard.blacklisted {
    border: 1px solid #757575;
  }
  
  .landingPlus .audiencePage .audienceCard.blacklisted svg {
    fill: #757575;
  }
  
  .landingPlus .audiencePage .audienceCard.blacklisted:focus,
  .landingPlus .audiencePage .audienceCard.blacklisted:hover {
    background-color: #757575;
  }
  
  .landingPlus .audiencePage .audienceCard.blacklisted:focus .cardTitle,
  .landingPlus .audiencePage .audienceCard.blacklisted:hover .cardTitle {
    color: #fff;
  }
  
  .landingPlus .audiencePage .audienceCard.blacklisted:focus svg,
  .landingPlus .audiencePage .audienceCard.blacklisted:hover svg {
    fill: #fff;
  }
  
  .landingPlus .audiencePage .audienceCard.blacklisted .followedIcon,
  .landingPlus .audiencePage .audienceCard.blacklisted .unfollowIcon {
    display: none;
  }
  
  .landingPlus .audiencePage .audienceGroup ul.container {
    list-style: none;
    padding: 0;
  }
  
  .landingPlus .audiencePage .audienceGroup .container {
    grid-gap: 1rem;
    display: grid;
    grid-auto-rows: minmax(4rem, auto);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  
  @media (max-width: 65rem) {
    .landingPlus .audiencePage .audienceGroup .container {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  
  @media (max-width: 40rem) {
    .landingPlus .audiencePage .audienceGroup .container {
      grid-template-columns: 1fr;
    }
  }
  
  .landingPlus .adTargetingSection {
    color: #757575;
    font-style: italic;
  }
  
  .landingPlus .adTargetingExplainer {
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: 10px 0;
  }
  
  .landingPlus .adTargetingExplainer:last-child {
    border-top: none;
  }
  
  .landingPlus .targetedAds {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
  }
  
  .landingPlus .targetedAds-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2rem;
  }
  
  .landingPlus .targetedAds-description {
    color: #757575;
  }
  
  .landingPlus .targetedAds .visualSwitch {
    height: 1.5em;
    margin: 0 0.5em;
    width: 3.5em;
  }
  
  .landingPlus .targetedAds .groove {
    background: #eee;
    box-sizing: border-box;
    margin: 0;
  }
  
  .landingPlus .targetedAds .knob {
    height: 1.1em;
    margin: 2.1px 0 0 2px;
    width: 1.1em;
  }
  
  .landingPlus
    .targetedAds
    input:first-of-type:not(:checked)
    ~ .visualSwitch
    .knob {
    left: 2em;
  }
  
  .landingPlus .adPreferences {
    margin: 0 auto;
    max-width: 45rem;
  }
  
  .landingPlus .adPreferencesIntroText {
    font-size: 1.125rem;
  }
  
  .landingPlus .adPreferencesDescription {
    margin-top: 3rem;
  }
  
  .landingPlus .adPreferencesSectionSubTitle {
    font-size: 1.125rem;
  }
  
  .landingPlus .loadingIndicator .spinner {
    background-color: transparent;
    color: #545454;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    width: 10rem;
  }
  
  .landingPlus .loadingIndicator .spinner .loader {
    float: right;
    margin-left: 10px;
  }
  
  .landingPlus.subSection-about .banner .learnMoreLink {
    display: none;
  }
  
  .landingPlus .loadingIndicator .spinner {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  
  .landingPlus .cookiePageTitle {
    font-size: 1.17em;
  }
  
  .landingPlus b {
    color: #1720f9;
  }
  
  .landingPlus a {
    color: #0550c8;
  }
  
  .landingSports .heading-pageHeading {
    margin-bottom: 55px;
    margin-top: 24px;
  }
  
  .landingSearch .searchBoxArea {
    background-color: #fff;
    padding: 2.5rem 0 1.5rem;
  }
  
  .landingSearch .searchBoxArea .searchBar {
    padding-top: 55px;
  }
  
  .landingSearch .contentArea .contentList .contentListCards .card {
    flex-basis: 100%;
  }
  
  .landingSearch
    .contentArea
    .contentList
    .contentListCards
    .card.search-keymatch-card
    .timeStamp {
    display: none;
  }
  
  .landingSearch .resultsContext {
    align-items: center;
    display: flex;
    position: relative;
  }
  
  @media (max-width: 640px) {
    .landingSearch .resultsContext .resultsDescription,
    .landingSearch .resultsContext .videoFilterContainer {
      max-width: 50%;
    }
  }
  
  .landingSearch .resultsContext .resultsDescription {
    font-size: 1em;
    font-weight: 400;
  }
  
  .landingSearch .resultsContext .videoFilterContainer {
    position: absolute;
    right: calc(300px + 1rem);
  }
  
  @media (max-width: 987px) {
    .landingSearch .resultsContext .videoFilterContainer {
      right: 0;
      text-align: right;
    }
  }
  
  .landingSearch .resultsContext .videoFilterContainer label {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  
  .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: 700;
    width: 80px;
  }
  
  @media (max-width: 987px) {
    .landingSearch
      .resultsContext
      .videoFilterContainer
      select#videoFilterSelect {
      width: 65px;
    }
  }
  
  .landingSearch
    .resultsContext
    .videoFilterContainer
    select#videoFilterSelect::-ms-expand {
    display: none;
  }
  
  .landingSearch .resultsContext .videoFilterContainer svg {
    left: -15px;
    pointer-events: none;
    position: relative;
  }
  
  .landingSearch .resultsContext .videoFilterContainer .hiddenCalc {
    bottom: 0;
    left: -99999px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }
  
  .landingSearch .video-grid-panel {
    display: flex;
    float: inherit;
  }
  
  @media only screen and (max-width: 880px) {
    .landingSearch
      .video-card-list.column-3
      > .video-cards-container
      .video-card-container {
      flex: 1 0 calc(33.3% - 1rem);
    }
  }
  
  .landingShows .series {
    margin-bottom: 3rem;
  }
  
  .landingPodcasts.pageComponent {
    padding-top: 24px;
  }
  
  .viewportSmall .landingPodcasts .allPodcasts .seriesList {
    margin-right: -0.25rem;
  }
  
  .landingPodcasts .pageIntro {
    min-height: 2rem;
  }
  
  .landingPodcasts .allPodcasts .sponsor .card.cardShow .image img {
    aspect-ratio: 16/9;
  }
  
  .landingPodcasts .allPodcasts .sponsor .card,
  .landingPodcasts .allPodcasts .sponsor .card .card-content {
    background-color: #efefef;
  }
  
  .landingPodcasts .allPodcasts .card.cardShow .multiLower .callToAction {
    margin-top: 0.5rem;
  }
  
  .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline {
    margin-bottom: 0.5rem;
  }
  
  .landingPodcasts
    .allPodcasts
    .card.cardShow
    .contentWrapper
    .headline
    p.sponsorLabel {
    color: #0550c8;
  }
  
  .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline p {
    margin-top: 0;
  }
  
  .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .description {
    margin-top: 0.5rem;
  }
  
  .landingPodcasts .allPodcasts .card.cardShow .image img {
    aspect-ratio: 1;
  }
  
  .landingPodcasts .moreStories {
    margin: auto;
    padding-bottom: 55px;
    width: 100%;
  }
  
  .landingPodcasts .moreStories .contentList .contentListCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(230px + 2rem), 1fr));
  }
  
  .landingPodcasts .moreStories .contentList .contentListCards .card {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .landingPodcasts .moreStories .card.cardShow .image img {
    aspect-ratio: 16/9;
  }
  
  .viewportSmall .landingPodcasts .jumpBar.stickBar {
    position: fixed;
    right: 0;
    top: 80px;
    width: 1.75rem;
  }
  
  .landingPodcasts .jumpBar {
    background-color: #e60505;
    display: flex;
    justify-content: space-evenly;
    padding: 0 1rem;
  }
  
  .viewportSmall .landingPodcasts .jumpBar {
    background-color: transparent;
    display: inline;
    height: 60vh;
    margin-right: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 1.75rem;
    z-index: 2;
  }
  
  .landingPodcasts .jumpBar a {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    height: 2.5rem;
    line-height: 2.5rem;
    min-width: 1.25rem;
    text-align: center;
    text-decoration: none;
    width: 3rem;
  }
  
  .viewportSmall .landingPodcasts .jumpBar a {
    background-color: transparent;
    border: none;
    color: #666;
    display: block;
    font-size: 2vh;
    height: 4%;
    line-height: inherit;
    margin: 3px 0;
    max-width: 20px;
    min-width: 1.75rem;
    padding: 2px 0;
    width: 1.75rem;
  }
  
  .landingPodcasts .jumpBar a:active,
  .landingPodcasts .jumpBar a:focus,
  .landingPodcasts .jumpBar a:hover {
    background-color: #fff;
    color: #e60505;
  }
  
  .viewportSmall .landingPodcasts .jumpBar a:active,
  .viewportSmall .landingPodcasts .jumpBar a:focus,
  .viewportSmall .landingPodcasts .jumpBar a:hover {
    background-color: transparent;
    color: #e60505;
  }
  
  .landingMultiFeed .sectionContainer {
    padding-bottom: 55px;
  }
  
  @media (max-width: 1068px) {
    .landingMultiFeed .sectionContainer.oc-l-sectionContainer-withRightRail {
      padding-bottom: 20px;
    }
  }
  
  .landingMultiFeed
    .sectionContainer.oc-l-sectionContainer-withRightRail
    .radioBarFullWidthContainer {
    margin-left: 0;
    width: auto;
  }
  
  .landingMultiFeed
    .sectionContainer-main.contentAreaWrap
    .oc-l-contentGrid-defaultGrid
    + .heading {
    padding-top: 55px;
  }
  
  .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap {
    flex: 0 0 300px;
    margin: 0 0 0 16px;
  }
  
  .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap .sidebar {
    margin: 0;
  }
  
  .landingMultiFeed
    .sectionContainer-rightRail.contentAreaWrap
    .sidebar
    .h3Offset
    .heading {
    padding-top: 0.375rem;
  }
  
  @media (max-width: 1068px) {
    .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap {
      display: block;
      flex-grow: 1;
      margin: 0;
      padding-top: 32px;
    }
  
    .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap .sidebar {
      margin: 0 auto;
      width: 100%;
    }
  
    .landingMultiFeed
      .sectionContainer-rightRail.contentAreaWrap
      .sidebar
      .heading {
      padding-top: 32px;
    }
  
    .landingMultiFeed
      .sectionContainer-rightRail.contentAreaWrap
      .sidebar
      .h3Offset
      .heading {
      padding-top: 0;
    }
  }
  
  .landingMultiFeed .sectionContainer-main {
    flex-basis: 100%;
    width: 100%;
  }
  
  .landingMultiFeed .sectionContainer-main.contentAreaWrap {
    flex-grow: 1;
    margin: 0;
  }
  
  .landingMultiFeed .sectionContainer-main.contentAreaWrap .swimlane {
    margin: 0;
    width: 100%;
  }
  
  .landingMultiFeed
    .sectionContainer-main.contentAreaWrap
    .swimlane
    .moreStoriesList {
    padding: 0;
  }
  
  .landingMultiFeed .sectionContainer-main .ad-landing {
    margin: 0 auto;
    padding: 20px 0 0;
  }
  
  .landingMultiFeed .sectionContainer.noHeading {
    padding-bottom: 0;
  }
  
  .landingMultiFeed .sectionContainer.pageContentWrap .sectionContainer-wrapper {
    align-items: flex-start;
    display: flex;
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 16px;
  }
  
  .landingMultiFeed
    .sectionContainer.pageContentWrap
    .sectionContainer-wrapper.nav {
    justify-content: start;
  }
  
  @media (max-width: 1068px) {
    .landingMultiFeed
      .sectionContainer.pageContentWrap
      .sectionContainer-wrapper {
      flex-flow: row wrap;
    }
  }
  
  .landingMultiFeed
    .sectionContainer.pageContentWrap
    .sectionContainer-wrapper
    .contentList
    .contentListCards
    .card {
    margin: 0 auto;
  }
  
  .landingMultiFeed
    .sectionContainer.pageContentWrap
    .sectionContainer-wrapper
    .featuredTopStories
    .contentList
    .contentListCards
    .card {
    margin: 0.5rem;
  }
  
  @media only screen and (max-width: 640px) {
    .landingMultiFeed
      .sectionContainer.pageContentWrap
      .sectionContainer-wrapper
      .featuredTopStories
      .contentList
      .contentListCards
      .card {
      margin-top: 0;
    }
  }
  
  .landingMultiFeed
    .sectionContainer.pageContentWrap
    .contentArea
    .contentList
    .contentListCards
    .card.cardRegular {
    max-width: none;
  }
  
  .landingMultiFeed .sectionContainer .regionsListWrapper {
    background: transparent;
  }
  
  .landingMultiFeed .sectionContainer .regionsListWrapper.openRegion {
    background: #fff;
  }
  
  .landingMultiFeed
    .sectionContainer
    .CTA.flexPage
    .landingMultiFeed
    .sectionContainer
    .CTA:not(.linkCTA),
  .landingMultiFeed .sectionContainer-rightRail .CTA.flexPage {
    margin-top: 48px;
  }
  
  .landingMultiFeed .sectionContainer .cardListing {
    border: 1px solid #e0e0e0;
  }
  
  .landingMultiFeed .sectionContainer .cardListing .card-content {
    padding: 1rem 1rem 0;
  }
  
  .landingMultiFeed .sectionContainer .cardListing .label {
    margin: 0 0 1rem;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-backgroundColor,
  .landingMultiFeed .oc-l-sectionContainer-backgroundColor + section {
    padding-top: 40px;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-light {
    background-color: #eaeaea;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-light .card {
    border-color: #cbcbcb;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-dark {
    background-color: #222;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-dark .card {
    border: none;
  }
  
  @media (max-width: 530px) {
    .landingMultiFeed .oc-l-sectionContainer-sideScroll .sectionContainer-main {
      max-width: calc(100% + 32px);
    }
  
    .landingMultiFeed .oc-l-sectionContainer-sideScroll .heading-sectionHeading {
      margin-left: 16px;
    }
  }
  
  .landingMultiFeed .oc-l-sectionContainer-olympicsLight {
    background-image: url(../index/desktop-olympics-light-beijing.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  @media (max-width: 1002px) {
    .landingMultiFeed .oc-l-sectionContainer-olympicsLight {
      background-image: url(../index/mobile-olympics-light-beijing.png);
    }
  }
  
  .landingMultiFeed .oc-l-sectionContainer-olympicsLight .card {
    border-color: #cbcbcb;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-olympicsDark {
    background-color: #000;
    background-image: url(../index/desktop-olympics-dark-beijing.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  @media (max-width: 1002px) {
    .landingMultiFeed .oc-l-sectionContainer-olympicsDark {
      background-image: url(../index/mobile-olympics-dark-beijing.png);
    }
  }
  
  .landingMultiFeed .oc-l-sectionContainer-olympicsDark .card {
    border: none;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-olympicsDark .card:hover {
    box-shadow: 0 0 0 3px #fff;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .sectionContainer-wrapper {
    display: block !important;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-verticallistMain .contentAreaWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: -0.5rem;
  }
  
  .landingMultiFeed .oc-l-sectionContainer-verticallistMain .verticalCardList {
    flex-basis: calc(25% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0.5rem;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .titleBar {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card.cardRegular {
    border-left: none;
    border-right: none;
    border-top: none;
    flex: 1 1 100%;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card.cardText {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 0.5rem 1rem;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card
    .metadata {
    display: block;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card
    .authorInfo,
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card
    .departmentItem,
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card
    .metaSeparator {
    display: none;
  }
  
  .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card
    .commentInfo
    .metaSeparator {
    display: inline;
  }
  
  .viewportMedium
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList {
    flex-basis: calc(50% - 1rem);
    margin: 0 0.5rem;
  }
  
  .viewportMedium
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .titleBar {
    margin-bottom: 0.5rem;
    padding-bottom: 0;
  }
  
  .viewportMedium
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .card {
    margin: 0.5rem 0 !important;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList {
    flex-basis: calc(100% - 1rem);
    margin: 0 0.5rem;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .titleBar {
    margin-bottom: 0.5rem;
    padding-bottom: 0;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards {
    display: block;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .cardFeatured {
    display: block;
    padding: 1rem;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .cardFeatured
    .headline {
    line-height: 1.75rem;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .cardFeatured
    .contentWrapper {
    padding: 1rem;
    width: unset;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card {
    margin-bottom: 0.5rem;
  }
  
  .viewportSmall
    .landingMultiFeed
    .oc-l-sectionContainer-verticallistMain
    .verticalCardList
    .contentList
    .contentListCards
    .card:not(:first-child) {
    border-top: 1px solid #e0e0e0;
  }
  
  .landingMultiFeed .myOlympics .heading {
    border: 0;
    flex: 0 0 290px;
    margin: 0 45px 0 0;
    padding: 0;
  }
  
  @media (max-width: 600px) {
    .landingMultiFeed .myOlympics .heading {
      flex: 0 0 235px;
      margin-right: 5px;
    }
  }
  
  .landingMultiFeed .myOlympics .widgetHeader {
    align-items: baseline;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
  }
  
  .landingMultiFeed .myOlympics .headerButtons {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
  
  .landingMultiFeed .myOlympics backButton,
  .landingMultiFeed .myOlympics .settingsIcon {
    padding: 0;
  }
  
  .landingMultiFeed .myOlympics backButton {
    align-items: center;
    border: none;
    color: #000;
    display: flex;
    font-size: 1.125rem;
    font-weight: 400;
    margin-right: 20px;
  }
  
  .landingMultiFeed .myOlympics backButton .icon {
    height: 20px;
    width: 20px;
  }
  
  .landingMultiFeed .myOlympics .settingsIcon {
    margin-right: 0;
  }
  
  .landingMultiFeed .myOlympics .buttonText {
    margin-left: 12px;
  }
  
  @media (max-width: 640px) {
    .landingMultiFeed .myOlympics .closeAllSports,
    .landingMultiFeed .myOlympics .openAllSports {
      padding: 0;
    }
  
    .landingMultiFeed .myOlympics .buttonText {
      display: none;
    }
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .landingMultiFeed .myOlympics .closeAllSports,
    .landingMultiFeed .myOlympics .openAllSports {
      padding: 0;
    }
  
    .landingMultiFeed .myOlympics .buttonText {
      display: none;
    }
  }
  
  .landingMultiFeed .myOlympicsWidget {
    background-color: #f4f4f4;
    margin: 0 -40px;
    padding: 40px;
    width: calc(100% + 80px);
  }
  
  .landingMultiFeed .myOlympicsWidget .widgetHeader {
    background: #222;
    color: #fff;
    margin: 0 0 20px;
    padding: 25px 20px;
    position: relative;
  }
  
  .landingMultiFeed .myOlympicsWidget .descriptionText {
    flex: 1 1 300px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
  }
  
  @media (max-width: 600px) {
    .landingMultiFeed .myOlympicsWidget .descriptionText {
      font-size: 1rem;
    }
  }
  
  .landingMultiFeed .myOlympicsWidget .descriptionText .inline-block {
    display: inline-block;
  }
  
  .landingMultiFeed .myOlympicsWidget backButton {
    background-color: transparent;
    color: #fff;
  }
  
  .landingMultiFeed .myOlympicsWidget .closeAllSports,
  .landingMultiFeed .myOlympicsWidget .openAllSports {
    background-color: #222;
    border: none;
    color: #fff;
    font-size: 1.125rem;
  }
  
  .landingMultiFeed .myOlympicsWidget .closeAllSports .removeIcon,
  .landingMultiFeed .myOlympicsWidget .closeAllSports .settingsIcon,
  .landingMultiFeed .myOlympicsWidget .openAllSports .removeIcon,
  .landingMultiFeed .myOlympicsWidget .openAllSports .settingsIcon {
    fill: #fff;
  }
  
  .landingMultiFeed .myOlympicsWidget .closeAllSports {
    align-items: center;
    display: flex;
  }
  
  .landingMultiFeed .myOlympicsWidget .closeAllSports > .icon {
    display: flex;
  }
  
  @media screen and (max-width: 1360px) {
    .landingMultiFeed .myOlympicsWidget {
      margin: 0;
    }
  }
  
  @media (max-width: 640px) {
    .landingMultiFeed .myOlympicsWidget .widgetHeader {
      padding: 25px 16px;
    }
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .landingMultiFeed .myOlympicsWidget .widgetHeader {
      padding: 25px 16px;
    }
  }
  
  @media (max-width: 640px) {
    .landingMultiFeed .myOlympicsWidget {
      padding: 20px;
    }
  }
  
  @media screen and (max-width: 340px) {
    .landingMultiFeed .myOlympicsWidget {
      padding: 10px;
    }
  
    .landingMultiFeed .myOlympicsWidget .widgetHeader {
      padding: 25px 8px;
    }
  }
  
  .landingMultiFeed .myOlympicsHomepage {
    width: 100%;
  }
  
  .landingMultiFeed .myOlympicsHomepage .widgetHeader {
    align-items: center;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 0.75rem;
  }
  
  .landingMultiFeed .myOlympicsHomepage .pageTitle {
    margin: 0.5rem 0;
  }
  
  .landingMultiFeed .myOlympicsHomepage backIcon {
    fill: #000;
  }
  
  .landingMultiFeed .myOlympicsHomepage .closeAllSports,
  .landingMultiFeed .myOlympicsHomepage .openAllSports {
    border: none;
    color: #000;
    font-size: 1.125rem;
  }
  
  .landingMultiFeed .myOlympicsHomepage .closeAllSports .icon,
  .landingMultiFeed .myOlympicsHomepage .openAllSports .icon {
    fill: #000;
  }
  
  .landingMultiFeed .myOlympicsHomepage .closeAllSports {
    align-items: center;
    display: flex;
  }
  
  .landingMultiFeed .myOlympicsHomepage .closeAllSports .icon {
    height: 20px;
    margin-right: 5px;
    width: 16px;
  }
  
  .landingMultiFeed .myOlympicsHomepage .olympicSportsList {
    margin: 15px 84px;
  }
  
  @media (max-width: 640px) {
    .landingMultiFeed .myOlympicsHomepage .olympicSportsList {
      margin: 0;
    }
  }
  
  .landingMultiFeed .myOlympicsHomepage .showStories {
    margin: 20px 0;
  }
  
  .landingMultiFeed .sectionContainer .contentQueryWidget:not(:first-child) {
    padding-top: 55px;
  }
  
  .landingMultiFeed.pageComponent {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
    width: 100%;
  }
  
  .landingMultiFeed .customHtml {
    border: none;
  }
  
  .landingMultiFeed .videoWidgetPlaylist {
    display: flex;
    flex-wrap: wrap;
  }
  
  .landingMultiFeed .videoWidgetPlaylist .video-playlist {
    flex: 1 100%;
    margin-top: 0;
  }
  
  .landingMultiFeed .bannerImage {
    margin: -24px 0 40px;
    padding-bottom: 0;
  }
  
  .landingMultiFeed .bannerImage .imageMedia {
    display: block;
    width: 100%;
  }
  
  .landingMultiFeed .bannerImage .placeholder {
    background: none;
  }
  
  .landingMultiFeed .bannerImage img {
    display: block;
    position: relative;
    width: 100%;
  }
  
  .landingMultiFeed .featuredNews,
  .landingMultiFeed .loadMoreFLPWrapper,
  .landingMultiFeed .scheduleWrapper {
    width: 100%;
  }
  
  .landingMultiFeed .featuredNews .featuredNewsContentPackage {
    display: flex;
  }
  
  .landingMultiFeed .featuredNews .featuredTopStories {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  
  .landingMultiFeed .featuredNews .featuredTopStories .contentList,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards {
    height: 100%;
    margin: 0;
    width: 100%;
  }
  
  .landingMultiFeed .featuredNews .featuredTopStories .contentList .card,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card {
    margin-top: 0;
  }
  
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .card.card-cqw.headline
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .card.cardDefault
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .card.cardListing
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .card.cardText
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.card-cqw.headline
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardDefault
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardListing
    .headline,
  .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .contentList
    .contentListCards
    .card.cardText
    .headline {
    font-size: 1.125rem;
    line-height: 1.3;
  }
  
  .viewportLarge
    .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card,
  .viewportMedium
    .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    flex-basis: 100%;
    padding: 0;
  }
  
  .viewportLarge
    .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card
    .card-content,
  .viewportMedium
    .landingMultiFeed
    .featuredNews
    .featuredTopStories
    .primaryTopStories
    .contentList
    .contentListCards
    .card
    .card-content {
    border: none;
  }
  
  @media (max-width: 705px) {
    .landingMultiFeed .featuredNews .featuredTopStories {
      grid-template-columns: 1fr;
    }
  }
  
  .landingMultiFeed
    .featuredNews
    .regionInfo
    .contentList
    .contentListCards
    .card {
    flex-basis: 230px;
  }
  
  @media (min-width: 1002px) {
    .oc-l-contentGrid-featuredWithVertical > :nth-child(2) .cardImageWrap,
    .oc-l-contentGrid-featuredWithVertical > :nth-child(3) .cardImageWrap,
    .oc-l-contentGrid-featuredWithVertical > :nth-child(4) .cardImageWrap {
      display: none;
    }
  }
  
  .summerOlympicsBrandBanner {
    background: url(../index/tokyoCircles.svg);
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: flex;
    height: 108px;
    width: 100%;
  }
  
  .summerOlympicsBrandBanner:hover #Combined-Shape,
  .summerOlympicsBrandBanner:hover .summerOlympicsBrandBannerLogo path {
    fill: #e01c24;
  }
  
  .summerOlympicsBrandBannerOrigami {
    background: url(../index/tokyoBrandBannerOrigami.png);
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: auto 108px;
    height: 108px;
    margin: 0 auto;
    max-width: 1307px;
    position: relative;
    width: 100%;
  }
  
  .summerOlympicsBrandBannerLogo {
    display: block;
    height: 46px;
    left: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    width: 358px;
  }
  
  .summerOlympicsBrandBannerLogo path {
    fill: #000;
  }
  
  .bannerFocus:focus-visible .winterOlympicsBrandBannerLogo {
    outline: 2px dashed #fff;
    outline-offset: 8px;
  }
  
  .winterOlympicsBrandBanner {
    background: url(../index/BlueGradient.png);
    background-color: #c1d9e0;
    background-position: 50%;
    border-top: 1px solid #cbcbcb;
    display: flex;
    height: 108px;
    width: 100%;
  }
  
  .winterOlympicsBrandBanner:hover #Combined-Shape,
  .winterOlympicsBrandBanner:hover .winterOlympicsBrandBannerLogo path {
    fill: #e6d1ad;
  }
  
  .winterOlympicsBrandBannerBricks {
    align-items: center;
    background: url(../index/Brick.png);
    background-position-x: 700px;
    background-repeat: no-repeat;
    background-size: auto 108px;
    display: flex;
    height: 108px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1312px;
    position: relative;
    width: 100%;
  }
  
  .winterOlympicsBrandBannerBricks .broadcasterIcon,
  .winterOlympicsBrandBannerBricks .paralympicsBroadcasterIcon {
    position: absolute;
    right: 30px;
  }
  
  .winterOlympicsBrandBannerLogo {
    display: block;
    height: 50px;
    left: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    width: 452px;
  }
  
  @media (max-width: 640px) {
    .summerOlympicsBrandBanner {
      background: #fff;
      height: 65px;
    }
  
    .summerOlympicsBrandBannerOrigami {
      background-position-x: -40px;
      background-size: auto 65px;
      height: 65px;
    }
  
    .summerOlympicsBrandBannerLogo {
      height: 30px;
      left: 7px;
      width: 231px;
    }
  
    .winterOlympicsBrandBanner {
      background: url(../index/BlueGradient-mobile.png);
      background-color: #c1d9e0;
      background-position-x: 61%;
      height: 72px;
    }
  
    .winterOlympicsBrandBannerBricks {
      background: url(../index/Brick-mobile.png);
      background-position-x: center;
      background-size: auto 72px;
      height: 72px;
    }
  
    .winterOlympicsBrandBannerBricks .broadcasterIcon,
    .winterOlympicsBrandBannerBricks .paralympicsBroadcasterIcon {
      height: 23px;
      width: 45px;
    }
  
    .winterOlympicsBrandBannerLogo {
      height: 26px;
      width: 235px;
    }
  }
  
  .linksNav {
    display: flex;
  }
  
  .linksNav .itemList {
    flex: 1 0 0;
    flex-wrap: wrap;
    height: 24px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
  }
  
  .linksNav .itemList .linksNavItem {
    float: left;
    padding: 0 1.5rem;
  }
  
  .linksNav .itemList .linksNavItem a {
    color: #000;
    text-decoration: none;
  }
  
  .linksNav .itemList .linksNavItem.hide {
    visibility: hidden;
  }
  
  .mediaEmbed .media-caption {
    border-bottom: 1px solid #d8d8d8;
    color: #545454;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    padding: 16px 0;
  }
  
  .mediaEmbed .showInfo {
    line-height: normal;
  }
  
  .mediaEmbed .media-labels {
    line-height: 16px;
  }
  
  @media (max-width: 640px) {
    .mediaIsLead {
      margin-left: -16px;
      margin-right: -16px;
    }
  
    .mediaIsLead .media-caption {
      font-size: 16px;
      line-height: 24px;
      margin-left: 16px;
      margin-right: 16px;
    }
  }
  
  .youtube {
    display: block;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
  }
  
  .youtube iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .storyCardCarousel iframe {
    border: none;
    display: block;
    overflow: hidden;
    width: 100%;
  }
  
  .errorPage {
    color: #000;
    font-weight: 700;
    text-align: center;
  }
  
  .errorPage .statusCode .digit {
    font-size: 8rem;
  }
  
  .errorPage .errorMessageText {
    font-size: 1.2rem;
    padding: 0 2.5rem;
  }
  
  .errorPage .errorMessageText a {
    color: #e60505;
  }
  
  .series .seriesList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(230px + 2rem), 1fr));
    list-style: none;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding: 0;
  }
  
  .series .seriesList .seriesListItem {
    background-color: transparent;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .series .seriesList .seriesListItem .card {
    height: 100%;
    margin: 0;
  }
  
  .series.vertical {
    margin-bottom: 1rem;
  }
  
  .series.horizontal .headingText,
  .series.horizontal .seriesListItem {
    margin: 0.5rem;
  }
  
  .series.horizontal .seriesListItem .card {
    height: 100%;
  }
  
  .series.horizontal .seriesListItem .card .imageMedia {
    overflow-y: hidden;
  }
  
  .series .seriesHeadline {
    text-transform: capitalize;
  }
  
  .viewportMedium .series.vertical,
  .viewportSmall .series.vertical {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .PhotoGallery {
    display: block;
  }
  
  .PhotoGallery.embeddable-pg_4x3 {
    position: relative;
  }
  
  .PhotoGallery.embeddable-pg_4x3:before {
    content: "";
    display: block;
    padding-top: calc(75% + 50px);
  }
  
  .PhotoGallery.embeddable-pg_16x9 {
    position: relative;
  }
  
  .PhotoGallery.embeddable-pg_16x9:before {
    content: "";
    display: block;
    padding-top: calc(56.25% + 50px);
  }
  
  .PhotoGallery.embeddable-pg_square {
    position: relative;
  }
  
  .PhotoGallery.embeddable-pg_square:before {
    content: "";
    display: block;
    padding-top: calc(100% + 50px);
  }
  
  .PhotoGallery .fs_4x3 div.images div img {
    max-height: calc(100vh - 50px);
    max-width: calc(133.33333vh - 66.66667px);
  }
  
  .PhotoGallery .fs_16x9 div.images div img {
    max-height: calc(100vh - 50px);
    max-width: calc(177.77778vh - 88.88889px);
  }
  
  .PhotoGallery .fs_square div.images div img {
    max-height: calc(100vh - 50px);
    max-width: calc(100vh - 50px);
  }
  
  .PhotoGallery .embeddable-item {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .PhotoGallery .cbcfgfullscreen {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1500;
  }
  
  .PhotoGallery .cbcfgfullscreen .cbcfg figure {
    height: 100%;
    width: 100%;
  }
  
  .PhotoGallery .cbcfgfullscreen div.images {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  
  .PhotoGallery .cbcfgfullscreen div.images div {
    width: 100%;
  }
  
  .PhotoGallery .cbcfgfullscreen .cbcfg .tools {
    bottom: 0;
    position: fixed;
  }
  
  .PhotoGallery .cbcfgfullscreen .cbcfgfullscreen-close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 30px;
    margin: 15px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 30px;
    z-index: 10;
  }
  
  .PhotoGallery .cbcfgfullscreen .cbcfgfullscreen-close .closeIcon {
    fill: #000;
    background: #fff;
  }
  
  .PhotoGallery .cbcfg {
    background-color: #1a1a1a;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  .PhotoGallery .cbcfg:before {
    border-color: #cbcbcb transparent #cbcbcb #cbcbcb;
    content: "";
    height: 40px;
    left: calc(50% - 20px);
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
  }
  
  .PhotoGallery .cbcfg .noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .PhotoGallery .cbcfg div.captions {
    bottom: 50px;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 902;
  }
  
  .PhotoGallery .cbcfg div.captions figcaption {
    background-color: #000;
    background: rgba(34, 34, 34, 0.9);
    color: #c3c3c3;
    display: block;
    font-size: 14px;
    line-height: 140%;
    max-width: 100%;
    padding: 10px;
  }
  
  .PhotoGallery .cbcfg div.captions.nodesc {
    font-size: italic;
  }
  
  .PhotoGallery .cbcfg div.captions.on {
    display: block;
  }
  
  .PhotoGallery .cbcfg div.images {
    height: 100%;
    width: 100%;
  }
  
  .PhotoGallery .cbcfg div.images svg {
    display: none;
  }
  
  .PhotoGallery .cbcfg div.images div .placeholder {
    background: none;
  }
  
  .PhotoGallery .cbcfg div.images div .placeholder img {
    margin: 0 auto;
    opacity: 1;
    position: relative;
    width: 100%;
    z-index: inherit;
  }
  
  .PhotoGallery .cbcfg .overlays .captions a {
    color: #c3c3c3;
    text-decoration: underline;
  }
  
  .PhotoGallery .cbcfg .overlays .captions a:hover {
    color: #fff;
  }
  
  .PhotoGallery .cbcfg .tools {
    background-color: #222;
    bottom: 0;
    color: #c3c3c3;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 902;
  }
  
  .PhotoGallery .cbcfg .tools .counter {
    border-right: 1px solid #fff;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 8px;
    padding-right: 10px;
  }
  
  .PhotoGallery .cbcfg .tools .icon {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 100%;
    padding: 0;
  }
  
  .PhotoGallery .cbcfg .tools .fullscreen {
    height: 100%;
    padding: 0 10px;
    width: 45px;
  }
  
  .PhotoGallery .cbcfg .tools .fullscreen:focus,
  .PhotoGallery .cbcfg .tools .fullscreen:hover {
    background-color: #8c8c8c;
  }
  
  .PhotoGallery .cbcfg .tools .captions {
    background: none;
    border: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: 700;
    height: 100%;
    line-height: 47px;
    padding: 0 23px 0 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
  }
  
  .PhotoGallery .cbcfg .tools .captions .chevron .icon {
    display: inline-block;
    margin-left: 5px;
    width: 10px;
  }
  
  .PhotoGallery .cbcfg .tools .captions .chevron .chevronIcon {
    fill: #fff;
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  
  .PhotoGallery .cbcfg .tools .captions .showIcon .icon {
    margin-top: -3px;
  }
  
  .PhotoGallery .cbcfg .tools .captions .showIcon .chevronIcon {
    transform: rotate(180deg);
  }
  
  .PhotoGallery .cbcfg .tools .captions:hover {
    background-color: #8c8c8c;
    color: #fff;
  }
  
  .PhotoGallery .cbcfg .nav {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    height: 54px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 40%;
    width: 60px;
  }
  
  .PhotoGallery .cbcfg .nav.next .chevronIcon,
  .PhotoGallery .cbcfg .nav.prev .chevronIcon {
    fill: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    display: block;
    height: 46px;
    position: absolute;
    top: calc(50% - 23px);
    width: 46px;
    z-index: 903;
  }
  
  .PhotoGallery .cbcfg .nav.next .chevronIcon path,
  .PhotoGallery .cbcfg .nav.prev .chevronIcon path {
    transform: scale(0.8) translateX(1px) translateY(3px);
  }
  
  .PhotoGallery .cbcfg .nav.next .chevronIcon:focus,
  .PhotoGallery .cbcfg .nav.next .chevronIcon:hover,
  .PhotoGallery .cbcfg .nav.prev .chevronIcon:focus,
  .PhotoGallery .cbcfg .nav.prev .chevronIcon:hover {
    background-color: hsla(0, 0%, 55%, 0.8);
  }
  
  .PhotoGallery .cbcfg .nav.prev {
    background-color: transparent;
    background-position: 100% 50%;
    border: 0;
    left: 0;
  }
  
  .PhotoGallery .cbcfg .nav.prev .chevronIcon {
    left: 0;
    margin-left: 10px;
    transform: rotate(90deg);
  }
  
  .PhotoGallery .cbcfg .nav.prev.disabled {
    display: none;
  }
  
  .PhotoGallery .cbcfg .nav.prev.disabled .chevronIcon {
    cursor: default;
    display: none;
  }
  
  .PhotoGallery .cbcfg .nav.next {
    background-color: transparent;
    background-position: 100% 50%;
    border: 0;
    right: 0;
  }
  
  .PhotoGallery .cbcfg .nav.next .chevronIcon {
    margin-right: 10px;
    right: 0;
    transform: rotate(-90deg);
  }
  
  .PhotoGallery .cbcfg .nav.next.disabled {
    display: none;
  }
  
  .PhotoGallery .cbcfg .nav.next.disabled .chevronIcon {
    cursor: default;
    display: none;
  }
  
  @media (min-width: 961px) and (max-width: 1024px) {
    .story .PhotoGallery .cbcfgfullscreen .cbcfg figure {
      display: inherit;
    }
  }
  
  @media (max-width: 640px) {
    .PhotoGallery.leadmedia {
      margin-left: -16px;
      margin-right: -16px;
    }
  
    .story .PhotoGallery .cbcfgfullscreen .cbcfg figure {
      display: inherit;
    }
  }
  
  .regionInfo {
    margin-top: 1rem;
  }
  
  .regionInfo.verticalCardList.cardList .titleBar {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .regionInfo .contentList .contentListCards .card.cardText {
    background-color: #f4f4f4;
  }
  
  .regionInfo .contentList .contentListCards .card.cardText .card-content {
    background-color: #f4f4f4;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  
  .regionInfo .contentList .contentListCards .card.cardText .card-content:focus,
  .regionInfo .contentList .contentListCards .card.cardText .card-content:hover {
    background-color: #fff;
  }
  
  .regionInfo
    .contentList
    .contentListCards
    .card.cardText
    .card-content:focus:after,
  .regionInfo
    .contentList
    .contentListCards
    .card.cardText
    .card-content:hover:after {
    border-bottom-color: #fff;
  }
  
  .regionInfo
    .contentList
    .contentListCards
    .card.cardText
    .card-content
    .description,
  .regionInfo
    .contentList
    .contentListCards
    .card.cardText
    .card-content
    .metadata {
    display: none;
  }
  
  .regionInfo .contentList .contentListCards .card.cardText:focus,
  .regionInfo .contentList .contentListCards .card.cardText:hover {
    background-color: #fff;
  }
  
  .regionInfo .regionImage {
    width: 100%;
  }
  
  @media (min-width: 1000px) {
    .regionInfo {
      min-height: 532px;
    }
  }
  
  .regionInfo .regionsListWrapper {
    background-color: #fff;
    color: #000;
  }
  
  .regionInfo .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0;
  }
  
  .regionInfo .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: 0.5rem;
    text-transform: uppercase;
  }
  
  .regionInfo .regionsListWrapper .regionNameWrapper {
    display: inline-block;
  }
  
  .regionInfo .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.5rem 1rem 0 0;
  }
  
  .regionInfo .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0.2rem 0.5rem;
  }
  
  .regionInfo .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none;
  }
  
  .regionInfo .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8;
  }
  
  .regionInfo .regionsListWrapper .regionItemLabel {
    cursor: pointer;
  }
  
  .regionInfo .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: 0.9rem;
  }
  
  .regionInfo .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: 0.9rem;
    margin-right: 0.5rem;
  }
  
  .regionInfo .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem;
  }
  
  .regionInfo .regionsListWrapper .regionRadioButton {
    margin-right: 0.3rem;
  }
  
  .regionInfo .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none;
  }
  
  .regionInfo .regionsListWrapper .regionLink .icon {
    padding-left: 6px;
  }
  
  .regionInfo .regionsListWrapper .regionLink:focus,
  .regionInfo .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8;
  }
  
  .regionInfo .regionsListWrapper .regionLink:focus .chevronIcon,
  .regionInfo .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454;
  }
  
  .regionInfo .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: 0.5rem;
    width: 100%;
  }
  
  .regionInfo .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto;
  }
  
  .regionInfo .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .regionInfo .regionsListWrapper.openRegion .regionFormIntro {
    display: block;
  }
  
  .regionInfo .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg);
  }
  
  .regionInfo .regionsListWrapper.standAlone {
    background: #f4f4f4;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding: 1rem 0.5rem 0;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: 0.5rem 0;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionForm {
    background: #fff;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
    padding: 0.5rem;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
  }
  
  .regionInfo .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: 0.8rem;
    margin: 0 0.5rem 0.3rem 0;
  }
  
  .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: 0.5rem 0.5rem 0 0;
  }
  
  .regionInfo .regionsListWrapper.standAlone .currentRegion,
  .regionInfo .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap;
  }
  
  .regionInfo .regionsListWrapper.standAlone .currentRegion:before,
  .regionInfo .regionsListWrapper.standAlone .regionButton:before {
    display: none;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding: 0.3rem;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionButton:focus,
  .regionInfo .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none;
  }
  
  .regionInfo .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none;
  }
  
  .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700;
  }
  
  .regionInfo .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454;
  }
  
  .regionInfo .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem;
  }
  
  .regionInfo .regionsListWrapper.standAlone.openRegion .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    color: #e60505;
    margin-bottom: -2px;
    padding: 0.5rem;
  }
  
  .headerSearchBar {
    background: #000;
    display: none;
    height: 48px;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 266px;
    z-index: 2000;
  }
  
  .headerSearchBar.active {
    display: inline-flex;
  }
  
  .headerSearchBar .searchBar {
    display: none;
  }
  
  .headerSearchBar .searchBar.active {
    align-items: center;
    display: flex;
  }
  
  .headerSearchBar .searchBar .search-autocomplete {
    color: #000;
    display: flex;
    height: 25px;
    text-align: left;
    width: inherit;
  }
  
  .headerSearchBar .searchClose {
    background: #000;
    border: none;
    cursor: pointer;
    display: none;
  }
  
  @media only screen and (max-width: 710px) {
    .headerSearchBar .searchClose.active {
      align-items: center;
      display: flex;
    }
  
    .headerSearchBar {
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
    }
  }
  
  .searchBar .searchButton:focus,
  .searchBar .searchButton:hover {
    background-color: #e60505;
    color: #fff;
  }
  
  .searchBar .searchButton:focus {
    text-decoration: underline;
  }
  
  .searchBar .search-autocomplete {
    width: 98%;
  }
  
  .searchBar.compact {
    background: #000;
    display: none;
    padding: 0.7rem 0;
    top: 0;
    transition: width 0.4s ease-in-out;
    z-index: 1011;
  }
  
  .searchBar.compact .searchButton {
    background-color: #727272;
    border: none;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
  }
  
  .searchBar.compact .searchInput {
    width: 187px;
  }
  
  .searchBar.compact .searchInputWrapper {
    height: 1.5rem;
    padding: 0;
  }
  
  .searchBar.compact .searchInputAutocomplete {
    height: 1rem;
  }
  
  .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 48px;
  }
  
  .globalHeader.searchActive .searchBar.compact {
    display: inline-block;
    padding-right: 1rem;
    width: 280px;
  }
  
  .headerSearchBar .searchBar.compact {
    padding-right: 0;
  }
  
  .searchBar.compact.variantB,
  .searchBar.compact.variantD {
    background: none;
    position: inherit;
    width: 100%;
  }
  
  .searchBar.compact.variantB .searchForm,
  .searchBar.compact.variantD .searchForm {
    margin-left: 2rem !important;
    overflow: inherit;
  }
  
  .searchBar.compact.variantB .searchForm .searchInput,
  .searchBar.compact.variantD .searchForm .searchInput {
    border: 0;
    border-bottom: 1px solid #e60505;
    box-sizing: content-box;
    color: #000;
    font-size: 2.0625rem;
    padding: 0 0.7rem;
  }
  
  .searchBar.compact.variantB .searchForm .searchInput:focus,
  .searchBar.compact.variantD .searchForm .searchInput:focus {
    border-bottom: 1px solid #e60505;
    outline: thin dotted;
  }
  
  .searchBar.compact.variantB .searchForm span.sclt-abtest-a-vVDtJQatZO,
  .searchBar.compact.variantD .searchForm span.sclt-abtest-a-vVDtJQatZO {
    width: calc(100% - 40px);
  }
  
  .searchBar.compact.variantB .searchForm span.sclt-abtest-a-vVDtJQatZO:focus,
  .searchBar.compact.variantD .searchForm span.sclt-abtest-a-vVDtJQatZO:focus {
    outline: thin dotted;
  }
  
  .searchBar.compact.variantB .searchForm .searchButton,
  .searchBar.compact.variantD .searchForm .searchButton {
    background-color: #fff;
    border: 1px solid #e60505;
    border-radius: 2px;
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 1rem 1.5rem;
    text-transform: none;
    transition: all 0.2s ease-in-out;
  }
  
  .searchBar.compact.variantB .searchForm .searchButton:hover,
  .searchBar.compact.variantD .searchForm .searchButton:hover {
    background-color: #e60505;
    color: #fff;
  }
  
  .globalHeader.searchActive .searchBar.compact.variantB,
  .globalHeader.searchActive .searchBar.compact.variantD {
    display: flex;
    margin: 0 auto;
    max-width: 80rem;
    width: inherit;
  }
  
  .searchBar .searchForm {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin: auto;
    width: 97%;
  }
  
  .searchBar .searchInput {
    border: 1px solid #cbcbcb;
    border-radius: 2px;
    box-sizing: border-box;
    flex: 3 1;
    height: 26px;
    margin-right: 1rem;
    padding: 0 0.5rem;
    width: inherit;
  }
  
  .searchBar .searchInput:focus {
    border-color: #0550c8;
    border-width: 2px;
  }
  
  .searchBar .searchFilterContainer .searchFilterList {
    padding-left: 1rem;
  }
  
  .searchBar .searchFilterContainer .searchFilterButton {
    border: none;
    color: #0550c8;
    font-size: 1rem;
    font-weight: 400;
  }
  
  .searchBar .searchFilterContainer .searchFilterButton:focus,
  .searchBar .searchFilterContainer .searchFilterButton:hover {
    text-decoration: underline;
  }
  
  .searchBar .searchFilterContainer .searchFilterButton.selected {
    background-color: #f4f4f4;
    border: 1px solid #cbcbcb;
    color: #000;
  }
  
  .searchBar .searchFilterContainer .searchFilterItem {
    display: inline-block;
    list-style-type: none;
    margin-right: 2rem;
  }
  
  .searchBar .searchFilterContainer:after {
    display: none;
  }
  
  .searchBar .autocomplete-input {
    border: 1px solid #aaa;
    border-radius: 4px;
    font-family: Open Sans, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }
  
  .searchBar .autocomplete-suggestions-container {
    background-color: #fff;
    border: 1px solid #aaa;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
    display: block;
    font-family: Open Sans, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    width: 284px;
    z-index: 2;
  }
  
  .searchBar .autocomplete-suggestions-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .searchBar .autocomplete-suggestions-item {
    border-top: 1px solid #aaa;
    cursor: pointer;
    padding: 10px 20px;
  }
  
  .searchBar .autocomplete-suggestions-item-highlighted {
    background-color: #f1f1f1;
  }
  
  .searchBar .autocomplete-suggestions-item-match {
    color: red;
    font-weight: 700;
  }
  
  .searchBar input#gn-search {
    line-height: 1.8;
  }
  
  .searchBar .moreItemsNav {
    text-align: right;
  }
  
  .searchBar .moreItemsNav .moreItemsList {
    clear: both;
    display: none;
    height: 90%;
    margin-top: -1px;
    min-width: 15rem;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 1000;
  }
  
  .searchBar .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: 0.7rem;
  }
  
  .searchBar .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, 0.15), 0 -5px 3px -10px #fff;
  }
  
  .searchBar .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none;
  }
  
  .searchBar .moreItemsNav .moreNavListItem .moreNavLink:focus,
  .searchBar .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline;
  }
  
  .searchBar .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb;
  }
  
  .searchBar .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.2rem 0 0.3rem;
    white-space: nowrap;
  }
  
  .searchBar .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none;
  }
  
  .searchBar .moreItemsNav .moreButton:focus .chevronIcon,
  .searchBar .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none;
  }
  
  .searchBar .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute;
  }
  
  .searchBar .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000;
  }
  
  .searchBar .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000;
  }
  
  .searchBar .navItem .navLink:focus,
  .searchBar .navItem .navLink:hover {
    text-decoration: underline;
  }
  
  .searchBar .navItem .navLink.selected {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 5px;
  }
  
  .searchBar .navItem .navLink.selected:hover {
    text-decoration: none;
  }
  
  .viewportLarge .searchBar.compact,
  .viewportMedium .searchBar.compact,
  .viewportXLarge .searchBar.compact {
    right: 212px;
  }
  
  .viewportMedium .variantB .searchForm,
  .viewportMedium .variantD .searchForm,
  .viewportSmall .variantB .searchForm,
  .viewportSmall .variantD .searchForm {
    margin-right: 1rem;
  }
  
  .viewportMedium .searchFilterContainer,
  .viewportSmall .searchFilterContainer {
    position: relative;
  }
  
  .viewportMedium .searchFilterContainer .searchFilterList,
  .viewportSmall .searchFilterContainer .searchFilterList {
    height: 40px;
    overflow-y: scroll;
    white-space: nowrap;
  }
  
  .viewportMedium .searchFilterContainer .searchFilterItem,
  .viewportSmall .searchFilterContainer .searchFilterItem {
    margin-right: 1.5rem;
  }
  
  .viewportMedium .searchFilterContainer:after,
  .viewportSmall .searchFilterContainer:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 70%);
    bottom: 0;
    color: #cbcbcb;
    content: " ";
    display: inline-block;
    font-size: 10px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 40px;
  }
  
  .viewportSmall .compact.variantB .searchForm .searchInput,
  .viewportSmall .compact.variantD .searchForm .searchInput {
    border-radius: 0;
    font-size: 1.125rem !important;
    padding: 0.3rem 0.7rem !important;
  }
  
  .viewportSmall .compact.variantB .searchForm .searchButton,
  .viewportSmall .compact.variantD .searchForm .searchButton {
    font-size: 1.2rem !important;
    padding: 0.75rem 1rem !important;
  }
  
  .sponsorInfo {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin: 1rem auto;
    max-width: 300px;
  }
  
  .sponsorInfo .sponsorBoxList {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .sponsorInfo .sponsor-image .placeholder {
    background: none;
    padding: 41px;
  }
  
  .sponsorInfo .sponsor-image img {
    max-width: 215px;
    position: relative;
  }
  
  .sponsorAboutBox {
    background-color: #fff;
    border: 2px solid #000 !important;
    margin: 1rem auto;
    padding: 1rem;
  }
  
  .sponsorAboutBox .sponsorAboutLogo {
    float: right;
  }
  
  .sponsorAboutBox .sponsorAboutLogo img {
    height: 50px;
  }
  
  .story {
    color: #222;
    font-size: 1rem;
    line-height: 150%;
  }
  
  .story h2 {
    font-size: 1.625rem;
    line-height: 1.3;
  }
  
  @media (max-width: 600px) {
    .story h2 {
      font-size: 1.5rem;
    }
  }
  
  .story p {
    margin-bottom: 28px;
    margin-top: 0;
  }
  
  .story a {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .story a:focus,
  .story a:hover {
    background-color: #d8d8d8;
  }
  
  .story u {
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none;
  }
  
  .story li a {
    font-weight: 700;
  }
  
  .story hr {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    height: 1px;
  }
  
  .story .image.extrasmall,
  .story .image.medium,
  .story .image.small {
    clear: right;
    float: right;
    margin: 1rem 0 1rem 1rem;
  }
  
  .story .image {
    display: block;
    line-height: 0;
    position: relative;
  }
  
  .story .image .placeholder {
    margin-bottom: 1rem;
  }
  
  .story .image.medium {
    width: 460px;
  }
  
  .story .image.small {
    width: 300px;
  }
  
  .story .image.extrasmall {
    width: 140px;
  }
  
  .story .relatedListItem {
    margin: 1rem 0;
  }
  
  .story .relatedLink {
    font-weight: 700;
  }
  
  .story .relatedLinksWrap {
    margin-top: 3rem;
  }
  
  .story .floatright {
    float: right;
    margin: 0.5rem 0 0.5rem 1rem;
    padding: 1rem;
  }
  
  .story .callout,
  .story table {
    background-color: #eaeaea;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    font-size: 0.857em;
  }
  
  .story td {
    padding: 0.25rem;
  }
  
  .story .media table,
  .story .mediaEmbed table {
    background: transparent;
    border: none;
  }
  
  .story .callout {
    float: right;
    margin: 0 0 1rem 1rem;
    min-width: 300px;
    padding: 1rem;
    width: 35%;
  }
  
  .story .callout h2 {
    margin-top: 0;
  }
  
  .story .callout p {
    margin: 12px 0;
  }
  
  .story .callout_full {
    float: none;
    margin-left: 0;
    width: calc(100% - 2rem);
  }
  
  .story .ad-bigbox {
    clear: both;
    content: "";
    display: table;
  }
  
  .story .documentCloud,
  .story .scribble {
    display: block;
  }
  
  .story .documentCloud .heading {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 2rem 0 0;
  }
  
  .story .documentCloud .documentCloudContainer,
  .story .documentCloud .external {
    display: block;
    margin: 1rem 0;
  }
  
  .story .documentCloud .disclaimer {
    font-size: 0.9rem;
    font-style: italic;
  }
  
  .story .customHtml {
    border: none;
    border-radius: 3px;
  }
  
  .story .customHtml .body {
    text-align: center;
  }
  
  .story .pullquote {
    margin: 1em auto;
    min-width: 20em;
    width: 80%;
  }
  
  .story .pullquote .text-items {
    border-left: 4px solid #e60505;
    clear: both;
    display: inline-block;
    min-height: 95px;
    padding-left: 45px;
    width: calc(100% - 110px);
  }
  
  .story .pullquote .sharing-icons {
    display: none;
  }
  
  .story .pullquote .sharing-icons .socialImage {
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    display: block;
    margin-bottom: 0.5rem;
    margin-right: 1rem;
  }
  
  .story .pullquote .pullquote-quotation {
    display: block;
    font-size: 2rem;
    line-height: 130%;
  }
  
  .story .pullquote .pullquote-source {
    color: #545454;
    display: block;
    margin-top: 1rem;
  }
  
  .story .pullquote .pullquote-quotation-open {
    float: left;
    height: 25px;
    margin-left: -30px;
    width: 30px;
  }
  
  .story .pullquote .pullquote-quotation-close {
    float: right;
    height: 22px;
    margin-top: 2px;
    position: absolute;
    width: 23px;
  }
  
  @media (max-width: 640px) {
    .story .pullquote .pullquote-quotation {
      font-size: 1.375rem;
      line-height: 1.75rem;
    }
  }
  
  .story .facebook {
    margin: 0 auto;
    max-width: 500px;
  }
  
  .story .facebookVideo {
    margin-bottom: 1rem;
  }
  
  .story .twitter-tweet {
    margin: 0 auto;
    max-width: calc(100vw - 2rem);
    visibility: hidden;
  }
  
  .story .twitter-tweet.twitter-tweet-rendered {
    visibility: visible;
  }
  
  .story .similarLinks .similarListItem .similarLink .similarLinkText {
    display: inline;
  }
  
  @media (max-width: 640px) {
    .story {
      font-size: 1rem;
      line-height: 1.625rem;
    }
  
    .story p {
      margin-bottom: 28px;
    }
  
    .story .callout,
    .story .floatright {
      float: none;
      margin: 0 0 1rem;
      min-width: inherit;
      width: auto;
    }
  
    .story .image.extrasmall,
    .story .image.medium,
    .story .image.small {
      float: none;
      margin: 0;
      width: 100%;
    }
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .story {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  
    .story p {
      margin-bottom: 32px;
    }
  }
  
  .verticalCardList.cardList {
    margin-top: 1rem;
  }
  
  .verticalCardList.cardList .contentList .contentListCards {
    margin-left: 0;
    margin-right: 0;
  }
  
  .verticalCardList.cardList .contentList .contentListCards .cardFeatured {
    padding: 0;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .cardFeatured
    .label.highlighted,
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .cardFeatured
    .label.sponsored {
    margin-left: -1rem;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .cardFeatured
    .label.highlighted
    .labelText,
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .cardFeatured
    .label.sponsored
    .labelText {
    display: block;
    margin: -1rem 0 0;
    padding-left: 1rem;
    width: 100%;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .contentListItem:first-child
    .card-content {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .contentListItem:first-child
    .card-content
    .headline {
    font-size: 1rem;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .contentListItem:first-child
    .cardFeatured
    .card-content {
    padding: 0.5rem;
  }
  
  .verticalCardList.cardList .contentList .contentListCards .card {
    margin: 0;
  }
  
  .verticalCardList.cardList .contentList .contentListCards .card.cardText {
    border: 1px solid #cbcbcb;
    padding: 0 1rem;
  }
  
  .verticalCardList.cardList .contentList .contentListCards .card.cardFeatured {
    padding: unset;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .card.cardFeatured
    .headline {
    line-height: 1.5;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .card.cardFeatured
    .contentWrapper {
    flex: 1 1 100%;
    padding: 0.5rem;
  }
  
  .verticalCardList.cardList .contentList .contentListCards .card:hover {
    z-index: 50;
  }
  
  .verticalCardList.cardList .contentList .contentListCards .card .description,
  .verticalCardList.cardList .contentList .contentListCards .card .metadata {
    display: none;
  }
  
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .card:not(:first-child),
  .verticalCardList.cardList
    .contentList
    .contentListCards
    .contentListItem:not(:first-child)
    .card {
    border-top: none;
  }
  
  .verticalCardList.cardList .titleBar {
    background-color: #fff;
    color: #000;
    margin-bottom: 0.5rem;
    padding: 0 0 0.3rem;
  }
  
  .verticalCardList.cardList .titleBar .title {
    border-bottom: 1px solid #545454;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
  }
  
  .verticalCardList.cardList .titleBar.titleBar-condensed {
    letter-spacing: -0.4px;
  }
  
  .verticalCardList.cardList .titleBar a {
    color: #000;
    text-decoration: none;
  }
  
  .verticalCardList.cardList .titleBar a:hover {
    color: #0550c8;
    text-decoration: none;
  }
  
  @media only screen and (max-width: 987px) {
    .verticalCardList.cardList
      .contentList
      .contentListCards
      .contentListItem:first-child
      .cardFeatured
      .card-content {
      padding: 0.5rem 1rem;
    }
  
    .verticalCardList .cardFeatured {
      align-items: center;
      flex-flow: column;
    }
  
    .verticalCardList .cardFeatured .mediaItem {
      flex: 1 1 230px;
      min-height: inherit;
    }
  }
  
  .sitemap .sectionLink {
    color: #000;
  }
  
  .sitemap.menuNavWrapper {
    position: relative;
    z-index: 800;
  }
  
  .sitemap.menuNavWrapper .menuNav.open {
    border-top: none;
    margin: 2rem 0;
  }
  
  .sitemap.menuNavWrapper .menuNav.open .closeButton,
  .sitemap.menuNavWrapper .menuNav.open .menuClose,
  .sitemap.menuNavWrapper .menuNav.open .nav-my-local-settings,
  .sitemap.menuNavWrapper .menuNav.open .nav-my-local-settings.hasRegions {
    display: none;
  }
  
  .sitemap.menuNavWrapper .menuNav.open .navLink:focus,
  .sitemap.menuNavWrapper .menuNav.open .navLink:hover {
    color: #e60505;
    text-decoration: none;
  }
  
  .sitemap .subNavList.menuSidebarSubNav {
    flex-flow: column wrap;
  }
  
  .sitemap .navItem .navLink:focus,
  .sitemap .navItem .navLink:hover {
    text-decoration: underline;
  }
  
  .sitemap .navItem .navLink.selected {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 5px;
  }
  
  .sitemap .navItem .navLink.selected:hover {
    text-decoration: none;
  }
  
  .sitemap .subNavList {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0;
  }
  
  .sitemap .subNavList:after {
    content: "";
    flex: auto;
    padding: 0 1rem;
    width: 21%;
  }
  
  .sitemap .subNavList .subNavListItem {
    flex: 0 0 auto;
    list-style-type: none;
    padding: 0 1rem;
    width: 21%;
  }
  
  .sitemap .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none;
  }
  
  .sitemap .subNavList.collapsed {
    display: none;
  }
  
  .sitemap.viewportSmall .subNavList:after,
  .sitemap.viewportSmall .subNavListItem {
    width: 40%;
  }
  
  .sitemap .menuNav {
    position: relative;
  }
  
  .sitemap .menuNav .menuList {
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .sitemap .menuNav .closeButton {
    display: none;
  }
  
  .sitemap .menuNav .mainMenuItem {
    line-height: 2rem;
    padding-left: 2rem;
  }
  
  .sitemap .menuNav .mainMenuItem.nav-more {
    background: #545454;
  }
  
  .sitemap .menuNav .mainMenuItem.nav-more .navSection {
    display: none;
  }
  
  .sitemap .menuNav .mainMenuItem.nav-more .navLink {
    color: #fff;
    outline-color: #fff;
  }
  
  .sitemap .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio,
  .sitemap .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv {
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .sitemap .menuNav .mainMenuItem.hasSubsection {
    border-bottom: 1px solid #cbcbcb;
    min-height: 2rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  
  .sitemap .menuNav .mainMenuItem.hasSubsection:last-child {
    border: none;
  }
  
  .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList {
    margin-left: -1rem;
  }
  
  .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected {
    color: #e60505;
    cursor: auto;
  }
  
  .sitemap
    .menuNav
    .mainMenuItem.hasSubsection
    .subNavList
    .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .sitemap .menuNav .mainMenuItem.hasSubsection.hasRegions {
    display: flex;
    flex-flow: row wrap;
  }
  
  .sitemap .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
    margin-right: 2rem;
  }
  
  .sitemap .menuNav .navLink,
  .sitemap .menuNav .topics .subNavLink {
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .sitemap .menuNav.open {
    border-top: 1px solid #cbcbcb;
    display: flex;
    outline: none;
    width: 100%;
  }
  
  .sitemap .menuNav.open .menuSidebar {
    display: block;
  }
  
  .sitemap .menuNav.open .menuList {
    border-top: none;
    display: block;
  }
  
  .sitemap .menuNav.open .closeButton {
    background-color: #e60505;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
  
  .sitemap .menuNav.open .closeButton:focus,
  .sitemap .menuNav.open .closeButton:hover {
    background-color: #fff;
    border: 1px solid #e60505;
    color: #e60505;
  }
  
  .sitemap .menuNav .menuSidebar {
    background: #545454;
    display: none;
    width: 125px;
  }
  
  .sitemap .menuNav .menuSidebar .menuSidebarHeading {
    background-color: #727272;
    color: #fff;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
  }
  
  .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%;
  }
  
  .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    margin: 0.7rem 0.5rem;
    padding: 0.3rem 0.5rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus,
  .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover {
    outline: 3px solid #fff;
  }
  
  .sitemap
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink.selected {
    background: #fff;
    color: #e60505;
    cursor: auto;
    font-weight: 700;
    text-decoration: none;
  }
  
  .sitemap
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .viewportSmall .sitemap .menuNav .menuSidebar,
  .viewportMedium .sitemap .menuNav .menuSidebar {
    width: auto;
  }
  
  .viewportSmall .sitemap .menuNav .menuSidebar .closeButton,
  .viewportSmall .sitemap .menuNav .menuSidebar .menuSidebarHeading,
  .viewportMedium .sitemap .menuNav .menuSidebar .closeButton,
  .viewportMedium .sitemap .menuNav .menuSidebar .menuSidebarHeading {
    text-align: left;
  }
  
  .viewportSmall .sitemap .menuNav .menuSidebar .closeButton,
  .viewportMedium .sitemap .menuNav .menuSidebar .closeButton {
    display: none;
  }
  
  .viewportSmall .sitemap .menuNav .menuSidebar .subNavList .subNavListItem,
  .viewportMedium .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0 0.5rem;
    width: 40%;
  }
  
  .viewportSmall
    .sitemap
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink,
  .viewportMedium
    .sitemap
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink {
    margin: 0.5rem;
  }
  
  .sitemap.viewportMedium .menuNav.open,
  .sitemap.viewportSmall .menuNav.open {
    flex-flow: column wrap;
  }
  
  .sitemap.viewportLarge .menuNav.open .menuList.subNavList,
  .sitemap.viewportXLarge .menuNav.open .menuList.subNavList {
    display: block;
  }
  
  .viewportSmall .sitemap .subNavList {
    flex-flow: column wrap;
  }
  
  .genericPage {
    background: #fff;
  }
  
  .genericPage .pageMenu {
    flex-basis: 20%;
    margin: 0 50px 0 1rem;
  }
  
  .genericPage .pageContentWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem 0;
    width: 100%;
  }
  
  .genericPage .pageContent {
    flex-basis: 75%;
    max-width: 75%;
  }
  
  .genericPage .contentWrapper {
    background-color: #fff;
    margin: 0;
  }
  
  .genericPage .styleLink {
    color: #0550c8;
    text-decoration: none;
  }
  
  .genericPage .styleLink:hover {
    text-decoration: underline;
  }
  
  .genericPage .selectedFont {
    font-size: 0.85rem;
    margin-top: 1rem;
  }
  
  .genericPage .styleList {
    list-style-type: none;
    padding-left: 0;
  }
  
  .genericPage .styleList .styleListItem {
    margin: 2rem 0;
  }
  
  .genericPage .styleList .styleListItem:hover {
    box-shadow: none;
  }
  
  .genericPage .styleTable {
    font-size: 0.85rem;
  }
  
  .genericPage .styleTable td,
  .genericPage .styleTable th {
    border-bottom: 1px solid #cbcbcb;
    padding: 1rem 0;
    text-align: left;
    vertical-align: top;
    width: 25%;
  }
  
  .genericPage .previewWrap {
    border: 1px dotted #cbcbcb;
    display: flex;
    flex-flow: row wrap;
    margin: 2rem 0;
    padding: 0.5rem;
  }
  
  .genericPage .code,
  .genericPage .preview {
    flex: 1 1 230px;
    margin: 0 0.5rem;
    width: 49%;
  }
  
  .genericPage .cookiePageTitle {
    font-size: 1.17em;
  }
  
  .genericPage .cookieName {
    font-size: 1em;
  }
  
  .genericPage .guideMenu {
    background-color: #fff;
    margin: 0 -16px;
  }
  
  .genericPage .guideMenu .guideMenuList {
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .genericPage .guideMenu .guideMenuItem {
    flex: 1 0 45px;
  }
  
  .genericPage .guideMenu .guideMenuLink {
    border: 1px solid #cbcbcb;
    border-bottom: none;
    color: #000;
    display: block;
    line-height: 1.5em;
    margin: 0;
    padding: 10px;
    text-decoration: none;
  }
  
  .genericPage .guideMenu .guideMenuLink .icon {
    float: right;
  }
  
  .genericPage .guideMenu .guideMenuLink .icon .chevronIcon {
    fill: #000;
  }
  
  .genericPage .guideMenu .guideMenuLink:hover {
    background-color: #000;
    color: #fff;
  }
  
  .genericPage .guideMenu .guideMenuLink.selected {
    color: #e60505;
    cursor: auto;
  }
  
  .genericPage .guideMenu .guideMenuLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .genericPage .guideMenu .guideMenuLink.selected:hover {
    background-color: #fff;
  }
  
  .genericPage .guideMenu .guideMenuLink.selected .chevronIcon {
    fill: #0550c8;
  }
  
  .genericPage .guideMenu .guideSubMenuList {
    background-color: #f4f4f4;
    border-top: 1px solid #cbcbcb;
    padding-left: 0;
  }
  
  .genericPage .guideMenu .guideSubMenuList .guideMenuItem {
    list-style: none;
  }
  
  .genericPage .guideMenu .guideSubMenuList .guideMenuItem a {
    padding-left: 3rem;
  }
  
  .genericPage .cookieExperience table {
    margin-right: 2em;
  }
  
  .genericPage .cookieExperience tr {
    border-bottom: 1px solid #cbcbcb;
  }
  
  .genericPage .cookieExperience tr:last-of-type {
    border-bottom: none;
  }
  
  .genericPage .cookieExperience td,
  .genericPage .cookieExperience th {
    padding: 1em;
  }
  
  @media (max-width: 640px) {
    .genericPage .pageContentWrap {
      flex-direction: column;
    }
  
    .genericPage .pageContentWrap .pageMenu {
      flex-basis: 100%;
      margin: 0;
    }
  
    .genericPage .pageContentWrap .pageContent {
      flex-basis: 100%;
      margin-top: 2rem;
      max-width: 100%;
    }
  
    .genericPage .pageContentWrap .colourList {
      height: auto;
    }
  }
  
  .trendingList {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    font-family: Open Sans, sans-serif;
    list-style: none;
    padding: 0;
  }
  
  .trendingList-sidebar {
    margin-bottom: 1rem;
  }
  
  .trendingList-sidebar .trendingList .listDisplay,
  .trendingList-sidebar .trendingList .verticalCardList {
    margin-top: 0;
    width: 100%;
  }
  
  .trendingList-sidebar
    .trendingList
    .verticalCardList.cardList
    .contentListItem:first-child
    .cardDiscovery
    .card-content {
    padding-bottom: 0;
    padding-top: 0;
  }
  
  .trendingList-sidebar
    .trendingList
    .verticalCardList.cardList
    .contentListItem:first-child
    .cardDiscovery
    .card-content
    .headline {
    font-size: 14px;
  }
  
  .trendingList-sidebar
    .trendingList
    .verticalCardList.cardList
    .contentListItem
    .cardDiscovery {
    border-bottom: 1px solid #e0e0e0;
  }
  
  .trendingList-detail .headingTextSection {
    color: #545454;
  }
  
  .trendingList-detail
    .trendingList
    .contentList
    .contentListCards
    .card:last-child {
    border-right: none;
  }
  
  @media only screen and (max-width: 1070px) and (min-width: 865px) {
    .trendingList-detail
      .trendingList
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 1) {
      display: none;
    }
  
    .trendingList-detail
      .trendingList
      .contentList
      .contentListCards
      .card:nth-last-of-type(-n + 2)
      a {
      border-right: none;
    }
  }
  
  @media only screen and (max-width: 864px) and (min-width: 653px) {
    .trendingList-detail
      .trendingList
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 2) {
      display: none;
    }
  
    .trendingList-detail
      .trendingList
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 3)
      a {
      border-right: none;
    }
  }
  
  @media only screen and (max-width: 652px) {
    .trendingList-detail .trendingList .contentList .contentListCards .card {
      border-bottom: 1px solid #e0e0e0;
      border-right: none;
      flex: 1 1 auto;
      margin: 0 1rem;
    }
  
    .trendingList-detail
      .trendingList
      .contentList
      .contentListCards
      .card:last-child {
      border-bottom: none;
    }
  
    .trendingList-detail
      .trendingList
      .contentList
      .contentListCards
      .card
      .imageMedia {
      display: none;
    }
  }
  
  .author-image {
    height: 40px;
    padding: 0;
    width: 40px;
  }
  
  .author-image .placeholder {
    background: none;
  }
  
  .author-image .placeholder img {
    background: none;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    box-sizing: border-box;
  }
  
  .authorprofile-container .author-image,
  .authorprofile-container .author-image .placeholder img {
    max-height: none;
    max-width: none;
  }
  
  .businessWidget .customHtml {
    background: #fff;
    border: none;
    margin-bottom: 1rem;
  }
  
  .businessWidget .businessWidgetTitle {
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1rem;
  }
  
  .businessWidget.goPublic {
    border: 2px solid #cbcbcb;
  }
  
  .upakneeWidget .customHtml {
    background: #fff;
    border: none;
    margin-bottom: 1rem;
  }
  
  .upakneeWidget.upakneeSports {
    margin: 1rem auto;
  }
  
  .blankPage {
    background: #fff;
    min-height: 800px;
  }
  
  .pageIntro {
    background-color: #fff;
    margin: 0 -1rem 1rem;
    min-height: 10rem;
    padding-bottom: 0.5rem;
    position: relative;
  }
  
  .show .pageIntro {
    margin-bottom: 0;
  }
  
  .viewportLarge .pageIntro {
    margin-left: 0;
    margin-right: 0;
  }
  
  .pageIntro .imageMedia {
    display: block;
  }
  
  .pageIntro .showName {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: 0.5rem;
  }
  
  .pageIntro .showName.Goods {
    text-transform: lowercase;
  }
  
  .pageIntro .host-image .placeholder {
    background: none;
  }
  
  .pageIntro .host-image img {
    display: block;
    position: relative;
    width: 100%;
  }
  
  .pageIntro .description {
    background: #000;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    padding: 1rem 1.5rem;
  }
  
  .pageIntro .description:before {
    background: linear-gradient(
      180deg,
      transparent,
      transparent,
      rgba(0, 0, 0, 0.1) 30%,
      #000
    );
    bottom: 18%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 70%;
  }
  
  .pageIntro .responsiveNav {
    position: relative;
  }
  
  .pageIntro .responsiveNav .moreItemsNav {
    text-align: right;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreItemsList {
    clear: both;
    display: none;
    height: 90%;
    margin-top: -1px;
    min-width: 15rem;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 1000;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: 0.7rem;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, 0.15), 0 -5px 3px -10px #fff;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus,
  .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.2rem 0 0.3rem;
    white-space: nowrap;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none;
  }
  
  .pageIntro .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon,
  .pageIntro .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none;
  }
  
  .pageIntro .responsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute;
  }
  
  .pageIntro .responsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000;
  }
  
  .pageIntro .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000;
  }
  
  .pageIntro .responsiveNav .subNavListItem {
    position: static;
    white-space: nowrap;
  }
  
  .pageIntro .responsiveNav .subNavListItem.hidden {
    position: absolute;
    visibility: hidden;
  }
  
  .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden;
  }
  
  .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem;
  }
  
  .viewportSmall
    .pageIntro
    .responsiveNav
    .subNavListItem.moreNavTrigger
    .moreButton {
    text-decoration: none;
  }
  
  .pageIntro .responsiveNav .subNavListItem.moreNavTrigger.active {
    visibility: visible;
  }
  
  .pageIntro .responsiveNav.allHidden .subNavListItem {
    visibility: hidden;
  }
  
  .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
    visibility: visible;
  }
  
  .scrollDown .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
    padding-left: 0.5rem;
  }
  
  .pageIntro .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    margin-right: 1rem;
    padding-left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: visible;
    z-index: 1000;
  }
  
  .pageIntro .responsiveNav .gemWrapper .gemSectionLink {
    padding: 0;
  }
  
  .pageIntro .responsiveNav.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0;
  }
  
  .pageIntro .responsiveNav.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem;
  }
  
  .pageIntro .responsiveNav.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none;
  }
  
  .pageIntro .responsiveNav.introNav .moreButton,
  .pageIntro .responsiveNav.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: 0.2rem 0.5rem;
    text-decoration: none;
  }
  
  .pageIntro .responsiveNav.introNav .moreButton.selected,
  .pageIntro .responsiveNav.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000;
  }
  
  .pageIntro .responsiveNav.introNav .moreButton:hover,
  .pageIntro .responsiveNav.introNav .subNavLink:hover {
    text-decoration: underline;
  }
  
  .pageIntro .responsiveNav.introNav .moreItemsNav {
    height: 100%;
  }
  
  .pageIntro .responsiveNav.introNav .moreItemsNav .moreItemsList {
    height: auto;
    min-width: 10rem;
  }
  
  .pageIntro
    .responsiveNav.introNav
    .moreItemsNav
    .moreItemsList
    .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: 0.2rem;
    text-decoration: none;
  }
  
  .pageIntro .responsiveNav.introNav .moreItemsNav .moreButton {
    height: 100%;
    padding: 1rem;
  }
  
  .pageIntro .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    padding: 0;
  }
  
  .viewportSmall
    .pageIntro
    .responsiveNav.introNav
    .subNavListItem.moreNavTrigger {
    height: 100%;
  }
  
  .pageIntro.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px;
  }
  
  @media only screen and (max-width: 1058px) and (min-width: 850px) {
    .detail
      .moreStories.moreStoriesAskCBC
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 2) {
      display: block;
    }
  
    .detail
      .moreStories.moreStoriesAskCBC
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 1) {
      display: none;
    }
  }
  
  @media only screen and (max-width: 849px) and (min-width: 641px) {
    .detail
      .moreStories.moreStoriesAskCBC
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 4) {
      display: block;
    }
  
    .detail
      .moreStories.moreStoriesAskCBC
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 2) {
      display: none;
    }
  }
  
  @media only screen and (max-width: 640px) and (min-width: 430px) {
    .detail
      .moreStories.moreStoriesAskCBC
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 1) {
      display: none;
    }
  
    .detail
      .moreStories.moreStoriesAskCBC
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 3) {
      border-bottom: none;
    }
  }
  
  .moreStories {
    margin-top: 2.5rem;
    position: relative;
  }
  
  .moreStories .contentList .contentListCards {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .moreStories .contentList .contentListCards .card {
    flex: 1 1 230px;
    margin: 0.5rem;
  }
  
  .detail .moreStories .contentList .contentListCards .card .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }
  
  .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 23%;
  }
  
  .moreStories .moreSectionLink {
    color: #000;
    font-size: 0.8rem;
    font-weight: 700;
    position: absolute;
    right: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    top: 0.5rem;
  }
  
  .moreStories .moreSectionLink:focus,
  .moreStories .moreSectionLink:hover {
    text-decoration: underline;
  }
  
  .contentListingContentListHolder
    .moreStories
    .contentList
    .contentListCards
    .card.cardRegular,
  .viewportSmall
    .contentListingContentListHolder
    .moreStories
    .contentList
    .contentListCards
    .card.cardRegular,
  .viewportSmall .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 100%;
  }
  
  .viewportMedium .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 47%;
  }
  
  .viewportMedium
    .contentListingContentListHolder
    .moreStories
    .contentList
    .contentListCards
    .card.cardRegular {
    flex: 1 1 100%;
  }
  
  .detail .moreStories {
    position: relative;
  }
  
  @media only screen and (max-width: 1100px) and (min-width: 800px) {
    .detail .moreStories {
      margin: 0 auto;
      max-width: 45rem;
    }
  }
  
  .detail .moreStories .contentList .contentListCards .card {
    flex: 1 1 190px;
  }
  
  .detail
    .moreStories
    .contentList
    .contentListCards
    .card:nth-last-child(-n + 5) {
    border-bottom: none;
  }
  
  @media only screen and (max-width: 1100px) and (min-width: 641px) {
    .detail
      .moreStories
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 4) {
      display: none;
    }
  
    .detail
      .moreStories
      .contentList
      .contentListCards
      .card:nth-last-child(-n + 7) {
      border-bottom: none;
    }
  }
  
  @media only screen and (max-width: 640px) and (min-width: 430px) {
    .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(3),
    .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(4),
    .detail
      .moreStories
      .contentList
      .contentListCards
      .card:nth-last-of-type(5) {
      border-bottom: 1px solid #e0e0e0;
    }
  }
  
  @media only screen and (max-width: 429px) {
    .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(2),
    .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(3),
    .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(4),
    .detail
      .moreStories
      .contentList
      .contentListCards
      .card:nth-last-of-type(5) {
      border-bottom: 1px solid #e0e0e0;
    }
  }
  
  .detail .moreStories .moreSectionLink {
    color: #000;
    font-size: 0.8rem;
    font-weight: 700;
    position: absolute;
    right: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    top: 0.5rem;
  }
  
  .detail .moreStories .moreSectionLink:focus,
  .detail .moreStories .moreSectionLink:hover {
    text-decoration: underline;
  }
  
  @media (max-width: 849px) {
    .detail .moreStories .sectionTitle .sectionTitleText {
      font-size: 19.2px;
    }
  }
  
  .swimlane {
    margin: 1rem -1rem;
  }
  
  .swimlane .moreStories {
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 1rem;
  }
  
  .swimlane .moreStories .detailLink {
    display: none;
  }
  
  .swimlane .moreStories .moreStoriesList {
    padding: 2rem 0;
  }
  
  .swimlane .moreStories .moreSectionLink {
    top: 2.5rem;
  }
  
  .swimlane .headingText {
    margin: 0 0 1rem;
  }
  
  .swimlane .contentListCards {
    display: flex;
    flex-flow: row wrap;
  }
  
  .swimlane .contentListCards .card,
  .swimlane .contentListCards .cardRegular {
    border: 1px solid #cbcbcb;
    flex: 1 1 23%;
  }
  
  .swimlane .contentListCards .card.sponsorMeta,
  .swimlane .contentListCards .cardRegular.sponsorMeta {
    border: 1px solid #8c8c8c;
  }
  
  .swimlane .contentListCards .card.sponsorMeta:focus,
  .swimlane .contentListCards .card.sponsorMeta:hover,
  .swimlane .contentListCards .cardRegular.sponsorMeta:focus,
  .swimlane .contentListCards .cardRegular.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c;
  }
  
  .swimlane .contentListCards .card.sponsorMeta .sponsorLogo,
  .swimlane .contentListCards .cardRegular.sponsorMeta .sponsorLogo {
    padding-top: 1rem;
  }
  
  .swimlane .contentListCards .card.sponsorMeta .sponsorLogo img,
  .swimlane .contentListCards .cardRegular.sponsorMeta .sponsorLogo img {
    width: 60px;
  }
  
  .swimlane.swimlane-video {
    background-color: #fff;
    margin: auto;
  }
  
  .swimlane.swimlane-video .moreStories .moreStoriesList {
    padding: 0 1rem;
  }
  
  .swimlane.swimlane-video .moreStories .moreSectionLink {
    display: none;
  }
  
  .swimlane.swimlane-video .contentListCards .card {
    flex: 1 1 240px;
  }
  
  .swimlane.swimlane-video .contentListCards .cardRegular {
    flex: 0 1 23%;
  }
  
  .swimlane .moreStoriesSubHeadline {
    margin: 0.5rem 0;
  }
  
  .swimlane .moreStoriesSubHeadline .regionsListWrapper .regionLink {
    color: #0550c8;
    font-size: 1.35rem;
    font-weight: 700;
  }
  
  .viewportSmall
    .swimlane
    .moreStoriesSubHeadline
    .regionsListWrapper
    .regionLink {
    font-size: 1rem;
  }
  
  .swimlane.newsTheme {
    background-color: #eaeaea;
  }
  
  .swimlane.newsTheme .moreStories .moreStoriesList {
    padding: 2rem 0;
  }
  
  .swimlane.mediaTheme {
    background-color: #222;
  }
  
  .swimlane.mediaTheme .icon .chevronIcon {
    fill: #fff;
  }
  
  .swimlane.mediaTheme .moreStories .moreStoriesList {
    padding: 2rem 1.5rem;
  }
  
  .swimlane.mediaTheme.lessPadding .moreStories .moreStoriesList {
    padding: 2rem 0;
  }
  
  .swimlane.mediaTheme .headingText {
    border-bottom-color: #fff;
    color: #fff;
    margin: 0 0 1rem;
  }
  
  .swimlane.mediaTheme .headingText a,
  .swimlane.mediaTheme .headingText a:visited,
  .swimlane.mediaTheme .moreSectionLink {
    color: #fff;
  }
  
  .swimlane.mediaTheme .card,
  .swimlane.mediaTheme .cardRegular {
    border: 0;
  }
  
  .swimlane.nboxTheme .moreStories .moreStoriesList {
    margin: auto;
    max-width: 45rem;
    padding-bottom: 0;
  }
  
  .swimlane .regionsListWrapper {
    background-color: #fff;
    color: #000;
  }
  
  .swimlane .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0;
  }
  
  .swimlane .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: 0.5rem;
    text-transform: uppercase;
  }
  
  .swimlane .regionsListWrapper .regionNameWrapper {
    display: inline-block;
  }
  
  .swimlane .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.5rem 1rem 0 0;
  }
  
  .swimlane .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0.2rem 0.5rem;
  }
  
  .swimlane .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none;
  }
  
  .swimlane .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8;
  }
  
  .swimlane .regionsListWrapper .regionItemLabel {
    cursor: pointer;
  }
  
  .swimlane .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: 0.9rem;
  }
  
  .swimlane .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: 0.9rem;
    margin-right: 0.5rem;
  }
  
  .swimlane .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem;
  }
  
  .swimlane .regionsListWrapper .regionRadioButton {
    margin-right: 0.3rem;
  }
  
  .swimlane .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none;
  }
  
  .swimlane .regionsListWrapper .regionLink .icon {
    padding-left: 6px;
  }
  
  .swimlane .regionsListWrapper .regionLink:focus,
  .swimlane .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8;
  }
  
  .swimlane .regionsListWrapper .regionLink:focus .chevronIcon,
  .swimlane .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454;
  }
  
  .swimlane .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: 0.5rem;
    width: 100%;
  }
  
  .swimlane .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto;
  }
  
  .swimlane .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .swimlane .regionsListWrapper.openRegion .regionFormIntro {
    display: block;
  }
  
  .swimlane .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg);
  }
  
  .swimlane .regionsListWrapper.standAlone {
    background: #f4f4f4;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding: 1rem 0.5rem 0;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: 0.5rem 0;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionForm {
    background: #fff;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionFormIntro {
    padding: 0.5rem;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
  }
  
  .swimlane .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: 0.8rem;
    margin: 0 0.5rem 0.3rem 0;
  }
  
  .swimlane .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: 0.5rem 0.5rem 0 0;
  }
  
  .swimlane .regionsListWrapper.standAlone .currentRegion,
  .swimlane .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap;
  }
  
  .swimlane .regionsListWrapper.standAlone .currentRegion:before,
  .swimlane .regionsListWrapper.standAlone .regionButton:before {
    display: none;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding: 0.3rem;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionButton:focus,
  .swimlane .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none;
  }
  
  .swimlane .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none;
  }
  
  .swimlane .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700;
  }
  
  .swimlane .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454;
  }
  
  .swimlane .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem;
  }
  
  .swimlane .regionsListWrapper.standAlone.openRegion .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    color: #e60505;
    margin-bottom: -2px;
    padding: 0.5rem;
  }
  
  .viewportSmall .swimlane .contentListCards .card.cardRegular,
  .viewportSmall .swimlane.swimlane-video .card-content-bottom .card.cardRegular {
    flex-basis: 100%;
  }
  
  .viewportMedium .swimlane .contentListCards .card.cardRegular,
  .viewportSmall .swimlane.swimlane-video .card-content-bottom .card.cardRegular {
    flex-basis: 47%;
  }
  
  .viewportLarge .swimlane {
    margin-left: calc(-50vw + 50%);
    width: 100vw;
  }
  
  .viewportLarge .swimlane-video {
    margin-left: 0;
  }
  
  .swimlane.electionSideBarSwimlane {
    margin-left: 0;
    width: auto;
  }
  
  .swimlane.electionSideBarSwimlane h3 {
    pointer-events: none;
  }
  
  .swimlane.electionSideBarSwimlane h3 .icon {
    display: none;
  }
  
  .swimlane.electionSideBarSwimlane .contentListCards a.card {
    border-top: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  
  .swimlane.electionSideBarSwimlane .contentListCards a.card:first-of-type {
    border-top: 1px solid #cbcbcb;
  }
  
  .swimlane.electionSideBarSwimlane .contentListCards a.card .imageMedia {
    display: none;
  }
  
  .swimlane.electionSideBarSwimlane
    .contentListCards
    a.card:first-of-type
    .imageMedia {
    display: block;
  }
  
  .swimlane.electionSideBarSwimlane
    .contentListCards
    a.card
    .card-content-bottom {
    display: none;
  }
  
  .swimlane.electionSideBarSwimlane .contentListCards a.card:hover {
    z-index: 50;
  }
  
  @media only screen and (max-width: 1000px) and (min-width: 754px) {
    .swimlane .moreStories .moreStoriesList .contentList .listDisplay {
      display: grid;
      grid-template-columns: 50% 50%;
    }
  }
  
  .sectionContainer-main .swimlane .moreStories {
    padding: 0;
  }
  
  .click-wp .swimlane {
    margin: 1rem 0;
  }
  
  .page-row {
    display: flex;
  }
  
  .page-row .inner {
    width: 100%;
  }
  
  .page-row#swimlane-news\/news\/covid-19\/livenow {
    padding: 2em 0;
  }
  
  .listenLive {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    padding: 0;
    width: 100%;
    z-index: 900;
  }
  
  .listenLive .listenLink {
    border: 3px solid #ffdc14;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 0.9rem;
    font-weight: 700;
    min-height: calc(2.25rem - 6px);
    text-decoration: none;
    width: inherit;
  }
  
  .listenLive .listenLink:focus,
  .listenLive .listenLink:hover {
    text-decoration: underline;
  }
  
  .listenLive .listenLink .linkContainer {
    align-items: center;
    display: flex;
  }
  
  .listenLive .listenLink .icon {
    margin-left: 9px;
  }
  
  .listenLive .listenLink .icon .mediaIcon:hover {
    fill: #6c95d7;
  }
  
  .listenLive .listenLink .hide {
    display: none;
  }
  
  .listenLive .listenLink .nowPlayingNetwork:hover {
    color: #757575;
    text-decoration: underline;
  }
  
  .listenLive .liveLabel {
    align-items: center;
    background-color: #ffdc14;
    display: flex;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
  }
  
  .listenLive .locationDropDown {
    margin-left: 3px;
    position: relative;
  }
  
  .listenLive .locationDropDown .locationButton {
    background-color: #ffdc14;
    border: 1px solid #ffdc14;
    color: #000;
    font-size: 0.9rem;
    height: 2.25rem;
    padding: 0 2.5rem 0 1rem;
    text-align: left;
    white-space: nowrap;
    width: calc(10rem + 3px);
  }
  
  .listenLive .locationDropDown .locationButton .chevronIcon {
    fill: #000;
    background: none;
    border-radius: 10px;
    margin-left: 1rem;
    padding: 3px 2px 1px;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
  }
  
  .listenLive .locationDropDown .locationButton.open .chevronIcon {
    transform: rotate(180deg);
  }
  
  .listenLive .locationDropDown .locationButton:hover {
    background-color: #ffec6a;
    border: 1px solid #ffec6a;
  }
  
  .listenLive .locationDropDown .locationButton:active,
  .listenLive .locationDropDown .locationButton:focus {
    background-color: #eacc00;
    border: 1px solid #ffec6a;
  }
  
  .listenLive .locationDropDown ul {
    border: 3px solid #ffdc14;
    border-top: none;
    height: inherit;
    margin-top: 0;
    min-width: 10rem;
    padding: 0;
    position: absolute;
    z-index: 1;
  }
  
  .listenLive .locationDropDown ul li {
    background: #fff;
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    list-style-type: none;
  }
  
  .listenLive .locationDropDown ul li button {
    border: none;
    color: #000;
    padding: 0.5rem 1rem;
    text-align: left;
    width: 100%;
  }
  
  .listenLive .locationDropDown ul li button:focus,
  .listenLive .locationDropDown ul li button:hover {
    background-color: #f1f1f1;
    text-decoration: underline;
  }
  
  .listenLive .locationDropDown ul li:first-child {
    padding-top: 0.5rem;
  }
  
  .listenLive .locationDropDown ul li:last-child {
    padding-bottom: 0.5rem;
  }
  
  .listenLive.showsProvinces .locationDropDown .locationButton {
    min-width: calc(10rem + 3px);
  }
  
  .listenLive.showsProvinces .locationDropDown h4 {
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 100;
    margin: 0 1rem;
    padding: 0.5rem 0;
  }
  
  .listenLive.showsProvinces .locationDropDown ul {
    border: none;
    margin: 0;
    position: relative;
  }
  
  .listenLive.showsProvinces .locationList {
    background-color: #fff;
    border: 3px solid #ffdc14;
    border-top: none;
    max-height: 300px;
    overflow: scroll;
    padding: 1.5rem 0;
    position: absolute;
    width: calc(100% - 6px);
    z-index: 1;
  }
  
  @media (max-width: 706px) {
    .hasDropdown {
      flex-direction: row;
      flex-wrap: wrap;
    }
  
    .hasDropdown .listenLink {
      margin-top: 3px;
    }
  
    .hasDropdown .listenLink .hide {
      display: none;
    }
  
    .hasDropdown .locationDropDown {
      flex-grow: 1;
    }
  
    .hasDropdown .locationDropDown .locationButton,
    .hasDropdown .locationDropDown ul {
      width: 100%;
    }
  
    .hasDropdown .locationDropDown ul li {
      padding: 0.5rem 0;
    }
  
    .hasDropdown .locationDropDown ul li:first-child {
      padding-top: 1rem;
    }
  
    .hasDropdown .locationDropDown ul li:last-child {
      padding-bottom: 1rem;
    }
  }
  
  .viewportLarge .listenLive,
  .viewportMedium .listenLive,
  .viewportXLarge .listenLive {
    position: absolute;
  }
  
  .viewportLarge .showsProvinces .locationButton,
  .viewportLarge .showsProvinces .locationList,
  .viewportXLarge .showsProvinces .locationButton,
  .viewportXLarge .showsProvinces .locationList {
    width: auto;
  }
  
  .schedule {
    font-size: 0.9rem;
    margin-top: 1rem;
  }
  
  .schedule .scheduleList {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-top: 4px solid #cbcbcb;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    overflow-y: scroll;
    padding: 0.5rem;
  }
  
  .schedule .scheduleListItem {
    align-items: baseline;
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
  
  .schedule .scheduleListItem .scheduleTitle {
    flex: 1 1 auto;
    margin-top: 0.3rem;
  }
  
  .schedule .scheduleListItem .scheduleTime {
    margin-right: 0.5rem;
  }
  
  .schedule .scheduleListItem .scheduleMedia {
    background: #000;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    margin-right: 0.5rem;
    padding: 0.3rem;
    text-transform: uppercase;
  }
  
  .schedule .disclaimer {
    background-color: #eaeaea;
    border: 1px solid #cbcbcb;
    border-top: 3px solid #cbcbcb;
    padding: 0.6rem;
  }
  
  .schedule .scheduleLink {
    color: #000;
    display: block;
    margin-top: 1rem;
    text-decoration: underline;
  }
  
  .schedule .scheduleLink:hover {
    text-decoration: none;
  }
  
  .schedule.nowPlaying {
    display: inline;
    font-size: 0.8rem;
    margin: 0;
    padding: 3px 0;
  }
  
  .cookieJar .contentParagraph {
    text-align: justify;
  }
  
  .cookieJar .cookieTable {
    margin-bottom: 30px;
  }
  
  .cookieJar .cookieTable table.thirdPartyCookies {
    border: 1px solid #ccc;
    margin: 30px auto 0;
    width: 80%;
  }
  
  .cookieJar .cookieTable table.thirdPartyCookies td,
  .cookieJar .cookieTable table.thirdPartyCookies tr {
    border: 1px solid #ccc;
  }
  
  .cookieJar .cookieTable table.thirdPartyCookies td.cookieInfo {
    font-weight: 700;
    padding: 10px;
  }
  
  .cookieJar .cookieTable table.thirdPartyCookies td.description {
    padding: 10px;
  }
  
  .cookieJar .cookieTable .cookieRow {
    border-bottom: 1px solid #ccc;
    display: flex;
    margin-left: 3em;
    margin-right: 3em;
  }
  
  .cookieJar .cookieTable .cookieRow .cookieInfo {
    flex: 3;
    padding-right: 10px;
    width: 100%;
  }
  
  .cookieJar .cookieTable .cookieRow .cookieInfo p {
    text-align: justify;
  }
  
  .cookieJar .cookieTable .cookieRow .cookieInfo div.value {
    margin-bottom: 15px;
    overflow-wrap: break-word;
  }
  
  .cookieJar .cookieTable .cookieRow .cookieInfo div.value span {
    display: inline;
    font-size: 14px;
    font-style: italic;
    text-align: left;
  }
  
  .cookieJar .cookieTable .cookieRow .cookieActions {
    flex: 1;
    padding-top: 3em;
    text-align: center;
  }
  
  .cookieJar .loadingIndicator .spinner {
    background-color: transparent;
    color: #545454;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    width: 10rem;
  }
  
  .cookieJar .loadingIndicator .spinner .loader {
    float: right;
    margin-left: 10px;
  }
  
  .mobileAppCta {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    display: flex;
    height: 4.2rem;
    justify-content: center;
    left: 0;
    min-width: 320px;
    position: fixed;
    transform: translateY(100%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    z-index: 1520;
  }
  
  .mobileAppCta.slideUp {
    transform: translateY(0);
  }
  
  .mobileAppCta .icon {
    display: block;
  }
  
  .mobileAppCta .icon .logoIcon {
    display: block;
    margin: 0;
    transform: translateY(5%);
  }
  
  .mobileAppCta .mobileAppCtaLink {
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none;
  }
  
  .mobileAppCtaBtn {
    background: #e60505;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 3px 13px;
  }
  
  .mobileAppCtaClose {
    background: transparent;
    border: none;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .mobileAppCtaClose .icon {
    margin: 0;
    padding: 0;
  }
  
  .mobileAppCtaClose .closeIcon {
    background: transparent;
    display: block;
    padding: 0;
  }
  
  .mobileAppCtaClose .closeIcon polygon {
    fill: #545454;
  }
  
  @media (max-width: 399px) {
    .mobileAppCta {
      justify-content: flex-start;
      padding-left: 1rem;
    }
  }
  
  backForm {
    background-color: #f4f4f4;
    bottom: 0;
    margin-right: calc(50vw - 40.5rem);
    opacity: 0;
    position: fixed;
    right: 0;
    transform: translateY(30%);
    transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1),
      transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    width: 300px;
    z-index: 1520;
  }
  
  backForm.slideUp {
    opacity: 1;
    transform: translateY(0);
  }
  
  backFormDetail {
    margin-right: calc(50vw - 538px);
  }
  
  backForm button:focus {
    border: 2px solid #4d90fe;
    outline: none;
  }
  
  backForm form {
    padding: 2px 12px 25px;
  }
  
  backFormField {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
  }
  
  backFormField backFormFieldError {
    display: flex;
    flex-direction: row;
  }
  
  backFormField backFormFieldError .icon {
    flex-basis: calc(17px + 0.375rem);
    flex-grow: 0;
  }
  
  backFormField backFormFieldError .field {
    flex: auto;
  }
  
  backFormField .icon {
    align-self: center;
    display: flex;
  }
  
  backFormField .iconExclamation {
    display: block;
    height: 17px;
    width: 17px;
  }
  
  backFormField.radioField .radioOption {
    align-items: center;
    display: flex;
    flex-direction: row;
  }
  
  backFormField.radioField .radioOption input {
    flex-grow: 0;
    margin: 0.375rem;
  }
  
  backFormField.radioField .radioOption label {
    flex-grow: 1;
  }
  
  backFormField.textField {
    display: grid;
    grid-template-columns: 1fr calc(17px + 0.75rem);
  }
  
  backFormField.textField input {
    grid-column: 1/3;
    grid-row: 1;
  }
  
  backFormField.textField .icon {
    grid-column: 2;
    grid-row: 1;
  }
  
  backFormField.descriptionField textarea {
    flex: auto;
    resize: none;
  }
  
  backFormField.selectField {
    display: grid;
    grid-template-columns: 1fr calc(17px + 0.75rem);
  }
  
  backFormField.selectField select {
    grid-column: 1/3;
    grid-row: 1;
  }
  
  backFormField.selectField .icon {
    grid-column: 2;
    grid-row: 1;
  }
  
  backForm input,
  backForm textarea {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    padding: 0.375rem 0.5rem;
  }
  
  backForm input:focus,
  backForm textarea:focus {
    border-color: #8c8c8c;
    outline: none;
  }
  
  backForm input,
  backForm textarea,
  backFormSubmitted p {
    font-family: Open Sans;
    font-size: 0.85rem;
    line-height: 1.4;
    padding-top: 6px;
  }
  
  backFormSubmitted p {
    font-weight: 700;
    margin-left: 0;
    margin-right: 0;
    margin-top: 17px;
    text-align: center;
    width: 100%;
  }
  
  backForm label.field {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
    margin-top: 1.25rem;
  }
  
  backFormHeader {
    background-color: #000;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    margin: 0;
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
    text-align: center;
  }
  
  backFormClose {
    background: #000;
    border: 2px solid #000;
    border-radius: 3px;
    padding: 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  backFormClose .icon .closeIcon {
    background: transparent;
    padding: 0;
    transform: translateY(3px);
  }
  
  backFormBtn1 {
    background: #000;
    border: 2px solid #000;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    margin: 25px 0 0 auto;
    padding: 5px 11px;
  }
  
  backFormSubmittedClose {
    margin: 24px auto;
  }
  
  backForm backFormInputError {
    border: 2px solid #d83a4a;
  }
  
  backForm backFormInputError:focus {
    border: 2px solid #d83a4a;
    box-shadow: 0 0 11px -3px #d83a4a;
  }
  
  backFormInputErrorMsg {
    color: #cf0404;
    font-size: 0.7rem;
    line-height: 1.34;
    margin: 0.2rem;
  }
  
  @media (max-width: 1068px) {
    backForm {
      margin-right: 16px;
    }
  }
  
  @media (max-width: 606px) {
    backForm {
      left: 16px;
      margin: 0;
      right: 16px;
      width: calc(100% - 32px);
    }
  }
  
  .zendeskForm {
    background-color: #f4f4f4;
    margin-top: 1.5rem;
    width: 50%;
  }
  
  .zendeskForm form {
    padding: 0.25rem 1rem 1.25rem;
  }
  
  .zendeskFormField {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
  }
  
  .zendeskFormField .zendeskFormFieldError {
    display: flex;
    flex-direction: row;
  }
  
  .zendeskFormField .zendeskFormFieldError .icon {
    flex-basis: calc(17px + 0.375rem);
    flex-grow: 0;
  }
  
  .zendeskFormField .zendeskFormFieldError .field {
    flex: auto;
  }
  
  .zendeskFormField .icon {
    align-self: center;
    display: flex;
  }
  
  .zendeskFormField .iconExclamation {
    display: block;
    height: 17px;
    width: 17px;
  }
  
  .zendeskFormField.radioField .radioOption {
    align-items: center;
    display: flex;
    flex-direction: row;
  }
  
  .zendeskFormField.radioField .radioOption input {
    flex-grow: 0;
    margin: 0.375rem;
  }
  
  .zendeskFormField.radioField .radioOption label {
    flex-grow: 1;
  }
  
  .zendeskFormField.selectField,
  .zendeskFormField.textField {
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr calc(17px + 0.75rem);
    position: relative;
  }
  
  .zendeskFormField.selectField input,
  .zendeskFormField.selectField select,
  .zendeskFormField.textField input,
  .zendeskFormField.textField select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    grid-column: 1/2;
    grid-row: 1;
  }
  
  .zendeskFormField.selectField .icon,
  .zendeskFormField.textField .icon {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
  
  .zendeskFormField.selectField:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #ccc;
    content: " ";
    font-size: 1rem;
    pointer-events: none;
    position: absolute;
    right: 40px;
    top: 14px;
  }
  
  .zendeskFormField.descriptionField textarea {
    flex: auto;
    resize: none;
  }
  
  .zendeskForm input,
  .zendeskForm select,
  .zendeskForm textarea,
  .zendeskFormSubmitted p {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: Open Sans;
    line-height: 1.4;
    padding: 6px 0.5rem 0.375rem;
  }
  
  .zendeskForm input:focus,
  .zendeskForm select:focus,
  .zendeskForm textarea:focus,
  .zendeskFormSubmitted p:focus {
    border-color: #8c8c8c;
    outline: 2px solid !important;
  }
  
  .zendeskFormSubmitted p {
    padding: 1rem;
    width: 100%;
  }
  
  .zendeskForm label.field {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    margin-top: 1rem;
  }
  
  .zendeskFormHeader {
    background-color: #000;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    margin: 0;
    padding-bottom: 14px;
    padding-top: 14px;
    position: relative;
    text-align: center;
  }
  
  .zendeskFormBtn1 {
    background: #0550c8;
    border: 1px solid #1720f9;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
  }
  
  .zendeskFormBtn1:focus {
    border: 2px solid #4d90fe;
    outline: none;
  }
  
  .zendeskForm .zendeskFormInputError {
    border: 2px solid #d83a4a;
  }
  
  .zendeskForm .zendeskFormInputError:focus {
    border: 2px solid #d83a4a;
    box-shadow: 0 0 11px -3px #d83a4a;
  }
  
  .zendeskFormInputErrorMsg {
    color: #cf0404;
    font-size: 0.7rem;
    line-height: 1.34;
    margin: 0.2rem;
  }
  
  .viewportSmall .zendeskForm {
    width: 100%;
  }
  
  .CTA-heading-link {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline;
  }
  
  .CTA-heading-link:focus {
    outline: 3px solid #0550c8;
  }
  
  .CTA-heading-link:focus:active,
  .CTA-heading-link:focus:hover {
    outline: none;
  }
  
  .CTA-heading-link .icon {
    padding-left: 5px;
  }
  
  .CTA-existingAccount-prompt {
    font-size: 0.875rem;
    margin-bottom: 0;
    margin-top: 20px;
  }
  
  .CTA-existingAccount .icon {
    padding-left: 3px;
  }
  
  .CTA-existingAccount .viafouraLogin {
    border: none;
    color: #545454;
    display: inline;
    font-size: 0.875rem;
    margin-left: 15px;
    text-decoration: underline;
  }
  
  .CTA-existingAccount .viafouraLogin .icon {
    display: none;
  }
  
  .CTA.buttonCTA {
    background-color: #eaeaea;
    display: inline-block;
    margin-bottom: 28px;
    max-width: 720px;
    min-height: 150px;
    padding: 32px;
    position: relative;
  }
  
  .CTA.buttonCTA .CTADescription,
  .CTA.buttonCTA .CTALink,
  .CTA.buttonCTA .heading {
    box-sizing: border-box;
    padding: 0 0 0 170px;
  }
  
  .CTA.buttonCTA .image {
    height: 150px;
    position: absolute;
    width: 150px;
  }
  
  .CTA.buttonCTA p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: unset;
    padding: 10px 0 20px;
  }
  
  .CTA.buttonCTA a {
    background-color: #222;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 15px;
    text-decoration: none;
  }
  
  .CTA.buttonCTA a .icon {
    padding-left: 5px;
  }
  
  .CTA.buttonCTA a:focus,
  .CTA.buttonCTA a:hover {
    background-color: #545454;
  }
  
  @media (max-width: 550px) {
    .CTA.buttonCTA .CTADescription,
    .CTA.buttonCTA .CTALink {
      padding: 0;
    }
  
    .CTA.buttonCTA .image {
      float: right;
      height: 66px;
      padding: 0 0 10px 10px;
      position: static;
      width: 66px;
    }
  
    .CTA.buttonCTA p {
      padding-top: 20px;
    }
  
    .CTA.buttonCTA a {
      display: block;
      text-align: center;
    }
  }
  
  .CTA.standardPage {
    margin: 0 auto 28px;
    max-width: 80rem;
  }
  
  .CTA .CTA-existingAccount-link:hover,
  .CTA .CTA-heading-link:hover {
    color: #545454;
  }
  
  .CTA .CTA-existingAccount-link:hover .icon path,
  .CTA .CTA-heading-link:hover .icon path {
    fill: #545454;
  }
  
  .CTA.imageCTA {
    box-sizing: border-box;
    width: 100%;
  }
  
  .CTA.imageCTA.linkCTA {
    display: flex;
    flex-flow: row wrap;
  }
  
  .CTA.imageCTA.linkCTA .imageMedia {
    flex: 0 1 150px;
    padding-right: 16px;
  }
  
  @media (max-width: 850px) {
    .CTA.imageCTA.linkCTA {
      border: 1px solid #e0e0e0;
      padding: 16px;
    }
  }
  
  @media (max-width: 530px) {
    .CTA.imageCTA.linkCTA .imageMedia {
      flex: 1 1 100%;
      padding-right: unset;
    }
  
    .CTA.imageCTA.linkCTA .heading {
      padding: 16px;
    }
  
    .CTA.imageCTA.linkCTA {
      padding: unset;
    }
  
    .CTA.imageCTA .imageMedia {
      flex: 1 1 100%;
      padding-right: unset;
    }
  }
  
  .swimlane .CTA {
    margin: 0 auto;
    max-width: 80rem;
    padding-bottom: 30px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .oc-l-sectionContainer-olympicsDark .CTA {
    margin-top: 16px;
  }
  
  .subregionCTAWrapper {
    background: #222;
    margin-bottom: 37px;
    margin-left: calc(-50vw + 50%);
    margin-top: -16px;
    width: 100vw;
  }
  
  .subregionCTAWrapper .CTA {
    padding: 20px 24px;
  }
  
  @media (max-width: 960px) {
    .subregionCTAWrapper {
      margin-left: -16px;
    }
  }
  
  .comments .CTA {
    padding-bottom: 16px;
  }
  
  .oc-l-sectionContainer-dark .CTA-existingAccount-link,
  .oc-l-sectionContainer-dark .CTA-existingAccount-prompt,
  .oc-l-sectionContainer-dark .CTA-heading-link,
  .subregionCTAWrapper .CTA-existingAccount-link,
  .subregionCTAWrapper .CTA-existingAccount-prompt,
  .subregionCTAWrapper .CTA-heading-link,
  .swimlane.mediaTheme .CTA-existingAccount-link,
  .swimlane.mediaTheme .CTA-existingAccount-prompt,
  .swimlane.mediaTheme .CTA-heading-link {
    color: #fff;
  }
  
  .oc-l-sectionContainer-dark .CTA-existingAccount-link:hover,
  .oc-l-sectionContainer-dark .CTA-heading-link:hover,
  .subregionCTAWrapper .CTA-existingAccount-link:hover,
  .subregionCTAWrapper .CTA-heading-link:hover,
  .swimlane.mediaTheme .CTA-existingAccount-link:hover,
  .swimlane.mediaTheme .CTA-heading-link:hover {
    color: #cbcbcb;
  }
  
  .oc-l-sectionContainer-dark .CTA-existingAccount-link:hover .icon path,
  .oc-l-sectionContainer-dark .CTA-heading-link:hover .icon path,
  .subregionCTAWrapper .CTA-existingAccount-link:hover .icon path,
  .subregionCTAWrapper .CTA-heading-link:hover .icon path,
  .swimlane.mediaTheme .CTA-existingAccount-link:hover .icon path,
  .swimlane.mediaTheme .CTA-heading-link:hover .icon path {
    fill: #cbcbcb;
  }
  
  .oc-l-sectionContainer-dark .CTA-existingAccount-link:focus,
  .oc-l-sectionContainer-dark .CTA-heading-link:focus,
  .subregionCTAWrapper .CTA-existingAccount-link:focus,
  .subregionCTAWrapper .CTA-heading-link:focus,
  .swimlane.mediaTheme .CTA-existingAccount-link:focus,
  .swimlane.mediaTheme .CTA-heading-link:focus {
    outline: 3px solid #fff;
  }
  
  .oc-l-sectionContainer-dark .CTA-existingAccount-icon path,
  .oc-l-sectionContainer-dark .headingIcon path,
  .subregionCTAWrapper .CTA-existingAccount-icon path,
  .subregionCTAWrapper .headingIcon path,
  .swimlane.mediaTheme .CTA-existingAccount-icon path,
  .swimlane.mediaTheme .headingIcon path {
    fill: #fff;
  }
  
  .oc-l-sectionContainer-light .CTA-existingAccount-link:hover,
  .oc-l-sectionContainer-light .CTA-heading-link:hover,
  .swimlane.newsTheme .CTA-existingAccount-link:hover,
  .swimlane.newsTheme .CTA-heading-link:hover {
    color: #757575;
  }
  
  .oc-l-sectionContainer-light .CTA-existingAccount-link:hover .icon path,
  .oc-l-sectionContainer-light .CTA-heading-link:hover .icon path,
  .swimlane.newsTheme .CTA-existingAccount-link:hover .icon path,
  .swimlane.newsTheme .CTA-heading-link:hover .icon path {
    fill: #757575;
  }
  
  .subregionCTAWrapper.abtest {
    background-color: #f8f8f8;
  }
  
  .subregionCTAWrapper.abtest .buttonCTA {
    background-color: #f8f8f8;
    margin: 0 auto;
    max-width: 1280px;
    min-height: 0;
    padding: 16px;
  }
  
  .subregionCTAWrapper.abtest .CTADescription {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
  }
  
  .subregionCTAWrapper.abtest .CTADescription .heading-element {
    color: #000;
  }
  
  .subregionCTAWrapper.abtest .image {
    height: auto;
    padding-left: 70px;
    width: 80px;
  }
  
  .subregionCTAWrapper.abtest .image .placeholder {
    background: none;
  }
  
  .subregionCTAWrapper.abtest .CTALink {
    box-sizing: border-box;
    white-space: nowrap;
  }
  
  @media (min-width: 851px) {
    .subregionCTAWrapper.abtest .buttonCTA {
      align-items: center;
      display: flex;
    }
  
    .subregionCTAWrapper.abtest .CTALink {
      padding: 0 0 0 60px;
    }
  }
  
  @media (max-width: 850px) {
    .subregionCTAWrapper.abtest .buttonCTA {
      padding-left: 0;
    }
  
    .subregionCTAWrapper.abtest .image {
      padding-top: 40px;
    }
  }
  
  @media (max-width: 550px) {
    .subregionCTAWrapper.abtest .buttonCTA {
      padding: 32px 16px;
    }
  
    .subregionCTAWrapper.abtest .CTADescription,
    .subregionCTAWrapper.abtest .CTALink {
      padding: 0;
    }
  
    .subregionCTAWrapper.abtest .image {
      height: auto;
      margin-top: 10px;
      padding: 10px;
      width: 60px;
    }
  
    .subregionCTAWrapper.abtest .CTADescription p {
      display: inline-block;
      width: 280px;
    }
  }
  
  .contentAreaWrap .sidebar .CTA,
  .landingMultiFeed .sidebar .CTA {
    border: 1px solid #e0e0e0;
    padding: 16px;
  }
  
  .contentAreaWrap .sidebar .CTA.imageCTA,
  .landingMultiFeed .sidebar .CTA.imageCTA {
    padding: unset;
  }
  
  .contentAreaWrap .sidebar .CTA.imageCTA .imageMedia,
  .landingMultiFeed .sidebar .CTA.imageCTA .imageMedia {
    flex: 1 1 100%;
    padding-right: unset;
  }
  
  .contentAreaWrap .sidebar .CTA.imageCTA .heading,
  .landingMultiFeed .sidebar .CTA.imageCTA .heading {
    padding: 16px;
  }
  
  .contentAreaWrap .sidebar .CTA.imageCTA .placeholder img,
  .landingMultiFeed .sidebar .CTA.imageCTA .placeholder img {
    position: relative !important;
  }
  
  @media (min-width: 531px) and (max-width: 1068px) {
    .contentAreaWrap .sidebar .CTA.imageCTA,
    .landingMultiFeed .sidebar .CTA.imageCTA {
      padding: 16px;
    }
  
    .contentAreaWrap .sidebar .CTA.imageCTA .imageMedia,
    .landingMultiFeed .sidebar .CTA.imageCTA .imageMedia {
      flex: 0 1 150px;
      padding-right: 16px;
    }
  
    .contentAreaWrap .sidebar .CTA.imageCTA .heading,
    .landingMultiFeed .sidebar .CTA.imageCTA .heading {
      padding: unset;
    }
  }
  
  @media (max-width: 530px) {
    .contentAreaWrap .sidebar .CTA.imageCTA .imageMedia,
    .landingMultiFeed .sidebar .CTA.imageCTA .imageMedia {
      flex: 1 1 100%;
      padding-right: unset;
    }
  }
  
  .contentAreaWrap .sidebar .CTA.linkCTA,
  .landingMultiFeed .sidebar .CTA.linkCTA {
    margin-bottom: 32px;
  }
  
  .sectionContainer-rightRail .CTA.flexPage {
    margin-top: 48px;
  }
  
  .sectionContainer-rightRail .CTA.flexPage:first-child {
    margin-top: 0;
  }
  
  .sectionContainer .CTA.flexPage .sectionContainer .CTA:not(.linkCTA) {
    margin-top: 48px;
  }
  
  .contentListing .contentListingContentListHolder {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem;
  }
  
  .contentListing .contentListingContentListHolder .moreStories {
    flex-basis: calc(25% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0.5rem;
  }
  
  .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .card.cardRegular {
    border: none;
    border-bottom: 1px solid #cbcbcb;
  }
  
  .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .card.cardRegular
    .authorInfo,
  .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .departmentItem.deptItem-news {
    display: none;
  }
  
  .viewportMedium .contentListing .contentListingContentListHolder .moreStories {
    flex-basis: calc(50% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
  }
  
  .viewportSmall .contentListing .contentListingContentListHolder .moreStories {
    flex-basis: calc(100% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
  }
  
  .viewportSmall
    .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards {
    display: block;
  }
  
  .election {
    align-items: stretch;
    background-color: #f8f8f8;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0.5rem auto 0;
    max-width: 80rem;
    padding: 1rem;
  }
  
  .election .linkbox {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    max-width: 300px;
    order: 0;
  }
  
  .election .top {
    display: none;
  }
  
  .election .electiontitle {
    color: #707070;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 0.7rem;
  }
  
  @keyframes dot-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.3);
    }
  
    70% {
      box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
    }
  
    to {
      box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.3);
    }
  }
  
  .election .pulse {
    animation: dot-pulse 2s 5;
    background: #e60505;
    border-radius: 50%;
    box-shadow: 0 0 0 #ffdc14;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    vertical-align: middle;
    width: 7px;
  }
  
  .election .pulse:hover {
    animation: none;
  }
  
  .election .electiontext {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 110%;
    margin: 0;
  }
  
  .election .electionlink {
    background: #ffdc14;
    color: #000;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 250px;
    padding: 0.5rem 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  
  .election .electionlink:active,
  .election .electionlink:focus,
  .election .electionlink:hover {
    background-color: #fff;
    outline: 2px solid #ffdc14;
  }
  
  .election .partyboxcontainer {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
  }
  
  .election .partybox {
    background: #fff;
    flex-grow: 1;
    margin-left: 1rem;
    padding: 0.5rem 1.5rem;
  }
  
  .election .partybox.loaded {
    opacity: 1;
  }
  
  .election .partybox .partyname {
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-weight: 700;
    padding: 0 0.5rem;
  }
  
  .election .partybox .partyseatnum {
    font-size: 3.5vw;
  }
  
  .election .partybox .partyseats,
  .election .partybox .partyvotes {
    color: #757575;
  }
  
  .election .partybox .moreinfocontainer {
    color: #757575;
    font-size: 0.8rem;
  }
  
  .viewportMedium .election {
    flex-wrap: wrap;
  }
  
  .viewportMedium .election .bottom {
    display: none;
  }
  
  .viewportMedium .election .top {
    display: block;
  }
  
  .viewportMedium .election .electiontext {
    font-size: 1rem;
    max-width: 250px;
    padding-right: 1rem;
  }
  
  .viewportMedium .election .linkbox {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    margin-top: 1rem;
    max-width: 100%;
    order: 2;
  }
  
  .viewportMedium .election .electionlink {
    margin-top: 0;
  }
  
  .viewportMedium .election .partyboxcontainer {
    width: 100%;
  }
  
  .viewportMedium .election .partyboxcontainer div:first-child {
    margin-left: 0;
  }
  
  .viewportMedium .election .partybox {
    padding: 0.5rem;
  }
  
  .viewportMedium .election .partybox .partyseatnum {
    font-size: 5.5vw;
  }
  
  @media (min-width: 641px) and (max-width: 960px) {
    .election {
      flex-wrap: wrap;
    }
  
    .election .bottom {
      display: none;
    }
  
    .election .top {
      display: block;
    }
  
    .election .electiontext {
      font-size: 1rem;
      max-width: 250px;
      padding-right: 1rem;
    }
  
    .election .linkbox {
      align-items: center;
      display: flex;
      flex-direction: row;
      font-size: 1rem;
      margin-top: 1rem;
      max-width: 100%;
      order: 2;
    }
  
    .election .electionlink {
      margin-top: 0;
    }
  
    .election .partyboxcontainer {
      width: 100%;
    }
  
    .election .partyboxcontainer div:first-child {
      margin-left: 0;
    }
  
    .election .partybox {
      padding: 0.5rem;
    }
  
    .election .partybox .partyseatnum {
      font-size: 5.5vw;
    }
  }
  
  .viewportSmall .election {
    flex-wrap: wrap;
  }
  
  .viewportSmall .election .bottom {
    display: none;
  }
  
  .viewportSmall .election .top {
    display: block;
  }
  
  .viewportSmall .election .electiontext {
    font-size: 0.9rem;
    max-width: 250px;
    padding-right: 1rem;
  }
  
  .viewportSmall .election .linkbox {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    max-width: 100%;
    order: 2;
  }
  
  .viewportSmall .election .electionlink {
    margin-top: 0;
  }
  
  .viewportSmall .election .partyboxcontainer {
    width: 100%;
  }
  
  .viewportSmall .election .partyboxcontainer div:first-child {
    margin-left: 0;
  }
  
  .viewportSmall .election .partybox {
    margin-left: 0.3rem;
    padding: 0.3rem;
  }
  
  .viewportSmall .election .partybox .moreinfocontainer {
    display: none;
  }
  
  .viewportSmall .election .partybox .partyname {
    font-size: 0.7rem;
    padding: 0 0.2rem;
  }
  
  .viewportSmall .election .partybox .partyseatnum {
    font-size: 2rem;
  }
  
  @media (max-width: 640px) {
    .election {
      flex-wrap: wrap;
    }
  
    .election .bottom {
      display: none;
    }
  
    .election .top {
      display: block;
    }
  
    .election .electiontext {
      font-size: 0.9rem;
      max-width: 250px;
      padding-right: 1rem;
    }
  
    .election .linkbox {
      align-items: center;
      display: flex;
      flex-direction: row;
      margin-top: 1rem;
      max-width: 100%;
      order: 2;
    }
  
    .election .electionlink {
      margin-top: 0;
    }
  
    .election .partyboxcontainer {
      width: 100%;
    }
  
    .election .partyboxcontainer div:first-child {
      margin-left: 0;
    }
  
    .election .partybox {
      margin-left: 0.3rem;
      padding: 0.3rem;
    }
  
    .election .partybox .moreinfocontainer {
      display: none;
    }
  
    .election .partybox .partyname {
      font-size: 0.7rem;
      padding: 0 0.2rem;
    }
  
    .election .partybox .partyseatnum {
      font-size: 2rem;
    }
  }
  
  .secureDropWidget {
    border-top: 0.5rem solid #e60505;
  }
  
  .secureDropWidget img.imgWithDescription {
    margin: 0.5rem 1.5rem 0;
    width: 50%;
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .privacyNotification {
    animation-delay: 3s;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-name: fade-in;
    background: #236bff;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    justify-content: center;
    opacity: 0;
    padding: 1.2rem 0;
    position: fixed;
    width: 100%;
    z-index: 949;
  }
  
  .privacyNotification .noticeActions,
  .privacyNotification .noticeMessage {
    margin: 0.2rem 0.5rem;
  }
  
  .privacyNotification .noticeMessage {
    max-width: 40rem;
  }
  
  .privacyNotification .noticeActions {
    display: flex;
    font-weight: 700;
    justify-content: center;
    max-width: 20rem;
  }
  
  .privacyNotification .noticeActions .noticeButton,
  .privacyNotification .noticeActions .noticeLink {
    border: none;
    border-radius: 0.25rem;
    height: 2.5rem;
    margin: 0 0.5rem;
    width: 8rem;
  }
  
  .privacyNotification .noticeActions .noticeLink {
    background: #0550c8;
    line-height: 2.5rem;
    text-align: center;
    text-decoration: none;
  }
  
  .privacyNotification .noticeActions .noticeButton {
    background: #222;
  }
  
  .privacyNotification .noticeActions .noticeButton .removeIcon {
    fill: #fff;
    height: 15px;
    margin-right: 0.6rem;
    position: relative;
    top: 0.1rem;
    width: 15px;
  }
  
  .privacyNotification .noticeButton,
  .privacyNotification .noticeMessage,
  .privacyNotification a {
    color: #fff;
  }
  
  @keyframes glow-grow {
    0% {
      opacity: 0;
    }
  
    50% {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }
  
  .toggleSwitch {
    border: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
  
  .toggleSwitch input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0;
    position: absolute;
    top: 0;
  }
  
  .toggleSwitch .visualSwitch,
  .toggleSwitch input,
  .toggleSwitch label {
    position: relative;
  }
  
  .toggleSwitch label {
    padding: 0.3em 0;
  }
  
  .toggleSwitch .visualSwitch {
    display: inline-block;
    height: 1em;
    margin: 0 0.5em;
    vertical-align: middle;
    width: 2.7em;
  }
  
  .toggleSwitch .groove,
  .toggleSwitch .knob {
    position: absolute;
  }
  
  .toggleSwitch .groove {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0.75em;
    height: 100%;
    margin: -1px -1px 0 0;
    transition: background 0.2s ease-in-out;
    width: 100%;
  }
  
  .toggleSwitch .knob {
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    border-radius: 100%;
    height: 1em;
    margin: -1px 0 0;
    transition: right 0.2s ease-in-out;
    width: 1em;
  }
  
  .toggleSwitch label:first-of-type {
    margin-right: -3.2em;
    padding-right: 3.2em;
  }
  
  .toggleSwitch label:last-of-type {
    margin-left: -3.2em;
    padding-left: 3.2em;
  }
  
  .toggleSwitch input:not(:checked):hover + label {
    cursor: pointer;
    text-decoration: underline;
  }
  
  .toggleSwitch input:not(:checked) + label {
    z-index: 1;
  }
  
  .toggleSwitch input:checked + label {
    z-index: 0;
  }
  
  .toggleSwitch input:first-of-type:not(:checked) ~ .visualSwitch .knob {
    left: 1.7em;
  }
  
  .toggleSwitch:focus-within .groove {
    border: 2px solid #000;
  }
  
  .toggleSwitch:focus-within .knob:before {
    animation: glow-grow 1.2s ease-in-out infinite;
    background-color: rgba(23, 32, 249, 0.3);
    border-radius: 50%;
    content: "";
    height: 40px;
    left: -11px;
    position: absolute;
    top: -11px;
    width: 40px;
  }
  
  .viafouraLogin {
    display: flex;
    flex-basis: 75px;
  }
  
  .viafouraLogin .viafouraLogin-text {
    align-self: flex-end;
    margin-left: 5px;
  }
  
  .viafouraLogin .viafouraLogin-image {
    fill: #545454;
    stroke: #545454;
    bottom: -4px;
    height: 20px;
    padding-right: 0.5rem;
    position: relative;
  }
  
  .news-local
    .news-local-column
    .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .card.cardRegular {
    border: 1px solid #cbcbcb;
  }
  
  .news-local
    .news-local-column
    .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .card.cardRegular
    .authorInfo {
    display: flex;
  }
  
  .news-local
    .news-local-column
    .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .metadataText
    > .departmentItem,
  .news-local
    .news-local-column
    .contentListing
    .contentListingContentListHolder
    .moreStories
    .contentListCards
    .metadataText
    > .metaSeparator {
    display: none;
  }
  
  .news-local .news-local-column .moreStories .heading-element {
    margin-bottom: 8px;
  }
  
  .newsletterWidget {
    background: #f4f4f4;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    color: #000;
    font-size: 2rem;
    line-height: 2.25rem;
    margin-bottom: 16px;
    margin-top: 40px;
    min-height: 216px;
    padding: 1.5rem 4rem;
  }
  
  /* .newsletterWidget *,
  .newsletterWidget :after,
  .newsletterWidget :before {
    box-sizing: inherit;
  }
   */
  .newsletterWidget .newsletterTitle {
    justify-content: center;
  }
  
  .newsletterWidget .show {
    background: transparent;
  }
  
  .newsletterWidget .newsletterWidgetTextWrapper {
    display: block;
    justify-content: center;
  }
  
  .newsletterWidget .newsletterLogoHeading {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    text-align: center;
  }
  
  .newsletterWidget .newsletterWidgetLogo {
    display: block;
    font-size: 1rem;
    margin: 0 auto;
    max-width: 100%;
  }
  
  .newsletterWidget .newsletterWidgetSloganDesc {
    margin-top: 16px;
  }
  
  .newsletterWidget .newsletterWidgetSlogan {
    display: none;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    margin-top: 0;
  }
  
  .newsletterWidget.newsletterWidget-true .newsletterWidgetSlogan {
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  
  .newsletterWidget .newsletterWidgetDesc {
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
  }
  
  .newsletterWidget .newsletterWidgetDesc.hide {
    display: none;
  }
  
  .newsletterWidget.newsletterWidget-true .newsletterWidgetDesc {
    text-align: center;
  }
  
  .newsletterWidget .newsletterWidgetLink {
    background: #000;
    color: #fff;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    margin: 1rem auto 0;
    min-width: 140px;
    padding: 0.375rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 30%;
  }
  
  .newsletterWidget .newsletterWidgetLink:active,
  .newsletterWidget .newsletterWidgetLink:hover {
    background: #222;
  }
  
  .newsletterWidget .newsletterWidgetLink:focus {
    box-shadow: 0 0 2px 2px #4d90fe;
  }
  
  .newsletterWidget .formSubscribe {
    font-size: 1rem;
  }
  
  .newsletterWidget .formSubscribe .inputLabel {
    color: #707070;
    display: block;
    font-size: 12px;
    height: 1.1rem;
    line-height: 1.5;
    margin-top: 1rem;
  }
  
  .newsletterWidget .formSubscribe .input-wrapper {
    display: inline-block;
    min-width: 210px;
    width: 70%;
  }
  
  .newsletterWidget .formSubscribe .input-group {
    position: relative;
  }
  
  .newsletterWidget .formSubscribe .textbox {
    border: 1px solid #727272;
    font-size: 16px;
    padding: 7px;
    width: 100%;
  }
  
  .newsletterWidget .formSubscribe .textbox:focus {
    box-shadow: 0 0 2px 2px #4d90fe;
  }
  
  .newsletterWidget .formSubscribe .submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0.35rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
  }
  
  .newsletterWidget .formSubscribe .submit:active,
  .newsletterWidget .formSubscribe .submit:hover {
    background: #222;
  }
  
  .newsletterWidget .formSubscribe .submit:focus {
    box-shadow: 0 0 2px 2px #4d90fe;
  }
  
  .newsletterWidget .formSubscribe .submit-message p {
    padding: 0;
  }
  
  .newsletterWidget .formSubscribe .error-icon {
    display: none;
    padding-right: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 2px;
    vertical-align: top;
  }
  
  .newsletterWidget .formSubscribe .error-icon.show {
    display: inline-block;
  }
  
  .newsletterWidget .formSubscribe .submit-wrapper {
    display: inline-block;
    margin-top: 2.1em;
    vertical-align: top;
    width: 30%;
  }
  
  .newsletterWidget .formSubscribe .submit-error {
    color: #cf0404;
    display: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 8px;
    max-width: 260px;
  }
  
  .newsletterWidget .formSubscribe .submit-error.show {
    display: inline-block;
  }
  
  @keyframes blink {
    0% {
      opacity: 0.2;
    }
  
    20% {
      opacity: 1;
    }
  
    to {
      opacity: 0.2;
    }
  }
  
  .newsletterWidget .formSubscribe .loading {
    color: #1720f9;
    display: none;
    font-size: 4rem;
    line-height: 0.5rem;
  }
  
  .newsletterWidget .formSubscribe .loading span {
    animation-duration: 1.4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: blink;
  }
  
  .newsletterWidget .formSubscribe .loading span:nth-child(2) {
    animation-delay: 0.2s;
  }
  
  .newsletterWidget .formSubscribe .loading .span:nth-child(3) {
    animation-delay: 0.4s;
  }
  
  .newsletterWidget .formSubscribe .loading.show {
    display: inline-block;
  }
  
  .newsletterWidget .formSubscribe .newsletterSubmitSuccess {
    display: none;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 1.5rem;
  }
  
  .newsletterWidget .formSubscribe .newsletterSubmitSuccess.show {
    display: block;
  }
  
  .newsletterWidget .formSubscribe .newsletterSubmitSuccess .opensNewWindow-icon {
    display: inline-block;
    height: 17px;
    margin-left: 0.2rem;
    vertical-align: middle;
    width: 16px;
  }
  
  .newsletterWidget .formSubscribe .hide {
    display: none;
  }
  
  .newsletterWidget .formSubscribe .screenReader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  
  .sidebar .newsletterWidget {
    padding: 1.5rem;
  }
  
  .sidebar .newsletterWidget .formSubscribe .input-wrapper {
    padding-bottom: 1rem;
    width: 100%;
  }
  
  .sidebar .newsletterWidget .formSubscribe .submit-wrapper {
    margin-top: 0;
    width: inherit;
  }
  
  .sidebar .newsletterWidget .formSubscribe .submit {
    font-size: 1rem;
  }
  
  @media (max-width: 640px) {
    .newsletterWidget {
      padding: 24px;
    }
  
    .newsletterWidget .newsletterWidgetTextWrapper {
      display: block;
    }
  
    .newsletterWidget .newsletterWidgetSlogan {
      font-size: 1.25rem;
    }
  
    .newsletterWidget .newsletterWidgetDesc {
      font-size: 1rem;
      margin: 0 auto;
    }
  
    .newsletterWidget .newsletterWidgetSloganDesc {
      margin-left: 0;
      margin-top: 1.25rem;
      width: 100%;
    }
  
    .newsletterWidget .newsletterWidgetLogo {
      display: block;
      margin: 0 auto;
    }
  
    .newsletterWidget .formSubscribe .submit-wrapper {
      display: block;
      margin-top: 1rem;
      width: 140px;
    }
  
    .newsletterWidget .formSubscribe .newsletterSubmitSuccess {
      font-size: 1rem;
      margin-top: 0;
    }
  
    .newsletterWidget .formSubscribe .newsletterSubmitSuccess p:first-child {
      margin-top: 0;
    }
  
    .sidebar .newsletterWidget .formSubscribe .submit-wrapper {
      margin-top: 0;
      width: 140px;
    }
  }
  
  .recommendations .contentListItem:not(:first-child),
  .recommendations .verticalCardList.cardList .contentListItem:not(:first-child) {
    flex-basis: 100%;
  }
  
  .recommendations .card,
  .recommendations .verticalCardList.cardList .card {
    width: 100%;
  }
  
  .recommendations .card:focus,
  .recommendations .verticalCardList.cardList .card:focus {
    z-index: 1;
  }
  
  .recommendations .flag,
  .recommendations .verticalCardList.cardList .flag {
    display: none;
  }
  
  .recommendations .card.cardDefault,
  .recommendations .verticalCardList.cardList .card.cardDefault {
    border-left: none;
    border-right: none;
  }
  
  .recommendations .card.cardDefault .headline,
  .recommendations .verticalCardList.cardList .card.cardDefault .headline {
    color: #000;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  
  .recommendations.nbox-container
    .verticalCardList.cardList
    .contentList
    .contentListCards
    .contentListItem:first-child
    .card-content
    .headline.headline {
    font-size: 0.875rem;
  }
  
  .recommendations.horizontal {
    margin-bottom: 2.5rem;
    position: relative;
  }
  
  @media only screen and (max-width: 1100px) {
    .recommendations.horizontal {
      margin-top: 2.5rem;
    }
  }
  
  .recommendations.horizontal .contentListCards .card {
    border-bottom: none;
  }
  
  @media only screen and (max-width: 1070px) and (min-width: 865px) {
    .recommendations.horizontal .contentListCards .card:nth-last-child(-n + 1) {
      display: none;
    }
  
    .recommendations.horizontal
      .contentListCards
      .card:nth-last-of-type(-n + 2)
      a {
      border-right: none;
    }
  }
  
  @media only screen and (max-width: 864px) and (min-width: 653px) {
    .recommendations.horizontal .contentListCards .card:nth-last-child(-n + 2) {
      display: none;
    }
  
    .recommendations.horizontal .contentListCards .card:nth-last-child(-n + 3) a {
      border-right: none;
    }
  }
  
  @media only screen and (max-width: 652px) {
    .recommendations.horizontal .contentListCards .card {
      border-bottom: 1px solid #e0e0e0;
      border-right: none;
      flex: 1 1 auto;
      margin: 0 1rem;
    }
  
    .recommendations.horizontal .contentListCards .card:last-child {
      border-bottom: none;
    }
  
    .recommendations.horizontal .contentListCards .card .imageMedia {
      display: none;
    }
  }
  
  @media only screen and (max-width: 1100px) and (min-width: 800px) {
    .recommendations.horizontal .contentListCards .card:nth-last-child(-n + 2) {
      display: none;
    }
  
    .recommendations.horizontal
      .contentListCards
      .card:nth-last-of-type(-n + 3)
      a {
      border-right: none;
    }
  }
  
  .recommendations.horizontal .disclaimer-container {
    right: 0;
    top: 0;
    width: unset;
  }
  
  .recommendations.vertical .disclaimer-container {
    margin-top: -5px;
  }
  
  .videoLinkImageOverlay {
    align-items: center;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    left: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    width: 100%;
  }
  
  .videoLinkImageOverlay .imageWrapperUpcomingTime,
  .videoLinkImageOverlay .label .labelText {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .videoLinkImageOverlay .label .labelText {
    display: block;
    padding-top: 0;
    text-align: center;
  }
  
  .videoLinkImageOverlayPlayBtn {
    display: block;
    flex-shrink: 0;
    margin-right: auto;
  }
  
  .videoLinkImageOverlay .captions {
    fill: #fff;
  }
  
  .videoLinkImageOverlayVideoDuration {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 2px 4px;
  }
  
  .videoLinkImageOverlayVideoDuration .captions,
  .videoLinkImageOverlayVideoDuration p {
    float: left;
    margin: 0;
  }
  
  .videoLinkImageOverlayLiveLabel,
  .videoLinkImageOverlayUpcoming {
    background-color: #ffdc14;
    display: flex;
  }
  
  .videoLinkImageOverlayLiveLabel .captions,
  .videoLinkImageOverlayUpcoming .captions {
    fill: #000;
    margin: 1px 5px 0 -6px;
  }
  
  .videoLinkImageOverlayUpcoming {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  
  .videoLinkImageOverlayUpcoming .label,
  .videoLinkImageOverlayUpcomingTime {
    display: block;
  }
  
  .videoLinkImageOverlayUpcoming .label .labelText,
  .videoLinkImageOverlayUpcomingTime {
    color: #222;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
    padding-left: 6px;
    padding-right: 6px;
  }
  
  .videoLinkImageOverlayUpcomingTime {
    background: #e0e0e0;
    margin: 0;
    padding-top: 1px;
    text-align: center;
  }
  
  .videoLinkImageOverlayUpcoming.captions .captions,
  .videoLinkImageOverlayUpcoming.captions .label {
    float: left;
  }
  
  .video-item {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    min-width: 200px;
    position: relative;
    text-decoration: none;
    width: 100%;
  }
  
  .video-item.video-card-overlay > .thumbnail-wrapper .thumbnail-container:after {
    background-image: linear-gradient(
      transparent,
      rgba(0, 0, 0, 0.75) 40%,
      rgba(0, 0, 0, 0.8)
    );
    bottom: 0;
    content: "";
    height: 45%;
    left: 0;
    min-height: 70px;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }
  
  .video-item.video-card-overlay > .video-card-overlay-container {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 0 18px 18px;
    position: absolute;
    width: 100%;
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .play-button-container {
    float: left;
    max-width: 66px;
    min-width: 43px;
    width: 10%;
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .play-button-container
    .videoItemPlayBtn {
    display: block;
    height: 100%;
    width: 100%;
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .video-info-container {
    float: left;
    margin-left: 15px;
    max-width: calc(100% - 81px);
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .video-info-container
    .video-item-title {
    color: #fff;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 0 12px;
    max-height: 4.2rem;
    overflow: hidden;
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .video-info-container
    .video-time-container {
    margin: 0;
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .video-info-container
    .video-time-container
    .video-time-stamp {
    color: #fff;
    float: left;
    font-size: 0.8rem;
    font-weight: 700;
    margin-top: -2px;
  }
  
  .video-item.video-card-overlay
    > .video-card-overlay-container
    .video-info-container
    .video-time-container
    .video-time-stamp:after {
    content: "|";
    padding: 0 4px;
  }
  
  .video-item:not(.video-card-overlay) {
    border: 1px solid #cbcbcb;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-card-thumbnail-container {
    position: relative;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-card-thumbnail-container
    .play-button-container {
    bottom: 0;
    left: 0;
    margin: 0 0 15px 15px;
    position: absolute;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-card-thumbnail-container
    .play-button-container
    .videoItemPlayBtn {
    display: block;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-card-thumbnail-container
    .videoTimeLabel {
    bottom: 0;
    margin: 0 15px 15px 0;
    position: absolute;
    right: 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal > .video-item-details {
    height: 135px;
    padding: 12px;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-item-details
    .video-item-title {
    color: #000;
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 21px;
    margin: 0;
    max-height: 84px;
    overflow: hidden;
    overflow-wrap: anywhere;
    width: 100%;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-item-details
    .video-time-stamp {
    color: #545454;
    display: inline-block;
    font-size: 0.688rem;
    line-height: 19px;
    padding: 0 8px 8px 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal
    > .video-item-details
    .video-show-name {
    color: #545454;
    float: left;
    font-size: 0.875rem;
    line-height: 15px;
    margin: 10px 0 0;
    width: 100%;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal {
    border: none;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container {
    position: relative;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container
    .play-button-container {
    bottom: 0;
    left: 0;
    margin: 0 0 15px 15px;
    position: absolute;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container
    .play-button-container
    .videoItemPlayBtn {
    display: block;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container
    .videoTimeLabel {
    bottom: 0;
    margin: 0 15px 15px 0;
    position: absolute;
    right: 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details {
    height: 135px;
    padding: 12px;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details
    .video-item-title {
    color: #000;
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 21px;
    max-height: 84px;
    overflow: hidden;
    overflow-wrap: anywhere;
    width: 100%;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details
    .video-time-stamp {
    color: #545454;
    display: inline-block;
    font-size: 0.688rem;
    line-height: 19px;
    padding: 0 8px 8px 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details
    .video-show-name {
    color: #545454;
    float: left;
    font-size: 0.875rem;
    line-height: 15px;
    margin: 10px 0 0;
    width: 100%;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container {
    float: left;
    height: 100px;
    padding: 0;
    width: 178px;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container
    .play-button-container {
    margin: 0 0 10px 10px;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-card-thumbnail-container
    .videoTimeLabel {
    margin: 0 10px 10px 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details {
    height: 100px;
    padding: 0 0 0 188px;
    width: auto;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details
    .video-item-title {
    font-size: 0.875rem;
    margin: 0;
    max-height: 63px;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details
    .video-time-stamp {
    padding: 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-horizontal
    > .video-item-details
    .video-show-name {
    display: block;
    font-size: 0.8rem;
    margin: 0;
    max-height: 15px;
    overflow: hidden;
    padding-top: 4px;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-card-thumbnail-container {
    position: relative;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-card-thumbnail-container
    .play-button-container {
    bottom: 0;
    left: 0;
    margin: 0 0 15px 15px;
    position: absolute;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-card-thumbnail-container
    .play-button-container
    .videoItemPlayBtn {
    display: block;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-card-thumbnail-container
    .videoTimeLabel {
    bottom: 0;
    margin: 0 15px 15px 0;
    position: absolute;
    right: 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-item-details {
    height: 135px;
    padding: 12px;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-item-details
    .video-item-title {
    color: #000;
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 21px;
    margin: 0;
    max-height: 84px;
    overflow: hidden;
    overflow-wrap: anywhere;
    width: 100%;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-item-details
    .video-time-stamp {
    color: #545454;
    display: inline-block;
    font-size: 0.688rem;
    line-height: 19px;
    padding: 0 8px 8px 0;
  }
  
  .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
    > .video-item-details
    .video-show-name {
    color: #545454;
    float: left;
    font-size: 0.875rem;
    line-height: 15px;
    margin: 10px 0 0;
    width: 100%;
  }
  
  @media only screen and (max-width: 465px) {
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal {
      border: none;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-card-thumbnail-container {
      float: left;
      height: 100px;
      padding: 0;
      width: 178px;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-card-thumbnail-container
      .play-button-container {
      margin: 0 0 10px 10px;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-card-thumbnail-container
      .videoTimeLabel {
      margin: 0 10px 10px 0;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-item-details {
      height: 100px;
      padding: 0 0 0 188px;
      width: auto;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-item-details
      .video-item-title {
      font-size: 0.875rem;
      margin: 0;
      max-height: 63px;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-item-details
      .video-time-stamp {
      padding: 0;
    }
  
    .video-item:not(.video-card-overlay).video-card-normal-to-horizontal
      > .video-item-details
      .video-show-name {
      display: block;
      font-size: 0.8rem;
      margin: 0;
      max-height: 15px;
      overflow: hidden;
      padding-top: 4px;
    }
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-card-thumbnail-container
    .thumbnail-wrapper {
    background-color: #d9d9d9;
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-card-thumbnail-container
    .play-button-container,
  .video-item:not(.video-card-overlay).placeholder
    .video-card-thumbnail-container
    .videoTimeLabel {
    display: none;
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-item-title,
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-item-title:after {
    height: 21px;
    margin-bottom: 4px;
    width: 85%;
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-show-name,
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-show-name:after {
    height: 21px;
    width: 70%;
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-time-stamp,
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-time-stamp:after {
    display: none;
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-item-title,
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-show-name,
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-time-stamp {
    background: #d9d9d9;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    z-index: 0;
  }
  
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-item-title:after,
  .video-item:not(.video-card-overlay).placeholder
    .video-item-details
    .video-show-name:after {
    animation: slide 1s infinite;
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0) 0,
      hsla(0, 0%, 100%, 0.8) 50%,
      rgba(128, 186, 232, 0) 99%,
      rgba(125, 185, 232, 0)
    );
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1);
    position: absolute;
    top: 0;
  }
  
  .video-card:focus svg.videoItemPlayBtn path,
  .video-card:hover svg.videoItemPlayBtn path {
    fill: #ff1a1a;
  }
  
  .video-card:focus .video-item-title,
  .video-card:hover .video-item-title {
    text-decoration: underline;
  }
  
  .video-card:focus {
    display: inline-block;
    outline: 3px solid #e60505;
  }
  
  .video-card:focus .play-button-container {
    outline: 3px solid #fff;
  }
  
  .videoDetailPage .two-columns {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
  }
  
  .videoDetailPage .two-columns > .video-breadcrumb {
    margin-bottom: 15px;
  }
  
  .videoDetailPage .two-columns > .play-page-main {
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    outline: none;
    width: calc(100% - 436px);
  }
  
  .videoDetailPage .two-columns > .play-page-main .stage > div.details {
    margin-top: 20px;
    overflow: hidden;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata {
    float: left;
    margin-right: 20px;
    max-width: calc(100% - 320px);
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > h1,
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > p {
    color: #263238;
    margin: 0;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 38px;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > p {
    line-height: 1.45;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids {
    font-size: 0.8rem;
    line-height: 1.4;
    margin: 8px 0;
    padding: 0;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    a {
    color: #d73232;
    font-weight: 600;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    li {
    border-left: 1px solid #546e7a;
    color: #546e7a;
    display: inline;
    padding: 0 8px;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    li
    span.live {
    background-color: #ffdc16;
    border-radius: 3px;
    color: #000;
    font-weight: 700;
    opacity: 0.85;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    li:first-child {
    border-left: none;
    padding-left: 0;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    li:nth-child(3) {
    padding-right: 0;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    li.cc-listitem {
    border: none;
    padding: 0;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.metadata
    > ul.factoids
    .captions {
    height: 18px;
    overflow: visible;
    vertical-align: bottom;
    width: 18px;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.ad-container {
    color: #666;
    float: right;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 300px;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage
    > div.details
    > div.ad-container
    .ad-bigbox {
    margin: 0;
    padding: 0;
  }
  
  @media only screen and (max-width: 600px) {
    .videoDetailPage
      .two-columns
      > .play-page-main
      .stage
      > div.details
      > div.metadata {
      float: none;
      max-width: none;
    }
  
    .videoDetailPage
      .two-columns
      > .play-page-main
      .stage
      > div.details
      > div.metadata
      > h1 {
      font-size: 1.625rem;
      line-height: 33px;
    }
  
    .videoDetailPage
      .two-columns
      > .play-page-main
      .stage
      > div.details
      > div.ad-container {
      float: none;
      margin: 20px auto 0;
      overflow: initial;
      text-align: center;
    }
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata {
    width: 100%;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > ul.factoids {
    display: none;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > h1,
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > h1:after {
    height: 27px;
    margin-bottom: 20px;
    width: 100%;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > p,
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > p:after {
    height: 27px;
    width: 70%;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > h1,
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > p {
    background: #d9d9d9;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > h1:after,
  .videoDetailPage
    .two-columns
    > .play-page-main
    .stage.placeholder
    > div.details
    > div.metadata
    > p:after {
    animation: slide 1s infinite;
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0) 0,
      hsla(0, 0%, 100%, 0.8) 50%,
      rgba(128, 186, 232, 0) 99%,
      rgba(125, 185, 232, 0)
    );
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1);
    position: absolute;
    top: 0;
  }
  
  @keyframes slide {
    0% {
      transform: translateX(-100%);
    }
  
    to {
      transform: translateX(100%);
    }
  }
  
  .videoDetailPage .two-columns > .play-page-aside {
    box-sizing: border-box;
    float: left;
    margin-bottom: 16px;
    padding: 0 2px 4px 0;
    width: 416px;
  }
  
  .videoDetailPage
    .two-columns
    > .play-page-aside
    .video-grid-panel
    .heading-element-h2 {
    font-size: 1.625rem;
  }
  
  @media only screen and (max-width: 1023px) {
    .videoDetailPage .two-columns {
      margin: 0;
      padding: 12px 12px 0;
    }
  
    .videoDetailPage .two-columns > .play-page-main {
      margin-right: 0;
      margin-top: 0;
      width: 100%;
    }
  
    .videoDetailPage .two-columns > .play-page-aside {
      margin-top: 20px;
      padding: 0 4px 4px 8px;
      width: 100%;
    }
  }
  
  .videoDetailPage .two-columns .category-clips-swimlane {
    float: left;
    margin: 55px 0;
  }
  
  .videoDetailPage .two-columns .trending-clips-swimlane {
    float: left;
  }
  
  .video-index-page {
    padding-top: 24px;
  }
  
  .video-index-page .page-row {
    margin-bottom: 55px;
    overflow: hidden;
    width: 100%;
  }
  
  .video-index-page .page-row.highlighted {
    background-color: #e5e5e5;
  }
  
  .video-index-page .page-row.highlighted > .inner {
    padding-bottom: 27px;
    padding-top: 18px;
  }
  
  .video-index-page .page-row.highlighted > .inner .video-item-details {
    background-color: #fff;
  }
  
  .video-index-page .page-row > .inner {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0 16px;
  }
  
  @media only screen and (max-width: 1023px) {
    .video-index-page .page-row > .inner {
      padding: 0 12px;
    }
  }
  
  .video-index-page .page-row > .inner .main-big-box {
    float: left;
    margin-left: 40px;
  }
  
  @media only screen and (max-width: 1315px) {
    .video-index-page .page-row > .inner .main-big-box {
      margin: 28px 0 0;
      text-align: center;
      width: 100%;
    }
  }
  
  .video-index-page .page-row > .inner .leaderboard {
    text-align: center;
  }
  
  .video-tabbed-panel {
    display: block;
    float: left;
    width: 100%;
  }
  
  .video-tabbed-panel > hr {
    background-color: #000;
    border: none;
    float: left;
    height: 1px;
    margin-bottom: 14px;
    margin-top: 0;
    width: 100%;
  }
  
  .video-tabbed-panel .tab-bar-title {
    color: #263238;
    float: left;
    font-size: 19px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    list-style: none;
    margin: 0;
    text-transform: uppercase;
  }
  
  .video-tabbed-panel .tab-bar {
    list-style: none;
    margin: 0;
  }
  
  .video-tabbed-panel .tab-bar .tab-bar-item {
    cursor: pointer;
    float: left;
    margin-left: 10px;
  }
  
  .video-tabbed-panel .tab-bar .tab-bar-item button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
  }
  
  .video-tabbed-panel .tab-bar .tab-bar-item button:hover {
    border-bottom: 3px solid #727272;
    color: #000;
    text-decoration: none;
  }
  
  .video-tabbed-panel .tab-bar .tab-bar-item button.active {
    border-bottom: 3px solid #727272;
    color: #000;
  }
  
  @media only screen and (max-width: 465px) {
    .video-tabbed-panel .video-card-list .video-card .video-item {
      background-color: transparent;
    }
  }
  
  .video-category-page .page-row {
    margin-bottom: 55px;
    overflow: hidden;
    width: 100%;
  }
  
  .video-category-page .page-row.tight {
    margin-bottom: 35px;
  }
  
  .video-category-page .page-row.highlighted {
    background-color: #e5e5e5;
  }
  
  .video-category-page .page-row.highlighted > .inner {
    padding-bottom: 27px;
    padding-top: 18px;
  }
  
  .video-category-page .page-row > .inner {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0 12px;
  }
  
  @media only screen and (min-width: 1023px) {
    .video-category-page .page-row > .inner {
      padding: 0 16px;
    }
  }
  
  .video-category-page .page-row > .inner .leaderboard {
    text-align: center;
  }
  
  .recommendations h2.section-title {
    color: #263238;
    font-size: 19px;
    font-weight: 700;
    height: 26px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase;
  }
  
  .video-card-list {
    float: left;
    width: 100%;
  }
  
  .video-card-list > .video-cards-container {
    box-sizing: border-box;
    -moz-column-gap: 18px;
    column-gap: 18px;
    display: grid;
    flex-wrap: wrap;
    float: left;
    grid-template-columns: repeat(var(--columnsNum, 5), 1fr);
    overflow: hidden;
    padding: 3px;
    row-gap: 18px;
    width: 100%;
  }
  
  @media only screen and (max-width: 1100px) {
    .video-card-list.flexible > .video-cards-container {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  @media only screen and (max-width: 880px) {
    .video-card-list.flexible > .video-cards-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media only screen and (max-width: 465px) {
    .video-card-list.flexible > .video-cards-container {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  .video-grid-panel {
    float: left;
    width: 100%;
  }
  
  .video-grid-panel > .show-more-container {
    float: left;
    margin-top: 18px;
    width: 100%;
  }
  
  .video-grid-panel > .show-more-container > .show-more {
    background-color: #fff;
    border: 2px solid;
    color: #212121;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto;
    padding: 8px 32px;
    text-transform: uppercase;
  }
  
  .video-grid-panel > .show-more-container > .show-more:focus,
  .video-grid-panel > .show-more-container > .show-more:hover {
    background-color: #212121;
    color: #fff;
    cursor: pointer;
  }
  
  .moreLikeThis .video-grid-panel .video-card-container:last-child {
    margin-bottom: 20px;
  }
  
  .video-breadcrumb {
    margin: 0;
    padding: 0;
  }
  
  .video-breadcrumb ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  .video-breadcrumb ul li {
    margin: 10px 15px 0 0;
    padding: 0;
  }
  
  .video-breadcrumb ul li a {
    box-sizing: border-box;
    color: #757575;
    font-size: 0.875rem;
    font-weight: 700;
    margin-left: -5px;
    padding: 8px 5px;
    text-decoration: none;
    white-space: nowrap;
  }
  
  .video-breadcrumb ul li a:focus,
  .video-breadcrumb ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
  }
  
  .video-breadcrumb ul li:not(:last-child):after {
    color: #757575;
    content: "›";
    font-size: 1.25rem;
    line-height: 1;
    margin-left: 13px;
  }
  
  .videoLocal {
    max-width: 1280px;
    position: relative;
  }
  
  .videoLocal .videoLocalRegionSelector {
    display: flex;
    flex-direction: row;
  }
  
  .videoLocal .videoLocalRegionSelector .videoLocalLink {
    border: 0;
    color: #0550c8;
    display: block;
    flex-shrink: 0;
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0.5rem 0;
    text-decoration: none;
  }
  
  .viewportSmall .videoLocal .videoLocalRegionSelector .videoLocalLink {
    font-size: 1rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalLink
    .icon
    .chevronIcon.horizontal {
    fill: #000;
    padding-right: 4px;
  }
  
  .videoLocal .videoLocalRegionSelector .videoLocalLink:focus,
  .videoLocal .videoLocalRegionSelector .videoLocalLink:hover {
    color: #e60505;
    outline: none;
    text-decoration: underline;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalLink:focus
    .icon
    .chevronIcon.horizontal,
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalLink:hover
    .icon
    .chevronIcon.horizontal {
    fill: #545454;
    padding-right: 4px;
  }
  
  .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper {
    margin-left: 1.25rem;
    margin-top: 0.625rem;
    width: auto;
  }
  
  @media only screen and (min-width: 600px) {
    .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper {
      width: 100%;
    }
  }
  
  .viewportSmall
    .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper {
    margin-left: 0.3rem;
    margin-top: 0.3rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper {
    background-color: #fff;
    color: #000;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionsList {
    display: none;
    list-style-type: none;
    padding: 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: 0.5rem;
    text-transform: uppercase;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionNameWrapper {
    display: inline-block;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionsListItem {
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.5rem 1rem 0 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0.2rem 0.5rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionButton:focus {
    outline: 3px solid #0550c8;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionItemLabel {
    cursor: pointer;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionFormIntro {
    color: #545454;
    display: none;
    font-size: 0.9rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .defaultRegionLabel {
    color: #e60505;
    font-size: 0.9rem;
    margin-right: 0.5rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .currentRegion {
    display: inline-block;
    margin-right: 1.5rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionRadioButton {
    margin-right: 0.3rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink
    .icon {
    padding-left: 6px;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink:focus,
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink:hover {
    outline: 3px solid #0550c8;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink:focus
    .chevronIcon,
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink:hover
    .chevronIcon {
    fill: #545454;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.openRegion
    .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: 0.5rem;
    width: 100%;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.openRegion
    .currentRegion {
    color: #e60505;
    cursor: auto;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.openRegion
    .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.openRegion
    .regionFormIntro {
    display: block;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.openRegion
    .icon
    .chevronIcon {
    transform: rotate(180deg);
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone {
    background: #f4f4f4;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionsListItem {
    flex: 1 1 40%;
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding: 1rem 0.5rem 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: 0.5rem 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionForm {
    background: #fff;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionFormIntro {
    padding: 0.5rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: 0.8rem;
    margin: 0 0.5rem 0.3rem 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .currentRegion {
    font-size: 1rem;
    padding: 0.5rem 0.5rem 0 0;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .currentRegion,
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .currentRegion:before,
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionButton:before {
    display: none;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding: 0.3rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionButton:focus,
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone
    .currentRegion {
    font-weight: 700;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone.openRegion
    .regionForm {
    border: 1px solid #545454;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone.openRegion
    .regionsList {
    height: 32rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper.standAlone.openRegion
    .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    color: #e60505;
    margin-bottom: -2px;
    padding: 0.5rem;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper {
    background-color: transparent;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionFormIntro {
    margin-left: 8px;
    margin-top: 10px;
  }
  
  .videoLocal
    .videoLocalRegionSelector
    .videoLocalRegionListWrapper
    .regionsListWrapper
    .regionLink {
    display: none;
  }
  
  .videoTimeLabel {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.4;
  }
  
  .videoTimeLabel .durationLabel {
    background: rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 1px 5px;
  }
  
  .videoTimeLabel .durationLabel .captions {
    fill: #fff;
    margin: 0 0 -1px 4px;
  }
  
  .videoTimeLabel .liveLabel {
    background-color: #ffdc14;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1px 5px;
    text-transform: uppercase;
  }
  
  .videoTimeLabel .liveLabel .captions {
    fill: #000;
    margin: 0 0 -1px 4px;
  }
  
  .videoTimeLabel .upcomingLabel {
    display: flex;
    flex-direction: row;
  }
  
  .videoTimeLabel .upcomingLabel .labelAndCaptions {
    background-color: #ffdc14;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1px 5px;
    text-transform: uppercase;
  }
  
  .videoTimeLabel .upcomingLabel .labelAndCaptions .captions {
    fill: #000;
    margin: 0 0 -1px 4px;
  }
  
  .videoTimeLabel .upcomingLabel .upcomingTime {
    background-color: #e0e0e0;
    box-sizing: border-box;
    color: #222;
    display: inline-block;
    padding: 1px 5px;
  }
  
  .videoTimeLabel.vertical .upcomingLabel {
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
  }
  
  .videoTimeLabel.vertical .upcomingLabel .labelAndCaptions,
  .videoTimeLabel.vertical .upcomingLabel .upcomingTime {
    text-align: center;
    width: 100%;
  }
  
  .thumbnail-wrapper {
    background-color: #000;
    height: auto;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
  }
  
  .thumbnail-wrapper > .thumbnail-container > img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .playlist-item {
    display: block;
    min-width: 200px;
    width: 100%;
  }
  
  .playlist-item .playlist-item-btn {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 16px;
    outline: none;
    padding: 16px 0;
    position: relative;
    text-align: left;
    width: calc(100% - 32px);
  }
  
  .playlist-item .playlist-item-btn .videoTimeLabel {
    display: inline-block;
    margin-right: 18px;
  }
  
  .playlist-item .playlist-item-btn .playlist-thumbnail-container {
    float: left;
    height: 90px;
    position: relative;
    width: 160px;
  }
  
  .playlist-item
    .playlist-item-btn
    .playlist-thumbnail-container
    .play-button-container {
    bottom: 0;
    display: block;
    left: 8px;
    position: absolute;
  }
  
  .playlist-item
    .playlist-item-btn
    .playlist-thumbnail-container
    .videoTimeLabel {
    bottom: 8px;
    display: block;
    margin: 0;
    position: absolute;
    right: 8px;
  }
  
  .playlist-item .playlist-item-btn .playlist-item-info {
    position: relative;
  }
  
  .playlist-item .playlist-item-btn .playlist-item-info h3 {
    background: transparent;
    color: #000;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.1375rem;
    margin: 0;
    max-height: 54px;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0;
  }
  
  .playlist-item .playlist-item-btn .playlist-item-info > span {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 0.9375rem;
    margin-right: 18px;
  }
  
  .playlist-item .playlist-item-btn .playlist-item-info > span.content-area {
    color: #000;
  }
  
  .playlist-item .playlist-item-btn .playlist-item-info > span.formattedDate {
    color: #545454;
  }
  
  .playlist-item .playlist-item-btn .playlist-item-info > span:empty {
    margin-right: 0;
  }
  
  .playlist-item.has-thumbnail .playlist-item-info {
    padding-left: 168px;
  }
  
  .playlist-item.has-thumbnail .playlist-item-info > span {
    display: block;
    margin: 4px 0 0;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 915px) {
    .playlist-item.has-thumbnail .playlist-item-info {
      padding-left: 176px;
    }
  
    .playlist-item.has-thumbnail .playlist-item-info h3 {
      font-size: 1rem;
      line-height: 1.3rem;
      max-height: 42px;
    }
  
    .playlist-item.has-thumbnail .playlist-item-info > span {
      line-height: 1.04rem;
    }
  
    .playlist-item.has-thumbnail .playlist-item-info > span.content-area {
      margin-top: 10px;
    }
  }
  
  @media only screen and (min-width: 1280px) {
    .playlist-item.has-thumbnail .playlist-item-info {
      padding-left: 176px;
    }
  
    .playlist-item.has-thumbnail .playlist-item-info h3 {
      font-size: 1rem;
      line-height: 1.3rem;
      max-height: 65px;
      padding-bottom: 10px;
    }
  
    .playlist-item.has-thumbnail .playlist-item-info > span {
      display: inline;
      line-height: 1.04rem;
      margin: 0 16px 0 0;
    }
  }
  
  .playlist-item.active,
  .playlist-item:focus,
  .playlist-item:focus-within,
  .playlist-item:hover {
    background-color: #eaeaea;
    cursor: pointer;
  }
  
  .playlist-item.active .playlist-item-btn h3,
  .playlist-item:focus .playlist-item-btn h3,
  .playlist-item:focus-within .playlist-item-btn h3,
  .playlist-item:hover .playlist-item-btn h3 {
    color: #2566cc;
  }
  
  .playlist-item.active .playlist-item-btn span.video-time-stamp,
  .playlist-item:focus .playlist-item-btn span.video-time-stamp,
  .playlist-item:focus-within .playlist-item-btn span.video-time-stamp,
  .playlist-item:hover .playlist-item-btn span.video-time-stamp {
    color: dimgray;
  }
  
  .playlist-item.active .playlist-item-btn svg.videoItemPlayBtn path,
  .playlist-item:focus .playlist-item-btn svg.videoItemPlayBtn path,
  .playlist-item:focus-within .playlist-item-btn svg.videoItemPlayBtn path,
  .playlist-item:hover .playlist-item-btn svg.videoItemPlayBtn path {
    fill: #ff1a1a;
  }
  
  .playlist-item:focus-within .playlist-item-btn {
    outline: 3px solid #ff1a1a;
  }
  
  .playlist-item:focus-within .playlist-item-info h3 {
    text-decoration: underline;
  }
  
  .playlist-item.active .playlist-item-btn .play-button-container {
    display: none;
  }
  
  .playlist > h3:first-child {
    background: #222323;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    left: 0;
    margin: 0;
    padding: 10px 18px;
    position: sticky;
    top: 0;
  }
  
  .playlist > h3:first-child span {
    font-weight: 400;
  }
  
  .playlist > .playlist-inner {
    background: #fff;
    border-color: #cbcbcb;
    border-style: solid;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    height: calc(100% - 38px);
    overflow-y: scroll;
    position: relative;
    width: 100%;
  }
  
  @media only screen and (max-width: 915px) {
    .playlist > .playlist-inner {
      border-width: 0 1px 1px;
    }
  }
  
  .playlist > .playlist-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .video-playlist {
    background: #222323;
    display: flex;
    flex-wrap: wrap;
  }
  
  .video-playlist .player-placeholder-ui-container {
    align-items: center;
    flex: 0 0 100%;
    overflow: hidden;
  }
  
  .video-playlist
    .player-placeholder-ui-container
    .persistent-player.custom-ui.ad
    .pp-custom-ui.audio {
    display: none;
  }
  
  .video-playlist .playlist {
    flex: 0 0 100%;
    height: 247px;
  }
  
  @media only screen and (min-width: 815px) {
    .video-playlist {
      height: 315px;
    }
  
    .video-playlist .player-placeholder-ui-container {
      flex: 0 0 560px;
    }
  
    .video-playlist .playlist {
      flex: 1;
      height: 100%;
    }
  }
  
  @media only screen and (min-width: 815px) and (max-width: 915px) {
    .video-playlist.show-thumbnails {
      height: auto;
    }
  
    .video-playlist.show-thumbnails .player-placeholder-ui-container {
      flex: 0 0 100%;
    }
  
    .video-playlist.show-thumbnails .playlist {
      flex: 0 0 100%;
      height: 247px;
    }
  }
  
  @media only screen and (min-width: 1024px) {
    .video-playlist {
      height: 360px;
    }
  
    .video-playlist .player-placeholder-ui-container {
      flex: 0 0 640px;
    }
  }
  
  @media only screen and (min-width: 1280px) {
    .video-playlist .player-placeholder-ui-container {
      flex: 1;
    }
  }
  
  .persistent-player {
    background-color: #fff;
    order: 1;
    overflow: hidden;
  }
  
  .persistent-player.audio .pp-phoenix-container {
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
  }
  
  .persistent-player-persist-container {
    border: 1px solid #cbcbcb;
    bottom: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    position: fixed;
    right: 0;
    z-index: 1510;
  }
  
  .persistent-player-persist-container.pp-hidden {
    display: none;
  }
  
  .persistent-player-persist-container.audio {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    height: 145px;
    margin: 0;
    width: 100%;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls {
    margin-right: 6px;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 1;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls {
    margin-right: 16px;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button {
    border: none;
    color: #000;
    font-size: 13.6px;
    padding: 0;
    text-transform: uppercase;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button:focus {
    outline-color: #000;
    outline-style: dotted;
    outline-width: 1px;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button:hover {
    color: #757575;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button:hover
    > svg
    path,
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button:hover
    > svg
    polyline {
    stroke: #757575;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.maximize-persistent-player-button,
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.minimize-persistent-player-button {
    margin-right: 30px;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.maximize-persistent-player-button
    > svg,
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.minimize-persistent-player-button
    > svg {
    margin-left: 8px;
    width: 14px;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.minimize-persistent-player-button:before {
    content: "Minimize";
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.maximize-persistent-player-button:before {
    content: "Maximize";
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.maximize-persistent-player-button {
    display: none;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.close-persistent-player-button:before {
    content: "Close";
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.close-persistent-player-button
    svg.close-btn {
    margin-left: 8px;
    width: 10px;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player {
    overflow: visible;
    width: 100%;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player
    .injected-player {
    overflow: visible !important;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player
    .pp-phoenix-container {
    border: none;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player
    .pp-phoenix-container
    .audio-ui-thumbnail-wrapper {
    margin-top: -32px;
  }
  
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player.advertising
    .pp-phoenix-container
    .phoenix-ad-ui,
  .persistent-player-persist-container.audio
    > div.persistent-player-inner-container
    > .persistent-player.advertising
    .pp-phoenix-container
    .phoenix-core-container {
    bottom: 161px !important;
    left: auto !important;
    right: 20px !important;
    top: auto !important;
  }
  
  @media only screen and (max-width: 600px) {
    .persistent-player-persist-container.audio
      > div.persistent-player-inner-container
      > .persistent-player.advertising
      .pp-phoenix-container
      .phoenix-ad-ui,
    .persistent-player-persist-container.audio
      > div.persistent-player-inner-container
      > .persistent-player.advertising
      .pp-phoenix-container
      .phoenix-core-container {
      height: 214px !important;
      right: 5px !important;
      width: 380px !important;
    }
  }
  
  @media only screen and (max-width: 1280px) {
    .persistent-player-persist-container.audio
      > div.persistent-player-inner-container {
      max-width: 1240px;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .persistent-player-persist-container.audio
      > div.persistent-player-inner-container
      > .persistent-player-controls
      .persistent-player-view-controls
      button.close-persistent-player-button:before,
    .persistent-player-persist-container.audio
      > div.persistent-player-inner-container
      > .persistent-player-controls
      .persistent-player-view-controls
      button.maximize-persistent-player-button:before,
    .persistent-player-persist-container.audio
      > div.persistent-player-inner-container
      > .persistent-player-controls
      .persistent-player-view-controls
      button.minimize-persistent-player-button:before {
      content: "";
    }
  }
  
  @media only screen and (max-width: 600px) {
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container {
      margin-top: 0;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata {
      display: block;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .primary-controls {
      margin: 10px 0 0 20px;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .primary-controls
      .skipback-btn,
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .primary-controls
      .skipforward-btn {
      width: 20px;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .primary-controls
      play-pause-stop-btn
      svg {
      width: 35px;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .thumbnail-metadata {
      flex-basis: unset;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .thumbnail-metadata
      .audio-ui-thumbnail-wrapper {
      height: 35px;
      margin-top: 5px;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .thumbnail-metadata
      .audio-ui-thumbnail-wrapper
      > img {
      height: 35px;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .primary-controls-and-metadata
      .thumbnail-metadata
      .audio-ui-metadata {
      flex-wrap: nowrap;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .secondary-controls {
      margin-top: 5px;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .secondary-controls
      .volume-control {
      width: unset;
    }
  
    .persistent-player-persist-container.audio:not(.minimized)
      > div.persistent-player-inner-container
      .secondary-controls
      .volume-control
      volume-slider {
      display: none;
    }
  }
  
  .persistent-player-persist-container.minimized {
    height: 60px;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.minimize-persistent-player-button {
    display: none;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player-controls
    .persistent-player-view-controls
    button.maximize-persistent-player-button {
    display: inline-block;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player.advertising
    .pp-phoenix-container
    .phoenix-ad-ui,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player.advertising
    .pp-phoenix-container
    .phoenix-core-container {
    bottom: 72px !important;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls-and-metadata {
    margin-top: 10px;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls {
    margin-right: 0;
    margin-top: 0;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .skipback-button,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .skipforward-button {
    display: none;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .pause-button,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .play-button,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .stop-button {
    margin: 0;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .pause-button
    svg,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .play-button
    svg,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .primary-controls
    .stop-button
    svg {
    width: 35px;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .thumbnail-metadata {
    align-items: flex-start;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    #media-metadata-audio {
    margin-right: 90px;
  }
  
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .audio-ui-thumbnail-wrapper,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .secondary-controls,
  .persistent-player-persist-container.minimized
    > div.persistent-player-inner-container
    > .persistent-player
    .audio-ui
    .volume-control {
    display: none;
  }
  
  .persistent-player-persist-container.video .persistent-player-inner-container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 400px;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui {
    order: 2;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    .close-persistent-player-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1510;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    .close-persistent-player-button
    svg.closeIcon {
    stroke: #fff;
    stroke-width: 2px;
    background: transparent;
    border-radius: 0;
    height: 15px;
    padding: 0.2rem;
    width: 15px;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    .close-persistent-player-button:before {
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
    display: inline-block;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    z-index: -1;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    #persistent-player-media-metadata-video {
    background-color: #f8f8f8;
    height: 60px;
    padding: 10px;
    width: 380px;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    #persistent-player-media-metadata-video
    .media-title {
    color: #000;
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    max-height: 38px;
    overflow: hidden;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    #persistent-player-media-metadata-video
    .showname-and-timestamp {
    color: #545454;
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    #persistent-player-media-metadata-video
    .showname-and-timestamp
    .media-showname {
    float: left;
    margin: 0;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    #persistent-player-media-metadata-video
    .showname-and-timestamp
    .media-showname:after {
    content: "|";
    padding: 0 5px;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player-video-ui
    #persistent-player-media-metadata-video
    .showname-and-timestamp
    .media-timestamp {
    float: left;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player {
    order: 1;
  }
  
  .persistent-player-persist-container.video
    .persistent-player-inner-container
    .persistent-player
    .pp-phoenix-container {
    max-height: 225px;
    width: 400px;
  }
  
  .persistent-player-persist-container.video:focus
    .persistent-player-inner-container
    > .persistent-player-video-ui
    .close-persistent-player-button,
  .persistent-player-persist-container.video:focus-within
    .persistent-player-inner-container
    > .persistent-player-video-ui
    .close-persistent-player-button,
  .persistent-player-persist-container.video:hover
    .persistent-player-inner-container
    > .persistent-player-video-ui
    .close-persistent-player-button {
    display: block;
  }
  
  @media only screen and (max-width: 640px) {
    .persistent-player-persist-container.video {
      border: none;
      margin: 0;
      width: 100%;
    }
  
    .persistent-player-persist-container.video
      .persistent-player-inner-container {
      margin: 0 auto;
      max-width: 350px;
    }
  
    .persistent-player-persist-container.video
      .persistent-player-inner-container
      .persistent-player-video-ui
      #persistent-player-media-metadata-video {
      margin: 0 auto;
      width: 330px;
    }
  
    .persistent-player-persist-container.video
      .persistent-player-inner-container
      .persistent-player
      .pp-phoenix-container {
      width: 350px !important;
    }
  }
  
  .player-placeholder-ui-container {
    display: grid;
  }
  
  .player-placeholder-ui-container .player-placeholder-video-ui {
    display: grid;
    grid-area: 1/1;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder {
    grid-area: 1/1;
    padding-bottom: 56.25%;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder-ui {
    grid-area: 1/1;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder-ui.hidden {
    display: none;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder-ui.docked
    .thumbnail-container
    > img {
    filter: blur(5px);
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder-ui.docked
    .thumbnail-container:after {
    background-image: linear-gradient(
      transparent,
      rgba(0, 0, 0, 0.75) 40%,
      rgba(0, 0, 0, 0.8)
    );
    background-image: linear-gradient(
      rgba(0, 0, 0, 0.85),
      rgba(0, 0, 0, 0.75) 100%
    );
    bottom: 0;
    content: "";
    height: 45%;
    height: 100%;
    left: 0;
    min-height: 70px;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder-ui.docked
    span.dock-msg {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    z-index: 1;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui
    .player-placeholder-ui.docked
    .video-card-overlay-container {
    display: none;
  }
  
  .player-placeholder-ui-container .player-placeholder-video-ui:hover {
    cursor: pointer;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui:hover
    .video-card-overlay-container
    svg.videoItemPlayBtn
    path {
    fill: #ff1a1a;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui:hover
    .video-card-overlay-container
    .video-item-title {
    text-decoration: underline;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui:focus
    .video-card-overlay-container
    svg.videoItemPlayBtn
    path {
    fill: #ff1a1a;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui:focus
    .video-card-overlay-container
    .video-item-title {
    outline: 3px solid #fff;
    text-decoration: underline;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-video-ui:focus
    .video-card-overlay-container
    .play-button-container {
    outline: 3px solid #fff;
  }
  
  .player-placeholder-ui-container .player-placeholder-audio-ui {
    box-sizing: border-box;
    margin: 20px 1px;
    padding: 2px;
    width: calc(100% - 2px);
  }
  
  .player-placeholder-ui-container .player-placeholder-audio-ui.hidden {
    display: none;
  }
  
  .player-placeholder-ui-container .player-placeholder-audio-ui:active,
  .player-placeholder-ui-container .player-placeholder-audio-ui:focus {
    outline: 3px solid #0550c8;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui {
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    width: 100%;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui:focus
    .play-button-container
    > .play-btn,
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui:hover
    .play-button-container
    > .play-btn {
    cursor: pointer;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui:focus
    .play-button-container
    > .play-btn
    polygon,
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui:hover
    .play-button-container
    > .play-btn
    polygon {
    fill: #e60606;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container {
    float: left;
    height: 60px;
    margin-right: 20px;
    width: 60px;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon {
    height: 60px;
    width: 60px;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon
    rect {
    fill: #757575;
    animation: updown 0.5s linear infinite;
    transform: scaleY(0.5);
    transform-origin: 0 50%;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon
    rect:first-child {
    animation-delay: 0.05s;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon
    rect:nth-child(2) {
    animation-delay: 75ms;
    animation-duration: 0.65s;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon
    rect:nth-child(3) {
    animation-delay: 0.1s;
    animation-duration: 0.75s;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon
    rect:nth-child(4) {
    animation-delay: 0.125s;
    animation-duration: 0.75s;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .play-button-container
    .equalizer-icon
    rect:nth-child(5) {
    animation-delay: 0.15s;
    animation-duration: 0.85s;
  }
  
  @keyframes updown {
    0% {
      transform: scaleY(0.5);
    }
  
    50% {
      transform: scaleY(1);
    }
  
    to {
      transform: scaleY(0.5);
    }
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .media-thumbnail {
    background-color: #cbcbcb;
    border-radius: 1px;
    box-shadow: 0 0 5px 1px #cbcbcb;
    float: left;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    width: 107px;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .media-thumbnail
    img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .media-metadata
    .media-showName {
    color: #000;
    display: inline-block;
    font-size: 13.6px;
    font-weight: 700;
    margin-right: 16px;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .media-metadata
    .media-duration {
    color: #757575;
    display: inline-block;
    font-size: 13.6px;
    font-weight: 700;
  }
  
  .player-placeholder-ui-container
    .player-placeholder-audio-ui
    .player-placeholder-ui
    .media-metadata
    .media-title {
    display: block;
    font-size: 13.6px;
    line-height: 18px;
    margin-left: 203px;
    margin-top: 4px;
    max-height: 36px;
    overflow: hidden;
  }
  
  @media only screen and (max-width: 415px) {
    .player-placeholder-ui-container
      .player-placeholder-audio-ui
      .player-placeholder-ui
      .play-button-container,
    .player-placeholder-ui-container
      .player-placeholder-audio-ui
      .player-placeholder-ui
      .play-button-container
      > .equalizer-icon {
      height: 35px;
      width: 35px;
    }
  
    .player-placeholder-ui-container
      .player-placeholder-audio-ui
      .player-placeholder-ui
      .media-thumbnail {
      display: none;
    }
  
    .player-placeholder-ui-container
      .player-placeholder-audio-ui
      .player-placeholder-ui
      .media-metadata
      .media-title {
      margin-left: 55px;
    }
  }
  
  .player-placeholder-ui-container .persistent-player {
    grid-area: 1/1;
  }
  
  .frequencyWidget .customHtml {
    background: #fff;
    border: none;
    margin-bottom: 1rem;
  }
  
  .olympicSportsList {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
  }
  
  .olympicSportsList .followIcon {
    fill: #b8860b !important;
  }
  
  .olympicSportsList ul {
    display: flex;
    list-style-type: none;
    padding: 0;
  }
  
  .olympicSportsList .legend {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  
  .olympicSportsList .legend .legendTitle {
    font-size: 19.2px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase;
  }
  
  .olympicSportsList .legend li {
    display: flex;
  }
  
  .olympicSportsList .legend li:first-child {
    margin-right: 20px;
  }
  
  .olympicSportsList .legend .selectSport {
    display: inline-block;
    height: 20px;
    width: 20px;
  }
  
  .olympicSportsList .legend .followIcon,
  .olympicSportsList .legend .followedIcon {
    height: 20px;
    width: 20px;
  }
  
  .olympicSportsList .legend .legendText {
    margin: 0 0 0 10px;
  }
  
  .olympicSportsList .sportsList {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
    margin: 0;
    width: 100%;
  }
  
  .olympicSportsList .sportsName {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    font-size: 17.3px;
    font-weight: 700;
    height: 100%;
    line-height: 1.8em;
    padding: 15px;
  }
  
  .olympicSportsList .sportsName .followIcon,
  .olympicSportsList .sportsName .followedIcon {
    height: 30px;
    margin-left: -1px;
    margin-top: -1px;
    width: 30px;
  }
  
  .olympicSportsList .sportsName:not(:disabled):focus-within,
  .olympicSportsList .sportsName:not(:disabled):hover {
    outline: 3px solid #0550c8;
  }
  
  .olympicSportsList input {
    height: 30px;
    opacity: 0;
    position: absolute;
    right: 15px;
    width: 30px;
    z-index: 1;
  }
  
  .olympicSportsList label {
    display: flex;
    justify-content: space-between;
  }
  
  .olympicSportsList .selectSport {
    height: 28px;
    text-align: center;
    width: 28px;
  }
  
  .olympicSportsList .showSportsContainer {
    margin: 18px 0 10px;
    width: 100%;
  }
  
  .olympicSportsList .showAllSports {
    background-color: transparent;
    border: none;
    color: #000;
    display: block;
    font-size: 1.125rem;
    margin: 0 auto;
  }
  
  .olympicSportsList .showAllSports:hover {
    text-decoration: underline;
  }
  
  .olympicSportsList .showAllSports:focus {
    outline: 3px solid #0550c8;
  }
  
  .olympicSportsList .showAllSports .chevronIcon {
    fill: #000;
    background-color: #f4f4f4;
    margin: 0 0 0 10px;
  }
  
  .olympicSportsList .buildFeed {
    background-color: #b7873c;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 19.2px;
    margin: 30px auto 0;
    text-transform: uppercase;
    width: 60%;
  }
  
  .olympicSportsList .buildFeed:disabled {
    background-color: #cbae84;
  }
  
  @media (max-width: 640px) {
    .olympicSportsList .legend {
      flex-direction: column-reverse;
    }
  
    .olympicSportsList .legend .legendTitle {
      margin: 24px 0 14px;
    }
  
    .olympicSportsList .legendIcons {
      margin-bottom: 0;
    }
  }
  
  .myOlympicsContent {
    display: flex;
    justify-content: center;
  }
  
  .myOlympicsContent .loading {
    align-items: center;
    display: flex;
    flex: none;
  }
  
  .myOlympicsContent .loading .loadingText {
    font-size: 1.125rem;
  }
  
  .myOlympicsContent .loading .loader {
    display: inline-block;
    margin-left: 1rem;
  }
  
  .myOlympicsContent .moreResults {
    align-items: center;
    background-color: #b7873c;
    color: #fff;
    display: flex;
    font-size: 1.125rem;
    font-weight: 700;
    height: 63px;
    justify-content: center;
    margin: 40px auto 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 60%;
  }
  
  .myOlympicsContent .moreResults .chevronIcon {
    fill: #fff;
    background-color: transparent;
    margin-left: 10px;
    transform: rotate(270deg);
    vertical-align: initial;
  }
  
  .myOlympicsContent .moreResults:hover {
    background-color: #c9aa77;
    box-shadow: none;
  }
  
  .myOlympicsContent .moreResults:focus {
    background-color: #b7873c;
    box-shadow: 0 0 0 3px #757575;
    outline: none;
  }
  
  .myOlympicsContent .video-card {
    width: 100%;
  }
  
  .myOlympicsContent .video-card .video-item {
    height: 100%;
  }
  
  .IconWeather {
    height: 3rem;
    width: 3rem;
  }
  
  .widgetOpen-false .toggleWidget {
    border: 0.1875rem solid #ccc;
  }
  
  .widgetOpen-false .toggleWidget:focus,
  .widgetOpen-false .toggleWidget:hover {
    border-color: #3b3b3b;
    border-width: 0.25rem;
  }
  
  .widgetOpen-false .toggleWidget:focus svg,
  .widgetOpen-false .toggleWidget:hover svg {
    fill: #3b3b3b;
  }
  
  .widgetOpen-false .toggleWidget:focus .expandIcon,
  .widgetOpen-false .toggleWidget:hover .expandIcon {
    margin-right: 0.5625rem;
  }
  
  .widgetOpen-false .toggleWidget .expandIcon {
    fill: #949494;
    margin-right: 0.625rem;
  }
  
  .widgetOpen-true {
    box-shadow: 0.125rem 0 0.875rem -0.1875rem rgba(0, 0, 0, 0.3);
  }
  
  .widgetOpen-true .closeWidget,
  .widgetOpen-true .expandedWeatherWidget {
    border: 0.1875rem solid #ccc;
  }
  
  .widgetOpen-true .closeWidget {
    border-bottom: 0;
    margin-top: -75px;
  }
  
  .widgetOpen-true .expandedWeatherWidget {
    border-top: 0;
  }
  
  .widgetOpen-true .closeWidget:focus,
  .widgetOpen-true .closeWidget:hover {
    border-color: #3b3b3b;
    border-bottom: none;
  }
  
  .widgetOpen-true .closeWidget:focus + .expandedWeatherWidget,
  .widgetOpen-true .closeWidget:hover + .expandedWeatherWidget {
    border-color: #3b3b3b;
  }
  
  .widgetOpen-true .expandIcon {
    display: none;
  }
  
  .widgetOpen-true svg.collapseIcon {
    fill: #3b3b3b;
    margin-right: 0.625rem;
    margin-top: -4px;
  }
  
  .weatherWidget {
    box-sizing: border-box;
    display: flex;
    height: 4.688rem;
    padding: 0 0.3125rem 0 1rem;
  }
  
  .weatherWidget .currentWeatherIcon,
  .weatherWidget .weatherForecastIcon {
    align-items: center;
    display: flex;
  }
  
  .weatherWidget .currentWeatherIcon svg {
    height: 2.75rem;
    padding: 0.805rem 0 0.405rem;
    width: 2.75rem;
  }
  
  .weatherWidget .weatherForecastIcon svg {
    height: 2.125rem;
    padding: 1rem 0 0.625rem;
    width: 2.125rem;
  }
  
  .weatherWidget .currentWeather {
    display: flex;
    width: calc(100% - 14.0625rem);
  }
  
  .weatherWidget .weatherForecast {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 0 0.625rem;
    width: 10.625rem;
  }
  
  .weatherWidget .showWeatherDetails {
    border: 0;
    margin: 1.25rem 0.625rem 1.25rem 0.9375rem;
    padding: 0;
    text-align: center;
    width: 1.25rem;
  }
  
  .weatherWidget .currentWeatherInfo {
    margin-bottom: 0.125rem;
  }
  
  .weatherWidget .hourlyForecastInfo,
  .weatherWidget .weatherInfo {
    align-items: center;
    display: flex;
  }
  
  .weatherWidget .weatherInfo {
    padding: 0.0625rem 0.3125rem 0.0625rem 0.75rem;
  }
  
  .weatherWidget .weatherInfo,
  .weatherWidget .weatherInfo > div {
    width: 100%;
  }
  
  .weatherWidget .hourlyForecastInfo {
    margin-left: 0.5rem;
  }
  
  .weatherWidget .temp {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 0.25rem 0 0;
  }
  
  .weatherWidget .time {
    margin: 0;
  }
  
  .weatherWidget .location,
  .weatherWidget .tempForecast {
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin: 0;
  }
  
  .weatherWidget .time,
  .weatherWidget .weatherDesc,
  .weatherWidget .weatherDescShort {
    color: #545454;
    font-size: 0.75rem;
  }
  
  .weatherWidget .weatherDesc {
    margin: 0;
  }
  
  .weatherWidget .weatherDescShort {
    display: none;
  }
  
  .weatherWidget .hourlyForecast {
    display: flex;
  }
  
  @media only screen and (max-width: 500px) {
    .weatherWidget .currentWeather {
      width: calc(100% - 8rem);
    }
  
    .weatherWidget .weatherForecast {
      width: 5rem;
    }
  
    .weatherWidget .weatherForecast .hourlyForecast:nth-of-type(2) {
      display: none;
    }
  }
  
  @media only screen and (max-width: 400px) {
    .weatherWidget .currentWeather {
      width: 100%;
    }
  
    .weatherWidget .weatherForecast {
      display: none;
    }
  }
  
  @media only screen and (max-width: 320px) {
    .weatherWidget .currentWeather {
      width: 80%;
    }
  
    .weatherWidget .weatherInfo > div {
      width: 70%;
    }
  
    .weatherWidget .currentWeatherInfo {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      max-width: 18.75rem;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  
    .weatherWidget .weatherDesc {
      display: none;
    }
  
    .weatherWidget .weatherDescShort {
      display: block;
      margin: 0;
      text-transform: capitalize;
    }
  }
  
  .viewportMedium .weatherWidget,
  .viewportSmall .weatherWidget {
    margin-bottom: 1rem;
  }
  
  .viewportMedium .widgetOpen-true .expandedWeatherWidget {
    margin-top: -1rem;
  }
  
  .viewportMedium .widgetOpen-true .closeWidget {
    margin-top: -91px;
  }
  
  .viewportSmall .widgetOpen-true .closeWidget,
  .viewportSmall .widgetOpen-true .expandedWeatherWidget {
    border: none;
  }
  
  .viewportSmall .widgetOpen-true .closeWidget {
    color: #e60505;
    margin-top: 0;
  }
  
  .icon .chevronIcon {
    fill: #e60505;
    background-color: #fff;
    border-radius: 10px;
    margin-left: 2px;
    padding: 3px 2px 1px;
    vertical-align: middle;
  }
  
  .icon .chevronIcon.horizontal {
    fill: #000;
    background: transparent;
    padding-top: 1px;
    transform: rotate(270deg);
    vertical-align: inherit;
  }
  
  .icon .chevronIcon.white {
    fill: #fff;
  }
  
  .icon .open .chevronIcon {
    transform: rotate(180deg);
  }
  
  .icon .right {
    transform: rotate(270deg);
  }
  
  .icon .collapseIcon,
  .icon .up {
    transform: rotate(180deg);
  }
  
  .icon .closeIcon {
    fill: #fff;
    background: #e60505;
    border-radius: 50%;
    padding: 0.3rem;
  }
  
  .icon .iconExclamation circle {
    stroke: #e60505;
    fill: #e60606;
    stroke-width: 2px;
  }
  
  .icon .icon-feature {
    display: block;
    height: 80px;
    margin: 1rem auto;
    width: 80px;
  }
  
  .icon .logoIcon.headerLogo.globalHeaderLogo {
    display: inline-block;
    margin-left: 0;
  }
  
  .icon .mediaIcon {
    fill: #0550c8;
    margin-right: 0.5rem;
    vertical-align: middle;
  }
  
  .icon .searchIcon.headerSearch {
    vertical-align: middle;
  }
  
  .icon .settingsIcon {
    fill: #545454;
    margin: 0 5px -5px 0;
  }
  
  .icon .followedIcon {
    fill: #000;
    border-radius: 50%;
  }
  
  .icon .followIcon,
  .icon .unfollowIcon {
    fill: #000;
  }
  
  .icon .logoIcon.logoMyCbc {
    fill: #fff;
  }
  
  .icon .logoIcon.logoMyCbc:focus,
  .icon .logoIcon.logoMyCbc:hover {
    transform: scale(1.15);
  }
  
  .icon backIcon {
    fill: #fff;
  }
  
  .icon {
    display: inline;
  }
  
  .icon .logoIcon {
    fill: #e60505;
    margin-left: 1rem;
    vertical-align: middle;
  }
  
  .icon .logoIcon.logoBooks,
  .icon .logoIcon.logoNews,
  .icon .logoIcon.logoRadio {
    fill: #fff;
  }
  
  .icon .logoIcon.logoArts,
  .icon .logoIcon.logoDocumentaries,
  .icon .logoIcon.logoMeta,
  .icon .logoIcon.logoTV {
    fill: #000;
  }
  
  .icon .logoIcon.logoComedy,
  .icon .logoIcon.logoLife {
    fill: #222;
  }
  
  .icon .logoIcon.detailGem {
    fill: #e60505;
  }
  
  .icon .logoIcon.footerLogo {
    fill: #fff;
    margin-left: 0.4rem;
  }
  
  .icon .logoIcon.notFoundLogo {
    fill: #e60505;
    margin: 1rem -1rem 0 0.5rem;
  }
  
  .icon .logoIcon.logo2017 .st0 {
    fill: #ec1c24;
  }
  
  .icon .logoIcon.logo2017 .st1 {
    fill: #426fb5;
  }
  
  .icon .logoIcon.logo2017 .st2 {
    fill: #a22388;
  }
  
  .icon .logoIcon.logo2017 .st3 {
    fill: #f2971f;
  }
  
  .icon .logoIcon.logo2017 .st4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ec1c24;
  }
  
  .detailLogo .icon .logoIcon.subSectionLogo,
  .icon .logoIcon.logoBooks {
    fill: #000;
  }
  
  .bigBoxContainer {
    margin: 0 auto;
    min-height: 18rem;
    width: 300px;
  }
  
  .widgetContainer {
    position: relative;
  }
  
  .widgetContainer .expandedWidgetContainer {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999;
  }
  
  .viewportSmall .widgetContainer .expandedWidgetContainer {
    background: #fff;
    height: 100vh;
    left: 0;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    width: 100vw;
  }
  
  .viewportSmall .widgetContainer .closeWidget {
    right: 0.625rem;
    width: auto;
    z-index: 1;
  }
  
  .widgetContainer .expandedWeatherWidget {
    background: #fff;
    border-top: none;
    box-shadow: 0.125rem 0.625rem 0.75rem -0.125rem rgba(0, 0, 0, 0.3);
    padding: 0 1.25rem 0.625rem;
    position: absolute;
    width: calc(100% - 2.875rem);
    z-index: 1;
  }
  
  .widgetContainer .expandedWeatherWidget .location {
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin: 0;
    padding: 0 0 0.3125rem;
  }
  
  .widgetContainer .expandedWeatherWidget .currentDateTime {
    color: #545454;
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin: 0.3125rem 0;
  }
  
  .widgetContainer .expandedWeatherWidget .hourlyForecastHeading {
    border-bottom: 1px solid #909090;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
    padding-bottom: 0.3125rem;
  }
  
  .widgetContainer .expandedWeatherWidget .hourlyForecast {
    text-align: center;
  }
  
  .widgetContainer .expandedWeatherWidget .currentWeatherInfo {
    margin-bottom: 2.1875rem;
  }
  
  .widgetContainer .expandedWeatherWidget .currentWeatherInfo,
  .widgetContainer .expandedWeatherWidget .summary,
  .widgetContainer .expandedWeatherWidget .weatherForecast {
    display: flex;
  }
  
  .widgetContainer .expandedWeatherWidget .currentWeatherInfoContainer {
    display: flex;
    margin: 0 auto;
    width: 24rem;
  }
  
  .widgetContainer .expandedWeatherWidget .details,
  .widgetContainer .expandedWeatherWidget .summary {
    font-weight: 700;
  }
  
  .widgetContainer .expandedWeatherWidget .details p,
  .widgetContainer .expandedWeatherWidget .summary p {
    margin: 0;
  }
  
  .widgetContainer .expandedWeatherWidget .detailsParam,
  .widgetContainer .expandedWeatherWidget .feelsLike,
  .widgetContainer .expandedWeatherWidget .summaryParam {
    color: #545454;
    font-weight: 400;
  }
  
  .widgetContainer .expandedWeatherWidget .summary {
    width: 60%;
  }
  
  .widgetContainer .expandedWeatherWidget .summary .icon {
    padding: 0.5rem 0.25rem;
  }
  
  .widgetContainer .expandedWeatherWidget .summary .IconWeather {
    height: 4.4375rem;
    width: 4.4375rem;
  }
  
  .widgetContainer .expandedWeatherWidget .summary .temp {
    font-size: 3.75rem;
    line-height: 5.125rem;
  }
  
  .widgetContainer .expandedWeatherWidget .details {
    width: 40%;
  }
  
  .widgetContainer .expandedWeatherWidget .details p {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
  
  .widgetContainer .expandedWeatherWidget .weatherForecast {
    justify-content: space-between;
    padding: 1rem 0.3125rem;
  }
  
  .widgetContainer .expandedWeatherWidget .weatherForecast p {
    margin: 0;
  }
  
  .widgetContainer .expandedWeatherWidget .weatherForecast .IconWeather {
    height: 3.75rem;
    width: 3.75rem;
  }
  
  .widgetContainer .expandedWeatherWidget .time {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: lowercase;
  }
  
  .widgetContainer .expandedWeatherWidget .tempForecast {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.5rem;
  }
  
  .widgetContainer .expandedWeatherWidget .feelsLikeForecast {
    color: #545454;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .widgetContainer .expandedWeatherWidget .weatherForecast .precipChance {
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 0.425rem 0 0.3125rem;
  }
  
  .widgetContainer
    .expandedWeatherWidget
    .weatherForecast
    .precipChance
    .umbrellaIcon {
    bottom: -3px;
    height: 1.1875rem;
    position: relative;
  }
  
  .widgetContainer button {
    background: transparent;
    border: 0;
    color: transparent;
    height: 4.688rem;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
  }
  
  .viewportMedium .widgetContainer .currentWeatherInfoContainer {
    width: 29rem;
  }
  
  .viewportMedium .widgetContainer .details,
  .viewportMedium .widgetContainer .summary {
    width: 50%;
  }
  
  .viewportSmall
    .widgetContainer
    .expandedWidgetContainer
    .expandedWeatherWidget {
    box-shadow: none;
    z-index: auto;
  }
  
  .viewportSmall .widgetContainer .expandedWidgetContainer .currentWeatherInfo,
  .viewportSmall
    .widgetContainer
    .expandedWidgetContainer
    .currentWeatherInfoContainer {
    flex-wrap: wrap;
  }
  
  .viewportSmall .widgetContainer .expandedWidgetContainer .details,
  .viewportSmall .widgetContainer .expandedWidgetContainer .forecast,
  .viewportSmall .widgetContainer .expandedWidgetContainer .summary {
    width: 100%;
  }
  
  .viewportSmall .widgetContainer .expandedWidgetContainer .summary {
    justify-content: center;
    margin-left: -1.25rem;
  }
  
  .viewportSmall .widgetContainer .expandedWidgetContainer .details {
    display: flex;
    justify-content: space-between;
    margin: 1.875rem auto 0;
    width: 20rem;
  }
  
  .viewportSmall
    .widgetContainer
    .expandedWidgetContainer
    .hourlyForecast:last-child {
    display: none;
  }
  
  .searchInfoCard {
    text-decoration: none;
  }
  
  .searchInfoCard .searchInfoCardBackground {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: 1px solid #ededed;
    border-radius: 5px;
    height: auto;
    margin-bottom: 0;
    min-height: 100px;
    width: 100%;
  }
  
  .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient {
    background-image: linear-gradient(90deg, #f6f6f6 47%, transparent);
  }
  
  .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient.olympic {
    background-color: #f6f6f6;
    background-image: none;
  }
  
  .viewportSmall
    .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient {
    background-size: auto 100%;
    height: auto;
    max-height: 200px;
    min-height: 100px;
  }
  
  .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    min-height: 100px;
    width: 100%;
  }
  
  .viewportSmall
    .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading {
    height: auto;
    max-height: 200px;
    min-height: 100px;
  }
  
  .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardProfile
    .searchInfoCardProfilePicture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #ededed;
    border-radius: 5px;
    height: 60px;
    margin: 0 0 0 30px;
    min-height: 60px;
    min-width: 48px;
    width: 48px;
  }
  
  .viewportSmall
    .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardProfile
    .searchInfoCardProfilePicture {
    height: 60px;
    margin: 0 0 0 15px;
    min-height: 60px;
    min-width: 48px;
    width: 48px;
  }
  
  .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardInfo {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 31px 0 31px 32px;
    width: 100%;
  }
  
  .viewportSmall
    .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardInfo {
    margin: 25px 0 25px 16px;
  }
  
  .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardInfo
    .searchInfoCardType {
    color: #717171;
    font-size: 1.125rem;
    margin-bottom: 5px;
    width: 100%;
  }
  
  .viewportSmall
    .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardInfo
    .searchInfoCardType {
    font-size: 1rem;
  }
  
  .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardInfo
    .searchInfoCardTitle {
    color: #000;
    display: flex;
    flex-direction: row;
    font-size: 2.313rem;
    font-weight: 700;
    line-height: 35px;
    width: 100%;
  }
  
  .viewportSmall
    .searchInfoCard
    .searchInfoCardBackground
    .searchInfoCardGradient
    .searchInfoCardHeading
    .searchInfoCardInfo
    .searchInfoCardTitle {
    font-size: 1.563rem;
    line-height: 27px;
  }
  
  .searchInfoCard:focus .searchInfoCardTitleText,
  .searchInfoCard:hover .searchInfoCardTitleText {
    text-decoration: underline;
  }
  
  .searchInfoCard:focus .searchInfoCardBackground,
  .searchInfoCard:hover .searchInfoCardBackground {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
  }
  
  #searchTopVideosSectionBelowInfoCard {
    margin: 18px 0 0;
  }
  
  .searchInfoCardMedalInfo {
    margin: 0 5% 0 auto;
  }
  
  .searchInfoCardMedalInfo.mobile {
    display: none;
    margin: 0;
    width: 95%;
  }
  
  .viewportSmall .searchInfoCardMedalInfo.mobile {
    display: block;
  }
  
  .viewportSmall .searchInfoCardMedalInfo.desktop {
    display: none;
  }
  
  .searchInfoCardMedalInfo.country {
    margin: 30px 5% 0 auto;
  }
  
  .viewportSmall .searchInfoCardMedalInfo.athlete,
  .viewportSmall .searchInfoCardMedalInfo.country {
    margin: 12px 0 0;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalTitle {
    color: #6d6d6d;
    font-size: 0.938rem;
    margin-bottom: 10px;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalTitle.country {
    display: none;
  }
  
  .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalTitle.country {
    display: block;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox {
    display: flex;
    font-size: 0.938rem;
    justify-content: space-between;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox {
    display: flex;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal {
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    font-size: 0.938rem;
    height: 25px;
    margin-right: 5px;
    width: 25px;
  }
  
  .viewportSmall
    .searchInfoCardMedalInfo
    .searchInfoCardMedalBox
    .medalBox
    .medal {
    height: 18px;
    width: 18px;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.gold {
    background-color: #f0c94b;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.silver {
    background-color: #aeb7bf;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.bronze {
    background-color: #d4a76b;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap1 {
    margin-right: 35px;
    z-index: 2;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap2 {
    margin-left: 10px;
    position: absolute;
    z-index: 1;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap3 {
    margin-left: 20px;
    position: absolute;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount {
    margin-top: 5px;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.country {
    color: #717171;
    font-size: 1.25rem;
    font-weight: 700;
    margin-right: 35px;
  }
  
  .viewportSmall
    .searchInfoCardMedalInfo
    .searchInfoCardMedalBox
    .medalBox
    .medalCount.country {
    font-size: 0.938rem;
    margin-right: 0;
  }
  
  .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.athlete {
    color: #717171;
    font-weight: 700;
    margin-right: 20px;
  }
  
  .viewportSmall
    .searchInfoCardMedalInfo
    .searchInfoCardMedalBox
    .medalBox
    .medalCount.athlete {
    font-size: 0.938rem;
  }
  
  .searchInfoCardMedalInfo
    .searchInfoCardMedalBox
    .medalBox
    .medalCount.medalAll {
    margin-left: 0;
  }
  
  .searchInfoCard .chevron {
    border: solid #000;
    border-width: 0 5px 5px 0;
    display: inline-block;
    margin-bottom: 3px;
    padding: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .viewportSmall .searchInfoCard .chevron {
    border-width: 0 3px 3px 0;
    padding: 4px;
  }
  
  .loaderOverlay {
    background: #545454;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.6;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 2000;
  }
  
  .pageLoader {
    height: 100px;
    left: calc(50% - 50px);
    margin: 0 auto;
    position: fixed;
    top: calc(50% - 50px);
    width: 100px;
    z-index: 2001;
  }
  
  .pageLoader .circular {
    animation: rotate 2s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%;
  }
  
  .pageLoader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 5px;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  @keyframes rotate {
    to {
      transform: rotate(1turn);
    }
  }
  
  @keyframes dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
  
    50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px;
    }
  
    to {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px;
    }
  }
  
  @keyframes color {
    0%,
    to {
      stroke: #e60505;
    }
  
    40% {
      stroke: #fff;
    }
  
    66% {
      stroke: #e60505;
    }
  
    80%,
    90% {
      stroke: #fff;
    }
  }
  
  .top-videos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
    max-width: 1280px;
  }
  
  .top-videos > .top-videos-card-wrapper {
    flex-basis: 32%;
    flex-grow: 1;
    margin: 0 0.5rem;
    min-width: 277px;
  }
  
  .top-videos > .top-videos-card-wrapper:first-child .video-item {
    padding: 0;
  }
  
  .top-videos
    > .top-videos-card-wrapper:first-child
    .video-item
    > .video-card-thumbnail-container {
    float: none;
    height: auto;
    width: 100%;
  }
  
  .top-videos
    > .top-videos-card-wrapper:first-child
    .video-item
    > .video-card-thumbnail-container
    .videoItemPlayBtn {
    height: 46px;
    width: 46px;
  }
  
  .top-videos
    > .top-videos-card-wrapper:first-child
    .video-item
    .video-item-details {
    height: 159px;
    padding: 24px 20px 20px;
  }
  
  .top-videos
    > .top-videos-card-wrapper:first-child
    .video-item
    .video-item-details
    .video-item-title {
    font-size: 1.125rem;
    line-height: 27px;
    max-height: 108px;
  }
  
  .top-videos
    > .top-videos-card-wrapper:first-child
    .video-item
    .video-item-details
    .video-show-name {
    font-size: 0.875rem;
    height: 20px;
    margin-top: 10px;
  }
  
  .top-videos
    > .top-videos-card-wrapper:first-child
    .video-item
    .video-item-details
    .video-time-stamp {
    font-size: 0.875rem;
  }
  
  .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item,
  .top-videos > .top-videos-card-wrapper:nth-child(3) .video-item {
    padding: 16px;
  }
  
  .top-videos > .top-videos-card-wrapper .video-item {
    background-color: #222;
    box-sizing: border-box;
    margin-bottom: 16px;
  }
  
  .top-videos
    > .top-videos-card-wrapper
    .video-item
    .video-item-details
    .video-item-title,
  .top-videos
    > .top-videos-card-wrapper
    .video-item
    .video-item-details
    .video-show-name,
  .top-videos
    > .top-videos-card-wrapper
    .video-item
    .video-item-details
    .video-time-stamp {
    color: #fff;
  }
  
  @media only screen and (min-width: 600px) {
    .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item {
      padding: 0;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(2)
      .video-item
      > .video-card-thumbnail-container {
      float: none;
      height: auto;
      width: 100%;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(2)
      .video-item
      > .video-card-thumbnail-container
      .videoItemPlayBtn {
      height: 46px;
      width: 46px;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(2)
      .video-item
      .video-item-details {
      height: 159px;
      padding: 24px 20px 20px;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(2)
      .video-item
      .video-item-details
      .video-item-title {
      font-size: 1.125rem;
      line-height: 27px;
      max-height: 108px;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(2)
      .video-item
      .video-item-details
      .video-show-name {
      font-size: 0.875rem;
      height: 20px;
      margin-top: 10px;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(2)
      .video-item
      .video-item-details
      .video-time-stamp {
      font-size: 0.875rem;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-item-title {
      font-size: 1.125rem;
      line-height: 27px;
      max-height: 54px;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-show-name,
    .top-videos
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-time-stamp {
      font-size: 0.875rem;
    }
  
    .top-videos
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-show-name {
      height: 20px;
    }
  }
  
  @media only screen and (min-width: 930px) {
    .top-videos.three-across > .top-videos-card-wrapper {
      flex-basis: 31%;
    }
  
    .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item {
      padding: 0;
    }
  
    .top-videos.three-across
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      > .video-card-thumbnail-container {
      float: none;
      height: auto;
      width: 100%;
    }
  
    .top-videos.three-across
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      > .video-card-thumbnail-container
      .videoItemPlayBtn {
      height: 46px;
      width: 46px;
    }
  
    .top-videos.three-across
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details {
      height: 159px;
      padding: 24px 20px 20px;
    }
  
    .top-videos.three-across
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-item-title {
      font-size: 1.125rem;
      line-height: 27px;
      max-height: 108px;
    }
  
    .top-videos.three-across
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-show-name {
      font-size: 0.875rem;
      height: 20px;
      margin-top: 10px;
    }
  
    .top-videos.three-across
      > .top-videos-card-wrapper:nth-child(3)
      .video-item
      .video-item-details
      .video-time-stamp {
      font-size: 0.875rem;
    }
  }
  
  button.loadMore {
    background-color: #fff;
    border: 3px solid #545454;
    color: #545454;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    height: 3rem;
    line-height: 1.25rem;
    margin: 1rem auto 1.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    text-align: center;
    text-transform: uppercase;
  }
  
  button.loadMore .chevronIcon {
    fill: #545454;
    background-color: transparent;
    border-radius: 0;
    display: inline-block;
    height: 15px;
    margin-left: 5px;
    width: 15px;
  }
  
  button.loadMore:hover {
    background-color: #545454;
    color: #fff;
  }
  
  button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  button.loadMore:focus {
    background-color: #fff;
    color: #545454;
    outline: 3px solid #0550c8;
  }
  
  button.loadMore.loading {
    line-height: 1.625rem;
  }
  
  button.loadMore.loading .chevronIcon,
  button.loadMore.loading:hover .chevronIcon,
  button.loadMore.loading:hover:focus .chevronIcon {
    display: none;
  }
  
  button.loadMore.loading .loader {
    float: right;
    margin-left: 10px;
  }
  
  button.loadMore.loading:focus .loader,
  button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  button.loadMore.hidden {
    display: none;
  }
  
  .mainSchedule {
    width: 100%;
  }
  
  .card.card-cqw {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 200px;
    position: relative;
    width: 100%;
  }
  
  .card.card-cqw .card-cqw-head {
    position: relative;
  }
  
  .card.card-cqw .card-cqw-head .image .placeholder {
    margin: 0;
  }
  
  .card.card-cqw .card-cqw-image-top {
    width: 100%;
  }
  
  .card.card-cqw .card-cqw-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
  }
  
  .card.card-cqw .card-cqw-main {
    flex-grow: 1;
  }
  
  .card.card-cqw .card-cqw-main .label {
    margin-bottom: 1rem;
  }
  
  .card.card-cqw .card-cqw-bottom {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    width: 100%;
  }
  
  .card.card-cqw.condensed_square_thumb.card-cqw {
    box-sizing: border-box;
    display: inline-block;
    padding: 1rem;
    position: relative;
  }
  
  .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-head {
    position: absolute;
    right: 16px;
  }
  
  .card.card-cqw.condensed_square_thumb.card-cqw
    .card-cqw-image-top
    .cardImageWrap
    img {
    height: 100px;
    width: 100px;
  }
  
  .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-body {
    padding: 0;
  }
  
  .card.card-cqw.condensed_square_thumb.card-cqw
    .card-cqw-body
    .card-cqw-main
    .card-cqw-headline {
    margin-right: 116px;
  }
  
  .card.card-cqw.condensed_square_thumb.card-cqw
    .card-cqw-body
    .card-cqw-main
    .card-cqw-headline
    .headline {
    margin: 0;
    max-height: none;
  }
  
  .card.card-cqw.headline.card-cqw {
    padding: 0.5rem 1rem;
  }
  
  .card.card-cqw.headline.card-cqw .card-cqw-body {
    padding: 0;
  }
  
  .card.card-cqw.headline.card-cqw .card-cqw-body .card-cqw-bottom {
    margin: 0.5rem 0;
  }
  
  .card.card-cqw.horizontal.card-cqw {
    flex-direction: row;
    height: 100px;
  }
  
  .card.card-cqw.horizontal.card-cqw .card-cqw-image-top .cardImageWrap img {
    height: 100px;
    width: 178px;
  }
  
  .card.card-cqw.horizontal.card-cqw .card-cqw-body {
    padding: 0 0 0 10px;
  }
  
  .card.card-cqw.horizontal.card-cqw .card-cqw-bottom {
    margin-bottom: 0.5rem;
    margin-top: 0;
  }
  
  @media (max-width: 465px) {
    .card.card-cqw.horizontal.card-cqw {
      border: none;
      height: 100px;
      margin: 0;
    }
  
    .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
      font-size: 0.875rem;
      line-height: 1.2rem;
      margin: 0;
      max-height: 3.6rem;
    }
  
    .card.card-cqw.horizontal.card-cqw .card-cqw-bottom .card-cqw-metadata {
      font-size: 0.8rem;
      line-height: 0.8rem;
      overflow: hidden;
    }
  
    .card.card-cqw.horizontal.card-cqw .card-cqw-bottom .metadata {
      font-size: 0.8rem;
    }
  }
  
  .card.card-cqw.featured.card-cqw {
    display: grid;
    grid-template-columns: 1.95fr 1fr;
    height: 100%;
    padding: 0;
  }
  
  .card.card-cqw.featured.card-cqw .card-cqw-head {
    height: 100%;
    width: 100%;
  }
  
  .card.card-cqw.featured.card-cqw .card-cqw-body {
    box-sizing: border-box;
    overflow: hidden;
  }
  
  .card.card-cqw.featured.card-cqw .card-cqw-body .card-cqw-main {
    flex-grow: 0;
  }
  
  .card.card-cqw.featured.card-cqw
    .card-cqw-body
    .card-cqw-main
    .card-cqw-headline
    .headline {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    max-height: 7rem;
  }
  
  .card.card-cqw.featured.card-cqw .card-cqw-body .card-cqw-bottom {
    margin: 0;
  }
  
  .card.card-cqw.listing_horizontal.card-cqw {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1.75fr 1fr;
    padding: 0;
    position: relative;
  }
  
  .card.card-cqw.listing_horizontal.card-cqw .card-cqw-head {
    margin: 1.5rem 0;
    max-width: 220px;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .card.card-cqw.listing_horizontal.card-cqw .card-cqw-body {
    padding: 0 16px;
  }
  
  .card.card-cqw.listing_horizontal.card-cqw
    .card-cqw-body
    .card-cqw-main
    .label {
    margin: 0.5rem 0 0;
  }
  
  .card.card-cqw.listing_horizontal.card-cqw
    .card-cqw-body
    .card-cqw-main
    .headline {
    font-size: 1.125rem;
  }
  
  .card.card-cqw.listing_horizontal.card-cqw .card-cqw-body .card-cqw-bottom {
    margin: 0.5rem 0 1rem;
  }
  
  .card.card-cqw .headline {
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35rem;
    margin-top: 0.5rem;
    max-height: 5.4rem;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0;
    width: 100%;
  }
  
  .card.card-cqw .card-cqw-author-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 0.5rem;
  }
  
  .card.card-cqw .card-cqw-author-info .author-image {
    margin-right: 0.5rem;
  }
  
  .card.card-cqw .card-cqw-author-info .author-name {
    align-self: center;
    color: #545454;
    font-size: 0.85rem;
    text-transform: none;
  }
  
  .card.card-cqw .card-cqw-metadata {
    align-items: center;
    color: #545454;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 0.85rem;
    justify-content: flex-start;
    overflow: hidden;
    padding-bottom: 0;
    text-transform: capitalize;
    width: 100%;
  }
  
  .card.card-cqw .card-cqw-metadata .cqw-show-name {
    margin-top: 0.5rem;
  }
  
  .card.card-cqw .card-cqw-metadata .cqw-metadata-separator {
    display: inline;
    margin: 0.5rem 5px 0;
  }
  
  .card.card-cqw .card-cqw-metadata .metadata {
    margin: 0;
  }
  
  .card.card-cqw .card-cqw-metadata .metadata .metadataText {
    margin-top: 0;
  }
  
  .open .icon .chevronIcon:not(.horizontal) {
    transform: rotate(180deg);
  }
  
  .newsTheme .globalHeader {
    border-bottom: none;
  }
  
  .newsTheme .globalHeader .headerSearchBar,
  .newsTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .newsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .newsTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .newsTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .newsTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .newsTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .newsTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .newsTheme .globalHeader.open {
    background: rgba(230, 5, 5, 0.8);
  }
  
  .newsTheme .globalHeader .landingNav {
    background-color: #e60505;
  }
  
  .newsTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .newsTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff;
    font-weight: 700;
  }
  
  .newsTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #e60505;
  }
  
  .newsTheme .globalHeader .landingNav .subNavList .gemSectionLink .navLink {
    color: #fff;
    font-weight: 400;
  }
  
  .newsTheme .globalHeader .landingNav .subNavList a.subNavLink:focus,
  .newsTheme .globalHeader .landingNav .subNavList button.moreButton:focus {
    outline-color: #fff;
  }
  
  .newsTheme .globalHeader .landingNav .subNavList.regionalNav .navLink.selected {
    background-color: #fff;
    color: #e60505;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #e60505;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #e60505;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000;
    font-weight: 400;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #e60505;
    color: #fff;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000;
    font-weight: 400;
  }
  
  .newsTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #e60505;
    color: #fff;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #e60505;
    border: none;
  }
  
  .newsTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .newsTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #e60505;
    background: #fff;
    border: none;
  }
  
  .newsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #e60505;
    border-bottom-color: #fff;
    color: #000;
  }
  
  .newsTheme .card:focus,
  .newsTheme .card:hover {
    box-shadow: 0 0 0 3px #e60505;
  }
  
  .newsTheme .card .callToAction,
  .newsTheme .card .headline {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300;
  }
  
  .newsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #e60505;
  }
  
  .newsTheme .card.cardDiscovery .contentWrapper .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }
  
  .newsTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .newsTheme .card.cardFeatured.hasVideo .videoContainer {
    width: 100%;
  }
  
  .newsTheme .card.cardFeatured .imageMedia {
    align-self: flex-start;
  }
  
  .newsTheme .contentAreaWrap .sidebar .headingText {
    border-bottom-color: #e60505;
  }
  
  .newsTheme .contentList button.loadMore {
    border-color: #e60505;
    color: #e60505;
  }
  
  .newsTheme .contentList button.loadMore:hover {
    background-color: #e60505;
    color: #fff;
  }
  
  .newsTheme .contentList button.loadMore:focus {
    color: #e60505;
  }
  
  .newsTheme .contentList button.loadMore .chevronIcon {
    fill: #e60505;
  }
  
  .newsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .newsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .newsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #e60505;
  }
  
  .newsTheme .contentList button.loadMore.loading {
    background-color: #e60505;
  }
  
  .newsTheme .contentList button.loadMore.loading .loader {
    border-color: #e60505 transparent #e60505 #e60505;
  }
  
  .newsTheme .contentList button.loadMore.loading:focus .loader,
  .newsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .newsTheme
    .viewportLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories,
  .newsTheme
    .viewportMedium
    .featuredArea
    .featuredTopStories
    .secondaryTopStories,
  .newsTheme
    .viewportXLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories {
    display: flex;
  }
  
  .newsTheme .regionInfo .contentList .contentListCards .card,
  .newsTheme .regionInfo .contentList .contentListCards .card .card-content,
  .newsTheme .regionInfo .regionsListWrapper.standAlone {
    background-color: #fff;
  }
  
  .newsTheme
    .regionInfo
    .contentList
    .contentListCards
    .card
    .card-content:after {
    border-bottom-color: #fff;
  }
  
  .newsTheme .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-family: Stag Medium, trebuchet;
    font-weight: 300;
  }
  
  .newsTheme .regionInfo .regionsListWrapper.standAlone .regionHeading {
    background: #e60505;
  }
  
  .newsTheme .regionInfo .regionsListWrapper.standAlone .regionButton {
    font-family: Stag Medium, trebuchet;
    font-weight: 300;
  }
  
  .newsTheme .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
    background: #fff;
    color: #e60505;
  }
  
  .newsTheme .detail .detailHeadline {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300;
  }
  
  .newsTheme .story .pullquote .pullquote-quotation {
    font-family: Stag Web, Trebuchet;
    font-weight: 600;
  }
  
  .newsTheme .pageIntro {
    background-color: #fff;
    color: #000;
    min-height: auto;
    padding-bottom: 0;
  }
  
  .newsTheme .pageIntro.hasListenLive {
    min-height: 2rem;
  }
  
  .newsTheme
    .pageIntro.show-the-national
    .responsiveNav.allHidden
    .moreItemsList {
    right: unset;
  }
  
  .newsTheme .pageIntro.section-news-editorsblog {
    border: 1px solid #cbcbcb;
  }
  
  .newsTheme .imageLinkWidget:active,
  .newsTheme .imageLinkWidget:focus,
  .newsTheme .imageLinkWidget:hover {
    box-shadow: 0 0 0 3px #e60505;
  }
  
  .newsTheme .trendingList-news .headingText {
    border: none;
    font-family: Stag Medium, Trebuchet;
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 0.35px;
    line-height: normal;
    text-transform: none;
  }
  
  @media (max-width: 849px) {
    .newsTheme .trendingList-news .headingText {
      font-size: 1.1875rem;
    }
  }
  
  .newsTheme .news-local .headingText a {
    font-size: 0.9em;
  }
  
  .newsTheme .icon .logoIcon.detailGem {
    fill: #fff;
  }
  
  .newsTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit;
  }
  
  .newsTheme.click-wp .cardContentPackage .primaryHeadline {
    margin-left: 1rem;
    margin-right: 1rem;
    order: 2;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .primaryHeadline
    .primaryHeadlineLink
    .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0.5rem;
    margin-top: 0.6rem;
    text-align: left;
  }
  
  .newsTheme.click-wp .cardContentPackage .desktopHeadline {
    display: none;
  }
  
  .newsTheme.click-wp .cardContentPackage .secondaryContent .card.relatedCard,
  .newsTheme.click-wp .cardContentPackage .supportingContent .card.relatedCard {
    margin-left: 0;
    margin-right: 0;
  }
  
  .newsTheme.click-wp .cardContentPackage .contentPackageSeparator {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  .newsTheme.click-wp .cardContentPackage .primaryContent {
    padding-bottom: 0;
  }
  
  .newsTheme.click-wp .cardContentPackage .primaryContent .supportingContent {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
    order: 3;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .primaryContent
    .supportingContent
    .deck {
    font-size: 1rem;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .primaryContent
    .supportingContent
    .labelMetaData {
    padding-bottom: 0;
  }
  
  .newsTheme.click-wp .cardContentPackage .primaryContent .mobileHeadline {
    display: block;
  }
  
  .newsTheme.click-wp .cardContentPackage .primaryContent .primaryImage {
    margin-top: 0;
    order: 1;
    padding-bottom: 0.6rem;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .primaryContent
    .primaryImage
    .primaryImageLink {
    margin-right: 0;
  }
  
  .newsTheme.click-wp .cardContentPackage .secondaryContent {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .newsTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial;
  }
  
  .newsTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-direction: column;
    flex-wrap: wrap;
  }
  
  .newsTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn {
    flex-grow: 1;
    margin-left: 0;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent {
    margin-left: 1rem;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card {
    flex: 1 1 180px;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard:before {
    width: 192px;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card:nth-child(2) {
    padding-bottom: 0;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard {
    padding-top: 1.2rem;
  }
  
  .newsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard:before {
    border-top: 1px solid #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
  }
  
  .newsTheme button.loadMore {
    border-color: #e60505;
    color: #e60505;
  }
  
  .newsTheme button.loadMore:hover {
    background-color: #e60505;
    color: #fff;
  }
  
  .newsTheme button.loadMore:focus {
    color: #e60505;
  }
  
  .newsTheme button.loadMore .chevronIcon {
    fill: #e60505;
  }
  
  .newsTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .newsTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .newsTheme button.loadMore:hover:focus .chevronIcon {
    fill: #e60505;
  }
  
  .newsTheme button.loadMore.loading {
    background-color: #e60505;
  }
  
  .newsTheme button.loadMore.loading .loader {
    border-color: #e60505 transparent #e60505 #e60505;
  }
  
  .newsTheme button.loadMore.loading:focus .loader,
  .newsTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .artsTheme .card:focus,
  .artsTheme .card:hover {
    box-shadow: 0 0 0 3px #801f73;
  }
  
  .artsTheme .card .contentWrapper {
    width: 100%;
  }
  
  .artsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #801f73;
  }
  
  .artsTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .artsTheme .contentAreaWrap .headingText {
    border-bottom-color: #801f73;
  }
  
  .artsTheme .contentList button.loadMore {
    border-color: #801f73;
    color: #801f73;
  }
  
  .artsTheme .contentList button.loadMore:hover {
    background-color: #801f73;
    color: #fff;
  }
  
  .artsTheme .contentList button.loadMore:focus {
    color: #801f73;
  }
  
  .artsTheme .contentList button.loadMore .chevronIcon {
    fill: #801f73;
  }
  
  .artsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .artsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .artsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #801f73;
  }
  
  .artsTheme .contentList button.loadMore.loading {
    background-color: #801f73;
  }
  
  .artsTheme .contentList button.loadMore.loading .loader {
    border-color: #801f73 transparent #801f73 #801f73;
  }
  
  .artsTheme .contentList button.loadMore.loading:focus .loader,
  .artsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .artsTheme .globalHeader {
    border-bottom: none;
  }
  
  .artsTheme .globalHeader .headerSearchBar,
  .artsTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .artsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .artsTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .artsTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .artsTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .artsTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .artsTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .artsTheme .globalHeader.open {
    background: rgba(128, 31, 115, 0.8);
  }
  
  .artsTheme .globalHeader .landingNav {
    background-color: #fff;
  }
  
  .artsTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .artsTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .artsTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .artsTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #801f73;
    color: #fff;
  }
  
  .artsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border-bottom-color: #fff;
    border-right: 1px solid #801f73;
  }
  
  .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #801f73;
  }
  
  .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #801f73;
  }
  
  .artsTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000;
  }
  
  .artsTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #801f73;
    color: #fff;
  }
  
  .artsTheme .pageIntro {
    background-color: #fff;
    color: #000;
    margin-top: -1.05rem;
    min-height: auto;
    padding-bottom: 0;
  }
  
  .artsTheme button.loadMore {
    border-color: #801f73;
    color: #801f73;
  }
  
  .artsTheme button.loadMore:hover {
    background-color: #801f73;
    color: #fff;
  }
  
  .artsTheme button.loadMore:focus {
    color: #801f73;
  }
  
  .artsTheme button.loadMore .chevronIcon {
    fill: #801f73;
  }
  
  .artsTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .artsTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .artsTheme button.loadMore:hover:focus .chevronIcon {
    fill: #801f73;
  }
  
  .artsTheme button.loadMore.loading {
    background-color: #801f73;
  }
  
  .artsTheme button.loadMore.loading .loader {
    border-color: #801f73 transparent #801f73 #801f73;
  }
  
  .artsTheme button.loadMore.loading:focus .loader,
  .artsTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .sportsTheme .card:focus,
  .sportsTheme .card:hover {
    box-shadow: 0 0 0 3px #222;
  }
  
  .sportsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #222;
  }
  
  .sportsTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .sportsTheme .contentAreaWrap .headingText {
    border-bottom-color: #000;
  }
  
  .sportsTheme .contentList button.loadMore {
    border-color: #000;
    color: #000;
  }
  
  .sportsTheme .contentList button.loadMore:hover {
    background-color: #000;
    color: #fff;
  }
  
  .sportsTheme .contentList button.loadMore:focus {
    color: #000;
  }
  
  .sportsTheme .contentList button.loadMore .chevronIcon {
    fill: #000;
  }
  
  .sportsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .sportsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .sportsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #000;
  }
  
  .sportsTheme .contentList button.loadMore.loading {
    background-color: #000;
  }
  
  .sportsTheme .contentList button.loadMore.loading .loader {
    border-color: #000 transparent #000 #000;
  }
  
  .sportsTheme .contentList button.loadMore.loading:focus .loader,
  .sportsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .sportsTheme
    .viewportLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories,
  .sportsTheme
    .viewportMedium
    .featuredArea
    .featuredTopStories
    .secondaryTopStories,
  .sportsTheme
    .viewportXLarge
    .featuredArea
    .featuredTopStories
    .secondaryTopStories {
    display: flex;
  }
  
  .sportsTheme .globalHeader {
    border-bottom: none;
  }
  
  .sportsTheme .globalHeader .headerSearchBar,
  .sportsTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .sportsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .sportsTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .sportsTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .sportsTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .sportsTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .sportsTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .sportsTheme .globalHeader.open {
    background: rgba(34, 34, 34, 0.8);
  }
  
  .sportsTheme .globalHeader .tertiaryNav {
    background: #545454;
  }
  
  .sportsTheme
    .globalHeader
    .tertiaryNav
    .subNavListItem
    .moreItemsNav:not(.open)
    .moreButton,
  .sportsTheme .globalHeader .tertiaryNav .subNavListItem .subNavLink {
    color: #fff;
  }
  
  .sportsTheme .pageIntro {
    min-height: auto;
    padding-bottom: 0;
  }
  
  .sportsTheme .pageIntro.show-road-to-the-olympics-home-team {
    min-height: 5em;
  }
  
  .sportsTheme
    .videowrapper-paralympics
    .pageIntro.introNav-sports-video
    .responsiveNav.introNav {
    background-color: #0d73b1;
  }
  
  .sportsTheme .verticalCardList.cardList .contentListItem .card:hover {
    box-shadow: 0 0 0 3px #fff;
  }
  
  .sportsTheme button.loadMore {
    border-color: #000;
    color: #000;
  }
  
  .sportsTheme button.loadMore:hover {
    background-color: #000;
    color: #fff;
  }
  
  .sportsTheme button.loadMore:focus {
    color: #000;
  }
  
  .sportsTheme button.loadMore .chevronIcon {
    fill: #000;
  }
  
  .sportsTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .sportsTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .sportsTheme button.loadMore:hover:focus .chevronIcon {
    fill: #000;
  }
  
  .sportsTheme button.loadMore.loading {
    background-color: #000;
  }
  
  .sportsTheme button.loadMore.loading .loader {
    border-color: #000 transparent #000 #000;
  }
  
  .sportsTheme button.loadMore.loading:focus .loader,
  .sportsTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .sportsTheme .icon .logoIcon.detailGem {
    fill: #fff;
  }
  
  .sportsTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit;
  }
  
  .sportsTheme.click-wp .cardContentPackage .primaryHeadline {
    margin-left: 1rem;
    margin-right: 1rem;
    order: 2;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .primaryHeadline
    .primaryHeadlineLink
    .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0.5rem;
    margin-top: 0.6rem;
    text-align: left;
  }
  
  .sportsTheme.click-wp .cardContentPackage .desktopHeadline {
    display: none;
  }
  
  .sportsTheme.click-wp .cardContentPackage .secondaryContent .card.relatedCard,
  .sportsTheme.click-wp .cardContentPackage .supportingContent .card.relatedCard {
    margin-left: 0;
    margin-right: 0;
  }
  
  .sportsTheme.click-wp .cardContentPackage .contentPackageSeparator {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  .sportsTheme.click-wp .cardContentPackage .primaryContent {
    padding-bottom: 0;
  }
  
  .sportsTheme.click-wp .cardContentPackage .primaryContent .supportingContent {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
    order: 3;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .primaryContent
    .supportingContent
    .deck {
    font-size: 1rem;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .primaryContent
    .supportingContent
    .labelMetaData {
    padding-bottom: 0;
  }
  
  .sportsTheme.click-wp .cardContentPackage .primaryContent .mobileHeadline {
    display: block;
  }
  
  .sportsTheme.click-wp .cardContentPackage .primaryContent .primaryImage {
    margin-top: 0;
    order: 1;
    padding-bottom: 0.6rem;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .primaryContent
    .primaryImage
    .primaryImageLink {
    margin-right: 0;
  }
  
  .sportsTheme.click-wp .cardContentPackage .secondaryContent {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .sportsTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial;
  }
  
  .sportsTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-direction: column;
    flex-wrap: wrap;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .firstContentColumn {
    margin-right: 0;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn {
    flex-grow: 1;
    margin-left: 0;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent {
    margin-left: 1rem;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card {
    flex: 1 1 180px;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard:before {
    width: 192px;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card:nth-child(2) {
    padding-bottom: 0;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard {
    padding-top: 1.2rem;
  }
  
  .sportsTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard:before {
    border-top: 1px solid #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
  }
  
  .sportsTheme.olympicsSection h2.boldHeading .headingText,
  .sportsTheme.olympicsSection h2.boldHeading.headingText {
    background: none;
    border-bottom: 1px solid #cbcbcb;
    color: #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.09px;
    line-height: 43px;
    text-transform: none;
  }
  
  @media (max-width: 640px) {
    .sportsTheme.olympicsSection h2.boldHeading .headingText,
    .sportsTheme.olympicsSection h2.boldHeading.headingText {
      font-size: 25px;
    }
  }
  
  .radioTheme .globalHeader {
    border-bottom: none;
  }
  
  .radioTheme .globalHeader .headerSearchBar,
  .radioTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .radioTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .radioTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .radioTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .radioTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .radioTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .radioTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .radioTheme .globalHeader.open {
    background: rgba(0, 73, 143, 0.8);
  }
  
  .radioTheme .globalHeader .landingNav {
    background-color: #00498f;
  }
  
  .radioTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #fff;
  }
  
  .radioTheme .globalHeader .landingNav a:focus,
  .radioTheme .globalHeader .landingNav button:focus {
    outline-color: #fff;
  }
  
  .radioTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .radioTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff;
  }
  
  .radioTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #00498f;
  }
  
  .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #00498f;
    border: none;
  }
  
  .radioTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .radioTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #00498f;
    background: #fff;
    border: none;
  }
  
  .radioTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #00498f;
    border-bottom-color: #fff;
    color: #00498f;
  }
  
  .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #00498f;
  }
  
  .radioTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #00498f;
  }
  
  .radioTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #00498f;
  }
  
  .radioTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #00498f;
    color: #fff;
  }
  
  .radioTheme .card .metadata .authorInfo {
    display: none;
  }
  
  .radioTheme .card:focus,
  .radioTheme .card:hover {
    box-shadow: 0 0 0 3px #00498f;
  }
  
  .radioTheme .card .contentWrapper {
    width: 100%;
  }
  
  .radioTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .radioTheme .contentAreaWrap .headingText {
    border-bottom-color: #00498f;
  }
  
  .radioTheme .contentList button.loadMore {
    border-color: #00498f;
    color: #00498f;
  }
  
  .radioTheme .contentList button.loadMore:hover {
    background-color: #00498f;
    color: #fff;
  }
  
  .radioTheme .contentList button.loadMore:focus {
    color: #00498f;
  }
  
  .radioTheme .contentList button.loadMore .chevronIcon {
    fill: #00498f;
  }
  
  .radioTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .radioTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .radioTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #00498f;
  }
  
  .radioTheme .contentList button.loadMore.loading {
    background-color: #00498f;
  }
  
  .radioTheme .contentList button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f;
  }
  
  .radioTheme .contentList button.loadMore.loading:focus .loader,
  .radioTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .radioTheme .show .listHeading {
    border-color: #00498f;
  }
  
  .radioTheme .show .banner.info {
    background-color: #eaeaea;
    border: 1px solid #cbcbcb;
    color: #000;
  }
  
  .radioTheme .show .showBannerLink {
    color: #00498f;
  }
  
  .radioTheme .pageIntro {
    color: #fff;
    margin-top: -1.05rem;
  }
  
  .radioTheme button.loadMore {
    border-color: #00498f;
    color: #00498f;
  }
  
  .radioTheme button.loadMore:hover {
    background-color: #00498f;
    color: #fff;
  }
  
  .radioTheme button.loadMore:focus {
    color: #00498f;
  }
  
  .radioTheme button.loadMore .chevronIcon {
    fill: #00498f;
  }
  
  .radioTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .radioTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .radioTheme button.loadMore:hover:focus .chevronIcon {
    fill: #00498f;
  }
  
  .radioTheme button.loadMore.loading {
    background-color: #00498f;
  }
  
  .radioTheme button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f;
  }
  
  .radioTheme button.loadMore.loading:focus .loader,
  .radioTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .radioTheme .icon .logoIcon.detailGem {
    fill: #fff;
  }
  
  .comedyTheme .card:focus,
  .comedyTheme .card:hover {
    box-shadow: 0 0 0 3px #dd8f28;
  }
  
  .comedyTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .comedyTheme .contentList button.loadMore {
    border-color: #dd8f28;
    color: #222;
  }
  
  .comedyTheme .contentList button.loadMore:hover {
    background-color: #dd8f28;
    color: #fff;
  }
  
  .comedyTheme .contentList button.loadMore:focus {
    color: #222;
  }
  
  .comedyTheme .contentList button.loadMore .chevronIcon {
    fill: #222;
  }
  
  .comedyTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .comedyTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .comedyTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #dd8f28;
  }
  
  .comedyTheme .contentList button.loadMore.loading {
    background-color: #dd8f28;
  }
  
  .comedyTheme .contentList button.loadMore.loading .loader {
    border-color: #dd8f28 transparent #dd8f28 #dd8f28;
  }
  
  .comedyTheme .contentList button.loadMore.loading:focus .loader,
  .comedyTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .comedyTheme .contentAreaWrap .headingText {
    border-bottom-color: #dd8f28;
  }
  
  .comedyTheme .globalHeader {
    border-bottom: none;
  }
  
  .comedyTheme .globalHeader .headerSearchBar,
  .comedyTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .comedyTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .comedyTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .comedyTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .comedyTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .comedyTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .comedyTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .comedyTheme .globalHeader.open {
    background: rgba(221, 143, 40, 0.8);
  }
  
  .comedyTheme .globalHeader .landingNav {
    background-color: #fff;
  }
  
  .comedyTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .comedyTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .comedyTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .comedyTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #dd8f28;
    color: #000;
  }
  
  .comedyTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    color: #222;
  }
  
  .comedyTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff;
    color: #222;
  }
  
  .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222;
  }
  
  .comedyTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #222;
  }
  
  .comedyTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #222;
  }
  
  .comedyTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #222;
    color: #fff;
  }
  
  .comedyTheme button.loadMore {
    border-color: #dd8f28;
    color: #222;
  }
  
  .comedyTheme button.loadMore:hover {
    background-color: #dd8f28;
    color: #fff;
  }
  
  .comedyTheme button.loadMore:focus {
    color: #222;
  }
  
  .comedyTheme button.loadMore .chevronIcon {
    fill: #222;
  }
  
  .comedyTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .comedyTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .comedyTheme button.loadMore:hover:focus .chevronIcon {
    fill: #dd8f28;
  }
  
  .comedyTheme button.loadMore.loading {
    background-color: #dd8f28;
  }
  
  .comedyTheme button.loadMore.loading .loader {
    border-color: #dd8f28 transparent #dd8f28 #dd8f28;
  }
  
  .comedyTheme button.loadMore.loading:focus .loader,
  .comedyTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .comedyTheme .icon .logoIcon.detailGem {
    fill: #222;
  }
  
  .lifeTheme .card .metadata .authorInfo {
    display: none;
  }
  
  .lifeTheme .card:focus,
  .lifeTheme .card:hover {
    box-shadow: 0 0 0 3px #d83a4a;
  }
  
  .lifeTheme .card.cardNativeAd:focus,
  .lifeTheme .card.cardNativeAd:hover {
    box-shadow: 0 0 0 3px #8c8c8c;
  }
  
  .lifeTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .lifeTheme .contentList button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222;
  }
  
  .lifeTheme .contentList button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .lifeTheme .contentList button.loadMore:focus {
    color: #d83a4a;
  }
  
  .lifeTheme .contentList button.loadMore .chevronIcon {
    fill: #d83a4a;
  }
  
  .lifeTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .lifeTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .lifeTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a;
  }
  
  .lifeTheme .contentList button.loadMore.loading {
    background-color: #d83a4a;
  }
  
  .lifeTheme .contentList button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a;
  }
  
  .lifeTheme .contentList button.loadMore.loading:focus .loader,
  .lifeTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .lifeTheme .contentAreaWrap .headingText {
    border-bottom-color: #d83a4a;
  }
  
  .lifeTheme .globalHeader {
    border-bottom: none;
  }
  
  .lifeTheme .globalHeader .headerSearchBar,
  .lifeTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .lifeTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .lifeTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .lifeTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .lifeTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .lifeTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .lifeTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .lifeTheme .globalHeader.open {
    background: rgba(216, 58, 74, 0.8);
  }
  
  .lifeTheme .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
  }
  
  .lifeTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .lifeTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .lifeTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .lifeTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .lifeTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    color: #222;
  }
  
  .lifeTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff;
  }
  
  .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222;
  }
  
  .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #222;
  }
  
  .lifeTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #222;
  }
  
  .lifeTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected,
  .lifeTheme .pageIntro {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .lifeTheme .pageIntro {
    margin-top: -1.05rem;
  }
  
  .lifeTheme .pageIntro.show-the-goods {
    color: #d83a4a;
  }
  
  .lifeTheme .pageIntro.show-the-goods .showName {
    background: url(../index/the-goods-logo.png)
      no-repeat 0 0;
    color: #d83a4a;
    display: block;
    height: 119px;
    text-indent: -9999px;
    width: 309px;
  }
  
  .lifeTheme .pageIntro.show-the-goods .imageMedia img {
    float: right;
    position: relative;
    width: 448px;
  }
  
  .lifeTheme .pageIntro.show-holiday {
    min-height: auto;
    padding-bottom: 0;
  }
  
  .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav {
    background-color: #f82718;
  }
  
  .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavListItem {
    padding: 0;
  }
  
  .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink {
    padding: 1rem;
  }
  
  .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink.selected,
  .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink:hover {
    background-color: #fff;
    color: #000;
  }
  
  .lifeTheme .pageIntro.show-the-great-canadian-baking-show {
    background-color: #fff;
    color: #000;
    min-height: auto;
    padding-bottom: 0;
  }
  
  .lifeTheme .pageIntro.show-the-great-canadian-baking-show .moreItemsList {
    white-space: normal;
    width: 170px;
  }
  
  .lifeTheme
    .pageIntro.show-the-great-canadian-baking-show
    .responsiveNav.allHidden
    .moreItemsList {
    right: -5rem;
  }
  
  .lifeTheme .pageIntro.show-getaway-guide {
    color: #000;
  }
  
  .lifeTheme .pageIntro.introNav-life-hellospring,
  .lifeTheme .pageIntro.show-getaway-guide {
    background-color: transparent;
    min-height: auto;
    padding-bottom: 0;
  }
  
  .lifeTheme button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222;
  }
  
  .lifeTheme button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .lifeTheme button.loadMore:focus {
    color: #d83a4a;
  }
  
  .lifeTheme button.loadMore .chevronIcon {
    fill: #d83a4a;
  }
  
  .lifeTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .lifeTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .lifeTheme button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a;
  }
  
  .lifeTheme button.loadMore.loading {
    background-color: #d83a4a;
  }
  
  .lifeTheme button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a;
  }
  
  .lifeTheme button.loadMore.loading:focus .loader,
  .lifeTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .archivesTheme .globalHeader {
    border-bottom: none;
  }
  
  .archivesTheme .globalHeader .headerSearchBar,
  .archivesTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .archivesTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .archivesTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .archivesTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .archivesTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .archivesTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .archivesTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .archivesTheme .globalHeader.open {
    background: rgba(216, 58, 74, 0.8);
  }
  
  .archivesTheme .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
  }
  
  .archivesTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .archivesTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .archivesTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .archivesTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .archivesTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    color: #222;
  }
  
  .archivesTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff;
  }
  
  .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222;
  }
  
  .archivesTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #222;
  }
  
  .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #222;
  }
  
  .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .archivesTheme .card .metadata .authorInfo {
    display: none;
  }
  
  .archivesTheme .card:focus,
  .archivesTheme .card:hover {
    box-shadow: 0 0 0 3px #d83a4a;
  }
  
  .archivesTheme .card.cardNativeAd:focus,
  .archivesTheme .card.cardNativeAd:hover {
    box-shadow: 0 0 0 3px #8c8c8c;
  }
  
  .archivesTheme .contentList button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222;
  }
  
  .archivesTheme .contentList button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .archivesTheme .contentList button.loadMore:focus {
    color: #d83a4a;
  }
  
  .archivesTheme .contentList button.loadMore .chevronIcon {
    fill: #d83a4a;
  }
  
  .archivesTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .archivesTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .archivesTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a;
  }
  
  .archivesTheme .contentList button.loadMore.loading {
    background-color: #d83a4a;
  }
  
  .archivesTheme .contentList button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a;
  }
  
  .archivesTheme .contentList button.loadMore.loading:focus .loader,
  .archivesTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .archivesTheme .contentAreaWrap .headingText {
    border-bottom-color: #d83a4a;
  }
  
  .archivesTheme .pageIntro {
    background-color: #d83a4a;
    color: #fff;
    margin-top: -1.05rem;
  }
  
  .archivesTheme button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222;
  }
  
  .archivesTheme button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .archivesTheme button.loadMore:focus {
    color: #d83a4a;
  }
  
  .archivesTheme button.loadMore .chevronIcon {
    fill: #d83a4a;
  }
  
  .archivesTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .archivesTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .archivesTheme button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a;
  }
  
  .archivesTheme button.loadMore.loading {
    background-color: #d83a4a;
  }
  
  .archivesTheme button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a;
  }
  
  .archivesTheme button.loadMore.loading:focus .loader,
  .archivesTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .homepageTheme .globalHeader.scrollDown,
  .homepageTheme .globalHeader.scrollUp {
    transform: none;
  }
  
  .homepageTheme .card {
    border: 1px solid #e0e0e0;
  }
  
  .homepageTheme .card .metadata .authorInfo,
  .homepageTheme .card .metadata .metaSeparator,
  .homepageTheme .card .metadata .timeStamp {
    display: none;
  }
  
  .homepageTheme .card .metadata .departmentItem .metaSeparator {
    display: inline;
  }
  
  .homepageTheme .card.cardContentPackage {
    border: none;
    flex: 1 1 auto;
  }
  
  .homepageTheme .featuredArea .card.cardFeatured {
    flex-basis: 100%;
  }
  
  .homepageTheme .featuredArea .card.cardFeatured,
  .homepageTheme .featuredArea .card.cardRegular {
    padding: 0;
  }
  
  .homepageTheme .searchBar.compact {
    padding: 0.7rem 0;
  }
  
  .homepageTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit;
  }
  
  .homepageTheme.click-wp .cardContentPackage .primaryHeadline {
    margin-left: 1rem;
    margin-right: 1rem;
    order: 2;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .primaryHeadline
    .primaryHeadlineLink
    .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0.5rem;
    margin-top: 0.6rem;
    text-align: left;
  }
  
  .homepageTheme.click-wp .cardContentPackage .desktopHeadline {
    display: none;
  }
  
  .homepageTheme.click-wp .cardContentPackage .secondaryContent .card.relatedCard,
  .homepageTheme.click-wp
    .cardContentPackage
    .supportingContent
    .card.relatedCard {
    margin-left: 0;
    margin-right: 0;
  }
  
  .homepageTheme.click-wp .cardContentPackage .contentPackageSeparator {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  .homepageTheme.click-wp .cardContentPackage .primaryContent {
    padding-bottom: 0;
  }
  
  .homepageTheme.click-wp .cardContentPackage .primaryContent .supportingContent {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
    order: 3;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .primaryContent
    .supportingContent
    .deck {
    font-size: 1rem;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .primaryContent
    .supportingContent
    .labelMetaData {
    padding-bottom: 0;
  }
  
  .homepageTheme.click-wp .cardContentPackage .primaryContent .mobileHeadline {
    display: block;
  }
  
  .homepageTheme.click-wp .cardContentPackage .primaryContent .primaryImage {
    margin-top: 0;
    order: 1;
    padding-bottom: 0.6rem;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .primaryContent
    .primaryImage
    .primaryImageLink {
    margin-right: 0;
  }
  
  .homepageTheme.click-wp .cardContentPackage .secondaryContent {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .homepageTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial;
  }
  
  .homepageTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-direction: column;
    flex-wrap: wrap;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .firstContentColumn {
    margin-right: 0;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn {
    flex-grow: 1;
    margin-left: 0;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent {
    margin-left: 1rem;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card {
    flex: 1 1 180px;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard:before {
    width: 192px;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card:nth-child(2) {
    padding-bottom: 0;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard {
    padding-top: 1.2rem;
  }
  
  .homepageTheme.click-wp
    .cardContentPackage
    .contentFlexLayout
    .secondContentColumn
    .tertiaryContent
    .card.relatedCard:before {
    border-top: 1px solid #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
  }
  
  .booksTheme .card:focus,
  .booksTheme .card:hover {
    box-shadow: 0 0 0 3px #00498f;
  }
  
  .booksTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .booksTheme .contentAreaWrap .headingText {
    border-bottom-color: #00498f;
  }
  
  .booksTheme .contentList button.loadMore {
    border-color: #00498f;
    color: #00498f;
  }
  
  .booksTheme .contentList button.loadMore:hover {
    background-color: #00498f;
    color: #fff;
  }
  
  .booksTheme .contentList button.loadMore:focus {
    color: #00498f;
  }
  
  .booksTheme .contentList button.loadMore .chevronIcon {
    fill: #00498f;
  }
  
  .booksTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .booksTheme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .booksTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #00498f;
  }
  
  .booksTheme .contentList button.loadMore.loading {
    background-color: #00498f;
  }
  
  .booksTheme .contentList button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f;
  }
  
  .booksTheme .contentList button.loadMore.loading:focus .loader,
  .booksTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .booksTheme .globalHeader {
    border-bottom: none;
  }
  
  .booksTheme .globalHeader .headerSearchBar,
  .booksTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .booksTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .booksTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .booksTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .booksTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .booksTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .booksTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .booksTheme .globalHeader.open {
    background: rgba(0, 73, 143, 0.8);
  }
  
  .booksTheme .globalHeader .landingNav {
    background-color: #fff;
  }
  
  .booksTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #000;
  }
  
  .booksTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .booksTheme .globalHeader .landingNav .subNavList .navLink {
    color: #000;
  }
  
  .booksTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #000;
    color: #fff;
  }
  
  .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #000;
    color: #000;
  }
  
  .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #000;
    background: #fff;
    border: none;
  }
  
  .booksTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .booksTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #fff;
    background: #000;
    border: none;
  }
  
  .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000;
  }
  
  .booksTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #000;
  }
  
  .booksTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000;
  }
  
  .booksTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #000;
    color: #fff;
  }
  
  .booksTheme .pageIntro {
    margin-top: -1.05rem;
  }
  
  .booksTheme .pageIntro img {
    display: block;
    position: relative;
    width: 100%;
  }
  
  .booksTheme .story .image.extrasmall,
  .booksTheme .story .image.medium,
  .booksTheme .story .image.small {
    clear: none;
  }
  
  .booksTheme button.loadMore {
    border-color: #00498f;
    color: #00498f;
  }
  
  .booksTheme button.loadMore:hover {
    background-color: #00498f;
    color: #fff;
  }
  
  .booksTheme button.loadMore:focus {
    color: #00498f;
  }
  
  .booksTheme button.loadMore .chevronIcon {
    fill: #00498f;
  }
  
  .booksTheme button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .booksTheme button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .booksTheme button.loadMore:hover:focus .chevronIcon {
    fill: #00498f;
  }
  
  .booksTheme button.loadMore.loading {
    background-color: #00498f;
  }
  
  .booksTheme button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f;
  }
  
  .booksTheme button.loadMore.loading:focus .loader,
  .booksTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .app2017Theme .card:focus,
  .app2017Theme .card:hover {
    box-shadow: -3px 0 0 0 #f4981e;
    opacity: 0.85;
  }
  
  .app2017Theme .card:focus .headline,
  .app2017Theme .card:hover .headline {
    text-decoration: underline;
  }
  
  .app2017Theme .contentList button.loadMore {
    border-color: #222;
    color: #222;
  }
  
  .app2017Theme .contentList button.loadMore:hover {
    background-color: #222;
    color: #fff;
  }
  
  .app2017Theme .contentList button.loadMore:focus {
    color: #222;
  }
  
  .app2017Theme .contentList button.loadMore .chevronIcon {
    fill: #222;
  }
  
  .app2017Theme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff;
  }
  
  .app2017Theme .contentList button.loadMore:hover:focus {
    background-color: #fff;
  }
  
  .app2017Theme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #222;
  }
  
  .app2017Theme .contentList button.loadMore.loading {
    background-color: #222;
  }
  
  .app2017Theme .contentList button.loadMore.loading .loader {
    border-color: #222 transparent #222 #222;
  }
  
  .app2017Theme .contentList button.loadMore.loading:focus .loader,
  .app2017Theme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff;
  }
  
  .app2017Theme .pageIntro {
    background-color: #fff;
    color: #000;
    margin-top: -1.05rem;
  }
  
  .app2017Theme .pageIntro .placeholder {
    background: none;
  }
  
  .app2017Theme .pageIntro img {
    display: block;
    position: relative;
    width: 100%;
  }
  
  .app2017Theme .pageIntro.show-we-are-the-best {
    color: #fff;
  }
  
  .app2017Theme .pageIntro.show-we-are-the-best img {
    float: right;
    width: auto;
  }
  
  .app2017Theme .pageIntro.show-we-are-the-best .showName {
    background: url(../index/we-are-the-best.png)
      no-repeat 0 0;
    display: block;
    height: 200px;
    text-indent: -9999px;
    width: 298px;
  }
  
  .app2017Theme .pageIntro.show-becoming-canadian .showName,
  .app2017Theme .pageIntro.show-brand-canada .showName,
  .app2017Theme .pageIntro.show-canada-the-story-of-us .showName,
  .app2017Theme .pageIntro.show-true-north-calling .showName,
  .app2017Theme .pageIntro.show-we-are-canada .showName {
    display: none;
  }
  
  .app2017Theme .globalHeader {
    border-bottom: none;
  }
  
  .app2017Theme .globalHeader .headerSearchBar,
  .app2017Theme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .app2017Theme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .app2017Theme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .app2017Theme .globalHeader .searchInput {
    height: 24px;
  }
  
  .app2017Theme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .app2017Theme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .app2017Theme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .mycbcTheme.detail .ad-risingstar-container {
    min-height: 0;
  }
  
  .mycbcTheme .card:focus,
  .mycbcTheme .card:hover {
    box-shadow: 0 0 0 3px #1720f9;
  }
  
  .mycbcTheme .card .metadata .metaSeparator,
  .mycbcTheme .card .metadata .timeStamp {
    display: none;
  }
  
  .mycbcTheme .card .metadata .departmentItem .metaSeparator {
    display: inline;
  }
  
  .mycbcTheme .card.cardDiscovery:hover {
    box-shadow: none;
  }
  
  .mycbcTheme .card.cardDiscovery:focus,
  .mycbcTheme .card.cardDiscovery:hover {
    box-shadow: 0 0 0 3px #0550c8;
  }
  
  .mycbcTheme .contentList button.loadMore {
    display: none;
  }
  
  .mycbcTheme .globalHeader {
    border-bottom: none;
  }
  
  .mycbcTheme .globalHeader .headerSearchBar,
  .mycbcTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .mycbcTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .mycbcTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .mycbcTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .mycbcTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .mycbcTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .mycbcTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .mycbcTheme .globalHeader.open {
    background: rgba(23, 32, 249, 0.8);
  }
  
  .mycbcTheme .globalHeader .landingNav {
    background: #1720f9;
  }
  
  .mycbcTheme .globalHeader .landingNav .gemSectionLink .navLink,
  .mycbcTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff;
  }
  
  .mycbcTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0550c8;
  }
  
  .mycbcTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #0550c8;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #1720f9;
    color: #fff;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:focus,
  .mycbcTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavLink.selected:hover {
    color: #fff;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:focus,
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:hover {
    color: #1720f9;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    border: 1px solid #fff;
    color: #fff;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: transparent;
    border: none;
  }
  
  .mycbcTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .mycbcTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #236bff;
    background: #fff;
    border: none;
  }
  
  .mycbcTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #1720f9;
    border-bottom-color: #fff;
    color: #000;
  }
  
  .mycbcTheme
    .globalHeader
    .landingNav
    .moreItemsNav.open
    .moreButton
    .chevronIcon {
    fill: #236bff;
    background: transparent;
    border: none;
  }
  
  .mycbcTheme .featuredArea .card:first-child {
    flex-basis: 100%;
  }
  
  .mycbcTheme .featuredArea .card.cardFeatured,
  .mycbcTheme .featuredArea .card.cardRegular {
    padding: 0;
  }
  
  .mycbcTheme .guideMenu .guideMenuLink:hover {
    background-color: #fff;
    border: 3px solid #1720f9;
    color: #000;
  }
  
  .mycbcTheme .guideMenu .guideMenuLink.selected {
    color: #e60505;
    cursor: auto;
  }
  
  .mycbcTheme .guideMenu .guideMenuLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .mycbcTheme .guideMenu .guideMenuLink.selected:hover {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
  }
  
  .mycbcTheme .verticalCardList.cardList .contentListItem .card:hover {
    box-shadow: 0 0 0 3px #1720f9;
  }
  
  .mycbcTheme .verticalCardList.cardList .title {
    text-transform: none;
  }
  
  .mycbcTheme .toggleSwitch {
    font-weight: 700;
    margin-left: 10px;
  }
  
  .mycbcTheme .toggleSwitch .knob {
    background: #1720f9;
    border-color: #1720f9;
    box-shadow: 0 0 3px 0 #1720f9;
  }
  
  .mycbcTheme .toggleSwitch input:checked + label {
    color: #1720f9;
  }
  
  .mycbcTheme .recommendations.sidebar {
    margin: 0;
  }
  
  .mycbcTheme .icon .logoIcon.detailGem {
    fill: #fff;
  }
  
  .televisionTheme .card .metadata .authorInfo,
  .televisionTheme .card .metadata .metaSeparator,
  .televisionTheme .card .metadata .timeStamp {
    display: none;
  }
  
  .televisionTheme .card .metadata .departmentItem .metaSeparator {
    display: inline;
  }
  
  .televisionTheme .featuredArea.cardFeatured,
  .televisionTheme .featuredArea.cardRegular {
    padding: 0;
  }
  
  .televisionTheme .searchBar.compact {
    padding: 0.7rem 0;
  }
  
  .visualstoriesTheme .globalHeader {
    border-bottom: none;
  }
  
  .visualstoriesTheme .globalHeader .headerSearchBar,
  .visualstoriesTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .visualstoriesTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .visualstoriesTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .visualstoriesTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .visualstoriesTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .visualstoriesTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .visualstoriesTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .visualstoriesTheme .globalHeader .landingNav .subNavList .navLink {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }
  
  .musicTheme.viewportLarge .swimlane {
    margin-left: 0;
    width: auto;
  }
  
  .musicTheme.viewportLarge .swimlane-video {
    margin-left: 0;
  }
  
  .musicTheme .pageIntro.show-the-intro .responsiveNav.introNav {
    background-color: #5e31e7;
  }
  
  .musicTheme .globalHeader {
    border-bottom: none;
  }
  
  .musicTheme .globalHeader .headerSearchBar,
  .musicTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .musicTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .musicTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .musicTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .musicTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .musicTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .musicTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .musicTheme .globalHeader.open {
    background: rgba(10, 127, 157, 0.8);
  }
  
  .musicTheme .globalHeader .landingNav {
    background-color: #0a7f9d;
  }
  
  .musicTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #fff;
  }
  
  .musicTheme .globalHeader .landingNav a:focus,
  .musicTheme .globalHeader .landingNav button:focus {
    outline-color: #fff;
  }
  
  .musicTheme .globalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .musicTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff;
  }
  
  .musicTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #0a7f9d;
  }
  
  .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #0a7f9d;
    border: none;
  }
  
  .musicTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .musicTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #0a7f9d;
    background: #fff;
    border: none;
  }
  
  .musicTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #0a7f9d;
    border-bottom-color: #fff;
    color: #0a7f9d;
  }
  
  .musicTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0a7f9d;
  }
  
  .musicTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #0a7f9d;
  }
  
  .musicTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #0a7f9d;
  }
  
  .musicTheme
    .globalHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #0a7f9d;
    color: #fff;
  }
  
  .musicTheme .icon .logoIcon.detailGem {
    fill: #fff;
  }
  
  .documentariesTheme .icon .logoIcon.detailGem {
    fill: #000;
  }
  
  .documentariesTheme .card .metadata .authorInfo,
  .documentariesTheme .card .metadata .metaSeparator,
  .documentariesTheme .card .metadata .timeStamp {
    display: none;
  }
  
  .documentariesTheme .card .metadata .departmentItem .metaSeparator {
    display: inline;
  }
  
  .playerTheme.appContainer .pageComponent {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
  }
  
  .playerTheme .globalHeader {
    border-bottom: none;
  }
  
  .playerTheme .globalHeader .headerSearchBar,
  .playerTheme .globalHeader .menuNavWrapper {
    height: 48px;
  }
  
  .playerTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
  }
  
  .playerTheme
    .globalHeader
    .searchBar.compact
    .autocomplete-suggestions-container {
    left: 0;
    top: 35px;
  }
  
  .playerTheme .globalHeader .searchInput {
    height: 24px;
  }
  
  .playerTheme .globalHeader.open .menuNavWrapper {
    height: auto;
  }
  
  .playerTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
  }
  
  .playerTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0);
  }
  
  .playerTheme .globalHeader.archivesHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
  }
  
  .playerTheme .globalHeader.archivesHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .playerTheme .globalHeader.archivesHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .playerTheme .globalHeader.archivesHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .subNavList
    .navLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .moreItemsNav
    .moreButton {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .moreItemsNav.open
    .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem {
    border-color: #222;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #222;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .moreItemsNav
    .moreNavLink {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.archivesHeader
    .landingNav
    .moreItemsNav
    .moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .playerTheme .globalHeader.artsHeader .landingNav {
    background-color: #fff;
  }
  
  .playerTheme .globalHeader.artsHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .playerTheme .globalHeader.artsHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .playerTheme .globalHeader.artsHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.artsHeader
    .landingNav
    .subNavList
    .navLink.selected {
    background-color: #801f73;
    color: #fff;
  }
  
  .playerTheme
    .globalHeader.artsHeader
    .landingNav
    .moreItemsNav.open
    .moreButton {
    border-bottom-color: #fff;
    border-right: 1px solid #801f73;
  }
  
  .playerTheme
    .globalHeader.artsHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem {
    border-color: #801f73;
  }
  
  .playerTheme
    .globalHeader.artsHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #801f73;
  }
  
  .playerTheme
    .globalHeader.artsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink {
    color: #000;
  }
  
  .playerTheme
    .globalHeader.artsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #801f73;
    color: #fff;
  }
  
  .playerTheme .globalHeader.lifeHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
  }
  
  .playerTheme .globalHeader.lifeHeader .landingNav .gemSectionLink .navLink {
    color: #222;
  }
  
  .playerTheme .globalHeader.lifeHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .playerTheme .globalHeader.lifeHeader .landingNav .subNavList .navLink {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.lifeHeader
    .landingNav
    .subNavList
    .navLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .moreButton {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.lifeHeader
    .landingNav
    .moreItemsNav.open
    .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff;
  }
  
  .playerTheme
    .globalHeader.lifeHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem {
    border-color: #222;
  }
  
  .playerTheme
    .globalHeader.lifeHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #222;
  }
  
  .playerTheme
    .globalHeader.lifeHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink {
    color: #222;
  }
  
  .playerTheme
    .globalHeader.lifeHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff;
  }
  
  .playerTheme .globalHeader.musicHeader .landingNav {
    background-color: #0a7f9d;
  }
  
  .playerTheme .globalHeader.musicHeader .landingNav .gemSectionLink .navLink {
    color: #fff;
  }
  
  .playerTheme .globalHeader.musicHeader .landingNav a:focus,
  .playerTheme .globalHeader.musicHeader .landingNav button:focus {
    outline-color: #fff;
  }
  
  .playerTheme .globalHeader.musicHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .playerTheme .globalHeader.musicHeader .landingNav .subNavList .navLink {
    color: #fff;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .subNavList
    .navLink.selected {
    background-color: #fff;
    color: #0a7f9d;
  }
  
  .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .moreButton
    .chevronIcon {
    fill: #fff;
    background: #0a7f9d;
    border: none;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #0a7f9d;
    background: #fff;
    border: none;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav.open
    .moreButton {
    background-color: #fff;
    border: 1px solid #0a7f9d;
    border-bottom-color: #fff;
    color: #0a7f9d;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem {
    border-color: #0a7f9d;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #0a7f9d;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink {
    color: #0a7f9d;
  }
  
  .playerTheme
    .globalHeader.musicHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #0a7f9d;
    color: #fff;
  }
  
  .playerTheme .globalHeader.newsHeader .landingNav {
    background-color: #e60505;
  }
  
  .playerTheme .globalHeader.newsHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .playerTheme .globalHeader.newsHeader .landingNav .subNavList .navLink {
    color: #fff;
    font-weight: 700;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .subNavList
    .navLink.selected {
    background-color: #fff;
    color: #e60505;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .subNavList
    .gemSectionLink
    .navLink {
    color: #fff;
    font-weight: 400;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .subNavList
    a.subNavLink:focus,
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .subNavList
    button.moreButton:focus {
    outline-color: #fff;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .subNavList.regionalNav
    .navLink.selected {
    background-color: #fff;
    color: #e60505;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem {
    border-color: #e60505;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #e60505;
  }
  
  .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000;
    font-weight: 400;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .moreNavLink.selected {
    background-color: #e60505;
    color: #fff;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink {
    color: #000;
    font-weight: 400;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #e60505;
    color: #fff;
  }
  
  .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .moreButton
    .chevronIcon {
    fill: #fff;
    background: #e60505;
    border: none;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #e60505;
    background: #fff;
    border: none;
  }
  
  .playerTheme
    .globalHeader.newsHeader
    .landingNav
    .moreItemsNav.open
    .moreButton {
    background-color: #fff;
    border: 1px solid #e60505;
    border-bottom-color: #fff;
    color: #000;
  }
  
  .metaTheme .featuredArea .card:first-child {
    flex-basis: 100%;
  }
  
  .metaTheme nav.sclt-landingnav.landingNav {
    display: none;
  }
  
  @media print {
    .appContainer .ad,
    .appContainer .ad-bigbox,
    .appContainer .ad-risingstar,
    .appContainer .advertisement,
    .appContainer .author-image,
    .appContainer .authorprofile,
    .appContainer .bigbox,
    .appContainer .comments,
    .appContainer .contentFeedback,
    .appContainer .detailTrending,
    .appContainer .followUs,
    .appContainer .globalFooter .extendedFooter,
    .appContainer .globalHeader .landingNav,
    .appContainer .globalHeader .menuButton,
    .appContainer .globalheader-placeholder,
    .appContainer .landingNav,
    .appContainer .moreStories,
    .appContainer .navLink.search,
    .appContainer .radioList,
    .appContainer .relatedlinks,
    .appContainer .risingstar,
    .appContainer .viafoura,
    .appContainer .youtube,
    .appContainer iframe {
      display: none;
    }
  
    .appContainer .ad-risingstar {
      height: 0 !important;
    }
  
    .appContainer .globalFooter .footerList {
      flex-flow: column wrap;
    }
  
    .appContainer .globalFooter .footerList .footerColumn,
    .appContainer .globalFooter .footerList .footerColumn.copyright,
    .appContainer .globalFooter .footerList .footerColumn.extendedLogo,
    .appContainer .globalFooter .footerList .footerColumn.radioCanada {
      flex: 1;
    }
  
    .appContainer .globalHeader,
    .appContainer .globalHeader.isSticky,
    .appContainer .globalHeader.isSticky.scrollDown {
      position: static !important;
    }
  }
  
  .heading-CuIgF {
    display: flex;
    flex: 1;
  }
  
  .sectionHeading-S5iEJ {
    margin-bottom: 16px;
  }
  
  .radioBar-rCbBA .sectionHeading-S5iEJ {
    flex: 0 1 auto;
    justify-self: start;
    margin: 0;
    white-space: nowrap;
    width: auto;
  }
  
  @media only screen and (max-width: 63.75rem) {
    .radioBar-rCbBA .sectionHeading-S5iEJ {
      align-self: baseline;
      margin-bottom: 18px;
    }
  }
  
  .sectionMain-P0fmH .sectionHeading-S5iEJ {
    margin-bottom: 16px;
    width: 100%;
  }
  
  .taggedStories-dNsro .card-C16x7 .headline-sGEu_ {
    text-decoration: underline;
  }
  
  .subtopics-rdO4N {
    background-color: #f8f8f8;
    max-width: 1280px;
    padding-bottom: 20px;
    padding-left: 18px;
    padding-right: 18px;
  }
  
  @media only screen and (max-width: 1001px) {
    .subtopics-rdO4N {
      display: none;
    }
  }
  
  .subtopicsHeader-RkiO_ {
    display: flex;
  }
  
  .topicTitle-pDclo {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.56rem;
    margin-bottom: 23px;
    margin-right: 18px;
    margin-top: 23px;
  }
  
  .tabs-tXCqy {
    margin-left: 12px;
    margin-top: 23px;
  }
  
  .tab-W7PUB {
    background-color: #f8f8f8;
    border: none;
    color: #545454;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.1375rem;
    margin-right: 30px;
    padding-bottom: 6px;
    padding-left: 1px;
    padding-right: 1px;
    text-transform: uppercase;
  }
  
  .tab-W7PUB.selected-QwUOU,
  .tab-W7PUB:active,
  .tab-W7PUB:hover {
    border-bottom: 2px solid #cf0404;
    color: #cf0404;
    outline: none;
    padding-bottom: 4px;
  }
  
  .tab-W7PUB:focus {
    outline: none;
  }
  
  .tab-W7PUB:focus-visible {
    outline: 2px dotted #545454;
  }
  
  .slimlane-v33fn {
    display: grid;
    grid-template-columns: 0 auto 0;
    height: 111px;
    min-width: 100%;
    position: relative;
  }
  
  @media only screen and (max-width: 720px) {
    .slimlane-v33fn {
      box-sizing: border-box;
      display: block;
      left: -24px;
      width: calc(100% + 40px);
    }
  }
  
  .slimlaneOuterWrapper-cxx3g {
    max-width: calc(100vw - 32px);
    position: relative;
  }
  
  .slimlaneLeft-Y1p0g {
    grid-template-columns: 53px auto 0;
  }
  
  .slimlaneRight-YczV1 {
    grid-template-columns: 0 auto 53px;
  }
  
  .slimlaneBoth-Lsjnv {
    grid-template-columns: 53px auto 53px;
  }
  
  .slimlaneOuter-LNm5u {
    border: 2px solid #000;
    position: relative;
  }
  
  .slimlaneInner-OaBpG {
    -ms-overflow-style: none;
    flex-flow: row nowrap;
    gap: 10px;
    margin: 0;
    overflow-x: scroll;
    padding: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    white-space: nowrap;
  }
  
  .slimlaneInner-OaBpG::-webkit-scrollbar {
    display: none;
  }
  
  @media only screen and (max-width: 720px) {
    .slimlaneInner-OaBpG {
      gap: 20px;
      padding-left: 24px;
      padding-right: 24px;
      top: 0;
    }
  }
  
  .slimlaneItem-gKzul {
    background-color: #eaeaea;
    box-sizing: border-box;
    display: inline-block;
    height: 109px;
    position: relative;
    scroll-snap-align: start;
    white-space: normal;
    width: calc(33.33333% - 6.66667px);
  }
  
  .slimlaneItem-gKzul:not(:first-child) {
    margin-left: 10px;
  }
  
  @media only screen and (max-width: 1280px) {
    .slimlaneMainContentWidth-Ha7a_ .slimlaneItem-gKzul {
      width: calc(50% - 5px);
    }
  }
  
  @media only screen and (max-width: 720px) {
    .slimlaneMainContentWidth-Ha7a_ .slimlaneItem-gKzul {
      width: calc(100% - 56px);
    }
  }
  
  @media only screen and (max-width: 1002px) {
    .slimlaneItem-gKzul {
      width: calc(50% - 5px);
    }
  }
  
  @media only screen and (max-width: 720px) {
    .slimlaneItem-gKzul {
      scroll-snap-align: center;
      width: calc(100% - 56px);
    }
  
    .slimlaneItem-gKzul:first-child,
    .slimlaneItem-gKzul:last-child {
      width: calc(100% - 24px);
    }
  }
  
  .slimlaneItemLink-FiKH3 {
    box-shadow: inset 0 0 #545454, inset 0 0 #545454;
    box-sizing: border-box;
    color: #000;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: inline-grid;
    grid-template-columns: auto 136px;
    grid-template-rows: auto 20px;
    height: 107px;
    margin: 0;
    padding: 16px;
    text-decoration: none;
    transition: box-shadow 0.2s ease-in-out;
    width: 100%;
  }
  
  @media only screen and (max-width: 375px) {
    .slimlaneItemLink-FiKH3 {
      grid-template-columns: auto 77px;
    }
  }
  
  .slimlaneItemLink-FiKH3:focus,
  .slimlaneItemLink-FiKH3:hover {
    box-shadow: inset 3px 3px #545454, inset -3px -3px #545454;
    outline: none;
  }
  
  .slimlaneItemLink-FiKH3:focus .slimlaneItemImage-a9eAu svg path,
  .slimlaneItemLink-FiKH3:hover .slimlaneItemImage-a9eAu svg path {
    fill: #ff1a1a;
  }
  
  .slimlaneItemLink-FiKH3:focus .slimlaneItemTitle-GLjAa,
  .slimlaneItemLink-FiKH3:hover .slimlaneItemTitle-GLjAa {
    text-decoration: underline;
  }
  
  .slimlaneItemLink-FiKH3.selected-W7CZg {
    box-shadow: inset 3px 3px #cf0404, inset -3px -3px #cf0404;
  }
  
  .slimlaneItemLink-FiKH3.selected-W7CZg:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAgMTBjMCA1LjUyMy00LjQ3NyAxMC0xMCAxMFMwIDE1LjUyMyAwIDEwIDQuNDc3IDAgMTAgMHMxMCA0LjQ3NyAxMCAxMFpNOC44NDMgMTUuMjk1bDcuNDItNy40MmEuNjQ1LjY0NSAwIDAgMCAwLS45MTJsLS45MTMtLjkxMmEuNjQ1LjY0NSAwIDAgMC0uOTEyIDBsLTYuMDUgNi4wNS0yLjgyNi0yLjgyNGEuNjQ1LjY0NSAwIDAgMC0uOTEyIDBsLS45MTMuOTEyYS42NDUuNjQ1IDAgMCAwIDAgLjkxMmw0LjE5NCA0LjE5NGMuMjUyLjI1Mi42Ni4yNTIuOTEyIDBaIiBmaWxsPSIjQ0YwNDA0Ii8+PC9zdmc+);
    bottom: 8px;
    content: " ";
    height: 20px;
    position: absolute;
    right: 6px;
    width: 20px;
  }
  
  .slimlaneItemTitle-GLjAa {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: block;
    display: -webkit-box;
    font-size: 0.875rem;
    font-weight: 700;
    grid-row-end: 1;
    grid-row-start: 1;
    height: 54px;
    line-height: 1.1375rem;
    overflow: hidden;
    word-break: break-word;
  }
  
  .slimlaneItemPublishedAt-b2olz {
    color: #545454;
    font-size: 0.8rem;
    grid-row-end: 2;
    grid-row-start: 2;
    height: 18px;
    line-height: 1.04rem;
  }
  
  .slimlaneItemPublishedAt-b2olz svg {
    fill: #545454;
    height: 1em;
    vertical-align: middle;
  }
  
  .slimlaneItemImage-a9eAu {
    grid-column-end: 2;
    grid-column-start: 2;
    grid-row-end: span 2;
    grid-row-start: 1;
    height: 77px;
    position: relative;
    width: 136px;
  }
  
  @media only screen and (max-width: 375px) {
    .slimlaneItemImage-a9eAu {
      width: 77px;
    }
  }
  
  .slimlaneItemImage-a9eAu svg {
    bottom: 7px;
    height: 32px;
    left: 7px;
    position: absolute;
    width: 32px;
  }
  
  .slimlaneItemImage-a9eAu img {
    height: 77px;
  }
  
  .slimlaneDuration-dW1HZ {
    background-color: hsla(0, 0%, 100%, 0.9);
    bottom: 2px;
    padding: 2px 8px;
    position: absolute;
    right: 2px;
    text-decoration: none;
  }
  
  @media only screen and (max-width: 375px) {
    .slimlaneDuration-dW1HZ {
      display: none;
    }
  }
  
  .whiteBackground-QcLAr .slimlaneItem-gKzul {
    background-color: #fff;
  }
  
  .whiteBackground-QcLAr .slimlaneItemLink-FiKH3 {
    box-shadow: inset 1px 1px #d8d8d8, inset -1px -1px #d8d8d8;
  }
  
  .whiteBackground-QcLAr .slimlaneItemLink-FiKH3.selected-W7CZg {
    box-shadow: inset 3px 3px #cf0404, inset -3px -3px #cf0404;
  }
  
  .whiteBackground-QcLAr .slimlaneItemLink-FiKH3:focus,
  .whiteBackground-QcLAr .slimlaneItemLink-FiKH3:hover {
    box-shadow: inset 3px 3px #545454, inset -3px -3px #545454;
  }
  
  .whiteBackground-QcLAr .slimlaneItemLink-FiKH3:focus.selected-W7CZg,
  .whiteBackground-QcLAr .slimlaneItemLink-FiKH3:hover.selected-W7CZg {
    box-shadow: inset 3px 3px #cf0404, inset -3px -3px #cf0404;
  }
  
  .mediaTheme-QFpB0 .slimlaneItem-gKzul {
    background-color: #545454;
  }
  
  .mediaTheme-QFpB0 .slimlaneItemLink-FiKH3 .slimlaneItemPublishedAt-b2olz,
  .mediaTheme-QFpB0 .slimlaneItemLink-FiKH3 .slimlaneItemTitle-GLjAa {
    color: #fff;
  }
  
  .slimlaneLiveLabel-FpT0L {
    bottom: 2px;
    padding: 2px 8px;
    position: absolute;
    right: 2px;
    text-decoration: none;
  }
  
  .slimlaneButtonArea-lp7nN {
    height: 100%;
    position: relative;
    width: 0;
  }
  
  @media only screen and (max-width: 720px) {
    .slimlaneButtonArea-lp7nN {
      position: absolute;
    }
  }
  
  .slimlaneButtonAreaActive-j8u2V {
    width: 53px;
  }
  
  @media only screen and (max-width: 720px) {
    .slimlaneButtonAreaActiveLeft-mUqJ7 {
      background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
      left: 0;
      position: absolute;
      top: 0;
      z-index: 1;
    }
  }
  
  @media only screen and (max-width: 720px) {
    .slimlaneButtonAreaActiveRight-iT_m5 {
      background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
    }
  }
  
  .slimlaneButton-HKVoh {
    background-color: #545454;
    border-color: transparent;
    border-radius: 50%;
    color: #fff;
    display: none;
    font-weight: 700;
    height: 32px;
    left: 50%;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0) rotate(0deg);
    width: 32px;
  }
  
  .slimlaneButton-HKVoh img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  
  .slimlaneButtonRight-dFril {
    transform: translate(-50%, -50%) scale(0) rotate(180deg);
  }
  
  .alignButtonsFlush-gLNFH .slimlaneButtonActive-T5NlB {
    left: 0;
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
  
  .alignButtonsFlush-gLNFH .slimlaneButtonActiveRight-x66Wq {
    left: unset;
    right: 0;
    transform: translateY(-50%) scale(1) rotate(180deg);
  }
  
  .slimlaneButton-HKVoh:active,
  .slimlaneButton-HKVoh:hover {
    background-color: #fff;
    border: 2px solid #545454;
    color: #545454;
    outline: none;
  }
  
  .slimlaneButton-HKVoh:active img,
  .slimlaneButton-HKVoh:hover img {
    filter: brightness(66%) invert(100%);
  }
  
  .slimlaneButton-HKVoh:focus {
    outline: none;
  }
  
  .slimlaneButton-HKVoh:focus:after {
    border: 2px dashed #545454;
    content: "";
    height: 38px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
  }
  
  .slimlaneButtonActive-T5NlB {
    display: block;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  
  .slimlaneButtonActiveRight-x66Wq {
    transform: translate(-50%, -50%) scale(1) rotate(180deg);
  }
  
  .moreStories-s0fae .contentGrid-fUk4Z {
    margin-top: 0.5rem;
  }
  
  .regionInfo-rQ0DI .moreStories-s0fae .contentGrid-fUk4Z {
    margin-top: 1rem;
  }
  
  .outer-gJ8Qy {
    container-name: grid;
    container-type: inline-size;
  }
  
  .outer-gJ8Qy .grid-S21gF {
    -moz-column-gap: 18px;
    column-gap: 18px;
    display: grid;
    row-gap: 18px;
  }
  
  .outer-gJ8Qy .grid-S21gF.col5-jEafM {
    grid-template-columns: repeat(5, 1fr);
  }
  
  .outer-gJ8Qy .grid-S21gF.col4-apQSl {
    grid-template-columns: repeat(4, 1fr);
  }
  
  @container grid (max-width: 1100px) {
    .outer-gJ8Qy .grid-S21gF.col4-apQSl,
    .outer-gJ8Qy .grid-S21gF.col5-jEafM {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  @container grid (max-width: 880px) {
    .outer-gJ8Qy .grid-S21gF.col4-apQSl,
    .outer-gJ8Qy .grid-S21gF.col5-jEafM {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @container grid (max-width: 465px) {
    .outer-gJ8Qy .grid-S21gF.col4-apQSl,
    .outer-gJ8Qy .grid-S21gF.col5-jEafM {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  .title-reUIw {
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.7em;
    margin-bottom: 0.5em;
    padding: 0;
    text-transform: uppercase;
  }
  
  .title-reUIw a {
    text-decoration: none;
  }
  
  .title-reUIw a,
  .title-reUIw a:visited {
    color: #000;
  }
  
  .title-reUIw a:focus,
  .title-reUIw a:hover {
    text-decoration: underline;
  }
  
  .sponsorInfo-tutjB .title-reUIw {
    background-color: #eaeaea;
    border-bottom: none;
    font-size: 1rem;
    margin: 0;
    padding: 0.5rem;
    text-transform: none;
  }
  
  .archivesTheme .sponsorInfo-tutjB .title-reUIw,
  .lifeTheme .sponsorInfo-tutjB .title-reUIw {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    color: #d83a4a;
  }
  
  .radioTheme .sponsorInfo-tutjB .title-reUIw {
    background-color: #00498f;
    color: #fff;
  }
  
  .comments-qSzEf .title-reUIw {
    margin-top: 11px;
  }
  
  .federal-IN7P1 .title-reUIw {
    border: none;
    color: #000;
    font-size: 13.6px;
    font-size: 19.2px;
    line-height: 0;
    line-height: 23px;
    margin: 9px 0 0;
    text-transform: uppercase;
  }
  
  .frequencyWidget-p1Itr .title-reUIw {
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1rem;
  }
  
  .mobileAppCta-GehiQ .title-reUIw {
    border: none;
    margin: 1rem 16px 1rem 7px;
  }
  
  @media (max-width: 399px) {
    .mobileAppCta-GehiQ .title-reUIw {
      font-size: 1rem;
      margin-left: 0;
      margin-right: 10px;
    }
  }
  
  .highlights-vC0h9 .title-reUIw {
    line-height: inherit;
  }
  
  .highlights-vC0h9 .title-reUIw span {
    background-color: #000;
    color: #fff;
    padding: 0 0.5rem;
  }
  
  .adPreferences-VYZC7 h1.title-reUIw {
    border: none;
    font-size: 2rem;
    line-height: 2.6875rem;
  }
  
  .mycbcTheme .title-reUIw {
    text-transform: none;
  }
  
  backButton-ceZJf.reportIssue-MgpUW {
    border: none;
    font-weight: 400;
    padding: 0;
    text-align: left;
  }
  
  .contentFeedback-hjGnu backButton-ceZJf.reportIssue-MgpUW {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-size: 0.9rem;
    font-style: italic;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .contentFeedback-hjGnu backButton-ceZJf.reportIssue-MgpUW:focus,
  .contentFeedback-hjGnu backButton-ceZJf.reportIssue-MgpUW:hover {
    background-color: #d8d8d8;
  }
  
  .account-menu-_upeb backButton-ceZJf.reportIssue-MgpUW {
    color: #3672ce;
    text-decoration: underline;
  }
  
  .account-menu-_upeb backButton-ceZJf.reportIssue-MgpUW:focus,
  .account-menu-_upeb backButton-ceZJf.reportIssue-MgpUW:hover {
    text-decoration: none;
  }
  
  .regionDropDown {
    background-color: #fff;
    height: 45px;
    position: relative;
    width: 17.5rem;
  }
  
  .regionDropDown span.icon svg.chevronIcon {
    fill: #000;
    bottom: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  
  .regionDropDown span.icon svg.chevronIcon.open {
    transform: rotate(180deg);
  }
  
  .regionDropDown .regionDropDownTextInput {
    border: 1px solid #000;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    height: 45px;
    outline: none;
    padding: 0 0 0 19px;
    width: 100%;
  }
  
  .regionDropDown .regionDropDownTextInput:focus {
    outline: 3px solid #0550c8;
  }
  
  .regionDropDown .regionDropDownTextInput:hover {
    border: 3px solid #545454;
    border-radius: 3px;
  }
  
  .regionDropDown .regionDropDownTextInput.active {
    border: 1px solid #0550c8;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  
  .regionDropDown .regionDropDownTextInput::-moz-placeholder {
    color: #757575;
  }
  
  .regionDropDown .regionDropDownTextInput::placeholder {
    color: #757575;
  }
  
  .regionDropDown .regionListSelect {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    max-height: 246.4px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    width: 17.5rem;
    z-index: 960;
  }
  
  .regionDropDown .regionListSelect.active {
    border: 1px solid #0550c8;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
    display: block;
  }
  
  .regionDropDown .regionListSelect.hidden {
    display: none;
  }
  
  @media only screen and (max-width: 63.75rem) {
    .radioBar .regionDropDown {
      position: absolute;
      right: 16px;
      width: calc(100% - 13.75rem);
    }
  
    .radioBar .regionDropDown .regionListSelect {
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 31.25rem) {
    .radioBar .regionDropDown {
      position: relative;
      right: unset;
      width: 100%;
    }
  
    .radioBar .regionDropDown .regionListSelect {
      width: 100%;
    }
  }
  
  .regionDropDown .regionOption {
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    height: 43px;
    justify-content: space-between;
    width: 100%;
  }
  
  .regionDropDown .regionOption:focus {
    outline: none;
  }
  
  .regionDropDown .regionOption.active {
    background-color: #0550c8;
  }
  
  .regionDropDown .regionOption.active span.cityText,
  .regionDropDown .regionOption.active span.provinceText {
    color: #fff;
  }
  
  .regionDropDown .regionOption.hidden {
    display: none;
  }
  
  .regionDropDown .regionOption .cityText {
    font-size: 1rem;
    margin-left: 29.08px;
    text-align: center;
    white-space: nowrap;
  }
  
  .regionDropDown .regionOption .provinceText {
    color: #757575;
    font-size: 1rem;
    margin-right: 48px;
    text-align: center;
  }
  
  div.radioBarFullWidthContainer {
    background-color: #eaeaea;
    margin-left: calc(-50vw + 40rem);
    width: 100vw;
  }
  
  @media only screen and (max-width: 1312px) {
    div.radioBarFullWidthContainer {
      margin-left: -16px;
    }
  }
  
  .appContainer.click-wp.viewportLarge .radioBarFullWidthContainer {
    margin-left: 0;
    width: auto;
  }
  
  .radioBar {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 125px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 1rem;
  }
  
  @media only screen and (max-width: 63.75rem) {
    .radioBar {
      display: flex;
      flex-direction: column;
      height: auto;
      justify-content: space-between;
      padding: 32px 16px 16px;
      position: relative;
    }
  }
  
  .radioBar .nowPlaying {
    align-items: center;
    display: inline-flex;
    flex-grow: 0.5;
    max-width: 560px;
  }
  
  @media only screen and (max-width: 75rem) {
    .radioBar .nowPlaying {
      flex-grow: 0;
      max-width: 450px;
      min-width: 400px;
      width: unset;
    }
  }
  
  @media only screen and (max-width: 68.75rem) {
    .radioBar .nowPlaying {
      max-width: unset;
      min-width: unset;
      width: 400px;
    }
  }
  
  @media only screen and (max-width: 63.75rem) {
    .radioBar .nowPlaying {
      margin-bottom: 18px;
      max-width: unset;
      min-width: unset;
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 31.25rem) {
    .radioBar .nowPlaying {
      margin-top: 18px;
    }
  }
  
  .radioBar .nowPlaying .nowPlayingImageContainer {
    background-color: #eaeaea;
    height: 155px;
    position: relative;
    width: 155px;
  }
  
  @media only screen and (max-width: 68.75rem) {
    .radioBar .nowPlaying .nowPlayingImageContainer {
      height: 100px;
      width: 100px;
    }
  }
  
  .radioBar .nowPlaying .nowPlayingImageContainer .radioImage {
    height: 100%;
    width: 100%;
  }
  
  .radioBar .nowPlaying .nowPlayingImageContainer .playButton {
    border: none;
    border-radius: 42px;
    bottom: 14px;
    color: unset;
    display: block;
    height: 42px;
    left: 14px;
    padding: 0;
    position: absolute;
    width: 42px;
  }
  
  .radioBar .nowPlaying .nowPlayingImageContainer .playButton:focus {
    outline: 3px solid #0550c8;
  }
  
  .radioBar .nowPlaying .nowPlayingImageContainer .playButton:focus .playTriangle,
  .radioBar
    .nowPlaying
    .nowPlayingImageContainer
    .playButton:hover
    .playTriangle {
    border-left: 19px solid #e60505;
  }
  
  .radioBar .nowPlaying .nowPlayingImageContainer .playButton .playTriangle {
    border-bottom: 10px solid transparent;
    border-left: 19px solid #000;
    border-top: 10px solid transparent;
    height: 0;
    margin-left: 14px;
    width: 0;
  }
  
  .radioBar .nowPlaying .nowPlayingTextDiv {
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: space-evenly;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 155px);
  }
  
  @media only screen and (max-width: 68.75rem) {
    .radioBar .nowPlaying .nowPlayingTextDiv {
      width: calc(100% - 100px);
    }
  }
  
  .radioBar .nowPlaying .nowPlayingTextDiv .networkTitle {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    padding-top: 15px;
  }
  
  .radioBar .nowPlaying .nowPlayingTextDiv .programTitle {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    padding-bottom: 15px;
  }
  
  .radioBar .moreListen {
    box-sizing: border-box;
    color: #000;
    justify-self: end;
    text-decoration: none;
  }
  
  @media only screen and (max-width: 63.75rem) {
    .radioBar .moreListen {
      align-self: flex-end;
    }
  }
  
  .radioBar .moreListen:hover {
    border-bottom: 1px solid #000;
  }
  
  .radioBar .moreListen .moreOnText {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
  }
  
  @media only screen and (max-width: 63.75rem) {
    .radioBar .moreListen .moreOnText {
      display: inline;
      margin-right: 9px;
    }
  }
  
  .radioBar .moreListen .listenLink {
    white-space: nowrap;
  }
  
  .radioBar .moreListen .listenLink img {
    height: 12px;
    margin-right: 5px;
  }
  
  .click-wp .radioBar .nowPlaying {
    max-width: 350px;
  }
  
  @media only screen and (max-width: 63.75rem) {
    .click-wp .radioBar .nowPlaying {
      max-width: unset;
    }
  }
  
  .click-wp .radioBar .nowPlaying .nowPlayingImageContainer {
    height: 100px;
    width: 100px;
  }
  
  .click-wp .radioBar .nowPlaying .nowPlayingTextDiv {
    width: calc(100% - 100px);
  }
  
  .olympicsBroadcastSchedule-aPSV7 table {
    width: 100%;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr {
    font-size: 1rem;
    font-weight: 700;
    min-height: 4.5 rem;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  
  @media screen and (max-width: 500px) {
    .olympicsBroadcastSchedule-aPSV7 table tr {
      font-size: 0.875rem;
    }
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr.hideRow-uWBlz {
    display: none;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .status-FxnWb {
    color: #727272;
    padding-left: 20px;
    white-space: nowrap;
  }
  
  @media screen and (max-width: 500px) {
    .olympicsBroadcastSchedule-aPSV7 table tr .status-FxnWb {
      display: none;
    }
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .live-WgY9m {
    font-size: 0.8rem;
    padding-left: 20px;
    white-space: nowrap;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .live-WgY9m a {
    color: #0e0d0d;
    text-decoration: none;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .live-WgY9m .yellowBox-uWnSS {
    background-color: #ffdc14;
    border-radius: 1px;
    padding-left: 6px;
    padding-right: 6px;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .startTime-TcGiD {
    color: #000;
    line-height: 1.3rem;
    padding-left: 20px;
    white-space: nowrap;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .startTime-TcGiD
    .statusCompressed-e4yui {
    color: #727272;
    white-space: nowrap;
  }
  
  @media screen and (min-width: 501px) {
    .olympicsBroadcastSchedule-aPSV7
      table
      tr
      .startTime-TcGiD
      .statusCompressed-e4yui {
      display: none;
    }
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .startTime-TcGiD + .title-u41Ix {
    font-weight: 400;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix {
    align-items: center;
    color: #0e0d0d;
    display: flex;
    justify-content: space-between;
    line-height: 1.3rem;
    min-height: 4.5rem;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
  }
  
  @media screen and (max-width: 500px) {
    .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix {
      flex-wrap: wrap;
    }
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix.nb-EyzVP {
    align-items: start;
    flex-direction: column;
    justify-content: center;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix .nbField-Vytjg {
    color: #545454;
    font-size: 1rem;
    line-height: 1.375rem;
    padding-top: 3px;
    word-break: break-all;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix .title-text-GG1n9 {
    margin-right: 16px;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix .watch-link-kUO1q {
    display: inline-block;
    margin-right: 75px;
    padding: 8px 0;
    text-decoration: none;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q
    .watch-text-F2Ddj {
    color: #000;
    display: inline-block;
    font-size: 0.8rem;
    margin: 3px 8px 0 20px;
    text-transform: uppercase;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q
    .watch-background-jrxkS {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    display: inline-block;
    height: 26px;
    position: relative;
    width: 108px;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q
    .watch-background-jrxkS
    svg {
    bottom: 1px;
    margin: auto 0;
    position: absolute;
    top: 0;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:hover
    .watch-background-jrxkS {
    background-color: #000;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:hover
    .watch-text-F2Ddj {
    color: #fff;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:hover
    circle {
    fill: #727272;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix .watch-link-kUO1q:active,
  .olympicsBroadcastSchedule-aPSV7 table tr .title-u41Ix .watch-link-kUO1q:focus {
    outline: none;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:active
    .watch-background-jrxkS,
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:focus
    .watch-background-jrxkS {
    background-color: #fff;
    border-style: dashed;
    border-width: 2px;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:active
    .watch-text-F2Ddj,
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:focus
    .watch-text-F2Ddj {
    color: #000;
  }
  
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:active
    circle,
  .olympicsBroadcastSchedule-aPSV7
    table
    tr
    .title-u41Ix
    .watch-link-kUO1q:focus
    circle {
    fill: #000;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr:nth-child(2n) {
    background-color: #f8f8f8;
  }
  
  .olympicsBroadcastSchedule-aPSV7 table tr:nth-child(odd) {
    background-color: #fff;
  }
  
  .filterBarContainer {
    background-color: #f8f8f8;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 16px;
  }
  
  .filterBarContainer .filterBarTitle,
  .filterBarContainer .resetButton,
  .filterBarContainer .toggleFilters,
  .filterBarContainer button {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 19px;
  }
  
  .filterBarContainer button {
    background-color: #f8f8f8;
    border: none;
  }
  
  .filterBarContainer .toggleFilterBar {
    display: none;
    margin: -5px;
  }
  
  @media (max-width: 500px) {
    .filterBarContainer .toggleFilterBar {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  
    .filterBarContainer .toggleFilterBar.hideButton {
      display: none;
    }
  }
  
  .filterBarContainer .toggleFilterBar .showFiltersButton {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .filterBarContainer .toggleFilterBar .showFiltersButton .showFiltersLabel {
    color: #545454;
    padding-left: 8px;
    text-transform: uppercase;
  }
  
  .filterBarContainer .filterBar {
    background-color: #f8f8f8;
  }
  
  @media (max-width: 500px) {
    .filterBarContainer .filterBar.hideFilterBar {
      display: none;
    }
  
    .filterBarContainer .filterBar.showFilterBar {
      height: 186px;
    }
  }
  
  .filterBarContainer .filterBar .header {
    align-items: flex-start;
    display: flex;
  }
  
  @media (max-width: 500px) {
    .filterBarContainer .filterBar .header {
      justify-content: center;
    }
  }
  
  .filterBarContainer .filterBar .header .filterBarTitle {
    color: #545454;
    padding: 0 0 32px 8px;
    text-transform: uppercase;
  }
  
  .filterBarContainer .filterBar .header .resetButton {
    color: #545454;
    margin-left: auto;
    text-decoration: underline;
  }
  
  .filterBarContainer .filterBar .header .resetButton:hover {
    color: #000;
  }
  
  @media (max-width: 500px) {
    .filterBarContainer .filterBar .header .resetButton {
      display: none;
    }
  }
  
  .filterBarContainer .filterBar .filters {
    display: flex;
    justify-content: space-between;
  }
  
  @media (max-width: 700px) {
    .filterBarContainer .filterBar .filters {
      align-items: center;
      flex-direction: column;
    }
  }
  
  .filterBarContainer .filterBar .filters .toggleFilters {
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  
  @media (max-width: 700px) {
    .filterBarContainer .filterBar .filters .toggleFilters {
      justify-content: center;
      margin-top: 20px;
    }
  }
  
  .filterBarContainer .filterBar .filters .toggleFilters .separator {
    background: #cbcbcb;
    margin: 0 16px;
    min-height: 24px;
    width: 1px;
  }
  
  .filterBarContainer .mobileButtons {
    display: none;
  }
  
  @media (max-width: 500px) {
    .filterBarContainer .mobileButtons {
      display: flex;
      padding: 20px 10px;
    }
  }
  
  .filterBarContainer .mobileButtons > button {
    color: #545454;
  }
  
  .filterBarContainer .mobileButtons .hideButton {
    margin-left: auto;
    text-transform: uppercase;
  }
  
  .filterBarContainer .mobileButtons .resetButton {
    text-decoration: underline;
  }
  
  .filter,
  .filter .checkboxLabel {
    align-items: center;
    display: flex;
  }
  
  .filter .checkboxLabel {
    color: #545454;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
  }
  
  .filter .checkboxLabel .icon {
    padding-right: 10px;
  }
  
  .filter .checkbox {
    height: 1em;
    left: 22px;
    opacity: 0;
    position: relative;
    width: 1em;
    z-index: 0;
  }
  
  .filter .checkbox:focus {
    opacity: 1;
    outline: 1px dashed #545454;
    outline-offset: 14px;
  }
  
  .filter .checkbox:focus:not(:focus-visible) {
    outline: none;
  }
  
  .filter .checkmarkIcon,
  .filter .plusIcon {
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 15px;
    justify-content: center;
    margin-bottom: 2px;
    padding: 5px;
    width: 15px;
    z-index: 1;
  }
  
  .filter .plusIcon {
    background-color: #fff;
    border: 1px solid #fff;
  }
  
  .filter .plusIcon:hover {
    border: 1px solid #000;
  }
  
  .filter .checkmarkIcon {
    background-color: #000;
    border: 1px solid #000;
    display: none;
  }
  
  .filter .checkmarkIcon:hover {
    background-color: #545454;
    border: 1px solid #545454;
  }
  
  .filter .checkbox:checked ~ .plusIcon {
    display: none;
  }
  
  .filter .checkbox:checked ~ .checkmarkIcon {
    display: flex;
  }
  
  .dropDown {
    background-color: #fff;
    height: 45px;
    position: relative;
    width: 17.5rem;
  }
  
  .dropDown span.icon svg.chevronIcon {
    fill: #000;
    bottom: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  
  .dropDown span.icon svg.chevronIcon.open {
    transform: rotate(180deg);
  }
  
  .dropDown .dropDownTextInput {
    border: 1px solid #000;
    border-radius: 3px;
    box-sizing: border-box;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    height: 45px;
    outline: none;
    padding: 0 0 0 19px;
    width: 100%;
  }
  
  .dropDown .dropDownTextInput:focus,
  .dropDown .dropDownTextInput:hover {
    border: 3px solid #545454;
    border-radius: 3px;
  }
  
  .dropDown .dropDownTextInput.active {
    border: 1px solid #0550c8;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  
  .dropDown .dropDownTextInput::-moz-placeholder {
    color: #757575;
  }
  
  .dropDown .dropDownTextInput::placeholder {
    color: #757575;
  }
  
  .dropDown .optionListSelect {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    max-height: 246.4px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    width: 17.5rem;
    z-index: 960;
  }
  
  .dropDown .optionListSelect.active {
    border: 1px solid #0550c8;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
    display: block;
  }
  
  .dropDown .optionListSelect.hidden {
    display: none;
  }
  
  .dropDown.sportDropDown span.icon svg.chevronIcon {
    right: 16px;
  }
  
  .dropDown.sportDropDown .dropDownTextInput {
    border: 1px solid #e0e0e0;
    color: #545454;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 12px;
  }
  
  .dropDown.sportDropDown .dropDownTextInput:focus {
    border: 2px dotted #545454;
  }
  
  .dropDown.sportDropDown .dropDownTextInput:hover {
    border: 3px solid #545454;
  }
  
  .dropDown.sportDropDown .dropDownTextInput.active {
    border: 1px solid #0550c8;
    border-bottom: none;
  }
  
  .dropDown.sportDropDown .dropDownTextInput::-moz-placeholder {
    color: #545454;
  }
  
  .dropDown.sportDropDown .dropDownTextInput::placeholder {
    color: #545454;
  }
  
  .option-AiDWq {
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    height: 43px;
    justify-content: space-between;
    width: 100%;
  }
  
  .option-AiDWq:focus {
    outline: none;
  }
  
  .option-AiDWq:focus,
  .option-AiDWq:hover {
    background-color: #0550c8;
  }
  
  .option-AiDWq:focus .text-nLOUS,
  .option-AiDWq:hover .text-nLOUS {
    color: #fff;
  }
  
  .option-AiDWq .text-nLOUS {
    font-size: 1rem;
    margin-left: 29.08px;
    text-align: center;
    white-space: nowrap;
  }
  
  .dropDown .selectedStateLabel {
    background-color: #fff;
    color: #545454;
    display: none;
    font-size: 0.8rem;
    left: 15px;
    padding: 0 5px;
    position: absolute;
    top: -11px;
    z-index: 1000;
  }
  
  .dropDown .selectedStateLabel.active {
    display: block;
  }
  
  .click-wp div.fourColPlus-dzB9w {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  /* .click-wp
    div.fourColPlus-dzB9w.loadMore-VxqWZ
    > :nth-child(3n):nth-last-child(2)
    ~ *,
  .click-wp
    div.fourColPlus-dzB9w.loadMore-VxqWZ
    > :nth-child(3n):nth-last-child(3)
    ~ * {
    display: none;
  } */
  
  .header-VNwmS {
    color: #fff;
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  
  .detail-link-label {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1.2rem;
  }
  
  .detail-link-label a {
    color: #757575;
    text-decoration: none;
  }
  
  .detail-link-label a:hover {
    text-decoration: underline;
  }
  
  .detail-link-label span {
    font-size: 1rem;
  }
  
  .detail-link-label span span:first-child {
    color: #757575;
    padding: 0 0.5rem;
  }
  
  .detail-link-label span [data-live][data-live="true"] {
    background: #ffdc14;
    color: #000;
    font-size: 16px;
    padding: 0.1rem 0.6rem;
  }
  
  .detail-link-label span [data-breaking][data-breaking="true"] {
    color: #e60505;
  }
  
  .detail-link-label span.sponsored-content {
    background-color: #000;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 40px;
    padding: 0.2rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
  
  .breadcrumb-flags .detail-link-label {
    font-size: 1.125rem;
    margin-top: 0;
  }
  
  .breadcrumb-flags .detail-link-label a {
    color: #757575;
  }
  
  .breadcrumb-flags .detail-link-label span {
    font-size: 1.125rem;
  }
  
  .breadcrumb-flags .detail-link-label span span:first-child {
    color: #000;
    padding: 0;
  }
  
  .breadcrumb-flags .detail-link-label span [data-live][data-live="true"] {
    font-size: 1.125rem;
    padding: 0 0.5rem;
  }
  
  .breadcrumb-flags
    .detail-link-label
    span
    [data-breaking][data-breaking="true"] {
    color: #e60505;
    padding: 0;
  }
  
  .disclaimer-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
  }
  
  .disclaimer-container .question-mark {
    border: 1px solid #555;
    border-radius: 50%;
    color: #000;
    font-size: 0.7rem;
    font-weight: 300;
    height: 30px;
    width: 30px;
    z-index: 10;
  }
  
  .disclaimer-container .disclaimer {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    font-size: 0.8rem;
    margin: -2rem 1rem 0 0;
    padding: 0.4rem;
    position: relative;
    width: 56%;
  }
  
  .disclaimer-container .disclaimer:after,
  .disclaimer-container .disclaimer:before {
    border: solid transparent;
    content: " ";
    height: 0;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 55%;
    width: 0;
  }
  
  .disclaimer-container .disclaimer:after {
    border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0)
      #fff;
    border-width: 10px;
    margin-top: -10px;
  }
  
  .disclaimer-container .disclaimer:before {
    border-color: transparent transparent transparent #000;
    border-width: 10px;
    margin-top: -10px;
  }
  
  .disclaimer-container .disclaimer[data-status="true"] {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .disclaimer-container .disclaimer[data-status="false"] {
    display: none;
  }
  
  .contentFeedback-RoTQP {
    clear: both;
    margin-top: 2.5rem;
    padding: 1rem 0;
  }
  
  .contentFeedback-RoTQP back-zFPSt,
  .contentFeedback-RoTQP .journalistLink-WCERZ,
  .contentFeedback-RoTQP .reportIssue-xC8cZ,
  .contentFeedback-RoTQP .trustProjectLink-QxM0q {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-style: italic;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .contentFeedback-RoTQP back-zFPSt:focus,
  .contentFeedback-RoTQP back-zFPSt:hover,
  .contentFeedback-RoTQP .journalistLink-WCERZ:focus,
  .contentFeedback-RoTQP .journalistLink-WCERZ:hover,
  .contentFeedback-RoTQP .reportIssue-xC8cZ:focus,
  .contentFeedback-RoTQP .reportIssue-xC8cZ:hover,
  .contentFeedback-RoTQP .trustProjectLink-QxM0q:focus,
  .contentFeedback-RoTQP .trustProjectLink-QxM0q:hover {
    background-color: #d8d8d8;
  }
  
  .contentFeedback-RoTQP back-zFPSt,
  .contentFeedback-RoTQP .reportIssue-xC8cZ {
    border: none;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0;
  }
  
  .contentFeedback-RoTQP back-zFPSt .icon .chevronIcon,
  .contentFeedback-RoTQP .reportIssue-xC8cZ .icon .chevronIcon {
    fill: #0550c8;
    background: transparent;
    margin-left: 0.4rem;
  }
  
  .contentFeedback-RoTQP .separator-NZujE {
    color: #cbcbcb;
    display: inline-block;
    margin: 0 0.5rem;
  }
  
  .contentFeedback-RoTQP .bottomSeparator-FdM_L {
    margin-bottom: 1rem;
  }
  
  .taggedStories-_5t90 {
    width: 100%;
  }
  
  .taggedStories-_5t90 .contentList .contentListCards .card .headline {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
  }
  
  .taggedStories-_5t90 .contentList .contentListCards .card:focus,
  .taggedStories-_5t90 .contentList .contentListCards .card:hover {
    box-shadow: none;
  }
  
  .taggedStories-_5t90 .contentList .contentListCards .card:focus .headline-i0EXn,
  .taggedStories-_5t90
    .contentList
    .contentListCards
    .card:hover
    .headline-i0EXn {
    text-decoration: underline;
  }
  
  ul.breadcrumbs {
    list-style: none;
    padding-left: 0;
  }
  
  ul.breadcrumbs li {
    display: inline-block;
    padding: 8px 32px 8px 0;
    position: relative;
  }
  
  ul.breadcrumbs li a {
    color: #757575;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
  }
  
  ul.breadcrumbs li:after {
    color: #757575;
    content: "›";
    font-size: 1.5rem;
    font-weight: 300;
    position: absolute;
    right: 10px;
    top: 2px;
  }
  
  ul.breadcrumbs li:last-child:after {
    content: "";
  }
  
  .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin: 0 auto;
    min-height: 48px;
  }
  
  .globalHeader .landingNav .landingWrapper {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px;
  }
  
  .globalHeader .landingNav .subNavList {
    align-items: center;
    flex-wrap: nowrap;
    height: 48px;
    margin: 0;
    position: relative;
    white-space: nowrap;
  }
  
  .globalHeader .landingNav .subNavList .subNavListItem {
    margin: 0;
    padding: 0 1.5rem;
    white-space: nowrap;
    width: auto;
  }
  
  .globalHeader .landingNav .subNavList .subNavListItem.gemWrapper {
    padding-left: 0;
  }
  
  .olympicsSection .globalHeader .landingNav {
    border-top: unset;
  }
  
  @media (max-width: 640px) {
    .landingNav .subNavList .subNavListItem {
      padding: 0 0.8rem;
    }
  }
  
  .globalHeader.olympics-winterHeader .landingNav,
  .globalHeader.sportsHeader .landingNav {
    background-color: #000;
    position: relative;
    z-index: 1000;
  }
  
  .globalHeader.olympics-winterHeader .landingNav a.subNavLink:focus,
  .globalHeader.olympics-winterHeader .landingNav button.moreButton:focus,
  .globalHeader.sportsHeader .landingNav a.subNavLink:focus,
  .globalHeader.sportsHeader .landingNav button.moreButton:focus {
    outline-color: #fff;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .gemSectionLink .navLink,
  .globalHeader.sportsHeader .landingNav .gemSectionLink .navLink {
    color: #fff;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .subNavList,
  .globalHeader.sportsHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .subNavList .navLink,
  .globalHeader.olympics-winterHeader .landingNav .subNavList .navLink:hover,
  .globalHeader.sportsHeader .landingNav .subNavList .navLink,
  .globalHeader.sportsHeader .landingNav .subNavList .navLink:hover {
    color: #fff;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .subNavList .navLink.selected,
  .globalHeader.sportsHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreNavListItem,
  .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .moreNavListItem:last-child {
    border-bottom-color: #000;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink,
  .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected {
    background-color: #000;
    color: #fff;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected:focus,
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected:hover,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected:focus,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink.selected:hover {
    color: #fff;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink:focus,
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink:hover,
  .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink:focus,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .navLink.moreNavLink:hover {
    color: #222;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreButton,
  .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .moreButton
    .chevronIcon,
  .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #222;
    border: none;
  }
  
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .globalHeader.olympics-winterHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .globalHeader.sportsHeader
    .landingNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #222;
    background: #fff;
    border: none;
  }
  
  .globalHeader.olympics-winterHeader .landingNav .moreItemsNav.open .moreButton,
  .globalHeader.sportsHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid;
    border-color: #000 #000 #fff;
    color: #000;
  }
  
  .sportsTheme .externalHeader .landingNav {
    background-color: #000;
  }
  
  .sportsTheme .externalHeader .landingNav .subNavList {
    background: transparent;
  }
  
  .sportsTheme .externalHeader .landingNav .subNavList .navLink {
    color: #fff;
  }
  
  .landingNav .subNavList .navLink {
    outline: 3px solid transparent;
  }
  
  .externalProfileButtonWrapper.hideProfileButton {
    visibility: hidden;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper {
    display: flex;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper .profileButtonNav {
    fill: #545454;
    stroke: #545454;
    background-color: transparent;
    border: none;
    color: #545454;
    cursor: pointer;
    padding: 12px 16px;
    text-decoration: none;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper
    .profileButtonNav
    .profilePic {
    display: inline-block;
    height: 15px;
    margin-right: 0.4375rem;
    width: 15px;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper
    .profileButtonNav
    .profilePic.hasNotifications:after {
    background-color: #e60505;
    border: 0.0625rem solid #fff;
    border-radius: 0.3125rem;
    bottom: -0.125rem;
    content: "";
    display: inline-block;
    height: 5px;
    left: 0.875rem;
    position: absolute;
    width: 5px;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper
    .profileButtonNav
    .profilePic.profileInitials {
    background-color: #000;
    border-radius: 0.625rem;
    bottom: 2px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 0.625rem;
    font-weight: 500;
    height: 20px;
    line-height: 1.25rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 20px;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper
    .profileButtonNav
    .profilePic.profileImage {
    background-size: 100%;
    border-radius: 0.625rem;
    bottom: -0.3125rem;
    height: 20px;
    position: relative;
    width: 20px;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper
    .profileButtonNav
    .profileImageErrorCheck {
    height: 0;
    width: 0;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper
    .profileButtonNav
    .profileText {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
  }
  
  @media only screen and (max-width: 600px) {
    .externalProfileButtonWrapper.profileButtonWrapper
      .profileButtonNav
      .profileText {
      height: 1px;
      left: -10000px;
      overflow: hidden;
      position: absolute;
      top: auto;
      width: 1px;
    }
  
    .externalProfileButtonWrapper.profileButtonWrapper
      .profileButtonNav
      .icon
      .profileIcon {
      margin-right: 0;
    }
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper .profileButtonNav .icon {
    bottom: -0.125rem;
    position: relative;
  }
  
  .externalProfileButtonWrapper.profileButtonWrapper .profileButtonNav:hover {
    fill: #e60505;
    stroke: #e60505;
    color: #e60505;
  }
  
  .hideProfileButton {
    visibility: hidden;
  }
  
  .profileButtonWrapper {
    display: flex;
  }
  
  .profileButtonWrapper .profileButtonNav {
    fill: #545454;
    stroke: #545454;
    background-color: transparent;
    border: none;
    color: #545454;
    cursor: pointer;
    padding: 12px 16px;
    text-decoration: none;
  }
  
  .profileButtonWrapper .profileButtonNav .profilePic {
    display: inline-block;
    height: 15px;
    margin-right: 0.4375rem;
    width: 15px;
  }
  
  .profileButtonWrapper .profileButtonNav .profilePic.hasNotifications:after {
    background-color: #e60505;
    border: 0.0625rem solid #fff;
    border-radius: 0.3125rem;
    bottom: -0.125rem;
    content: "";
    display: inline-block;
    height: 5px;
    left: 0.875rem;
    position: absolute;
    width: 5px;
  }
  
  .profileButtonWrapper .profileButtonNav .profilePic.profileInitials {
    background-color: #000;
    border-radius: 0.625rem;
    bottom: 2px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 0.625rem;
    font-weight: 500;
    height: 20px;
    line-height: 1.25rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 20px;
  }
  
  .profileButtonWrapper .profileButtonNav .profilePic.profileImage {
    background-size: 100%;
    border-radius: 0.625rem;
    bottom: -0.3125rem;
    height: 20px;
    position: relative;
    width: 20px;
  }
  
  .profileButtonWrapper .profileButtonNav .profileImageErrorCheck {
    height: 0;
    width: 0;
  }
  
  .profileButtonWrapper .profileButtonNav .profileText {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
  }
  
  @media only screen and (max-width: 600px) {
    .profileButtonWrapper .profileButtonNav .profileText {
      height: 1px;
      left: -10000px;
      overflow: hidden;
      position: absolute;
      top: auto;
      width: 1px;
    }
  
    .profileButtonWrapper .profileButtonNav .icon .profileIcon {
      margin-right: 0;
    }
  }
  
  .profileButtonWrapper .profileButtonNav .icon {
    bottom: -0.125rem;
    position: relative;
  }
  
  .profileButtonWrapper .profileButtonNav:hover {
    fill: #e60505;
    stroke: #e60505;
    color: #e60505;
  }
  
  .globalEventNav .globalEventResponsiveNav {
    background: #fff;
    border-top: 1px solid #eaeaea;
  }
  
  .globalEventNav .globalEventResponsiveNav-nav {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .responsiveNav.allHidden
    .subNavListItem.moreNavTrigger {
    z-index: 1010;
  }
  
  .globalEventNav .globalEventResponsiveNav-nav .subNavList {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    min-height: 48px;
    position: relative;
  }
  
  .globalEventNav .globalEventResponsiveNav-nav .subNavList .gemWrapper-link {
    color: #e60505;
    display: block;
    font-family: Stag Medium, Trebuchet;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 11px 16px 11px 0;
    text-decoration: none;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .gemWrapper-link:hover {
    text-decoration: underline;
  }
  
  .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem {
    padding: 0;
    width: auto;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .subNavListItem
    .moreItemsNav
    .moreButton,
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .subNavListItem
    .subNavLink {
    color: #000;
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 13px 16px;
    text-decoration: none;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .subNavListItem
    .subNavLink:hover {
    text-decoration: underline;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .subNavListItem
    .moreItemsNav {
    border: 1px solid transparent;
    margin-left: 8px;
    width: 67px;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .subNavListItem
    .moreItemsNav:not(.open) {
    align-items: center;
    border-color: #000;
    display: flex;
    height: 2rem;
  }
  
  .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .subNavListItem
    .moreItemsNav
    .moreButton {
    border: none;
    height: auto;
    transform: translateX(-10px);
  }
  
  .viewportSmall
    .homepageHeader
    .globalEventNav
    .globalEventResponsiveNav-nav
    .subNavList
    .gemWrapper-link {
    padding-left: 0.5rem;
  }
  
  .globalHeader {
    background: #fff;
    color: #fff;
    width: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    
  }
  
  .globalHeader .toggleMenu {
    border: none;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
  }
  
  .globalHeader .toggleMenu .icon {
    float: right;
  }
  
  .globalHeader .menuNavWrapper {
    background-color: #fff;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 80rem;
    overflow: visible;
    padding-left: 16px;
    position: relative;
  }
  
  .globalHeader .logo,
  .globalHeader .menuNavWrapper {
    align-items: center;
    display: flex;
    height: 48px;
    padding-right: 16px;
  }
  
  .globalHeader .logo {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
    z-index: 1;
  }
  
  .globalHeader .logo .logoIcon {
    display: block;
    margin-left: 16px;
  }
  
  .globalHeader .menuClose {
    display: none;
  }
  
  .globalHeader .gemSectionLink {
    margin: 0;
    padding: 0 1rem;
    vertical-align: baseline;
    white-space: nowrap;
  }
  
  .globalHeader .gemSectionLink .icon {
    display: none;
  }
  
  .globalHeader .gemSectionLink .icon .logoIcon {
    margin-left: 0;
  }
  
  .globalHeader .gemSectionLink .icon .logoIcon.logoMyCbc {
    margin-top: 3px;
  }
  
  .globalHeader .gemSectionLink .navLink {
    font-family: Stag Medium, Trebuchet;
    font-size: 1.75rem;
    font-weight: 300;
  }
  
  .globalHeader .gemSectionLink .navLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader .gemSectionLink .navLink .icon {
    align-items: center;
    display: flex;
    justify-content: center;
    outline: inherit;
  }
  
  @media only screen and (max-width: 400px) {
    .globalHeader .gemSectionLink .region-british-columbia .icon svg,
    .globalHeader .gemSectionLink .region-new-brunswick .icon svg,
    .globalHeader .gemSectionLink .region-saskatchewan .icon svg {
      width: 190px;
    }
  }
  
  .globalHeader .collapsible .navSection,
  .globalHeader .collapsible .navSection:active,
  .globalHeader .collapsible .navSection:link,
  .globalHeader .collapsible .navSection:visited,
  .globalHeader .navLink,
  .globalHeader .navLink:active,
  .globalHeader .navLink:link,
  .globalHeader .navLink:visited {
    color: #000;
    cursor: pointer;
    text-decoration: none;
  }
  
  .globalHeader .collapsible .navSection:focus,
  .globalHeader .collapsible .navSection:hover,
  .globalHeader .navLink:focus,
  .globalHeader .navLink:hover {
    color: #e60505;
    text-decoration: underline;
  }
  
  .globalHeader .collapsible .navSection:focus .icon .chevronIcon,
  .globalHeader .collapsible .navSection:hover .icon .chevronIcon,
  .globalHeader .navLink:focus .icon .chevronIcon,
  .globalHeader .navLink:hover .icon .chevronIcon {
    fill: #e60505;
  }
  
  .globalHeader .sideMenu {
    align-self: center;
    display: flex;
    margin-left: auto;
    min-width: 3rem;
    text-align: center;
  }
  
  .globalHeader .sideMenu .navLink {
    align-self: center;
    color: #000;
    display: inline-block;
    padding: 12px 16px;
  }
  
  .globalHeader .sideMenu .search {
    fill: #545454;
    border: 0;
    color: #545454;
    text-decoration: none;
  }
  
  .globalHeader .sideMenu .search .headerSearch,
  .globalHeader .sideMenu .search .searchIcon {
    transform: scale(1);
    transition: transform 0.4s ease-out;
  }
  
  .globalHeader .sideMenu .search .removeIcon {
    bottom: -2px;
    position: relative;
  }
  
  .globalHeader .sideMenu .search .searchText {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
    margin-left: 6px;
    margin-right: 10px;
  }
  
  .globalHeader .sideMenu .search:hover {
    fill: #e60505;
    color: #e60505;
  }
  
  @media only screen and (max-width: 600px) {
    .globalHeader .sideMenu .search .searchText {
      display: none;
    }
  }
  
  .globalHeader .menuButton {
    align-self: center;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: #e60505;
    -ms-flex-basis: 1;
    font-size: 1rem;
    font-weight: 700;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 100;
  }
  
  .globalHeader .menuButton .chevronIcon {
    margin-left: 5px;
    padding: 3px;
  }
  
  .globalHeader .menuButton .chevronIcon g {
    transform: translateY(1px);
  }
  
  .globalHeader .menuButton:focus,
  .globalHeader .menuButton:hover {
    color: #000;
  }
  
  .globalHeader .menuButton:focus .chevronIcon,
  .globalHeader .menuButton:hover .chevronIcon {
    fill: #fff;
    background-color: #e60505;
  }
  
  .globalHeader .menuButton:before {
    border-left: 1px solid #e60505;
    content: "";
    height: 1.375rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
  
  .globalHeader .menuButton.commonwealthButton {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: none;
  }
  
  .globalHeader .menuButton.commonwealthButton:focus,
  .globalHeader .menuButton.commonwealthButton:hover {
    color: #e60505;
    text-decoration: underline;
  }
  
  @media only screen and (max-width: 600px) and (min-width: 370px) {
    .globalHeader .menuNavWrapper {
      padding-left: 10px;
      padding-right: 0;
    }
  
    .globalHeader .menuNavWrapper .logo {
      padding-right: 10px;
    }
  
    .globalHeader .menuNavWrapper .menuButton {
      padding: 12px 10px;
    }
  
    .globalHeader .menuNavWrapper .menuButton .chevronIcon {
      margin-left: 2px;
    }
  
    .globalHeader .menuNavWrapper .menuButton.commonwealthButton {
      padding: 12px 10px;
    }
  
    .globalHeader .menuNavWrapper .profileButtonWrapper button,
    .globalHeader .menuNavWrapper .sideMenu .navLink {
      padding-left: 14px;
      padding-right: 15px;
    }
  }
  
  @media only screen and (max-width: 371px) {
    .globalHeader .menuButton.commonwealthButton {
      display: none;
    }
  }
  
  .globalHeader .navSection {
    color: #545454;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .globalHeader.open {
    background: hsla(0, 0%, 92%, 0.8);
    height: 100%;
    left: 50%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
  }
  
  .globalHeader.open .headerSearchBar,
  .globalHeader.open .landingNav,
  .globalHeader.open .profileButtonWrapper {
    display: none;
  }
  
  .globalHeader.open .toggleMenu {
    pointer-events: auto;
  }
  
  .globalHeader.open .menuNavWrapper {
    align-items: flex-start;
    display: flex;
    height: auto;
  }
  
  .globalHeader.open .sideMenu .navLink {
    border-color: #fff;
    display: none;
  }
  
  .globalHeader.open .menuButton:after {
    transform: rotate(-90deg);
  }
  
  .globalHeader.open .menuClose {
    background: transparent;
    border: none;
    display: block;
    padding: 0;
    position: absolute;
    right: 0.5rem;
  }
  
  .globalHeader.open .menuClose .icon {
    display: flex;
  }
  
  .globalHeader.open .menuClose .icon .closeIcon {
    background: #e60505;
  }
  
  .globalHeader .primaryNav .menuNav .hasSubsection .subNavListItem {
    line-height: 1.2rem;
    margin: 0.5rem 0;
  }
  
  .globalHeader .navItem .navLink:focus,
  .globalHeader .navItem .navLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader .navItem .navLink.selected {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 5px;
  }
  
  .globalHeader .navItem .navLink.selected:hover {
    text-decoration: none;
  }
  
  .globalHeader .subNavList {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0;
  }
  
  .globalHeader .subNavList:after {
    content: "";
    flex: auto;
    padding: 0 1rem;
    width: 21%;
  }
  
  .globalHeader .subNavList .subNavListItem {
    flex: 0 0 auto;
    list-style-type: none;
    padding: 0 1rem;
    width: 21%;
  }
  
  .globalHeader .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none;
  }
  
  .globalHeader .subNavList.collapsed {
    display: none;
  }
  
  .globalHeader.viewportSmall .subNavList:after,
  .globalHeader.viewportSmall .subNavListItem {
    width: 40%;
  }
  
  .globalHeader .moreItemsNav {
    text-align: right;
  }
  
  .globalHeader .moreItemsNav .moreItemsList {
    clear: both;
    display: none;
    height: 90%;
    margin-top: -1px;
    min-width: 15rem;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 1000;
  }
  
  .globalHeader .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: 0.7rem;
  }
  
  .globalHeader .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, 0.15), 0 -5px 3px -10px #fff;
  }
  
  .globalHeader .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none;
  }
  
  .globalHeader .moreItemsNav .moreNavListItem .moreNavLink:focus,
  .globalHeader .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb;
  }
  
  .globalHeader .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.2rem 0 0.3rem;
    white-space: nowrap;
  }
  
  .globalHeader .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none;
  }
  
  .globalHeader .moreItemsNav .moreButton:focus .chevronIcon,
  .globalHeader .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none;
  }
  
  .globalHeader .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute;
  }
  
  .globalHeader .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000;
  }
  
  .globalHeader .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000;
  }
  
  .globalHeader .responsiveNav {
    position: relative;
  }
  
  .globalHeader .responsiveNav .moreItemsNav {
    text-align: right;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreItemsList {
    clear: both;
    display: none;
    height: 90%;
    margin-top: -1px;
    min-width: 15rem;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 1000;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: 0.7rem;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, 0.15), 0 -5px 3px -10px #fff;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus,
  .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader
    .responsiveNav
    .moreItemsNav
    .moreNavListItem
    .moreNavLink.selected {
    background-color: #cbcbcb;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.2rem 0 0.3rem;
    white-space: nowrap;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none;
  }
  
  .globalHeader .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon,
  .globalHeader .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none;
  }
  
  .globalHeader .responsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute;
  }
  
  .globalHeader .responsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000;
  }
  
  .globalHeader .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000;
  }
  
  .globalHeader .responsiveNav .subNavListItem {
    position: static;
    white-space: nowrap;
  }
  
  .globalHeader .responsiveNav .subNavListItem.hidden {
    position: absolute;
    visibility: hidden;
  }
  
  .globalHeader .responsiveNav .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden;
  }
  
  .viewportSmall .globalHeader .responsiveNav .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem;
  }
  
  .viewportSmall
    .globalHeader
    .responsiveNav
    .subNavListItem.moreNavTrigger
    .moreButton {
    text-decoration: none;
  }
  
  .globalHeader .responsiveNav .subNavListItem.moreNavTrigger.active {
    visibility: visible;
  }
  
  .globalHeader .responsiveNav.allHidden .subNavListItem {
    visibility: hidden;
  }
  
  .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
    visibility: visible;
  }
  
  .scrollDown .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
    padding-left: 0.5rem;
  }
  
  .globalHeader .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    margin-right: 1rem;
    padding-left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: visible;
    z-index: 1000;
  }
  
  .globalHeader .responsiveNav .gemWrapper .gemSectionLink {
    padding: 0;
  }
  
  .globalHeader .responsiveNav.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0;
  }
  
  .globalHeader .responsiveNav.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem;
  }
  
  .globalHeader .responsiveNav.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none;
  }
  
  .globalHeader .responsiveNav.introNav .moreButton,
  .globalHeader .responsiveNav.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: 0.2rem 0.5rem;
    text-decoration: none;
  }
  
  .globalHeader .responsiveNav.introNav .moreButton.selected,
  .globalHeader .responsiveNav.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000;
  }
  
  .globalHeader .responsiveNav.introNav .moreButton:hover,
  .globalHeader .responsiveNav.introNav .subNavLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader .responsiveNav.introNav .moreItemsNav {
    height: 100%;
  }
  
  .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList {
    height: auto;
    min-width: 10rem;
  }
  
  .globalHeader
    .responsiveNav.introNav
    .moreItemsNav
    .moreItemsList
    .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: 0.2rem;
    text-decoration: none;
  }
  
  .globalHeader .responsiveNav.introNav .moreItemsNav .moreButton {
    height: 100%;
    padding: 1rem;
  }
  
  .globalHeader .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    padding: 0;
  }
  
  .viewportSmall
    .globalHeader
    .responsiveNav.introNav
    .subNavListItem.moreNavTrigger {
    height: 100%;
  }
  
  .globalHeader.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav {
    text-align: right;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav .moreItemsList {
    clear: both;
    display: none;
    height: 90%;
    margin-top: -1px;
    min-width: 15rem;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 1000;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: 0.7rem;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, 0.15), 0 -5px 3px -10px #fff;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav
    .moreNavListItem
    .moreNavLink {
    color: #000;
    text-decoration: none;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav
    .moreNavListItem
    .moreNavLink:focus,
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav
    .moreNavListItem
    .moreNavLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav
    .moreNavListItem
    .moreNavLink.selected {
    background-color: #cbcbcb;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.2rem 0 0.3rem;
    white-space: nowrap;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #fff;
    background: #222;
    border: none;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute;
  }
  
  .globalHeader .olympicsResponsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .moreItemsNav.open
    .moreButton
    .chevronIcon {
    border: 1px solid #000;
  }
  
  .globalHeader .olympicsResponsiveNav .bannerSection {
    background-color: #fff;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem {
    position: static;
    white-space: nowrap;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem .subNavLink {
    font-weight: 700;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem:first-child {
    padding-left: 0;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.hidden {
    position: absolute;
    visibility: hidden;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .subNavList
    .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden;
  }
  
  .viewportSmall
    .globalHeader
    .olympicsResponsiveNav
    .subNavList
    .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem;
  }
  
  .viewportSmall
    .globalHeader
    .olympicsResponsiveNav
    .subNavList
    .subNavListItem.moreNavTrigger
    .moreButton {
    text-decoration: none;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .subNavList
    .subNavListItem.moreNavTrigger.active {
    visibility: visible;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .subNavList
    .subNavListItem.moreNavTrigger
    .moreItemsList {
    right: unset;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList.allHidden .subNavListItem {
    visibility: hidden;
  }
  
  .globalHeader
    .olympicsResponsiveNav
    .subNavList.allHidden
    .subNavListItem.moreNavTrigger {
    margin-right: 1rem;
    padding-left: 0;
    position: absolute;
    right: unset;
    top: 50%;
    transform: translateY(-50%);
    visibility: visible;
    z-index: 1000;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav {
    align-items: center;
    display: flex;
    padding-left: 4rem;
    position: absolute;
    right: 0;
  }
  
  /* .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav > * {
    margin: 0 1.2rem;
  }
   */
  .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink,
  .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink {
    border-radius: 8px;
    color: #000;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 10px;
    padding: 4px 13px;
    text-decoration: none;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink:hover,
  .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink:focus,
  .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink:focus {
    outline: 2px dashed #fff;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink {
    background: #bcdcec;
  }
  
  .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink {
    background: #ffdc14;
  }
  
  .globalHeader.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0;
  }
  
  .globalHeader.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem;
  }
  
  .globalHeader.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none;
  }
  
  .globalHeader.introNav .moreButton,
  .globalHeader.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: 0.2rem 0.5rem;
    text-decoration: none;
  }
  
  .globalHeader.introNav .moreButton.selected,
  .globalHeader.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000;
  }
  
  .globalHeader.introNav .moreButton:hover,
  .globalHeader.introNav .subNavLink:hover {
    text-decoration: underline;
  }
  
  .globalHeader.introNav .moreItemsNav .moreItemsList {
    min-width: 10rem;
  }
  
  .globalHeader.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: 0.2rem;
    text-decoration: none;
  }
  
  .globalHeader.introNav .moreItemsNav .moreButton {
    height: auto;
    padding: 1rem;
  }
  
  .globalHeader.introNav .subNavListItem.moreNavTrigger {
    padding: 0;
  }
  
  .globalHeader.viewportSmall
    .olympicsResponsiveNav
    .moreItemsNav.open
    .moreItemsList {
    max-height: 500px;
  }
  
  .globalHeader.viewportSmall .olympicsResponsiveNav {
    margin-left: -4px;
    margin-right: -4px;
  }
  
  .globalHeader.viewportSmall
    .olympicsResponsiveNav
    .rightAlignNav
    .watchLiveLink,
  .globalHeader.viewportSmall
    .olympicsResponsiveNav
    .rightAlignNav
    .watchReplaysLink {
    font-size: 0.8rem;
    margin: 5px;
    padding: 4px 6px;
  }
  
  .globalHeader .menuNav {
    position: relative;
  }
  
  .globalHeader .menuNav .menuList {
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .globalHeader .menuNav .closeButton {
    display: none;
  }
  
  .globalHeader .menuNav .mainMenuItem {
    line-height: 2rem;
    padding-left: 2rem;
  }
  
  .globalHeader .menuNav .mainMenuItem.nav-more {
    background: #545454;
  }
  
  .globalHeader .menuNav .mainMenuItem.nav-more .navSection {
    display: none;
  }
  
  .globalHeader .menuNav .mainMenuItem.nav-more .navLink {
    color: #fff;
    outline-color: #fff;
  }
  
  .globalHeader .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio,
  .globalHeader .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv {
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .globalHeader .menuNav .mainMenuItem.hasSubsection {
    border-bottom: 1px solid #cbcbcb;
    min-height: 2rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  
  .globalHeader .menuNav .mainMenuItem.hasSubsection:last-child {
    border: none;
  }
  
  .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList {
    margin-left: -1rem;
  }
  
  .globalHeader
    .menuNav
    .mainMenuItem.hasSubsection
    .subNavList
    .subNavLink.selected {
    color: #e60505;
    cursor: auto;
  }
  
  .globalHeader
    .menuNav
    .mainMenuItem.hasSubsection
    .subNavList
    .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions {
    display: flex;
    flex-flow: row wrap;
  }
  
  .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
    margin-right: 2rem;
  }
  
  .globalHeader .menuNav .navLink,
  .globalHeader .menuNav .topics .subNavLink {
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .globalHeader .menuNav.open {
    border-top: 1px solid #cbcbcb;
    display: flex;
    outline: none;
    width: 100%;
  }
  
  .globalHeader .menuNav.open .menuSidebar {
    display: block;
  }
  
  .globalHeader .menuNav.open .menuList {
    border-top: none;
    display: block;
  }
  
  .globalHeader .menuNav.open .closeButton {
    background-color: #e60505;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
  
  .globalHeader .menuNav.open .closeButton:focus,
  .globalHeader .menuNav.open .closeButton:hover {
    background-color: #fff;
    border: 1px solid #e60505;
    color: #e60505;
  }
  
  .globalHeader .menuNav .menuSidebar {
    background: #545454;
    display: none;
    width: 125px;
  }
  
  .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    background-color: #727272;
    color: #fff;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
  }
  
  .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%;
  }
  
  .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    margin: 0.7rem 0.5rem;
    padding: 0.3rem 0.5rem;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink:focus,
  .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink:hover {
    outline: 3px solid #fff;
  }
  
  .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink.selected {
    background: #fff;
    color: #e60505;
    cursor: auto;
    font-weight: 700;
    text-decoration: none;
  }
  
  .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .viewportSmall .globalHeader .menuNav .menuSidebar,
  .viewportMedium .globalHeader .menuNav .menuSidebar {
    width: auto;
  }
  
  .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton,
  .viewportSmall .globalHeader .menuNav .menuSidebar .menuSidebarHeading,
  .viewportMedium .globalHeader .menuNav .menuSidebar .closeButton,
  .viewportMedium .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    text-align: left;
  }
  
  .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton,
  .viewportMedium .globalHeader .menuNav .menuSidebar .closeButton {
    display: none;
  }
  
  .viewportSmall .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem,
  .viewportMedium
    .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem {
    padding: 0 0.5rem;
    width: 40%;
  }
  
  .viewportSmall
    .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink,
  .viewportMedium
    .globalHeader
    .menuNav
    .menuSidebar
    .subNavList
    .subNavListItem
    .subNavLink {
    margin: 0.5rem;
  }
  
  .globalHeader.viewportMedium .menuNav.open,
  .globalHeader.viewportSmall .menuNav.open {
    flex-flow: column wrap;
  }
  
  .globalHeader.viewportLarge .menuNav.open .menuList.subNavList,
  .globalHeader.viewportXLarge .menuNav.open .menuList.subNavList {
    display: block;
  }
  
  .globalHeader.externalHeader {
    position: static;
  }
  
  .globalHeader.externalHeader .externalNav {
    flex: 2 1 auto;
    margin: 0 1rem;
  }
  
  .globalHeader.externalHeader .externalNav .externalSubNav {
    margin: 0;
  }
  
  .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
    padding: 0 12px;
    width: auto;
  }
  
  .globalHeader.externalHeader
    .externalNav
    .externalSubNav
    .subNavListItem
    .subNavLink {
    font-size: 16px;
    text-transform: uppercase;
  }
  
  @media (max-width: 640px) {
    .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
      display: none;
    }
  
    .globalHeader.externalHeader
      .externalNav
      .externalSubNav
      .subNavListItem:last-child {
      display: block;
    }
  }
  
  .globalHeader .regionalNav .gemSectionLink {
    padding-left: 0;
  }
  
  .globalHeader .regionalNav .gemSectionLink .navLink {
    font-size: 1.3rem;
  }
  
  .globalHeader
    .regionalNav
    .gemSectionLink
    .navLink.region-newfoundland-labrador,
  .globalHeader
    .regionalNav
    .gemSectionLink
    .navLink.region-prince-edward-island {
    font-size: 0.97rem;
  }
  
  .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper {
    padding-left: 1rem;
  }
  
  .globalHeader.scrollDown
    .allHidden
    .subNavListItem.gemWrapper
    .navLink.region-newfoundland-labrador,
  .globalHeader.scrollDown
    .allHidden
    .subNavListItem.gemWrapper
    .navLink.region-prince-edward-island {
    font-size: 0.83rem;
  }
  
  .globalHeader.viewportLarge .regionalNav .gemSectionLink .navLink,
  .globalHeader.viewportMedium .regionalNav .gemSectionLink .navLink,
  .globalHeader.viewportXLarge .regionalNav .gemSectionLink .navLink {
    font-size: 1.75rem;
  }
  
  .globalHeader .tertiaryNav {
    position: relative;
  }
  
  .globalHeader .tertiaryNav .tertiaryNavWrapper {
    margin: 0 auto;
    max-width: 80rem;
    padding: 0.5rem 0;
  }
  
  .globalHeader .tertiaryNav .subNavList {
    display: block;
    margin: 0;
    max-height: 100%;
    position: relative;
    white-space: nowrap;
  }
  
  .globalHeader .tertiaryNav .subNavList .subNavListItem {
    display: inline-block;
    margin: 0;
    padding: 0 1.5rem;
    text-align: center;
    white-space: nowrap;
    width: auto;
  }
  
  .globalHeader .tertiaryNav .subNavList .subNavListItem .firstItem {
    padding: 0.2rem 0.5rem;
    text-transform: uppercase;
  }
  
  .globalHeader .tertiaryNav .subNavList .subNavListItem:nth-child(2) {
    border-left: 1px solid #8c8c8c;
    line-height: 32px;
  }
  
  .globalHeader .tertiaryNav .subNavList .subNavListItem .subNavLink.selected {
    background-color: #fff;
    color: #000;
  }
  
  .globalHeader .tertiaryNav .subNavList .subNavListItem.moreNavTrigger {
    left: 0;
    padding-top: 0;
    right: auto;
  }
  
  .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  
  .globalHeader
    .tertiaryNav
    .responsiveNav
    .moreItemsNav
    .moreButton
    .chevronIcon {
    fill: #fff;
    background: #545454;
    border: none;
  }
  
  .globalHeader
    .tertiaryNav
    .responsiveNav
    .moreItemsNav
    .moreButton:focus
    .chevronIcon,
  .globalHeader
    .tertiaryNav
    .responsiveNav
    .moreItemsNav
    .moreButton:hover
    .chevronIcon {
    fill: #545454;
    background: #fff;
    border: none;
  }
  
  .globalHeader
    .tertiaryNav
    .responsiveNav.allHidden
    .subNavListItem.moreNavTrigger {
    float: none;
    margin-left: 1rem;
  }
  
  .globalHeader
    .tertiaryNav
    .responsiveNav.allHidden
    .moreItemsNav
    .moreItemsList {
    left: 0;
    right: auto;
  }
  
  .globalHeader .regionsListWrapper {
    background-color: #fff;
    color: #000;
  }
  
  .globalHeader .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0;
  }
  
  .globalHeader .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: 0.5rem;
    text-transform: uppercase;
  }
  
  .globalHeader .regionsListWrapper .regionNameWrapper {
    display: inline-block;
  }
  
  .globalHeader .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0.5rem 1rem 0 0;
  }
  
  .globalHeader .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0.2rem 0.5rem;
  }
  
  .globalHeader .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none;
  }
  
  .globalHeader .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8;
  }
  
  .globalHeader .regionsListWrapper .regionItemLabel {
    cursor: pointer;
  }
  
  .globalHeader .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: 0.9rem;
  }
  
  .globalHeader .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: 0.9rem;
    margin-right: 0.5rem;
  }
  
  .globalHeader .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem;
  }
  
  .globalHeader .regionsListWrapper .regionRadioButton {
    margin-right: 0.3rem;
  }
  
  .globalHeader .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none;
  }
  
  .globalHeader .regionsListWrapper .regionLink .icon {
    padding-left: 6px;
  }
  
  .globalHeader .regionsListWrapper .regionLink:focus,
  .globalHeader .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8;
  }
  
  .globalHeader .regionsListWrapper .regionLink:focus .chevronIcon,
  .globalHeader .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454;
  }
  
  .globalHeader .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: 0.5rem;
    width: 100%;
  }
  
  .globalHeader .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto;
  }
  
  .globalHeader .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle;
  }
  
  .globalHeader .regionsListWrapper.openRegion .regionFormIntro {
    display: block;
  }
  
  .globalHeader .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg);
  }
  
  .globalHeader .regionsListWrapper.standAlone {
    background: #f4f4f4;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: 0.85rem;
    line-height: 1.5rem;
    padding: 1rem 0.5rem 0;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: 0.5rem 0;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionForm {
    background: #fff;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionFormIntro {
    padding: 0.5rem;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
  }
  
  .globalHeader .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: 0.8rem;
    margin: 0 0.5rem 0.3rem 0;
  }
  
  .globalHeader .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: 0.5rem 0.5rem 0 0;
  }
  
  .globalHeader .regionsListWrapper.standAlone .currentRegion,
  .globalHeader .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap;
  }
  
  .globalHeader .regionsListWrapper.standAlone .currentRegion:before,
  .globalHeader .regionsListWrapper.standAlone .regionButton:before {
    display: none;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding: 0.3rem;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionButton:focus,
  .globalHeader .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none;
  }
  
  .globalHeader .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none;
  }
  
  .globalHeader .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700;
  }
  
  .globalHeader .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454;
  }
  
  .globalHeader .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem;
  }
  
  .globalHeader .regionsListWrapper.standAlone.openRegion .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    color: #e60505;
    margin-bottom: -2px;
    padding: 0.5rem;
  }
  
  .globalHeader .player-base-category-nav {
    background-color: #000;
    height: 45px;
  }
  
  .globalHeader .player-base-category-nav > .inner {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 10px 16px;
  }
  
  .globalHeader .player-base-category-nav > .inner > .base-category-title {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .globalHeader .player-base-category-nav > .inner > select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #585858;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"292.4"%20height%3D"292.4"><path%20fill%3D"%23cbcbcb"%20d%3D"M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z"%2F><%2Fsvg>');
    background-position: right 0.7em top 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 0.65em auto, 100%;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 25px;
    line-height: 1.3;
    margin: 0 0 0 24px;
    padding-left: 10px;
    width: 168px;
  }
  
  .globalHeader .player-base-category-nav > .inner > select::-ms-expand {
    display: none;
  }
  
  .globalHeader .player-base-category-nav > .inner > select:hover {
    border-color: #888;
  }
  
  .globalHeader .player-base-category-nav > .inner > select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #fff;
    outline: none;
  }
  
  .globalHeader .player-base-category-nav > .inner > select option {
    font-weight: 400;
  }
  
  .globalHeader .plusNav {
    background: #1720f9;
  }
  
  .globalHeader .plusNav-nav {
    margin: 0 auto;
    max-width: 80rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper .navLabel {
    font-size: 0.875rem;
    font-weight: 700;
  }
  
  .globalHeader .plusNav-nav .navWrapper .logo {
    flex: 0 0 0;
  }
  
  .globalHeader .plusNav-nav .navWrapper .logo .logoIcon {
    margin-left: 0;
  }
  
  .globalHeader .plusNav-nav .navWrapper .logo a {
    color: #fff;
    text-decoration: none;
  }
  
  .globalHeader .plusNav-nav .navWrapper .date {
    flex: auto;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings {
    flex: 0 0 0;
    margin-right: -0.5rem;
    padding: 0.5rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
    border-radius: 1.25rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings .linkLabel {
    margin-left: 0.5rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings a {
    align-items: center;
    color: #fff;
    display: flex;
    text-decoration: none;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings a svg {
    fill: #fff;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings a .settingsIcon {
    margin: 0;
  }
  
  .globalHeader .plusNav-nav .navWrapper .settings a .icon {
    align-items: center;
    display: flex;
  }
  
  .globalHeader .plusNav-nav .navWrapper back {
    flex: 0 0 0;
    margin-right: -0.5rem;
    padding: 0.5rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper back:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
    border-radius: 1.25rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper back .linkLabel {
    margin-left: 0.5rem;
  }
  
  .globalHeader .plusNav-nav .navWrapper back backNavButton {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff;
    display: flex;
  }
  
  .globalHeader .plusNav-nav .navWrapper back backNavButton .icon {
    display: flex;
  }
  
  .globalHeader .plusNav-nav .navWrapper .navItem {
    list-style-type: none;
  }
  
  .viewportMedium .open .menuClose,
  .viewportSmall .open .menuClose {
    right: 20px;
    top: 52px;
  }
  
  .viewportLarge .regionsListWrapper.openRegion .regionsList,
  .viewportMedium .regionsListWrapper.openRegion .regionsList,
  .viewportXLarge .regionsListWrapper.openRegion .regionsList {
    height: 18rem;
  }
  
  .viewportLarge .open .menuClose,
  .viewportXLarge .open .menuClose {
    right: 20px;
    top: 58px;
  }
  
  .globalFooter {
    background-color: #fff;
  }
  
  .appContainer .globalFooter {
    margin-top: 48px;
  }
  
  .globalFooter .footerBody {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80rem;
  }
  
  .globalFooter .extendedFooter {
    background-color: #fff;
    color: #000;
    margin: 0 auto;
    max-width: 80rem;
  }
  
  .appContainer .globalFooter .extendedFooter {
    border-top: 1px solid #eaeaea;
  }
  
  .globalFooter .extendedFooter .footerColumn {
    align-self: baseline;
  }
  
  .globalFooter .basicFooter {
    background-color: #000;
    color: #fff;
  }
  
  .globalFooter .basicFooter .footerColumn {
    align-self: center;
  }
  
  .globalFooter .footerList {
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }
  
  .globalFooter .icon {
    margin-right: 0.3125rem;
  }
  
  .globalFooter .icon .emailIcon {
    height: 0.8125rem;
  }
  
  .globalFooter .footerColumn {
    flex: 1 1 130px;
    font-size: 0.85em;
    padding: 16px;
  }
  
  .globalFooter .footerLink {
    color: #0550c8;
    text-decoration: none;
  }
  
  .globalFooter .footerLink:focus,
  .globalFooter .footerLink:hover {
    text-decoration: underline;
  }
  
  .globalFooter .footerHeading {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.7em;
    margin-top: 0;
  }
  
  .globalFooter .footerItem {
    margin-bottom: 0.5rem;
  }
  
  .connect .globalFooter .footerItem {
    margin-bottom: 0.7rem;
  }
  
  .globalFooter .copyright,
  .globalFooter .extendedLogoLink,
  .globalFooter .radioCanada {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
  }
  
  .globalFooter .extendedLogo {
    flex: 1 1 230px;
    font-size: 1.3rem;
  }
  
  .globalFooter .extendedLogo .placeholder {
    background: none;
  }
  
  .globalFooter .extendedLogo img {
    position: relative;
    width: 220px;
  }
  
  .globalFooter .copyright {
    flex: 2 0 230px;
  }
  
  .globalFooter .radioCanada:focus,
  .globalFooter .radioCanada:hover {
    text-decoration: underline;
  }
  
  .globalFooter.externalFooter {
    height: 610px;
    overflow: auto;
  }
  
  .globalFooter .cbcWatch {
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none;
    transition: background-color 0.25s linear;
  }
  
  .globalFooter .cbcWatch:focus,
  .globalFooter .cbcWatch:hover {
    background-color: #d8d8d8;
    text-decoration: none;
  }
  
  .viewportLarge .globalFooter .radioCanada {
    text-align: right;
  }
  
  .viewportLarge .globalFooter .copyright {
    text-align: center;
  }
  
  .slider-b0Oy0 {
    background-color: #363636;
    display: flex;
    overflow: hidden;
  }
  
  .slider-b0Oy0 .carouselContainer-vZDfK {
    flex-grow: 1;
    width: 100%;
  }
  
  .landingSports-SxWyy .slider-b0Oy0 {
    margin-top: 1rem;
  }
  
  .sportsTheme .slider-b0Oy0 .section-sports-calgarystampede-P_Hm7 {
    background-color: #b4001d;
  }
  .landingNav {
    background-color: red !important;
  }
  

  
html {
    scroll-behavior: smooth
}

body {
    background-color: #fff;
    color: #333;
    font-family: var(--font-source-sans-pro),"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0
}

body svg {
    fill: inherit;
    color: inherit
}

body :focus {
    outline: 0
}

body :not(:defined) {
    display: none
}

body ul {
    margin-bottom: 10px;
    margin-top: 0
}

body a {
    text-decoration: none
}

body figure {
    margin: 0
}

body img {
    border: 0;
    vertical-align: middle
}

body h1,body h2,body h3 {
    margin-bottom: 10px;
    margin-top: 20px
}

body h1,body h2,body h3,body h4,body h5,body h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1
}

body h1 {
    font-size: 36px;
    margin: .67em 0
}

body h2 {
    font-size: 30px
}

body h3 {
    font-size: 24px
}

body h4 {
    font-size: 18px
}

body h5 {
    font-size: 14px
}

body h6 {
    font-size: 12px
}

body p {
    margin: 0 0 10px
}

body blockquote {
    border-left: 5px solid #eee;
    margin: 0 0 20px;
    padding: 10px 20px
}

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

body label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%
}

body input {
    line-height: normal
}

body input[type=checkbox],body input[type=radio] {
    box-sizing: border-box;
    line-height: normal;
    padding: 0
}

body button {
    overflow: visible
}

body button,body select {
    text-transform: inherit
}

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

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

body .admin__img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

body fieldset {
    border: none
}

body input[hidden=false],body textarea {
    border: none;
    display: block;
    min-height: 50px;
    outline: 0;
    padding: .375rem .75rem
}

@font-face {
    font-display: optional;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSansPro-Bold.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSansPro-Regular.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSansPro-SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: "Source Serif Pro";
    font-style: normal;
    font-weight: 900;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSerifPro-Black.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: "Source Serif Pro";
    font-style: italic;
    font-weight: 400;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSerifPro-Italic.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: "Source Serif Pro";
    font-style: normal;
    font-weight: 400;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSerifPro-Regular.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: "Source Serif Pro";
    font-style: normal;
    font-weight: 600;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSerifPro-SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: optional;
    font-family: "Source Serif Pro";
    font-style: italic;
    font-weight: 600;
    src: url(/bundles/appcamusassets/dist/fonts/SourceSerifPro-SemiBoldItalic.woff2) format("woff2")
}

:root {
    --font-source-sans-pro: Source Sans Pro;
    --font-source-serif-pro: Source Serif Pro;
    --color-milenio: #b10b1f;
    --color-primary: #b10b1f;
    --color-secondary: #f1f1f1;
    --color-accent: #d1d1d1;
    --color-base-light: #fff;
    --color-base-dark: #000;
    --color-background: #fff;
    --color-background-2: #ededed;
    --color-background-3: #f5f5f5;
    --color-urgent: #fde636
}

body {
    font-family: var(--font-source-sans-pro);
    font-weight: 400
}

/* * {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-overflow: inherit;
    text-transform: inherit;
    white-space: inherit
} */

b,strong {
    font-weight: 700
}

em,i {
    font-style: italic
}

a a:focus,a:hover {
    text-decoration: underline
}

a a:focus {
    outline: 0
}

body,html {
    height: 100%
}

@media (max-width: 968px) {
    body::-webkit-scrollbar,body::-webkit-scrollbar-button {
        display:none
    }
}

#root {
    min-height: 100vh
}

#root>* {
    max-width: 100vw
}

#root>header {
    order: 1
}

#root>main {
    display: grid;
    grid-template-columns: auto;
    justify-items: center;
    order: 2;
    position: relative
}

#root>main>.left,#root>main>.right {
    display: none;
    height: 100%;
    max-width: 16vw
}

#root>main>.left {
    order: 1
}

#root>main>.right {
    order: 3
}

#root>main>.content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    max-width: 100vw;
    order: 2;
    width: 100%
}

#root>footer {
    order: 3;
    overflow-x: hidden;
    position: sticky;
    top: 100%
}

@media (min-width: 1366px) {
    #root>main {
        gap:10px
    }

    #root>main>.left,#root>main>.right {
        display: block
    }

    #root>main:not(.wide) {
        grid-template-columns: auto 1fr auto
    }
}

@media (min-width: 968px) {
    #root>main.wide {
        grid-template-columns:100%;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width: 1440px) {
    #root>main>.left,#root>main>.right {
        max-width:20vw
    }
}

.card-group-vertical {
    display: flex;
    flex-direction: column
}

.card-group-vertical>:not(:only-child):not(.eo-free):not(:first-child) {
    border-top: 1px solid #e9e9e9;
    margin-top: 9.5px;
    padding-top: 9.5px
}

.card-group {
    display: flex;
    flex-wrap: nowrap
}

@media (max-width: 968px) {
    .card-group {
        flex-direction:column
    }

    .card-group>:not(:only-child):not(.eo-free):not(:first-child) {
        border-top: 2px solid var(--color-secondary,#000);
        margin-top: 9px;
        padding-top: 9px
    }
}

@media (min-width: 968px) {
    .card-group>:not(:only-child):not(.eo-free):not(:last-child) {
        border-right:2px solid var(--color-secondary,#000);
        margin-right: 9px;
        padding-right: 9px
    }
}

.content-board-wrapper,.content-note-wrapper {
    max-width: 375px;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 968px) {
    .content-board-wrapper,.content-note-wrapper {
        max-width:960px;
        padding: 0
    }
}

.page {
    max-width: 375px;
    width: 100%
}

@media (min-width: 968px) {
    .page {
        max-width:1204px
    }
}

header#main-header {
    position: sticky;
    top: 0;
    z-index: 10
}

header#main-header .header-userCircle {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    color: var(--color-primary,var(--color-milenio,#000));
    display: block;
    font-family: var(--font-source-sans-pro);
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    line-height: normal;
    outline: inherit;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 30px
}

.header-wrapper {
    display: flex;
    flex-direction: column
}

.navbar {
    align-items: center;
    background-color: var(--color-primary,var(--color-milenio,#000));
    display: flex;
    height: 65px;
    justify-content: space-between;
    order: 2;
    padding: 0 15px;
    position: relative;
    transition: height .2s linear;
    z-index: 4;
    color: #000;
}

.navbar>* {
    max-height: 70px
}

.navbar>*,.navbar>*>img {
    height: 100%
}

.navbar__name {
    clip: rect(0 0 0 0);
    border: 0;
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem
}

.navbar__logo {
    fill: var(--color-base-light,#fff);
    align-items: center;
    display: flex;
    /* left: 50%;
    position: absolute; */
    /* transform: translateX(-50%) */
}

.navbar__logo img {
    max-height: 80%;
    max-width: 240px;
    width: auto
}

.navbar__left {
    align-items: center;
    color: var(--color-base-light,#fff);
    display: flex;
    height: 100%;
    justify-content: flex-start;
    left: 0
}

.navbar__left .menu-button {
    align-items: center;
    cursor: pointer;
    display: inherit;
    position: relative;
    z-index: 1
}

.navbar__left .menu-button .close-menu-icon {
    display: none
}

.navbar__left .menu-button svg {
    fill: var(--color-base-light,#fff);
    stroke: var(--color-base-light,#fff);
    stroke-width: 1px
}

.navbar__left .menu-button .label {
    display: none;
    font-size: 13px;
    font-weight: 600;
    margin: 0 18px 0 10px
}

.navbar__left .menu-button .label-close {
    display: none
}

.navbar__left .sections {
    display: none;
    height: 100%;
    text-align: left
}

.navbar__left .sections .places {
    border-left: 1px solid var(--color-base-light,#fff);
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    transition: width .2s linear
}

.navbar__left .sections .places .selected {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: inherit;
    justify-content: space-between;
    position: relative;
    white-space: nowrap
}

.navbar__left .sections .places .selected .label {
    padding-right: 5px
}

.navbar__left .sections .places .selected .label .close {
    color: var(--color-primary,var(--color-milenio,#000));
    display: none;
    font-size: 13px;
    text-transform: none
}

.navbar__left .sections .places .selected .toggle-icon {
    fill: var(--color-base-light,#fff)
}

.navbar__left .sections .places .options {
    display: none
}

.navbar__right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    right: 0
}

.navbar__right .controls {
    display: none
}

.navbar__right .primary-inverted {
    font-family: var(--font-source-sans-pro);
    font-weight: 600
}

.navbar__right .account-icon-mobile {
    fill: var(--color-base-light,#fff);
    cursor: pointer;
    margin-right: 15px
}

.navbar__right .account-icon-mobile.btn-exit {
    margin-right: 0
}

.navbar__right .account-icon-mobile.btn-exit .primary-inverted {
    fill: var(--color-primary,var(--color-milenio,#000));
    align-items: center;
    background-color: var(--color-secondary,#000);
    border: initial none;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    border-radius: 6px;
    color: var(--color-primary,var(--color-milenio,#000));
    display: inline-flex;
    font-size: 14px;
    font-size: 13px;
    height: 38px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: underline;
    width: 50px
}

header#main-header nav.nav-sections,header#main-header nav.nav-today {
    align-items: center;
    background-color: var(--color-base-light,#fff);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: var(--font-source-sans-pro);
    height: 50px;
    min-height: 50px;
    white-space: nowrap;
    z-index: 0
}

header#main-header nav.nav-sections>:not(:last-child),header#main-header nav.nav-today>:not(:last-child) {
    padding-right: 7.5px
}

header#main-header nav.nav-sections ul,header#main-header nav.nav-today ul {
    margin: 0;
    overflow: auto;
    padding: 0
}

header#main-header nav.nav-sections ul::-webkit-scrollbar,header#main-header nav.nav-today ul::-webkit-scrollbar {
    display: none
}

header#main-header nav.nav-sections li,header#main-header nav.nav-today li {
    display: inline;
    text-decoration: none
}

header#main-header nav.nav-today {
    font-size: 14px;
    order: 1;
    padding: 8px 15px;
    position: relative
}

header#main-header nav.nav-today .account,header#main-header nav.nav-today .date {
    display: none
}

header#main-header nav.nav-today .account>*,header#main-header nav.nav-today .date>* {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 4px 12px;
    padding: 0
}

header#main-header nav.nav-today .account:first-child,header#main-header nav.nav-today .date:first-child {
    padding-right: 15px
}

header#main-header nav.nav-today .account:last-child,header#main-header nav.nav-today .date:last-child {
    padding-left: 15px
}

header#main-header nav.nav-today .account svg,header#main-header nav.nav-today .date svg {
    fill: var(--color-primary,var(--color-milenio,#000))
}

header#main-header nav.nav-today .account .account-icon,header#main-header nav.nav-today .date .account-icon {
    background: none;
    border: none
}

header#main-header nav.nav-today .navigation {
    align-items: center;
    color: #555;
    display: flex;
    overflow: auto
}

header#main-header nav.nav-today .navigation>:first-child:not(:only-child) {
    padding-right: 7.5px
}

header#main-header nav.nav-today .navigation li:not(:last-child):after {
    content: "•";
    margin: 0 2px
}

header#main-header nav.nav-today .date {
    color: var(--color-base-dark,#000);
    text-transform: capitalize
}

header#main-header nav.nav-sections {
    flex-direction: column;
    font-size: 18px;
    height: -moz-max-content;
    height: max-content;
    order: 4;
    z-index: 3
}

header#main-header nav.nav-sections ul {
    gap: 8px;
    overflow: initial
}

header#main-header nav.nav-sections a {
    text-decoration: none
}

header#main-header nav.nav-sections .opinion {
    padding: 0 16px;
    text-transform: uppercase
}

header#main-header nav.nav-sections .opinion:hover {
    color: var(--color-primary,var(--color-milenio,#000))
}

.nav-sections-container {
    position: relative;
    width: 100%
}

.nav-sections-links {
    display: flex;
    gap: 16px;
    height: 50px;
    overflow: auto;
    width: 100%
}

.nav-sections-links>* {
    align-items: center;
    display: inherit
}

.nav-sections-links .copa-america,.nav-sections-links .elections-2024,.nav-sections-links .juegos-olimpicos,.nav-sections-links .opinion {
    font-weight: 600
}

.nav-sections-links .section-links {
    gap: 16px
}

.nav-sections-links .elections-2024 {
    background-color: #dadada;
    border-radius: 16px;
    padding: 8px
}

.nav-sections-links .copa-america {
    border-color: #3e7423;
    color: #3e7423
}

.nav-sections-links .juegos-olimpicos {
    border-color: #001765;
    color: #001765
}

.nav-sections-links .copa-america,.nav-sections-links .juegos-olimpicos {
    border-radius: 40px;
    border-style: solid;
    border-width: 2px;
    padding: 8px
}

.nav-sections-links .printed-toggle {
    fill: var(--color-base-dark,#000);
    cursor: pointer;
    font-weight: 600;
    height: 100%;
    justify-content: space-between;
    padding: 8px;
    text-align: center;
    text-transform: uppercase
}

.printed-menu {
    background-color: #ededed;
    color: #555;
    display: none;
    justify-content: center;
    text-align: center;
    width: 100vw
}

.header-section {
    align-items: center;
    background-color: var(--color-base-light,#fff);
    border-bottom: 1px dotted var(--color-base-dark,#000);
    display: flex;
    font-size: 24px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 17px;
    order: 3;
    text-transform: uppercase
}

.sections-menu {
    background-color: var(--color-secondary,#000);
    display: none;
    flex-grow: 1;
    order: 2;
    position: relative;
    width: 100%
}

header#main-header.mini .header-wrapper .header-section,header#main-header.mini .header-wrapper>[class^=frisos-]:not(.frisos-urgent-base),header#main-header.mini .header-wrapper>nav,header#main-header.mini .navbar__left .sections,header#main-header.mini .navbar__right .controls {
    display: none
}

header#main-header.mini .navbar__right .account-icon-mobile {
    display: block
}

header#main-header.mini .navbar__right .account-icon-mobile .header-userCircle {
    background-color: #fff;
    color: var(--color-primary,var(--color-milenio,#000));
    font-family: var(--font-source-sans-pro);
    font-weight: 600
}

@media (min-width: 768px) {
    .navbar__right .account-icon-mobile.btn-exit {
        margin-right:0
    }

    .navbar__right .account-icon-mobile.btn-exit .primary-inverted {
        fill: var(--color-primary,var(--color-milenio,#000));
        align-items: center;
        background-color: var(--color-secondary,#000);
        border: initial none;
        border-color: initial;
        -o-border-image: initial;
        border-image: initial;
        border-radius: 45px;
        color: var(--color-primary,var(--color-milenio,#000));
        display: inline-flex;
        font-size: 14px;
        height: 30px;
        padding: 4px 12px 4px 11px;
        text-decoration: none;
        width: auto
    }
}

@media (max-width: 968px) {
    header#main-header.scrollable:not(.mini) {
        position:relative
    }
}

@media (min-width: 968px) {
    header#main-header .header-userCircle {
        background-color:var(--color-primary,var(--color-milenio,#000));
        color: #fff;
        font-family: var(--font-source-sans-pro);
        font-weight: 600
    }

    header#main-header nav.nav-today {
        font-size: 12px;
        justify-content: space-between
    }

    header#main-header nav.nav-today .account,header#main-header nav.nav-today .date {
        align-items: center;
        display: flex;
        margin-right: 10px
    }

    header#main-header nav.nav-today .navigation {
        left: 50%;
        max-width: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 968px) and (min-width:1396px) {
    header#main-header .header-section,header#main-header .navbar,header#main-header .sections-menu,header#main-header nav.nav-sections,header#main-header nav.nav-today {
        padding:0 calc(50% - 683px)
    }

    header#main-header .sections-menu {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media (min-width: 968px) {
    .navbar {
        height:70px
    }

    .nav-sections-container {
        max-width: 960px
    }

    .navbar__left .menu-button .label {
        display: initial
    }

    .navbar__left .sections {
        align-items: center;
        display: inline-flex
    }

    .navbar__right .controls {
        display: inherit;
        font-weight: 600
    }

    .navbar__right .controls>:not(:last-child) {
        margin-right: 15px
    }

    .navbar__right .controls .btn-live-tv {
        fill: var(--color-secondary,#000);
        align-items: center;
        background-color: var(--color-primary,var(--color-milenio,#000));
        border: 2px solid var(--color-secondary,#000);
        border-radius: 45px;
        color: var(--color-secondary,#000);
        display: inline-flex;
        height: 30px;
        padding: 4px 12px
    }

    .navbar__right .controls .btn-exit,.navbar__right .controls .btn-register {
        fill: var(--color-primary,var(--color-milenio,#000));
        align-items: center;
        background-color: var(--color-secondary,#000);
        border: none;
        border-radius: 45px;
        color: var(--color-primary,var(--color-milenio,#000));
        display: inline-flex;
        height: 30px;
        padding: 4px 12px
    }

    .navbar__right .account-icon-mobile {
        display: none
    }

    .header-section {
        font-size: 22px
    }

    header#main-header .social-media,header#main-header.mini .header-wrapper>nav {
        display: none
    }

    header#main-header.mini .navbar {
        height: 50px;
        min-height: 50px
    }

    header#main-header.mini .navbar__logo img {
        max-height: 75%
    }
}

@media (min-width: 1440px) {
    header#main-header nav.nav-today .navigation {
        max-width:968px
    }
}

.note-block {
    display: flex;
    flex-direction: row;
    font-size: 22px;
    gap: 60px;
    line-height: 30px;
    margin-bottom: 26px
}

.note-block__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.note-block__aside {
    display: none
}

@media (min-width: 968px) {
    .note-block__aside {
        display:initial;
        max-width: 300px
    }
}

.content-board-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 35px
}

.content-board-wrapper>* {
    box-sizing: content-box
}

.content-blank-wrapper {
    width: 100%
}

.card-group>*,.content-blank-wrapper>* {
    box-sizing: content-box
}

.invert-text-color * {
    background: inherit
}

.invert-text-color a,.invert-text-color h2,.invert-text-color span {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: grayscale(1) contrast(100) invert(1)
}

.invert-text-color h2 {
    display: contents
}

.tblack {
    color: #333
}

.twhite {
    color: #fff
}

.trj {
    color: var(--color-primary,var(--color-milenio,#000))!important
}

.bdf {
    background: #fce1d0!important
}

.bdf .title-item {
    color: #333!important
}

.bdf .sec-item {
    color: #c00!important
}

.bdf .auth-item {
    color: #666!important
}

.teo {
    border-color: #888!important;
    color: #333!important
}

.board-module__a:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

body h2 {
    margin-bottom: 0;
    margin-top: 0
}

#share-icons {
    display: flex
}

.front-modal {
    background: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101
}

#userResetPassword.warning,.register-input.warning {
    background-color: #fcee21
}

#userResetPassword {
    margin-top: 10px
}

main .content {
    padding: 0 10px
}

#main-content {
    margin-top: 10px;
    transition: all .3s ease-in-out
}

#main-content>.content {
    padding: 0
}

#main-content>.content .contenedor-video-block {
    background-color: #fff;
    margin: 0 auto;
    max-width: 375px;
    position: relative
}

#main-content>.content .contenedor-video-block>* {
    transition: max-width .5s,width .5s,max-height .5s,height 2s
}

#main-content>.content .contenedor-video-block .nd-tags-detail-base {
    border-bottom: 1px solid #777;
    border-top: 1px solid #777
}

#main-content>.content .contenedor-video-block .nd-comments-base,#main-content>.content .contenedor-video-block .nd-disclaimer-base,#main-content>.content .contenedor-video-block .nd-tags-detail-base {
    padding: 20px 15px
}

#main-content>.content .contenedor-video-block .ctr-modules-more-content {
    padding: 0 15px
}

@media (min-width: 968px) {
    #main-content>.content .contenedor-video-block {
        max-width:942px;
        width: 100%
    }

    #main-content>.content .contenedor-video-block .ctr-modules-more-content,#main-content>.content .contenedor-video-block .nd-comments-base,#main-content>.content .contenedor-video-block .nd-disclaimer-base,#main-content>.content .contenedor-video-block .nd-tags-detail-base {
        padding-left: 0;
        padding-right: 0
    }
}

#main-content>.content .contenedor-detail-block {
    background-color: #fff;
    margin: 0 auto;
    padding: 5px 15px 0;
    position: relative
}

#main-content>.content .contenedor-detail-block.cartoon,#main-content>.content .contenedor-detail-block.event,#main-content>.content .contenedor-detail-block.live,#main-content>.content .contenedor-detail-block.mega,#main-content>.content .contenedor-detail-block.news,#main-content>.content .contenedor-detail-block.opinion,#main-content>.content .contenedor-detail-block.wide {
    max-width: 375px;
    padding: 5px 15px 0;
    width: 100vw
}

@media (min-width: 968px) {
    #main-content>.content .contenedor-detail-block.cartoon,#main-content>.content .contenedor-detail-block.event,#main-content>.content .contenedor-detail-block.live,#main-content>.content .contenedor-detail-block.mega,#main-content>.content .contenedor-detail-block.news,#main-content>.content .contenedor-detail-block.opinion,#main-content>.content .contenedor-detail-block.wide {
        max-width:942px;
        padding-left: 0;
        padding-right: 0
    }
}

#main-content>.content .contenedor-detail-block.news .nd-title-headline-title-headline-ent+.nd-related-news-detail-list {
    text-align: center
}

#main-content>.content .contenedor-detail-block.basic {
    padding: 0;
    width: 100%
}

#main-content>.content .contenedor-detail-block.basic .nd-tags-detail-base {
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
    margin-bottom: 18px
}

#main-content>.content .contenedor-detail-block.basic .ctr-modules-more-content,#main-content>.content .contenedor-detail-block.basic .nd-comments-base,#main-content>.content .contenedor-detail-block.basic .nd-tags-detail-base {
    margin: 0 auto;
    max-width: 375px;
    padding: 20px 15px
}

@media (min-width: 968px) {
    #main-content>.content .contenedor-detail-block.basic .ctr-modules-more-content,#main-content>.content .contenedor-detail-block.basic .nd-comments-base,#main-content>.content .contenedor-detail-block.basic .nd-tags-detail-base {
        max-width:942px;
        padding-left: 0;
        padding-right: 0
    }
}

#main-content>.content .contenedor-detail-block.video {
    max-width: 375px
}

#main-content>.content .contenedor-detail-block.video .nd-tags-detail-base {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    padding: 25px 0
}

#main-content>.content .contenedor-detail-block.video .nd-comments-base,#main-content>.content .contenedor-detail-block.video .nd-disclaimer-base,#main-content>.content .contenedor-detail-block.video .nd-tags-detail {
    padding: 20px 0
}

@media (min-width: 968px) {
    #main-content>.content .contenedor-detail-block.video {
        max-width:942px;
        padding: 5px 0 0;
        width: 100%
    }

    #main-content>.content .contenedor-detail-block.wide {
        max-width: 1600px;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

#main-content>.content .contenedor-detail-block>.eo-free,#main-content>.content .contenedor-detail-block>.sn-frame {
    display: block;
    margin: 18px auto
}

#main-content>.content .contenedor-detail-block>.sn-frame .media-container {
    height: auto
}

.holder-container,.media-container {
    position: relative
}

.holder-container .btn-play,.media-container .btn-play {
    background: #fff;
    border-radius: 50%;
    line-height: 0;
    opacity: .5;
    padding: 19px;
    position: absolute
}

.social-media {
    color: #bababc;
    float: right
}

.social-media .SocialMediaShareButton:nth-child(n+2),.social-media .SocialMediaShareButton:nth-child(n+3) {
    margin-left: 12px
}

.social-media .share-social-media {
    display: flex
}

.social-media .share-social-media>.whatsapp-share-modules {
    display: none
}

@media (max-width: 968px) {
    .social-media .share-social-media>.whatsapp-share-modules {
        display:block
    }
}

.social-networks-share {
    color: #fff;
    font-size: 11px
}

.social-networks-share .span-share {
    color: #999;
    margin-bottom: 10px
}

.social-networks-share .share-container {
    margin-bottom: 2px;
    padding: 11px 20px
}

.social-networks-share .share-container i {
    font-size: 18px;
    vertical-align: middle;
    width: 35px
}

.social-networks-share .facebook-share-modules {
    background-color: #0071bc
}

.social-networks-share .twitter-share-modules {
    background-color: #00c3f3
}

.social-networks-share .whatsapp-share-modules {
    background-color: #39b54a;
    display: none
}

@media (max-width: 968px) {
    .social-networks-share {
        width:100%!important
    }

    .social-networks-share .share-container {
        float: left;
        margin: 0;
        width: 33.33%
    }

    .social-networks-share .share-container i {
        line-height: 1.8;
        text-align: center;
        width: 100%
    }

    .social-networks-share .share-container span {
        display: none
    }

    .social-networks-share .whatsapp-share-modules {
        display: inline-block
    }

    .social-networks-share .span-share {
        display: none
    }
}

iframe.b-error,iframe.b-loaded,img.b-error,img.b-loaded {
    opacity: 1
}

#container-redband {
    line-height: 0
}

@media (max-width: 968px) {
    .twitter-video {
        min-width:300px!important
    }
}

.checkbox .cr,.checkbox .info-label {
    display: inline-block;
    vertical-align: middle
}

.checkbox .cr {
    background: #fff;
    margin-right: 5px;
    padding: 9px
}

.checkbox .cr .cr-icon {
    font-size: 22px
}

.checkbox label {
    font-size: 11px;
    padding-left: 0!important
}

.checkbox label:after {
    clear: both;
    content: "";
    display: table
}

.checkbox label input[type=checkbox] {
    display: none
}

.checkbox label input[type=checkbox]+.cr>.cr-icon {
    opacity: 0;
    transform: scale(3) rotate(-20deg);
    transition: all .3s ease-in
}

.checkbox label input[type=checkbox]:checked+.cr>.cr-icon {
    opacity: 1;
    transform: scale(1) rotate(0deg)
}

.checkbox label input[type=checkbox]:disabled+.cr {
    opacity: .5
}

.carousel-lock {
    transform: none!important
}

.floated {
    background-color: #ebebeb;
    bottom: 15px;
    height: 260px!important;
    padding: 5px;
    position: fixed;
    right: 45px;
    width: 410px!important;
    z-index: 9
}

.floated .img-container {
    height: 100%!important;
    overflow: visible
}

.floated .btn-remove-floated {
    display: block!important
}

@media (max-width: 968px) {
    .floated {
        height:210px!important;
        right: 35px;
        width: 320px!important
    }
}

.holder-container,.image,.img-container {
    overflow: hidden
}

.holder-container img,.image img,.img-container img {
    height: auto!important;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.deployFix {
    font-size: 11px;
    padding: 25px 20px
}

.deployFix,.deployFree {
    background-color: #fcee21;
    color: #000;
    font-family: var(--font-source-sans-pro);
    font-weight: 700;
    margin: 5px 0;
    text-align: center;
    transition: padding .2s ease-out
}

.deployFree {
    bottom: 0;
    font-size: 20px;
    left: 0;
    padding: 30px 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 45px
}

.see-more-container {
    color: #777;
    float: right;
    font-family: var(--font-source-sans-pro);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 10px 0 16px
}

.premium-label {
    display: inline-block;
    vertical-align: bottom
}

.premium-label img {
    display: block
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left,auto);
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-pagination-lock {
    display: none
}

.content-columns {
    display: grid;
    grid-template-columns: 100%;
    list-style: none;
    margin-bottom: 18px;
    padding: 10px 0
}

.column-left,.content-columns__left {
    overflow: auto;
    width: 100%
}

.content-columns__live-ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.column-right,.content-columns__right {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.column-right>*,.content-columns__right>* {
    margin-bottom: 40px
}

.column-right .sn-frame .media-container,.content-columns__right .sn-frame .media-container {
    height: auto
}

.column-right .trc_related_container,.content-columns__right .trc_related_container {
    width: 100%
}

.column-right [id^=taboola-right-rail-thumbnails],.content-columns__right [id^=taboola-right-rail-thumbnails] {
    min-height: 737px
}

.column-left.event,.content-columns__left.event {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

.column-left.event .ad-medium-rectangle-base,.content-columns__left.event .ad-medium-rectangle-base {
    border-top: 0;
    height: auto;
    margin-bottom: 0;
    padding-top: 0
}

.column-left.event .ad-medium-rectangle-base:after,.content-columns__left.event .ad-medium-rectangle-base:after {
    display: none
}

.column-left.event .ad-medium-rectangle-base__li,.content-columns__left.event .ad-medium-rectangle-base__li {
    border-top: 1px solid #969696;
    overflow: hidden;
    padding: 20px 0
}

@media (min-width: 968px) {
    .column-left.event .ad-medium-rectangle-base__li:before,.content-columns__left.event .ad-medium-rectangle-base__li:before {
        margin-right:30%
    }
}

.content-columns .column-left.event .ad-sticky-base,.content-columns .column-right .ad-sticky-base,.event .content-columns__right .ad-sticky-base,.live .content-columns__right .ad-sticky-base {
    height: 600px
}

@media (min-width: 968px) {
    .content-columns {
        display:flex
    }

    .column-left,.content-columns__left {
        order: 1;
        width: 618px
    }

    .wide .column-left,.wide .content-columns__left {
        width: 100%
    }

    .column-right,.content-columns__right {
        margin-left: 24px;
        order: 2;
        width: 300px
    }

    .content-columns .column-left.event .trc_related_container,.content-columns .column-right .trc_related_container,.content-columns__left.event .trc_related_container,.content-columns__right .trc_related_container {
        width: 300px
    }
}

#engagement .tp-container-inner,#signwall .tp-container-inner {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%!important;
    z-index: 300049
}

#engagement .tp-container-inner iframe,#signwall .tp-container-inner iframe {
    width: 100%!important
}

@keyframes share-text-intro {
    0% {
        opacity: 0;
        transform: translateY(-3em)
    }

    80% {
        opacity: 1;
        transform: translateY(.5em)
    }

    to {
        transform: translateY(0)
    }
}

.share-text {
    animation: share-text-intro .3s;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,.35));
    max-width: 8em;
    pointer-events: none
}

.share-text ul {
    color: #fff;
    left: 50%;
    list-style: none;
    margin: -.75em 0 0;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    transform: translate(-50%,-100%);
    white-space: nowrap
}

.share-text ul li {
    display: inline-block;
    height: 3em;
    text-align: center;
    width: 3em
}

.share-text li>a {
    box-sizing: border-box;
    color: inherit;
    display: inline-block;
    height: 100%;
    padding: .35em;
    width: 100%
}

.share-text li>a:focus,.share-text li>a:hover {
    background: hsla(0,0%,100%,.25)
}

.share-text li[data-share-via=facebook] {
    background-color: #0071bc
}

.share-text li[data-share-via=twitter] {
    background-color: #000
}

.share-text li[data-share-via=whatsapp] {
    background-color: #39b54a;
    display: none
}

.share-text li[data-share-via=email] {
    background-color: #7f7f7f
}

@media only screen and (max-width: 720px) {
    .share-text li[data-share-via=whatsapp] {
        display:inline-block
    }
}

#pushNotification-disclaimer .modal {
    -webkit-overflow-scrolling: touch;
    animation-duration: 2s;
    animation-name: popUpStart;
    display: block;
    left: 0;
    margin: 0 auto;
    max-width: 605px;
    opacity: 1;
    outline: 0;
    overflow: hidden;
    padding: 0 15px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1050
}

#pushNotification-disclaimer .modal .modalQuestion {
    position: relative
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 24px;
    position: relative
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    margin-left: 10px;
    position: relative
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .iconContent {
    width: 65px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .iconContent .icon {
    margin: auto;
    width: 100%
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalBody .message {
    box-sizing: border-box;
    color: #333;
    font-family: var(--font-source-sans-pro);
    font-size: 16px;
    margin: 0 0 0 26px;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(100% - 95px)
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent {
    margin-left: 10px;
    padding-left: 4px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item {
    padding-bottom: 15px;
    width: 33%
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic {
    color: #333;
    cursor: pointer;
    display: block;
    font-family: var(--font-source-sans-pro);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 35px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic .icon-topic {
    display: inline-block;
    font-size: 8px;
    margin-right: 10px;
    width: 50px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic .icon-topic img {
    width: 100%
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic input:checked~.checkmarkTopic {
    background-color: var(--color-milenio,#000)
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic input:checked~.checkmarkTopic:after {
    display: block
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic .checkmarkTopic {
    background-color: #ebebeb;
    border-radius: 4px;
    bottom: 0;
    height: 21px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 21px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic .checkmarkTopic:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 10px;
    left: 7px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item .containerTopic:hover input~.checkmarkTopic {
    background-color: #ccc
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .loading {
    display: block;
    font-size: 6px;
    width: 100%
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .loading img {
    display: block;
    height: 50px;
    margin: auto;
    transform: scale(2);
    width: 50px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter {
    margin-left: 10px;
    margin-top: 15px;
    padding-left: 4px;
    text-align: right
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left {
    clear: both;
    display: table;
    float: left
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics {
    color: #777;
    float: left;
    font-family: var(--font-source-sans-pro);
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding-left: 35px;
    padding-top: 10px;
    position: relative
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics input:checked~.checkmarkSelectedAll {
    background-color: var(--color-milenio,#000)
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics input:checked~.checkmarkSelectedAll:after {
    display: block
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics .checkmarkSelectedAll {
    background-color: #ebebeb;
    border-radius: 4px;
    bottom: 0;
    height: 21px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 21px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics .checkmarkSelectedAll:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: none;
    height: 10px;
    left: 7px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left .btn-all-topics:hover input~.checkmarkSelectedAll {
    background-color: #ccc
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 125px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary {
    background-color: var(--color-milenio,#000);
    border-color: var(--color-milenio,#000);
    color: #fff;
    font-family: var(--font-source-sans-pro);
    position: relative
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.3);
    outline: 0
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary.blocked {
    cursor: not-allowed;
    z-index: 2
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary.blocked:after,#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary.blocked:before {
    opacity: 1;
    pointer-events: none;
    visibility: visible
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary.blocked:before {
    background-color: #000;
    background-color: rgba(51,51,51,.9);
    border-radius: 3px;
    bottom: 103%;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    left: 44%;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    position: absolute;
    text-align: center;
    white-space: pre-wrap;
    width: 160px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnPrimary.blocked:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-top: 5px solid rgba(51,51,51,.9);
    bottom: 103%;
    content: " ";
    font-size: 0;
    left: 50%;
    line-height: 0;
    margin-left: -5px;
    position: absolute;
    width: 0
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnSecondary {
    background: transparent;
    color: #777;
    font-family: var(--font-source-sans-pro);
    font-size: 15px
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnSecondary:hover {
    color: #000
}

#pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .right .btn.btnSecondary:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    outline: 0
}

#pushNotification-disclaimer .fade {
    display: none!important;
    opacity: 0!important
}

@media (min-width: 321px) and (max-width:719px) {
    #pushNotification-disclaimer .modal .modalQuestion .modalContent .topicsContent .topics .topic-item {
        width:50%
    }

    #pushNotification-disclaimer .modal .modalQuestion .modalContent .modalFooter .left {
        float: none
    }
}

@keyframes popUpStart {
    0% {
        opacity: 0;
        transform: translateY(-25%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.camus-video {
    background-color: #000;
    display: block;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.camus-video iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

div.camus-combobox {
    color: #666
}

div.camus-combobox svg {
    fill: #666
}

div.camus-combobox__controls {
    background-color: var(--color-background,#000);
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

div.camus-combobox__controls .options__op,div.camus-combobox__controls .selected-text {
    align-items: center;
    display: flex;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

div.camus-combobox__controls .selected-text {
    color: var(--color-primary,var(--color-milenio,#000));
    cursor: pointer;
    justify-content: space-between
}

div.camus-combobox__controls .options {
    background-color: var(--color-background,#000);
    display: none;
    position: absolute;
    top: 100%;
    width: 100%
}

div.camus-combobox__controls .options__op {
    cursor: pointer
}

div.camus-combobox__controls .options__op:hover {
    color: var(--color-primary,var(--color-milenio,#000))
}

div.camus-combobox__controls .options__op.selected {
    display: none
}

div.camus-combobox.dropdown-open {
    position: relative;
    z-index: 1
}

div.camus-combobox.dropdown-open:before {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

div.camus-combobox.dropdown-open .selected-text {
    color: inherit
}

div.camus-combobox.dropdown-open .selected-text svg.toggle-icon {
    transform: rotate(180deg)
}

div.camus-combobox.dropdown-open .options {
    display: flex;
    flex-direction: column
}

div.camus-combobox.dropdown-open .options:before {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

#camus-cookie-disclaimer {
    align-items: center;
    background-color: var(--color-background,#000);
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    font-family: var(--font-source-serif-pro);
    gap: 20px;
    justify-content: center;
    left: 0;
    padding: 10px;
    position: fixed;
    width: 100%;
    z-index: 20
}

#camus-cookie-disclaimer .message {
    text-align: justify
}

#camus-cookie-disclaimer .options {
    display: flex;
    gap: 10px;
    justify-content: center;
    min-width: 25%
}

#camus-cookie-disclaimer .options .btn {
    border: none;
    color: #fff;
    height: 30px;
    padding: 4px 12px;
    white-space: nowrap
}

#camus-cookie-disclaimer .options .btn.secondary {
    background-color: #666
}

#camus-cookie-disclaimer .options .btn.primary {
    background-color: var(--color-primary,var(--color-milenio,#000))
}

#camus-cookie-disclaimer.not-loaded {
    display: none
}

@media (min-width: 968px) {
    #camus-cookie-disclaimer {
        flex-wrap:nowrap;
        padding: 10px 10px 10px 25px
    }
}

#viewport-visibility {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(100vh + 5px);
    width: 1px
}

.ctr-modules-list {
    width: 100%
}

.ctr-modules-list__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px
}

.ctr-modules-list__container .list-small-large-last-news,.ctr-modules-list__container .list-small-large-news {
    width: 620px
}

.ctr-modules-list__container .ad-sticky-base {
    width: 300px
}

.search-controls {
    max-width: 375px;
    padding: 0 10px;
    width: 100%
}

@media (min-width: 968px) {
    .search-controls {
        max-width:960px;
        padding: 0
    }
}

.search-controls {
    font-family: var(--font-source-sans-pro);
    font-size: 14px;
    line-height: 36px
}

.search-controls fieldset {
    border: 0;
    margin: 0;
    outline: none
}

.search-controls label {
    font-weight: 400;
    margin: 0
}

.search-controls button[type=submit] {
    background-color: #666;
    border: none;
    border-radius: 8px;
    color: var(--color-base-light,#fff);
    text-align: center;
    text-transform: uppercase
}

.search-controls__form {
    background-color: #f1f1f1;
    color: #6a6a6a;
    display: flex;
    flex-direction: column;
    height: 159px;
    justify-content: space-evenly;
    position: relative
}

.search-controls__search-bar {
    display: flex;
    flex-direction: column;
    padding: 0 15px
}

.search-controls__search-bar label {
    padding-left: 15px
}

.search-controls__search-bar__input {
    display: flex;
    gap: 5px;
    height: 55px;
    justify-content: space-between
}

.search-controls__search-bar__input>* {
    height: 100%
}

.search-controls__search-bar__input input {
    border: none;
    color: var(--color-base-dark,#000);
    flex-grow: 1;
    font-size: 24px;
    font-weight: 600;
    padding: 9px 15px 11px;
    width: 100%
}

.search-controls__search-bar__input button {
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    max-width: 90px;
    text-transform: uppercase;
    width: 100%
}

.search-controls__options {
    align-items: center;
    background-color: #f1f1f1;
    display: inherit;
    flex-direction: column;
    padding: 0 15px;
    width: 100%
}

.search-controls__options__filters-toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    height: 100%;
    justify-content: center;
    width: 100%
}

.search-controls__options__filters-toggle label {
    color: #666;
    font-family: var(--font-source-serif-pro);
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

.search-controls__options__filters-toggle svg {
    fill: #666
}

.search-controls__options .extra-filters {
    display: none
}

.search-controls__options.dropdown-open {
    background-color: var(--color-secondary,#000)
}

.search-controls__options.dropdown-open .lo-search__options__filters-toggle>svg {
    transform: rotate(180deg)
}

.search-controls__options.dropdown-open .extra-filters {
    background-color: inherit;
    display: initial;
    max-width: 100%;
    padding: inherit;
    position: absolute;
    top: 100%;
    width: inherit;
    z-index: 3
}

.search-controls__options.dropdown-open .extra-filters .top-line {
    border-top: 1px dashed #707070;
    margin-bottom: 10px
}

.search-controls__options.dropdown-open .extra-filters__section {
    margin-top: 6px
}

.search-controls__options.dropdown-open .extra-filters__date {
    margin-top: 15px
}

.search-controls__options.dropdown-open .extra-filters__date__pickers {
    fill: #666;
    display: flex;
    gap: 18px;
    position: relative
}

.search-controls__options.dropdown-open .extra-filters__date__pickers camus-date-picker {
    flex-grow: 1;
    position: static
}

.search-controls__options.dropdown-open .extra-filters__filters {
    margin-top: 18px;
    max-height: 180px
}

.search-controls__options.dropdown-open .extra-filters__filters__options {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    max-height: inherit
}

.search-controls__options.dropdown-open .extra-filters__ok {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

.search-controls__options.dropdown-open .extra-filters__ok button {
    height: 50px;
    justify-content: center;
    width: 90px
}

.search-controls__results {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

.search-controls__results>* {
    width: 100%
}

.search-controls__results__count {
    margin-top: 30px
}

.search-controls__results__empty-message {
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 8px
}

@media (min-width: 968px) {
    .search-controls__form {
        background:none;
        gap: 5px;
        height: auto;
        justify-content: space-between;
        width: 971px
    }

    .search-controls__search-bar {
        padding: 0
    }

    .search-controls__search-bar__input {
        height: 80px
    }

    .search-controls__search-bar__input input {
        background-color: #f1f1f1;
        border-radius: 8px;
        padding: 20px
    }

    .search-controls__search-bar__input button {
        max-width: 111px
    }

    .search-controls__options {
        background: none;
        position: relative
    }

    .search-controls__options__filters-toggle {
        height: 62px
    }

    .search-controls__options.dropdown-open .extra-filters {
        -moz-column-gap: 30px;
        column-gap: 30px;
        display: grid;
        grid-template-areas: "l l l" "a b c" ". . d";
        padding: 0 31px 30px
    }

    .search-controls__options.dropdown-open .extra-filters .top-line {
        grid-area: l
    }

    .search-controls__options.dropdown-open .extra-filters__section {
        grid-area: a;
        margin-top: 0
    }

    .search-controls__options.dropdown-open .extra-filters__date {
        grid-area: b;
        margin-top: 0
    }

    .search-controls__options.dropdown-open .extra-filters__filters {
        grid-area: c;
        margin-top: 0
    }

    .search-controls__options.dropdown-open .extra-filters__ok {
        grid-area: d;
        margin-top: 30px
    }

    .search-controls__options.dropdown-open .extra-filters__ok button {
        width: 120px
    }
}

.search-controls+.content-board-wrapper {
    border-top: 1px solid #e9e9e9
}
.navbar .section,
.navbar .label-sections{
    color: #fff;
}