@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/Open-Sans-Regular.woff") format("woff"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/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("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/Open-Sans-Bold.woff") format("woff"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/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("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/Open-Sans-ExtraBold.woff") format("woff"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/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("");
    src: url("") format("embedded-opentype"), url("") format("woff"), url("") format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Stag Medium;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    src: url("");
    src: url("") format("embedded-opentype"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/Stag-Medium-Web.woff") format("woff"), url("urn:scrapbook:download:error:https://neiiralinks.click/lander/blackneiroformdownuniverse/555/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
}

input:focus {
    outline: none
}

.feed .PhotoGallery,
.feed .card.cardDiscovery,
.feed .card.cardListing,
.feed .card.cardRegular,
.feed .card.cardShow,
.feed .detail .byline,
.feed .detail .deck,
.feed .detail .detailHeadline,
.feed .detail .imageMedia .image-caption,
.feed .detail .jumpTo,
.feed .newsletterWidget,
.feed .searchInfoCard,
.feed .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
}

.feed .PhotoGallery .cbcfg:before,
.feed .cookieJar .loadingIndicator .spinner .loader,
.feed .landingPlus .loadingIndicator .spinner .loader,
.feed .myOlympicsContent .loading .loader,
.feed button.loadMore.loading .loader {
    animation: rotate .8s linear infinite;
    border: 4px solid #e60505;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 20px;
    width: 20px
}

.fadein,
.feed .PhotoGallery .cbcfg div.images div .placeholder img,
.feed .election .partybox.loaded {
    animation: fadein .7s;
    opacity: 0
}

.feed .story .customHtml,
.feed .story .documentCloud,
.feed .story .facebook,
.feed .story .facebookVideo,
.feed .story .instagram,
.feed .story .scribble,
.feed .story .twitter-tweet,
.feed .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,
.feed .pageIntro.show-canadian-reflections .showName,
.feed .pageIntro.show-junos .showName,
.feed .pageIntro.show-marketplace .showName,
.feed .pageIntro.show-on-the-money .showName,
.feed .pageIntro.show-the-fifth-estate .showName,
.feed .pageIntro.show-the-investigators .showName,
.feed .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: .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: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .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;
}

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 {
    --primary-font: "Open Sans", sans-serif
}

.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("");
    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: .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("");
    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("");
    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("");
    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("")
}

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("");
    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
}

.comment-count-container {
    align-items: center;
    display: flex;
    min-height: 40px
}

.commentCount:hover .viafoura {
    background-color: #d8d8d8
}

.commentCount .commentCount-text-container .viafoura {
    color: #0550c8;
    font-family: inherit;
    font-size: 1rem;
    transition: background-color .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;
    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 {
    display: block;
    margin: 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
}

.feed .ad-risingstar-container {
    min-height: 122px
}

.feed .ad-risingstar-container.displayNone {
    display: none
}

.feed .ad-risingstar {
    background-color: #e5e5e5;
    padding: 16px 0
}

.feed .ad-risingstar.risingstar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.feed .ad-risingstar.displayNone {
    display: none
}

.feed .ad-risingstar .risingstar {
    margin-right: 10px
}

.feed .ad-risingstar .risingstar>div {
    display: inline-block;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.feed .ad-risingstar .risingstar>div:after {
    background: url("") no-repeat 100%;
    content: "";
    height: 15px;
    left: 100%;
    position: absolute;
    top: 0;
    transform: translate(-100%, -100%);
    width: 90px
}

.feed .viewportSmall .detail .ad-risingstar {
    margin-left: -16px
}

.feed .ad-bigbox,
.feed .ad-bigbox-double,
.feed .ad-bigbox-double-inread,
.feed .ad-bigbox-single,
.feed .ad-in-read,
.feed .ad-load-more {
    background: #fff url("") no-repeat center 5px;
    margin: 0 auto 1rem;
    padding: 1.2rem 0
}

.feed .sidebar .ad-bigbox,
.feed .sidebar .ad-bigbox-double,
.feed .sidebar .ad-bigbox-double-inread,
.feed .sidebar .ad-bigbox-single,
.feed .sidebar .ad-in-read,
.feed .sidebar .ad-load-more {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 1rem
}

.feed .ad-intercept {
    background: #fff url("") no-repeat right 5px;
    margin: 0 auto 1rem;
    padding: 1.2rem 0;
    width: -moz-fit-content;
    width: fit-content
}

.feed .ad-in-read,
.feed .ad-load-more {
    height: auto
}

.feed .ad-outofpage {
    position: fixed
}

.feed .ad-native-ad div:first-of-type {
    height: 100% !important
}

.feed .ad-native-ad iframe {
    height: 100%;
    min-height: 368px
}

@media only screen and (max-width:639px) {
    .feed .ad-native-ad iframe {
        min-height: 350px
    }
}

.feed .ad-interscroller {
    height: calc(100vh + 52px);
    position: relative
}

.feed .ad-interscroller .interscrollerWrap {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.feed .ad-interscroller .interscrollerWrap:after,
.feed .ad-interscroller .interscrollerWrap:before {
    background: #eee;
    color: #545454;
    display: block;
    font-size: .8rem;
    height: 26px;
    max-height: 26px;
    padding: 3.5px 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 1
}

.feed .ad-interscroller .interscrollerWrap:before {
    content: "Scroll to continue"
}

.feed .ad-interscroller .interscrollerWrap:after {
    bottom: -1px;
    content: "End of advertisement"
}

.feed .ad-interscroller .interscrollerBackground {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.feed .native-ad-preload {
    left: -999px;
    position: absolute;
    top: -999px;
    width: 100%
}

.feed .native-ad-postload {
    position: relative;
    width: 100%
}

@media(min-width:1100px) {
    .feed .ad-bigbox-fixed,
    .feed .ad-bigbox-single-desktop {
        background: url("") no-repeat center 5px;
        padding: 1.2rem 0;
        transition: opacity .3s ease-in-out, top .4s ease-out
    }
    .feed .ad-bigbox-fixed.hide,
    .feed .ad-bigbox-single-desktop.hide {
        opacity: 0
    }
    .feed .ad-bigbox-double-inread,
    .feed .ad-in-read {
        display: none
    }
}

.feed .viewability-display {
    margin: 0 auto;
    width: 1px
}

@media(max-width:764px) {
    .feed .ad-risingstar {
        background-color: #e5e5e5
    }
    .feed .ad-risingstar-container {
        background-color: #e5e5e5;
        min-height: 82px
    }
    .feed .advertisement.bigbox-double-inread,
    .feed .advertisement.in-read {
        max-width: 414px
    }
}

.feed .appContainer.click-wp {
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    cursor: pointer
}

.feed .appContainer.click-wp .ad-risingstar,
.feed .appContainer.click-wp .ad-risingstar-container,
.feed .appContainer.click-wp .globalHeader {
    cursor: auto;
    margin: 0 auto;
    max-width: 64rem;
    position: relative
}

.feed .appContainer.click-wp .ad-risingstar .advertisement.risingstar,
.feed .appContainer.click-wp .ad-risingstar-container .advertisement.risingstar,
.feed .appContainer.click-wp .globalHeader .advertisement.risingstar {
    max-width: 64rem
}

.feed .appContainer.click-wp .globalHeader.open {
    margin: 0;
    position: fixed
}

.feed .appContainer.click-wp .ad-risingstar.risingstar-fixed {
    background: #e5e5e5;
    left: 50%;
    position: fixed;
    transform: translateX(-50%)
}

.feed .appContainer.click-wp .advertisement.risingstar {
    max-width: auto
}

.feed .appContainer.click-wp .content {
    cursor: default;
    margin: 0 auto;
    max-width: 64rem
}

.feed .appContainer.click-wp .pageComponent {
    background-color: #fff;
    cursor: auto;
    max-width: 64rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.feed .appContainer.click-wp .globalFooter {
    border-top: 1px solid #eaeaea;
    cursor: default;
    margin-top: 0
}

.feed .appContainer.click-wp .ad-outofpage {
    height: 0
}

.feed .appContainer.click-wp.viewportLarge .wallpaperArea .contentArea .contentList .card.cardRegular,
.feed .appContainer.click-wp.viewportLarge .wallpaperArea .contentArea .featuredArea .card.cardRegular {
    flex-basis: 25%
}

.feed .appContainer.click-wp.viewportLarge .swimlane {
    margin-left: 0;
    width: auto
}

.feed .appContainer {
    background-color: #fff
}

.feed .appContainer.loading .ad-risingstar,
.feed .appContainer.loading .content,
.feed .appContainer.loading .globalFooter,
.feed .appContainer.loading .globalHeader {
    filter: blur(5px);
    transform: translateZ(0)
}

.feed .appContainer.loaded {
    opacity: 1
}

.feed .appContainer .pageComponent {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px;
    transition: max-width .3s ease-out
}

.feed .appContainer>.content {
    background-color: #fff;
    min-height: 800px;
    padding-bottom: 16px;
    padding-top: 16px
}

.feed .appContainer.featureType .feed-content {
    max-width: 100%
}

.feed .appContainer.cookiesTheme,
.feed .appContainer.metaTheme {
    background-color: #fff
}

@media(max-width:414px) {
    .feed .appContainer .advertisement.ad-interscroller {
        margin: 0 -16px
    }
}

.feed .appContainer .advertisement,
.feed .appContainer .vastAdvertisement {
    margin: 0 auto;
    text-align: center;
    z-index: 200
}

.feed .appContainer .feedTourButton,
.feed .appContainer .zenFeedbackButton {
    background: #e60505;
    border: 1px solid #e60505;
    color: #fff;
    font-size: .9rem;
    margin: .1rem 0 0 1rem;
    padding: .2rem .5rem
}

.feed .appContainer .feedTourButton:focus,
.feed .appContainer .feedTourButton:hover,
.feed .appContainer .zenFeedbackButton:focus,
.feed .appContainer .zenFeedbackButton:hover {
    background: #fff;
    border: 1px solid #545454;
    color: #e60505
}

.feed .appContainer.homepageTheme:not(.storyType)>.content,
.feed .appContainer.newsTheme:not(.storyType)>.content,
.feed .appContainer.televisionTheme:not(.storyType)>.content {
    overflow-x: hidden
}

.feed .accessibilityLinks {
    display: flex;
    margin: 0 auto;
    max-width: 80rem;
    position: relative;
    width: 100%
}

.feed .accessibilityLinks>a {
    background: #fff;
    border: 3px solid #0550c8;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(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
}

.feed .accessibilityLinks>a:active,
.feed .accessibilityLinks>a:focus {
    left: 0;
    outline-color: transparent;
    position: absolute;
    z-index: 99999
}

.feed .accessibilityLinks.globalSkipLink>a {
    top: 45px
}

.feed .card {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    clear: both;
    color: #000;
    display: flex;
    flex-direction: row;
    margin-bottom: .5rem;
    overflow: hidden;
    text-decoration: none;
    transition: .4s
}

.feed .card:hover {
    box-shadow: 0 0 0 3px #cbcbcb
}

.feed .card:focus {
    box-shadow: 0 0 0 3px #e60505;
    outline: 0;
    transform: none
}

.feed .card .contentWrapper {
    color: #000;
    display: flex;
    flex-grow: 1;
    text-decoration: none;
    width: 100%
}

.feed .card .card-content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%
}

.feed .card .card-content .card-content-top {
    align-self: flex-start;
    flex-wrap: wrap;
    width: 100%
}

.feed .card .card-content .card-content-bottom {
    width: 100%
}

.feed .card .imageMedia {
    flex-shrink: 0;
    line-height: 0;
    position: relative
}

.feed .card .headlineLink {
    color: #000;
    text-decoration: none
}

.feed .card .headlineLink:focus,
.feed .card .headlineLink:hover {
    color: #545454;
    text-decoration: underline
}

.feed .card .mediaItem {
    min-height: 0;
    position: relative;
    width: 100%
}

.feed .card .mediaItem .imageEl {
    width: 100%
}

.feed .card.sponsored {
    background-color: #dcdcdc
}

.feed .card.sponsored:focus,
.feed .card.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.sponsored .card-content,
.feed .card.sponsored .card-content .imageMedia .placeholder,
.feed .card.sponsored .card-content .metadataText,
.feed .card.sponsored .contentWrapper .card-content,
.feed .card.sponsored .contentWrapper .card-content .imageMedia .placeholder,
.feed .card.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent
}

.feed .card.sponsored .card-content .label,
.feed .card.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -.6rem 0 1rem -1rem
}

.feed .card.sponsored .card-content .label .labelText,
.feed .card.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: .5rem
}

.feed .card.sponsored .card-content:after,
.feed .card.sponsored .contentWrapper:after {
    border-bottom: none
}

.feed .card.sponsored .sponsorshipLogo {
    max-width: 100px
}

.feed .card.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .card.sponsorMeta:focus,
.feed .card.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .card.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .card.cardContentPackage {
    border: none;
    display: inline-block;
    max-width: 100%;
    padding: 0 !important;
    width: 100%
}

.feed .card.cardContentPackage.cardContentPackage:hover {
    box-shadow: none
}

.feed .card.cardContentPackage .primaryHeadline {
    margin: 0 auto;
    width: 100%
}

.feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink {
    color: #000;
    display: block;
    text-decoration: none;
    text-decoration-color: #000
}

.feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink.uppercaseTrue {
    text-transform: uppercase
}

.feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink:focus,
.feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink:hover {
    color: #000;
    text-decoration: underline;
    text-decoration-color: #000;
    transition: .4s
}

.feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink:focus {
    outline: thin dotted #cbcbcb
}

.feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    color: #000;
    font-size: 2.1rem;
    line-height: 2.4rem;
    margin-bottom: .6rem;
    text-align: center
}

.feed .card.cardContentPackage .contentFlexLayout {
    display: flex
}

.feed .card.cardContentPackage .contentFlexLayout .firstContentColumn {
    flex: 2 1 460px;
    flex-wrap: wrap;
    margin-right: .5rem
}

.feed .card.cardContentPackage .contentFlexLayout .secondContentColumn {
    flex: 0 1 300px;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: .5rem
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard:before,
.feed .card.cardContentPackage .supportingContent .card.relatedCard:before {
    border-top: 1px solid #e0e0e0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 192px
}

.feed .card.cardContentPackage .secondaryContent .card,
.feed .card.cardContentPackage .supportingContent .card,
.feed .card.cardContentPackage .tertiaryContent .card {
    flex: 1 1 230px;
    margin: 0 1.2rem 0 0;
    padding: 1.2rem 0
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard,
.feed .card.cardContentPackage .supportingContent .card.relatedCard,
.feed .card.cardContentPackage .tertiaryContent .card.relatedCard {
    border: none;
    margin-left: 1px;
    position: relative
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard:hover,
.feed .card.cardContentPackage .supportingContent .card.relatedCard:hover,
.feed .card.cardContentPackage .tertiaryContent .card.relatedCard:hover {
    box-shadow: none;
    transition: .4s
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard:hover .headline,
.feed .card.cardContentPackage .supportingContent .card.relatedCard:hover .headline,
.feed .card.cardContentPackage .tertiaryContent .card.relatedCard:hover .headline {
    text-decoration: underline
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard:focus,
.feed .card.cardContentPackage .supportingContent .card.relatedCard:focus,
.feed .card.cardContentPackage .tertiaryContent .card.relatedCard:focus {
    box-shadow: none;
    outline: thin dotted
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard .headline,
.feed .card.cardContentPackage .supportingContent .card.relatedCard .headline,
.feed .card.cardContentPackage .tertiaryContent .card.relatedCard .headline {
    display: inline
}

.feed .card.cardContentPackage .secondaryContent .card.relatedCard .card-content-bottom,
.feed .card.cardContentPackage .supportingContent .card.relatedCard .card-content-bottom,
.feed .card.cardContentPackage .tertiaryContent .card.relatedCard .card-content-bottom {
    display: none
}

.feed .card.cardContentPackage .contentPackageSeparator {
    background-color: #e0e0e0;
    border: none;
    color: #e0e0e0;
    height: 1px
}

.feed .card.cardContentPackage .contentPackageSeparator:first-of-type {
    margin-bottom: -5px;
    margin-top: .8rem
}

.feed .featuredNews .card.cardContentPackage .primaryHeadline .primaryHeadlineLink.uppercaseTrue .headline {
    letter-spacing: 1.2px
}

@media(min-width:961px)and (max-width:1024px) {
    .feed .card.cardContentPackage .firstContentColumn {
        flex-basis: auto !important
    }
}

.feed .viewportMedium .card.cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem
}

.feed .viewportMedium .card.cardContentPackage .secondaryContent .card,
.feed .viewportMedium .card.cardContentPackage .supportingContent .card {
    flex-basis: 220px
}

.feed .viewportMedium .card.cardContentPackage .secondaryContent .card.relatedCard:before,
.feed .viewportMedium .card.cardContentPackage .supportingContent .card.relatedCard:before {
    width: 120px
}

@media(min-width:641px)and (max-width:960px) {
    .feed .card.cardContentPackage .contentFlexLayout {
        flex-wrap: wrap
    }
    .feed .card.cardContentPackage .contentFlexLayout .firstContentColumn {
        margin-right: 0
    }
    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn {
        flex-grow: 1;
        margin-left: 0
    }
    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
        flex-direction: row
    }
    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
        flex: 0 1 225px
    }
    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
        padding-top: 1.2rem
    }
    .feed .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) {
    .feed .card.cardContentPackage {
        flex-basis: 100%;
        max-width: inherit
    }
    .feed .card.cardContentPackage .primaryHeadline {
        margin-left: 1rem;
        margin-right: 1rem;
        order: 2
    }
    .feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
        font-size: 1.5rem;
        line-height: 1.9rem;
        margin-bottom: .5rem;
        margin-top: .6rem;
        text-align: left
    }
    .feed .card.cardContentPackage .desktopHeadline {
        display: none
    }
    .feed .card.cardContentPackage .contentFlexLayout {
        flex-wrap: wrap
    }
    .feed .card.cardContentPackage .contentFlexLayout .firstContentColumn {
        margin-right: 0
    }
    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn {
        flex-grow: 1;
        margin-left: 0
    }
    .feed .card.cardContentPackage .secondaryContent .card.relatedCard,
    .feed .card.cardContentPackage .supportingContent .card.relatedCard {
        margin-left: 0;
        margin-right: 0
    }
    .feed .card.cardContentPackage .contentPackageSeparator {
        margin-left: 1em;
        margin-right: 1em
    }
}

.feed .card.cardContentPackage .primaryContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
    width: 100%
}

.feed .card.cardContentPackage .primaryContent .mobileHeadline {
    display: none
}

.feed .card.cardContentPackage .primaryContent .supportingContent {
    display: flex;
    flex: 1 1 230px;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: .6rem;
    padding-right: .5rem
}

.feed .card.cardContentPackage .primaryContent .supportingContent .deck {
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 .5rem .5rem 0
}

.feed .card.cardContentPackage .primaryContent .supportingContent .labelMetaData {
    padding: .5rem 0
}

.feed .card.cardContentPackage .primaryContent .supportingContent .metadata {
    display: inline-block;
    padding-right: 10px
}

.feed .card.cardContentPackage .primaryContent .supportingContent .metadata,
.feed .card.cardContentPackage .primaryContent .supportingContent .primaryLabel {
    padding-bottom: 1.3rem
}

.feed .card.cardContentPackage .primaryContent .supportingContent .metadata {
    font-weight: 700;
    margin: 0
}

.feed .card.cardContentPackage .primaryContent .supportingContent .metadata .metadataText {
    margin-top: 0
}

.feed .card.cardContentPackage .primaryContent .supportingContent .card.relatedCard {
    flex: initial
}

.feed .card.cardContentPackage .primaryContent .supportingContent .contentPackageList {
    clear: both;
    list-style: none;
    margin: 0;
    padding-bottom: 1.2rem;
    padding-left: 1.2rem
}

.feed .card.cardContentPackage .primaryContent .primaryImage {
    flex: 2 1 460px;
    margin-top: .6rem
}

.feed .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    display: block;
    margin-right: 3px
}

.feed .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink:focus,
.feed .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink:hover {
    box-shadow: 0 0 0 3px #cbcbcb;
    outline: none;
    transition: .4s
}

.feed .viewportMedium .card.cardContentPackage .primaryContent .supportingContent {
    padding-right: 1.5rem
}

.feed .viewportMedium .card.cardContentPackage .primaryContent .supportingContent .deck {
    font-size: 1rem
}

.feed .card.cardContentPackage .primaryContent .bulletpoint {
    color: #545454;
    font-size: .9rem
}

.feed .card.cardContentPackage .primaryContent .bulletpoint:before {
    content: "•";
    display: inline-block;
    font-weight: 700;
    margin-left: -1rem;
    width: .8rem
}

.feed .card.cardContentPackage .primaryContent .bulletpoint:nth-child(2) {
    padding-top: 1rem
}

@media(max-width:640px) {
    .feed .card.cardContentPackage .primaryContent {
        padding-bottom: 0
    }
    .feed .card.cardContentPackage .primaryContent .supportingContent {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: .5rem;
        order: 3
    }
    .feed .card.cardContentPackage .primaryContent .supportingContent .deck {
        font-size: 1rem
    }
    .feed .card.cardContentPackage .primaryContent .supportingContent .labelMetaData {
        padding-bottom: 0
    }
    .feed .card.cardContentPackage .primaryContent .mobileHeadline {
        display: block
    }
    .feed .card.cardContentPackage .primaryContent .primaryImage {
        margin-top: 0;
        order: 1;
        padding-bottom: .6rem
    }
    .feed .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink {
        margin-right: 0
    }
}

.feed .card.cardContentPackage .secondaryContent,
.feed .card.cardContentPackage .secondaryContent>div {
    display: flex;
    flex: 1 1 230px;
    flex-wrap: wrap
}

@media(max-width:640px) {
    .feed .card.cardContentPackage .secondaryContent,
    .feed .card.cardContentPackage .secondaryContent>div {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.feed .card.cardContentPackage .tertiaryContent {
    display: flex;
    flex-direction: column;
    margin-top: .6rem
}

.feed .card.cardContentPackage .tertiaryContent .card:first-child {
    padding-top: 0
}

.feed .card.cardContentPackage .tertiaryContent .card:nth-child(2).relatedCard {
    margin-top: 1.2rem
}

.feed .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
}

.feed .card.cardContentPackage .tertiaryContent .card {
    flex: 1 1 210px
}

.feed .card.cardContentPackage .tertiaryContent .card.cardDefault .card-content .contentPackageDiv {
    display: flex;
    margin-top: 10px
}

.feed .card.cardContentPackage .tertiaryContent .card.cardDefault .card-content .contentPackageDiv .inlineDescription {
    text-decoration: underline
}

.feed .card.cardContentPackage .tertiaryContent .card.cardDefault .card-content .contentPackageDiv .description {
    flex: 1 1 170px;
    font-size: .875rem;
    margin-top: 0
}

@media(min-width:641px)and (max-width:960px) {
    .feed .card.cardContentPackage .tertiaryContent .contentPackageDiv .imageMedia {
        flex-shrink: 0
    }
}

@media(max-width:640px) {
    .feed .card.cardContentPackage .tertiaryContent {
        margin-left: 1rem
    }
    .feed .card.cardContentPackage .tertiaryContent .card {
        flex: 1 1 180px
    }
    .feed .card.cardContentPackage .tertiaryContent .card.relatedCard {
        padding-top: 1.2rem
    }
    .feed .card.cardContentPackage .tertiaryContent .card.relatedCard:before {
        border-top: 1px solid #e0e0e0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 0;
        width: 192px
    }
    .feed .card.cardContentPackage .tertiaryContent .card:nth-child(2) {
        padding-bottom: 0
    }
}

.feed .card.cardDefault {
    display: block;
    overflow: hidden;
    padding: 1rem
}

.feed .card.cardDefault .card-content {
    display: flex;
    height: 100%
}

.feed .card.cardDefault .card-content .cardHeadlineImage .cardImageWrap {
    float: right;
    height: 100px;
    margin-left: 1rem;
    width: 100px
}

.feed .card.cardDefault .card-content .cardHeadlineImage .imageMedia {
    margin: 0;
    overflow: hidden
}

.feed .card.cardDefault .card-content .cardHeadlineImage .imageMedia img {
    aspect-ratio: 1
}

.feed .card.cardDefault .card-content .cardHeadlineImage .headline {
    margin-top: 0
}

.feed .card.cardDefault .card-content .cardHeadlineImage .cardDefaultDescription {
    display: none
}

.feed .card.cardDefault .card-content .metadata {
    clear: both;
    margin-bottom: 0
}

.feed .viewportSmall .card.cardDefault .card-content {
    display: block
}

.feed .viewportSmall .card.cardDefault .card-content .metadata {
    clear: none
}

.feed .widescreenThumbs .card.cardDefault .card-content .cardHeadlineImage .cardImageWrap {
    height: 63px;
    width: 112px
}

.feed .widescreenThumbs .card.cardDefault .card-content .cardHeadlineImage .cardImageWrap img {
    aspect-ratio: 16/9
}

.feed .widescreenThumbs .card.cardDefault .card-content .cardHeadlineImage .headline {
    width: calc(100% - 116px)
}

.feed .card.cardDefault.sponsored {
    background-color: #dcdcdc
}

.feed .card.cardDefault.sponsored:focus,
.feed .card.cardDefault.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardDefault.sponsored .card-content,
.feed .card.cardDefault.sponsored .card-content .imageMedia .placeholder,
.feed .card.cardDefault.sponsored .card-content .metadataText,
.feed .card.cardDefault.sponsored .contentWrapper .card-content,
.feed .card.cardDefault.sponsored .contentWrapper .card-content .imageMedia .placeholder,
.feed .card.cardDefault.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent
}

.feed .card.cardDefault.sponsored .card-content .label,
.feed .card.cardDefault.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -.6rem 0 1rem -1rem
}

.feed .card.cardDefault.sponsored .card-content .label .labelText,
.feed .card.cardDefault.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: .5rem
}

.feed .card.cardDefault.sponsored .card-content:after,
.feed .card.cardDefault.sponsored .contentWrapper:after {
    border-bottom: none
}

.feed .card.cardDefault.sponsored .sponsorshipLogo {
    max-width: 100px
}

.feed .card.cardDefault.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .card.cardDefault.sponsorMeta:focus,
.feed .card.cardDefault.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardDefault.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .card.cardDefault.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .card.cardDefault.cardIconDescription {
    flex: 280px 1 1;
    height: 100%;
    margin: .5rem;
    padding: 1.15rem 1.15rem 1.15rem .6rem
}

.feed .card.cardDefault.cardIconDescription .cardHeadlineImage {
    align-items: center;
    display: flex
}

.feed .card.cardDefault.cardIconDescription .cardHeadlineImage .imageMedia {
    height: auto;
    margin-left: unset;
    width: 88px
}

.feed .card.cardDefault.cardIconDescription .cardHeadlineImage .cardHeadlineDescription {
    padding-left: 2rem;
    width: 14rem
}

.feed .card.cardDefault.cardIconDescription .cardHeadlineImage .cardHeadlineDescription .cardDefaultDescription {
    color: #545454;
    display: block;
    font-size: 13.5px;
    margin: unset;
    margin-top: 10px
}

@media(max-width:640px) {
    .feed .card.cardDefault.cardIconDescription .cardHeadlineImage .cardHeadlineDescription {
        width: 12rem
    }
}

.feed .card.cardDefault.cardIconDescription .headline {
    font-size: 22px;
    margin-bottom: unset
}

.feed .card.cardDefault.cardIconDescription .card-content-bottom {
    display: none
}

.feed .card.cardText {
    display: block;
    overflow: hidden;
    padding: .5rem 1rem
}

.feed .card.cardText .card-content {
    height: 100%
}

.feed .card.cardText .card-content .metadata {
    margin: .5rem 0
}

.feed .card.cardText.sponsored {
    background-color: #dcdcdc
}

.feed .card.cardText.sponsored:focus,
.feed .card.cardText.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardText.sponsored .card-content,
.feed .card.cardText.sponsored .card-content .imageMedia .placeholder,
.feed .card.cardText.sponsored .card-content .metadataText,
.feed .card.cardText.sponsored .contentWrapper .card-content,
.feed .card.cardText.sponsored .contentWrapper .card-content .imageMedia .placeholder,
.feed .card.cardText.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent
}

.feed .card.cardText.sponsored .card-content .label,
.feed .card.cardText.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -.6rem 0 1rem -1rem
}

.feed .card.cardText.sponsored .card-content .label .labelText,
.feed .card.cardText.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: .5rem
}

.feed .card.cardText.sponsored .card-content:after,
.feed .card.cardText.sponsored .contentWrapper:after {
    border-bottom: none
}

.feed .card.cardText.sponsored .sponsorshipLogo {
    max-width: 100px
}

.feed .card.cardText.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .card.cardText.sponsorMeta:focus,
.feed .card.cardText.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardText.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .card.cardText.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .card.cardRegular {
    align-items: center;
    background-color: #fff;
    flex-direction: column
}

.feed .card.cardRegular .image {
    min-height: 0;
    position: relative;
    width: 100%
}

.feed .card.cardRegular .image .imageEl {
    width: 100%
}

.feed .card.cardRegular .image img {
    aspect-ratio: 16/9
}

.feed .card.cardRegular .contentWrapper {
    align-self: stretch;
    padding: 0;
    position: relative
}

.feed .card.cardRegular .contentWrapper .card-content {
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0;
    padding: 1rem 1rem 0;
    transition: .4s;
    width: 100%
}

.feed .card.cardRegular .contentWrapper .card-content .authorInfo {
    margin-right: .7rem
}

.feed .card.cardRegular .contentWrapper .headline {
    font-size: 1rem
}

.feed .card.cardRegular .contentWrapper .metadata {
    margin-top: 1rem
}

.feed .card.cardRegular.sponsored {
    background-color: #dcdcdc
}

.feed .card.cardRegular.sponsored:focus,
.feed .card.cardRegular.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardRegular.sponsored .card-content,
.feed .card.cardRegular.sponsored .card-content .imageMedia .placeholder,
.feed .card.cardRegular.sponsored .card-content .metadataText,
.feed .card.cardRegular.sponsored .contentWrapper .card-content,
.feed .card.cardRegular.sponsored .contentWrapper .card-content .imageMedia .placeholder,
.feed .card.cardRegular.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent
}

.feed .card.cardRegular.sponsored .card-content .label,
.feed .card.cardRegular.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -.6rem 0 1rem -1rem
}

.feed .card.cardRegular.sponsored .card-content .label .labelText,
.feed .card.cardRegular.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: .5rem
}

.feed .card.cardRegular.sponsored .card-content:after,
.feed .card.cardRegular.sponsored .contentWrapper:after {
    border-bottom: none
}

.feed .card.cardRegular.sponsored .sponsorshipLogo {
    max-width: 100px
}

.feed .card.cardRegular.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .card.cardRegular.sponsorMeta:focus,
.feed .card.cardRegular.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardRegular.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .card.cardRegular.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .card.cardShow {
    align-items: center;
    background-color: #fff;
    flex-direction: column
}

.feed .card.cardShow .image {
    min-height: 0;
    position: relative;
    width: 100%
}

.feed .card.cardShow .image .imageEl {
    width: 100%
}

.feed .card.cardShow .image img {
    aspect-ratio: 16/9
}

.feed .card.cardShow .contentWrapper {
    align-self: stretch;
    position: relative
}

.feed .card.cardShow .contentWrapper .card-content {
    background-color: #fff;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0 .5rem;
    padding: .5rem;
    transition: .4s;
    width: 100%
}

.feed .card.cardShow .contentWrapper .card-content .authorInfo {
    margin-right: .7rem
}

.feed .card.cardShow .contentWrapper .metadata {
    font-size: .7rem
}

.feed .card.cardShow .contentWrapper .headline {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.125rem
}

.feed .card.cardShow .contentWrapper .description {
    color: #545454;
    font-size: .9375rem;
    line-height: 1.375rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.feed .card.cardShow.sponsored {
    background-color: #dcdcdc
}

.feed .card.cardShow.sponsored:focus,
.feed .card.cardShow.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardShow.sponsored .card-content,
.feed .card.cardShow.sponsored .card-content .imageMedia .placeholder,
.feed .card.cardShow.sponsored .card-content .metadataText,
.feed .card.cardShow.sponsored .contentWrapper .card-content,
.feed .card.cardShow.sponsored .contentWrapper .card-content .imageMedia .placeholder,
.feed .card.cardShow.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent
}

.feed .card.cardShow.sponsored .card-content .label,
.feed .card.cardShow.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -.6rem 0 1rem -1rem
}

.feed .card.cardShow.sponsored .card-content .label .labelText,
.feed .card.cardShow.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: .5rem
}

.feed .card.cardShow.sponsored .card-content:after,
.feed .card.cardShow.sponsored .contentWrapper:after {
    border-bottom: none
}

.feed .card.cardShow.sponsored .sponsorshipLogo {
    max-width: 100px
}

.feed .card.cardListing {
    align-items: flex-start;
    background-color: #fff;
    border: none;
    display: flex;
    margin-left: .5rem;
    margin-right: .5rem
}

.feed .card.cardListing .imageMedia {
    width: 100%
}

.feed .card.cardListing .imageMedia img {
    aspect-ratio: 16/9
}

.feed .card.cardListing .card-content {
    padding: 0 16px
}

.feed .card.cardListing .headline {
    font-size: 1rem;
    line-height: 1.125rem
}

.feed .card.cardListing .contentWrapper .label {
    margin-top: .5rem
}

.feed .card.cardListing .authorInfo .imageMedia {
    width: 40px
}

.feed .card.cardListing .authorInfo .imageMedia img {
    aspect-ratio: 1
}

.feed .card.cardListing.topImage {
    flex: 1 1 280px;
    flex-flow: column wrap
}

.feed .card.cardListing.leftImage,
.feed .card.cardListing.rightImage {
    border-top: 1px solid #e0e0e0;
    flex: 1 1 100%;
    flex-flow: row wrap;
    margin-bottom: 0;
    padding-top: 1rem
}

.feed .card.cardListing.leftImage .image,
.feed .card.cardListing.rightImage .image {
    flex: 0 1 120px;
    height: 67px;
    margin: 1.5rem 0 1.5rem 1.5rem;
    width: 120px
}

.feed .viewportLarge .card.cardListing.leftImage .image,
.feed .viewportLarge .card.cardListing.rightImage .image {
    flex: 1 1 220px;
    height: 124px;
    max-width: 220px
}

.feed .viewportSmall .card.cardListing.leftImage .image,
.feed .viewportSmall .card.cardListing.rightImage .image {
    flex: none;
    height: auto;
    margin: 1rem 0 .5rem;
    width: 100%
}

.feed .card.cardListing.leftImage .contentWrapper,
.feed .card.cardListing.rightImage .contentWrapper {
    flex: 1
}

.feed .card.cardListing.rightImage {
    flex-flow: row-reverse wrap
}

.feed .viewportSmall .card.cardListing.rightImage {
    flex-flow: column wrap
}

.feed .card.cardListing.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .card.cardListing.sponsorMeta:focus,
.feed .card.cardListing.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardListing.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .card.cardListing.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .card.cardFeatured {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    padding: 1rem
}

.feed .card.cardFeatured .mediaItem {
    align-self: center;
    background-color: #fff;
    flex: 2 1 460px
}

.feed .card.cardFeatured .mediaItem img {
    aspect-ratio: 16/9
}

.feed .card.cardFeatured .headline {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1rem
}

.feed .card.cardFeatured .contentWrapper {
    flex: 1 1 206px;
    padding: 1rem
}

.feed .card.cardFeatured .contentWrapper .card-content .metadata {
    clear: both;
    margin-bottom: 0
}

.feed .card.cardFeatured.sponsored {
    background-color: #dcdcdc
}

.feed .card.cardFeatured.sponsored:focus,
.feed .card.cardFeatured.sponsored:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardFeatured.sponsored .card-content,
.feed .card.cardFeatured.sponsored .card-content .imageMedia .placeholder,
.feed .card.cardFeatured.sponsored .card-content .metadataText,
.feed .card.cardFeatured.sponsored .contentWrapper .card-content,
.feed .card.cardFeatured.sponsored .contentWrapper .card-content .imageMedia .placeholder,
.feed .card.cardFeatured.sponsored .contentWrapper .card-content .metadataText {
    background-color: transparent
}

.feed .card.cardFeatured.sponsored .card-content .label,
.feed .card.cardFeatured.sponsored .contentWrapper .card-content .label {
    background-color: transparent;
    margin: -.6rem 0 1rem -1rem
}

.feed .card.cardFeatured.sponsored .card-content .label .labelText,
.feed .card.cardFeatured.sponsored .contentWrapper .card-content .label .labelText {
    background-color: #fff;
    border: none;
    color: #545454;
    font-size: 11px;
    padding: .5rem
}

.feed .card.cardFeatured.sponsored .card-content:after,
.feed .card.cardFeatured.sponsored .contentWrapper:after {
    border-bottom: none
}

.feed .card.cardFeatured.sponsored .sponsorshipLogo {
    max-width: 100px
}

.feed .card.cardFeatured.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .card.cardFeatured.sponsorMeta:focus,
.feed .card.cardFeatured.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .card.cardFeatured.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .card.cardFeatured.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .card.cardFeatured.hasVideo .videoContainer {
    align-self: center;
    flex: 2 1 460px;
    width: 100%
}

.feed .click-wp .card.cardFeatured.hasVideo .videoContainer,
.feed .viewportSmall .card.cardFeatured.hasVideo .videoContainer {
    width: 100%
}

.feed .card.cardFeaturedReversed .headline {
    font-size: 1.625rem
}

.feed .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: .5rem .5rem 0;
    overflow: unset
}

.feed .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .card.cardDiscovery:focus {
    box-shadow: 0 0 0 3px #e60505
}

.feed .card.cardDiscovery .image {
    min-height: 0;
    position: relative;
    width: 100%
}

.feed .card.cardDiscovery .image .imageEl {
    width: 100%
}

.feed .card.cardDiscovery .contentWrapper {
    align-self: stretch
}

.feed .card.cardDiscovery .contentWrapper .card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: .8rem .5rem 0 0;
    padding: 0
}

.feed .card.cardDiscovery .contentWrapper .headline {
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1875rem;
    margin: 0
}

.feed .card.cardDiscovery .contentWrapper .metadata {
    margin-bottom: .5rem
}

.feed .card.cardDiscovery .contentWrapper .metadata .authorInfo .author-image {
    display: none
}

.feed .card.cardDiscovery .contentWrapper .metadata .authorInfo .authorName {
    color: #000;
    font-size: .8rem
}

.feed .card.cardDiscovery .contentWrapper .metadata .metadataText {
    font-size: .8rem;
    margin: 0
}

.feed .card.cardDiscovery .contentWrapper .metadata .metadataText .commentInfo {
    display: none
}

.feed .card.cardDiscovery.isTrending {
    border-bottom: none;
    border-right: 1px solid #cbcbcb;
    margin-right: 0;
    padding-right: .5rem
}

.feed .card.cardDiscovery.isTrending .card-content {
    padding-left: 28px
}

.feed .card.cardDiscovery.isTrending .readerCount {
    margin: .5rem 0
}

.feed .vertical .card.cardDiscovery {
    border-bottom: 1px solid #e0e0e0;
    border-right: none;
    flex: 1 1 auto
}

.feed .vertical .card.cardDiscovery .imageMedia {
    display: none
}

.feed .vertical .card.cardDiscovery .headline {
    margin-bottom: .5rem
}

.feed .vertical .card.cardDiscovery .metadata,
.feed .vertical .card.cardDiscovery .readerCount {
    margin-top: 0
}

.feed .vertical .card.cardDiscovery.isTrending {
    padding-right: 0
}

.feed .vertical .card.cardDiscovery.isTrending .card-content {
    margin-right: 0
}

.feed .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) {
    .feed .card.cardDiscovery .rankIndicator {
        font-size: 22px
    }
}

.feed .vertical .card.cardDiscovery .rankIndicator {
    font-size: 22px
}

.feed .card.cardDiscovery .readerCount {
    color: #545454;
    font-size: .8rem;
    text-transform: none
}

.feed .card .headline {
    flex-grow: 1;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35rem;
    margin-top: .5rem
}

.feed .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: .9375rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.feed .card .callToAction .chevronIcon {
    fill: #0550c8;
    transform: rotate(-90deg)
}

.feed .card .metadata {
    color: #545454;
    font-size: .85rem;
    margin-bottom: 1rem;
    margin-top: .75rem;
    padding-bottom: 0;
    text-transform: capitalize
}

.feed .card .metadata .metadataText {
    align-items: baseline;
    display: flex;
    flex-flow: row wrap;
    margin-top: .5rem
}

.feed .card .metadata .metaSeparator {
    margin-left: 5px;
    margin-right: 5px
}

.feed .card .metadata .authorInfo {
    margin-bottom: .5rem
}

.feed .card .metadata .departmentItem.Goods {
    text-transform: lowercase
}

.feed .card .metadata .commentCount-icon {
    fill: #0550c8;
    display: inline-block;
    height: 17px;
    margin-left: .2rem;
    vertical-align: middle;
    width: 16px
}

.feed .card .metadata .authorInfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.feed .card .metadata .authorInfo .author-image {
    margin-right: .5rem
}

.feed .card .metadata .authorInfo .authorName {
    align-self: center;
    text-transform: none
}

.feed .card .metadata .timeStamp {
    align-self: center
}

.feed .card .metadata .sponsorBy {
    margin-bottom: 16px;
    width: 100%
}

.feed .card .metadata .sponsorBy .sponsorLogo {
    align-items: center;
    display: flex;
    font-weight: 700
}

.feed .card .metadata .sponsorBy .sponsorLogo img {
    margin-left: 10px
}

.feed .card .metadata .sponsorBy .sponsorLink {
    text-decoration: none
}

.feed .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
}

.feed .card .metadata .detail:not(.card) .sponsorLogo img {
    height: 30px;
    min-width: auto;
    width: auto
}

.feed .mediaTheme .card:focus {
    box-shadow: 0 0 0 6px #fff;
    outline: 3px solid #000
}

.feed .sectionContainer-wrapper .featuredTopStories .contentList .contentListCards .card {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 .5rem .5rem;
    padding: 0
}

@media only screen and (max-width:640px) {
    .feed .sectionContainer-wrapper .featuredTopStories .contentList .contentListCards .card {
        border: 1px solid #e0e0e0;
        margin-top: 0;
        padding: 1rem
    }
}

.feed .sectionContainer-wrapper .featuredTopStories .contentList .contentListCards .card.cardFeatured {
    padding: 0
}

.feed .sectionContainer-wrapper .featuredTopStories .contentList .contentListCards .card.cardText {
    margin-top: 0;
    padding: 1rem
}

.feed .cardImageWrap {
    position: relative;
    width: 100%
}

.feed .carouselWrapper {
    background-color: #363636;
    display: flex;
    flex-flow: column;
    min-width: 100%
}

.feed .carouselWrapper .carouselTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.feed .carouselWrapper .carouselTop .header {
    color: #fff;
    margin-left: .5rem
}

.feed .carouselWrapper .carouselNav {
    align-items: center;
    display: flex;
    margin-right: .5rem
}

.feed .carouselWrapper .carouselNav .carouselIndicator {
    color: #fff;
    font-size: .8rem
}

.feed .carouselWrapper .next,
.feed .carouselWrapper .prev {
    background: #000;
    border: none;
    color: #fff;
    height: 100%;
    padding: 0;
    width: 35px;
    z-index: 900
}

.feed .carouselWrapper .next:hover,
.feed .carouselWrapper .prev:hover {
    box-shadow: inset 0 0 0 3px hsla(0, 0%, 100%, .75)
}

.feed .carouselWrapper .next .chevronIcon,
.feed .carouselWrapper .prev .chevronIcon {
    fill: #fff;
    background-color: transparent;
    border-radius: 0;
    height: 25px;
    margin: 0;
    opacity: .8;
    padding: 0;
    width: 35px
}

.feed .carouselWrapper .prev {
    display: none;
    left: 0;
    position: absolute
}

.feed .carouselWrapper .prev .chevronIcon {
    padding-top: 5px;
    transform: rotate(90deg)
}

.feed .carouselWrapper .next {
    display: none;
    position: absolute;
    right: 0
}

.feed .carouselWrapper .next .chevronIcon {
    padding-left: 5px;
    transform: rotate(270deg)
}

.feed .carouselWrapper .prev.show {
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute
}

.feed .carouselWrapper .prev.show:hover .chevronIcon {
    opacity: 1
}

.feed .carouselWrapper .next.show {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0
}

.feed .carouselWrapper .next.show:hover .chevronIcon {
    opacity: 1
}

.feed .carouselWrapper .carousel {
    display: flex;
    height: inherit;
    overflow: hidden;
    position: relative;
    width: 100%
}

.feed .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
}

.feed .carouselWrapper .carousel .itemList>div {
    display: flex;
    flex-shrink: 0;
    scroll-snap-align: start;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .5s;
    width: 100%
}

.feed .carouselWrapper .carousel .itemList div.video-card-container:first-child {
    margin-left: 2px
}

.feed .carouselWrapper .carousel .itemList::-webkit-scrollbar {
    display: none
}

.feed .carouselWrapper .carousel .itemContainer {
    margin: 0 auto;
    padding-bottom: 16px;
    width: calc(100% - 70px)
}

.feed .carouselWrapper .carousel div.video-card-container {
    margin: 2px 8px
}

.feed .viewportSmall .carouselWrapper .carousel div.video-card-container {
    max-width: calc(50% - 16px);
    min-width: calc(50% - 16px)
}

.feed .viewportMedium .carouselWrapper .carousel div.video-card-container {
    max-width: calc(33.33% - 16px);
    min-width: calc(33.33% - 16px)
}

.feed .viewportLarge .carouselWrapper .carousel div.video-card-container {
    max-width: calc(20% - 16px);
    min-width: calc(20% - 16px)
}

.feed .carouselWrapper .carousel div.video-card-container.placeholder {
    max-width: 241px;
    min-width: 241px
}

.feed .carouselWrapper .carousel .video-card {
    border: 2px transparent;
    min-width: 100%
}

.feed .carouselWrapper .carousel .video-card .video-item {
    background-color: #fff;
    border: none;
    min-width: unset
}

.feed .carouselWrapper .carousel .video-card .video-item .video-item-details {
    height: 76px
}

.feed .carouselWrapper .carousel .video-card .video-item .video-item-details>.formattedDate {
    display: none
}

.feed .carouselWrapper .carousel .video-card .video-item .video-item-details .video-item-title {
    font-size: .8rem
}

.feed .carouselWrapper .carousel .video-card:focus,
.feed .carouselWrapper .carousel .video-card:hover {
    outline: none
}

.feed .carouselWrapper .carousel .video-card:focus .video-item,
.feed .carouselWrapper .carousel .video-card:hover .video-item {
    box-shadow: 0 0 0 2px #fff
}

.feed .comments .commentIntro {
    color: #545454;
    font-size: .9rem
}

.feed .comments .viafoura {
    --accent-color-light: #0550c8;
    --accent-color: #0550c8;
    --editors-pick-color: red;
    --moderator-color: #0550c8;
    --base-font-size: 0.7rem
}

.feed .comments .viafoura .vf-comment-header,
.feed .comments .viafoura .vf3-conversations-footer {
    display: none
}

.feed .comments .viafoura .vf-editors-pick-badge__text {
    visibility: hidden
}

.feed .comments .viafoura .vf-editors-pick-badge__text:before {
    content: "FEATURED";
    visibility: visible
}

.feed #mostpopular li.tab2,
.feed #newsheadlines .vf-counter.vf-widget,
.feed #regional .yui3-tabview-list li.tab2.yui3-tab.yui3-widget {
    display: none
}

.feed #mainbox1 #socialbox1 a:active,
.feed #mainbox1 #socialbox1 a:hover,
.feed #mainbox1 #socialbox1 a:link,
.feed #mainbox1 #socialbox1 a:visited,
.feed #mainbox2 #socialbox2 a:active,
.feed #mainbox2 #socialbox2 a:hover,
.feed #mainbox2 #socialbox2 a:link,
.feed #mainbox2 #socialbox2 a:visited,
.feed #mainbox2 #socialbox3 a:active,
.feed #mainbox2 #socialbox3 a:hover,
.feed #mainbox2 #socialbox3 a:link,
.feed #mainbox2 #socialbox3 a:visited {
    color: #000;
    text-decoration: none
}

.feed .feedback-links {
    float: right;
    padding: 5px 0
}

.feed .feedback-links .storytool {
    font-size: 12px;
    font-weight: 700;
    margin-right: 0;
    padding: 0 4px
}

.feed .feedback-links .error {
    border-right: 2px solid gray
}

.feed .feedback-links .feedback {
    padding-left: 2px
}

.feed .contentList .card {
    overflow: hidden
}

.feed .contentList .ad-bigbox {
    margin-bottom: .5rem
}

.feed .contentList.hideContentBottom .card-content-bottom {
    display: none
}

.feed .contentList.hideContentBottom .headline {
    margin-bottom: 45px
}

.feed .contentList:not(.contentListSwimlane) .listDisplay.contentListCards {
    list-style-type: none;
    padding: 0
}

.feed .contentList:not(.contentListSwimlane) .listDisplay .contentListItem {
    display: flex
}

.feed .contentList:not(.contentListSwimlane) .listDisplay .contentListItem:first-child {
    flex-basis: 100%
}

.feed .contentList:not(.contentListSwimlane) .listDisplay .contentListItem:not(:first-child) {
    flex: 1 1 270px
}

.feed .contentList:not(.contentListSwimlane) .listDisplay .contentListItem:hover {
    z-index: 50
}

.feed .contentList.contentListSwimlane .listDisplay {
    align-items: stretch;
    display: flex;
    list-style: none;
    margin: inherit;
    padding: inherit
}

.feed .contentList.contentListSwimlane .listDisplay li {
    display: flex;
    flex: 1 1 230px;
    margin: .5rem
}

.feed .contentList.contentListSwimlane .listDisplay li .card {
    display: block;
    margin: 0
}

.feed .contentList.contentListSwimlane .listDisplay li:first-child .card {
    padding-left: 0
}

.feed .contentList.contentListSwimlane .listDisplay li:last-child .card {
    padding-right: 0
}

.feed .contentList .displayFour {
    display: flex;
    list-style: none;
    margin: inherit;
    padding: inherit
}

.feed .contentList .displayFour li {
    display: inherit;
    flex-basis: 100%
}

.feed .contentList .displayFour li:first-child .card {
    padding-left: 0
}

.feed .contentList .displayFour li:last-child .card {
    padding-right: 0
}

.feed .contentList .displayFour.displayFourRightBorder .card {
    border: none
}

.feed .contentList .displayFour.displayFourRightBorder .card .card-content {
    border-right: 1px solid #e0e0e0;
    margin-bottom: -14px;
    padding-right: 15px
}

.feed .contentList .displayFour.displayFourRightBorder li:last-child .card {
    border: none
}

@media only screen and (max-width:1080px)and (min-width:800px) {
    .feed .contentList .displayFour li:last-child {
        display: none
    }
    .feed .contentList .displayFour li:nth-last-child(-n+2) .card {
        padding-right: 0
    }
    .feed .contentList .displayFour.displayFourRightBorder li:nth-last-child(-n+2) .card {
        border: none
    }
}

@media only screen and (max-width:800px)and (min-width:639px) {
    .feed .contentList .displayFour li:nth-last-child(-n+2) {
        display: none
    }
    .feed .contentList .displayFour li:nth-last-child(-n+3) .card {
        padding-right: 0
    }
    .feed .contentList .displayFour.displayFourRightBorder li:nth-last-child(-n+3) .card {
        border: none
    }
}

@media only screen and (max-width:639px) {
    .feed .contentList .displayFour {
        flex-flow: column
    }
    .feed .contentList .displayFour .card {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
    .feed .contentList .displayFour.displayFourRightBorder .card {
        border: none;
        border-bottom: 1px solid #e0e0e0
    }
}

.feed .contentList button.loadMore {
    margin: .5rem auto 1.5rem
}

.feed .featuredArea {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.feed .featuredArea .card {
    flex: 1 1 270px
}

.feed .featuredArea .cardRegular {
    margin: .5rem 0
}

.feed .featuredArea .cardFeatured {
    padding: 0
}

.feed .featuredArea .featuredHighlights .cardListing {
    border: 1px solid #e0e0e0
}

.feed .featuredArea .featuredHighlights .cardListing .card-content {
    padding: 1rem 1rem 0
}

.feed .featuredArea .featuredHighlights .cardListing .card-content .label {
    margin: 0 0 1rem
}

.feed .featuredArea .featuredHighlights,
.feed .featuredArea .featuredTopStories {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.feed .featuredArea .featuredNews,
.feed .featuredArea .primaryTopStories,
.feed .featuredArea .secondaryTopStories {
    width: 100%
}

.feed .featuredArea .featuredNews .featuredNewsContentPackage {
    display: flex
}

.feed .featuredArea .featuredNews .featuredTopStories {
    display: grid;
    grid-template-columns: 2fr 1fr
}

.feed .featuredArea .featuredNews .featuredTopStories .contentList,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards {
    height: 100%;
    margin: 0;
    width: 100%
}

.feed .featuredArea .featuredNews .featuredTopStories .contentList .card,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card {
    margin-top: 0
}

.feed .featuredArea .featuredNews .featuredTopStories .contentList .card.card-cqw.headline .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .card.cardDefault .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .card.cardListing .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .card.cardText .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card.card-cqw.headline .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card.cardDefault .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card.cardListing .headline,
.feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card.cardText .headline {
    font-size: 1.125rem;
    line-height: 1.3
}

.feed .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
}

.feed .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) {
    .feed .featuredArea .featuredNews .featuredTopStories {
        grid-template-columns: 1fr
    }
}

.feed .featuredArea .featuredNews .regionInfo .contentList .contentListCards .card {
    flex-basis: 230px
}

.feed .viewportSmall .featuredArea {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .viewportSmall .featuredArea .card {
    margin: .5rem
}

.feed .viewportSmall .featuredArea .cardRegular {
    flex: 1 1 230px;
    max-width: 100%
}

.feed .viewportSmall .featuredArea .ad-native-ad {
    padding: 0
}

.feed .viewportLarge .featuredArea .card.cardRegular,
.feed .viewportMedium .featuredArea .card.cardRegular,
.feed .viewportXLarge .featuredArea .card.cardRegular {
    flex: 1 1 25%;
    max-width: 31.5%
}

.feed .viewportLarge .featuredArea,
.feed .viewportMedium .featuredArea,
.feed .viewportXLarge .featuredArea {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .viewportLarge .featuredArea .card,
.feed .viewportMedium .featuredArea .card,
.feed .viewportXLarge .featuredArea .card {
    flex-basis: 230px;
    margin: .5rem;
    padding: 1rem
}

.feed .viewportLarge .featuredArea .card.cardFeatured,
.feed .viewportMedium .featuredArea .card.cardFeatured,
.feed .viewportXLarge .featuredArea .card.cardFeatured {
    margin-top: 0;
    padding: 0
}

.feed .viewportLarge .featuredArea .card.cardRegular,
.feed .viewportMedium .featuredArea .card.cardRegular,
.feed .viewportXLarge .featuredArea .card.cardRegular {
    padding: 0
}

.feed .viewportLarge .featuredArea .featuredTopStories,
.feed .viewportMedium .featuredArea .featuredTopStories,
.feed .viewportXLarge .featuredArea .featuredTopStories {
    align-items: stretch;
    margin-bottom: .5rem
}

.feed .viewportLarge .featuredArea .featuredTopStories .primaryTopStories,
.feed .viewportMedium .featuredArea .featuredTopStories .primaryTopStories,
.feed .viewportXLarge .featuredArea .featuredTopStories .primaryTopStories {
    display: flex;
    flex: 2 1 460px;
    width: auto
}

.feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
.feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
.feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
    flex: 1 1 230px;
    flex-flow: column wrap
}

.feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card,
.feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card,
.feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card {
    flex: 1 1 auto;
    width: -webkit-fill-available
}

.feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card:first-child,
.feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card:first-child,
.feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card:first-child {
    margin-top: 0
}

.feed .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap,
.feed .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap,
.feed .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap {
    display: none
}

.feed .viewportLarge .featuredArea .ad-native-ad,
.feed .viewportLarge .featuredArea .featuredHighlights .card.cardListing,
.feed .viewportMedium .featuredArea .ad-native-ad,
.feed .viewportMedium .featuredArea .featuredHighlights .card.cardListing,
.feed .viewportXLarge .featuredArea .ad-native-ad,
.feed .viewportXLarge .featuredArea .featuredHighlights .card.cardListing {
    padding: 0
}

.feed .pageContentWrap.wallpaperArea {
    background: #fff;
    padding: 0 1rem
}

.feed .pageContentWrap .contentAreaWrap {
    display: grid;
    gap: 0 1rem;
    grid-template-columns: 1fr;
    margin-top: 1.5rem
}

.feed .pageContentWrap .contentAreaWrap.withSidebar {
    grid-template-columns: 1fr 300px
}

.feed .pageContentWrap .contentAreaWrap .withFlex {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap
}

.feed .pageContentWrap .contentAreaWrap .contentArea .customHtml,
.feed .pageContentWrap .contentAreaWrap .sidebar .customHtml {
    border: none
}

.feed .pageContentWrap .contentAreaWrap .contentArea {
    flex: 3 1 43.75rem
}

.feed .pageContentWrap .contentAreaWrap .adCardWrapper,
.feed .pageContentWrap .contentAreaWrap .sidebar {
    width: 100%
}

.feed .pageContentWrap .contentAreaWrap .popularNowContainer {
    min-height: 30rem
}

.feed .pageContentWrap .contentAreaWrap .contentList .contentListCards {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .pageContentWrap .contentAreaWrap .contentList .contentListCards .card {
    flex: 1 1 270px;
    margin: .5rem
}

.feed .pageContentWrap .contentAreaWrap .contentList .contentListCards .contentListAdWrapper {
    flex: 0 0 100%
}

.feed .pageContentWrap .contentAreaWrap .contentList .contentListCards .contentListAdWrapper .card {
    max-width: 100%
}

.feed .pageContentWrap.viewportSmall .contentAreaWrap .contentList,
.feed .pageContentWrap.viewportSmall .contentAreaWrap .sidebar {
    padding-left: 0;
    padding-right: 0
}

.feed .pageContentWrap.viewportSmall .feedTourButton {
    display: none
}

.feed .pageContentWrap.viewportSmall .cardRegular {
    flex: 1 1 100%;
    max-width: 100%
}

.feed .viewportMedium .contentArea .contentList .contentListCards .card.cardRegular {
    flex: 1 1 47%;
    max-width: 48%
}

.feed .viewportLarge .contentArea .contentList .contentListCards .card.cardRegular,
.feed .viewportXLarge .contentArea .contentList .contentListCards .card.cardRegular {
    flex: 1 1 25%;
    max-width: 31.5%
}

.feed .viewportLarge .contentArea .contentList .contentListCards .card,
.feed .viewportMedium .contentArea .contentList .contentListCards .card,
.feed .viewportXLarge .contentArea .contentList .contentListCards .card {
    flex: 1 1 230px
}

.feed .viewportLarge .contentArea .contentList .contentListCards .card.cardListing.topImage,
.feed .viewportMedium .contentArea .contentList .contentListCards .card.cardListing.topImage,
.feed .viewportXLarge .contentArea .contentList .contentListCards .card.cardListing.topImage {
    max-width: 47.6%
}

.feed .viewportLarge .pageContentWrap .contentAreaWrap .sidebar,
.feed .viewportMedium .pageContentWrap .contentAreaWrap .sidebar,
.feed .viewportXLarge .pageContentWrap .contentAreaWrap .sidebar {
    flex: 0 0 300px
}

.feed .viewportSmall .contentArea .contentList .contentListCards .card.cardListing.topImage {
    flex-basis: 100%
}

@media(min-width:641px)and (max-width:1068px) {
    .feed .pageContentWrap .contentAreaWrap .sidebar,
    .feed .pageContentWrap.viewportLarge .contentAreaWrap .sidebar,
    .feed .pageContentWrap.viewportMedium .contentAreaWrap .sidebar {
        flex-grow: 1
    }
}

@media(max-width:1068px) {
    .feed .pageContentWrap .contentAreaWrap.withSidebar {
        grid-template-columns: 1fr
    }
}

.feed .imageMedia {
    display: inline
}

.feed .imageMedia .placeholder {
    background: radial-gradient(#fff, #cbcbcb);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.feed .imageMedia .placeholder img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.feed .detail {
    overflow-x: unset
}

.feed .detail.detailBody .withFlex {
    display: flex;
    flex-flow: wrap
}

.feed .detail.detailBody .detailBodyContainer {
    display: grid;
    gap: 40px;
    margin: 1rem auto 0;
    max-width: 1060px
}

.feed .detail.detailBody .detailBodyContainer.withSidebar {
    grid-template-columns: 1fr 300px
}

@media(max-width:1100px) {
    .feed .detail.detailBody .detailBodyContainer.withSidebar {
        grid-template-columns: 1fr;
        max-width: 720px
    }
}

.feed .detail.detailBody .detailBodyContainer.withSidebar .source {
    width: 100%
}

.feed .detail.detailBody .detailBodyContainer .detailMainCol {
    flex: 0 1 45rem;
    max-width: 100%;
    min-width: 0
}

.feed .detail.detailBody .detailBodyContainer .detailMainCol .mediaIsLead .media-caption .featuredVideo {
    color: #e60505;
    display: inline;
    font-weight: 700
}

.feed .detail.detailBody .detailBodyContainer .detailMainCol .mediaIsLead .media-caption .featuredVideo:after {
    color: #545454;
    content: " · "
}

.feed .detail.detailBody .detailBodyContainer .detailSideRail {
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    max-width: 300px;
    position: relative
}

.feed .detail.detailBody .detailBodyContainer .detailSideRail .stickyContainer {
    flex-grow: .9
}

.feed .detail.detailBody .detailBodyContainer .detailSideRail .stickyContainer>div {
    position: sticky;
    top: 30px
}

.feed .detail.detailBody .detailBodyContainer .detailSideRail .stickyContainer.stickyRailAd {
    flex-grow: 1.1
}

.feed .detail.detailBody .detailBodyContainer .detailSideRail .listDisplay .contentListItem {
    flex-basis: 100%
}

@media(max-width:1100px) {
    .feed .detail.detailBody .detailBodyContainer .detailSideRail {
        flex: 1 1 auto;
        max-width: 100%
    }
}

@media(max-width:768px) {
    .feed .detail.detailBody .detailBodyContainer {
        margin-top: 0
    }
}

.feed .detail.detailBody .detailBodyContainer .commentsWrapper {
    display: grid;
    gap: 40px
}

.feed .detail.detailBody .detailBodyContainer .commentsWrapper.withSidebar {
    grid-template-columns: 1fr 300px
}

@media(max-width:1100px) {
    .feed .detail.detailBody .detailBodyContainer .commentsWrapper.withSidebar {
        grid-template-columns: 1fr;
        margin: 0 auto;
        max-width: 45rem
    }
    .feed .detail.detailBody .detailBodyContainer .commentsWrapper {
        grid-template-columns: 1fr
    }
}

.feed .detail.detailBody .detailBodyContainer .commentsWrapper .detailSideRail {
    margin-top: 2rem
}

.feed .detail.detailBody .detailHeadline:lang(iu),
.feed .detail.detailBody :lang(iu) {
    font-family: Euphemia UCAS
}

.feed .detail.detailBody p:lang(iu) {
    letter-spacing: 1px;
    word-spacing: 7px
}

.feed .detail .detailLink {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .detail .detailLink:focus,
.feed .detail .detailLink:hover {
    background-color: #d8d8d8
}

.feed .detail .detailDiscovery {
    margin: 2.5rem auto 0;
    max-width: 78rem;
    width: 100%
}

@media(max-width:1100px) {
    .feed .detail .detailDiscovery {
        margin: 0 auto;
        max-width: 45rem
    }
}

.feed .detail .detailDiscovery .headingText {
    margin-top: 2rem
}

.feed .detail .detailDiscovery .headingText .headingTextSection {
    color: #757575
}

.feed .detail .detailDiscovery .contentList .contentListCards {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -.6rem
}

.feed .detail .detailHeadline {
    color: #000;
    font-size: 2rem;
    line-height: 1.3
}

@media(max-width:640px) {
    .feed .detail .detailHeadline {
        font-size: 1.625rem
    }
}

.feed .detail .detailSummary {
    display: none
}

.feed .detail .deck {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem
}

@media(max-width:640px) {
    .feed .detail .deck {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media(min-width:641px)and (max-width:960px) {
    .feed .detail .deck {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.feed .detail .byline {
    -webkit-font-smoothing: antialiased;
    align-items: center;
    color: #545454;
    display: flex;
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.feed .detail .byline .author-image {
    margin: 0 .5rem 0 0;
    min-width: 40px
}

.feed .detail .byline .author-image img {
    aspect-ratio: 1
}

.feed .detail .byline .timeStamp {
    display: inline-block
}

.feed .detail .byline .timeStamp:first-letter {
    text-transform: uppercase
}

.feed .detail .byline a {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .detail .byline a:focus,
.feed .detail .byline a:hover {
    background-color: #d8d8d8
}

.feed .detail .relatedlinks {
    margin-top: 2.5rem
}

.feed .detail .relatedlinks .relatedLink {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .detail .relatedlinks .relatedLink:focus,
.feed .detail .relatedlinks .relatedLink:hover {
    background-color: #d8d8d8
}

.feed .detail .relatedlinks .relatedListItem {
    margin: 1rem 0
}

.feed .detail .highlights {
    border-bottom: 1px solid #000;
    margin-bottom: 1rem
}

.feed .detail .highlights .highlightList {
    padding-left: 1.5rem
}

.feed .detail .highlights .highlightListItem {
    color: #e60505;
    font-weight: 700;
    padding-bottom: .5rem
}

.feed .detail .highlights .highlightListItem span {
    color: #000
}

.feed .detail .corrections {
    border-top: 1px solid #cbcbcb
}

.feed .detail .corrections .corrections-list {
    color: #545454;
    padding-left: 1rem
}

.feed .detail .corrections .correction-item {
    font-size: .875rem;
    margin-bottom: 1rem
}

.feed .detail .corrections .correction-date {
    font-style: italic
}

.feed .detail .clarifications .clarifications-list {
    color: #545454;
    padding-left: 1rem
}

.feed .detail .clarifications .clarification-item {
    font-size: .875rem;
    margin-bottom: 1rem
}

.feed .detail .clarifications .clarification-date {
    font-style: italic
}

.feed .detail .source {
    border-top: 1px solid #cbcbcb
}

.feed .detail .source p {
    font-style: italic
}

.feed .detail .commentCount .commentCount-icon {
    fill: #0550c8;
    display: inline-block;
    height: 20px;
    margin-left: .5rem;
    vertical-align: middle;
    width: 20px
}

.feed .detail .commentCount .viafoura span:not(:first-child) {
    display: none
}

.feed .detail .commentCount .viafoura .vf-comments-count {
    font-size: unset
}

.feed .detail .commentCount.hidden {
    display: none
}

.feed .detail .commentCount .commentCount-link {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-weight: unset;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .detail .commentCount .commentCount-link:focus,
.feed .detail .commentCount .commentCount-link:hover {
    background-color: #d8d8d8
}

.feed .detail .commentCount .commentCount-link .commentCount-text-container {
    display: flex
}

.feed .detail .commentCount .commentCount-link .commentCount-text-container .commentCount-text {
    line-height: 20.8px;
    white-space: pre
}

@media(max-width:400px) {
    .feed .detail .commentCount .commentCount-link .commentCount-text-container .commentCount-text span {
        display: none
    }
}

.feed .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
}

.feed .detail .jumpTo .recommendedStoriesButton {
    align-items: center;
    border: 0;
    display: flex
}

.feed .detail .jumpTo .recommendedFlag {
    height: 20px
}

.feed .detail .jumpTo .recommendedLabel {
    color: #0550c8
}

.feed .detail .jumpTo .wrapper {
    line-height: 0px;
    padding-right: 8px
}

.feed .detail .sponsorBy {
    margin-bottom: 16px;
    width: 100%
}

.feed .detail .sponsorBy .sponsorLogo {
    align-items: center;
    display: flex;
    font-weight: 700
}

.feed .detail .sponsorBy .sponsorLogo img {
    margin-left: 10px
}

.feed .detail .sponsorBy .sponsorLink {
    text-decoration: none
}

.feed .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
}

.feed .detail .detail:not(.card) .sponsorLogo img {
    height: 30px;
    min-width: auto;
    width: auto
}

.feed .detail .detail-link-label {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1.2rem
}

.feed .detail .detail-link-label a {
    color: #757575;
    text-decoration: none
}

.feed .detail .detail-link-label a:hover {
    text-decoration: underline
}

.feed .detail .detail-link-label span {
    font-size: 1rem
}

.feed .detail .detail-link-label span span:first-child {
    color: #757575;
    padding: 0 .5rem
}

.feed .detail .detail-link-label span [data-live][data-live=true] {
    background: #ffdc14;
    color: #000;
    font-size: 16px;
    padding: .1rem .6rem
}

.feed .detail .detail-link-label span [data-breaking][data-breaking=true] {
    color: #e60505
}

.feed .detail .detail-link-label span.sponsored-content {
    background-color: #000;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 40px;
    padding: .2rem 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.feed .detail .breadcrumb-flags .detail-link-label {
    font-size: 1.125rem;
    margin-top: 0
}

.feed .detail .breadcrumb-flags .detail-link-label a {
    color: #757575
}

.feed .detail .breadcrumb-flags .detail-link-label span {
    font-size: 1.125rem
}

.feed .detail .breadcrumb-flags .detail-link-label span span:first-child {
    color: #000;
    padding: 0
}

.feed .detail .breadcrumb-flags .detail-link-label span [data-live][data-live=true] {
    font-size: 1.125rem;
    padding: 0 .5rem
}

.feed .detail .breadcrumb-flags .detail-link-label span [data-breaking][data-breaking=true] {
    color: #e60505;
    padding: 0
}

.feed .detail .imageMedia .image-caption {
    border-bottom: 1px solid #d8d8d8;
    color: #545454;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 16px;
    margin-top: 0;
    padding-bottom: 16px
}

.feed .detail .imageMedia.leadmedia-story {
    display: block
}

.feed .detail .imageMedia.leadmedia-story .placeholder {
    margin: 1rem 0
}

.feed .detail .imageMedia.leadmedia-story .placeholder img {
    aspect-ratio: 16/9
}

.feed .authorprofile {
    font-size: 1rem;
    line-height: 1.625rem
}

.feed .authorprofile .authorprofile-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 1rem
}

.feed .authorprofile .authorprofile-image-container {
    margin-right: 1rem;
    width: 100px
}

.feed .authorprofile .authorprofile-image-container .author-image {
    height: 100%;
    width: 100%
}

.feed .authorprofile .authorprofile-image-container .placeholder {
    background: none;
    border: 1px solid #cbcbcb
}

.feed .authorprofile .authorprofile-image-container .image {
    display: block
}

.feed .authorprofile .authorprofile-image-container .placeholder,
.feed .authorprofile .authorprofile-image-container img,
.feed .authorprofile .authorprofile-image-container svg {
    border-radius: 50%
}

.feed .authorprofile .authorprofile-image-container img {
    aspect-ratio: 1
}

.feed .authorprofile .authorprofile-name-container {
    justify-content: center
}

.feed .authorprofile .authorprofile-name-container .authorprofile-name {
    font-weight: 700;
    margin: 0
}

.feed .authorprofile .authorprofile-name-container .authorprofile-title {
    margin-bottom: 0;
    margin-top: .4rem
}

.feed .authorprofile .authorprofile-biography {
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 1rem
}

.feed .authorprofile .authorprofile-item {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .authorprofile .authorprofile-item:hover {
    background-color: #d8d8d8
}

@media(max-width:640px) {
    .feed .authorprofile p {
        margin-bottom: 28px
    }
    .feed .authorprofile .authorprofile-name,
    .feed .authorprofile .authorprofile-title {
        line-height: 130%;
        margin: 0
    }
}

@media(min-width:641px)and (max-width:960px) {
    .feed .authorprofile {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .feed .authorprofile p {
        margin-bottom: 32px
    }
    .feed .authorprofile .authorprofile-name {
        line-height: 130%;
        margin: 0
    }
}

.feed .authorProfilePage .authorprofile-container {
    margin-top: 0
}

.feed .authorProfilePage .authorprofile-image-container {
    margin-right: 2rem;
    min-width: 260px
}

.feed .authorProfilePage .authorprofile-image-container img {
    aspect-ratio: 1
}

.feed .authorProfilePage .authorprofile-name-container {
    padding-right: 0
}

.feed .authorProfilePage .authorprofile-name-container .authorprofile-name {
    font-size: 2rem
}

.feed .authorProfilePage .authorprofile-name-container .authorprofile-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin: .5rem 0
}

.feed .authorProfilePage .authorprofile-biography {
    color: #545454;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 1rem
}

.feed .authorProfilePage.viewportSmall .authorprofile-container {
    display: block
}

.feed .authorProfilePage.viewportSmall .authorprofile-container .authorprofile-image-container {
    margin: 0 auto 1rem;
    max-width: 40%
}

.feed .authorProfilePage.viewportSmall .authorprofile-container .authorprofile-biography {
    padding-right: 0
}

.feed .authorProfilePage.viewportLarge .authorprofile-name-container {
    padding-right: 2rem
}

@media(max-width:640px) {
    .feed .leadimage,
    .feed .leadmedia-story {
        margin-left: -16px;
        margin-right: -16px
    }
    .feed .leadimage .image-caption,
    .feed .leadmedia-story .image-caption {
        font-size: .875rem;
        line-height: 1.25rem;
        margin: 0 16px 16px;
        padding: 0 16px 16px
    }
}

@media(min-width:641px)and (max-width:960px) {
    .feed .leadimage,
    .feed .leadmedia-story {
        margin-left: -16px;
        margin-right: -16px
    }
    .feed .leadimage .image-caption,
    .feed .leadmedia-story .image-caption {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0 16px 16px;
        padding: 0 16px 16px
    }
}

.feed .detail .detailNoAds {
    margin: 0 auto;
    max-width: 45rem
}

.feed .show {
    background-color: #fff
}

.feed .show .showContent {
    padding-top: 1rem
}

.feed .show .showContent .ad-bigbox {
    border: none;
    margin-left: auto;
    margin-right: auto
}

.feed .show .showContent .contentListWrapper {
    margin: 0 .5rem
}

.feed .show .showContent .contentList {
    display: flex;
    flex-flow: row wrap
}

.feed .show .showContent .contentList .card:first-child:nth-last-child(2) {
    flex-basis: 100%
}

.feed .show .showContent .contentList .contentListCards {
    overflow: hidden
}

.feed .show .showContent .contentList .contentListCards .cardListing.leftImage,
.feed .show .showContent .contentList .contentListCards .cardListing.rightImage {
    flex-basis: 100%
}

.feed .show .sidebar {
    flex: 1 0 230px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.feed .show .sidebar .widgets {
    margin: 1rem auto
}

.feed .show .banner {
    display: block;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .show.topicPage .pageIntro {
    display: none
}

.feed .show.topicPage .pageIntro.show-1919-100-years,
.feed .show.topicPage .pageIntro.show-being-black-in-canada,
.feed .show.topicPage .pageIntro.show-cbc-pride,
.feed .show.topicPage .pageIntro.show-tapestry-25,
.feed .show.topicPage .pageIntro.show-the-current-the-fix {
    display: block
}

.feed .viewportSmall .show .showNav .showNavLink {
    font-size: .8rem;
    margin: 0 .5rem
}

.feed .viewportLarge .show .showContent .cardListing.topImage,
.feed .viewportXLarge .show .showContent .cardListing.topImage {
    margin-left: .5rem;
    margin-right: .5rem
}

.feed .viewportLarge .show .sidebar,
.feed .viewportXLarge .show .sidebar {
    flex: 0 0 230px
}

.feed .followUs {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin: 1rem auto
}

.feed .followUs a:focus svg,
.feed .followUs a:hover svg {
    border: .125em solid #cbcbcb;
    border-radius: 50%;
    width: 92%
}

.feed .followUs .followUsHeadline {
    margin: 1rem 1rem 0
}

.feed .followUs .headingText {
    margin-top: .2rem;
    padding: .2rem .5rem
}

.feed .followUs ul {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: .25rem;
    padding: 0
}

.feed .followUs ul li {
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 43px;
    margin: .4rem;
    width: 43px
}

.feed .followUs ul li:focus-within {
    border: 3px solid #0550c8
}

.feed .followUs .followUs-image {
    display: block;
    height: 100%
}

.feed .followUs .followUs-image .placeholder {
    align-items: center;
    background: none;
    display: flex;
    height: 100%;
    justify-content: center
}

.feed .followUs .followUs-image .placeholder img {
    height: 35px;
    position: relative
}

.feed .followUs .followUs-image img {
    height: 35px;
    position: relative;
    width: 35px
}

.feed .homepageTheme .followUs {
    margin: 0 auto 1rem
}

.feed .heading-right {
    margin: auto 2px auto auto
}

.feed .heading-element {
    display: inline-block;
    line-height: 1.3;
    margin: 0
}

.feed .heading-element-h1 {
    font-size: 2.5rem;
    font-weight: 800
}

@media(max-width:600px) {
    .feed .heading-element-h1 {
        font-size: 2rem;
        font-weight: 800
    }
}

.feed .heading-element-h2 {
    font-size: 2rem;
    font-weight: 700
}

@media(max-width:600px) {
    .feed .heading-element-h2 {
        font-size: 1.625rem
    }
}

.feed .heading-element-h3 {
    font-size: 1.625rem;
    font-weight: 700
}

.feed .heading-element-h3 .icon {
    margin-left: 20px
}

@media(max-width:600px) {
    .feed .heading-element-h3 {
        font-size: 1.5rem
    }
}

.feed .heading-element-h4 {
    font-size: 1.125rem;
    font-weight: 600
}

.feed .heading-link {
    align-items: center;
    color: #000;
    display: inline-block;
    text-decoration: none
}

.feed .heading-link:hover .heading-element {
    text-decoration: underline
}

.feed .heading .headingIcon {
    display: inline;
    padding-left: 24px
}

@media(max-width:600px) {
    .feed .heading .headingIcon {
        padding-left: 12px
    }
}

.feed .heading-description {
    color: #545454;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 8px
}

.feed .heading-pageHeading {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 12px
}

.feed .heading-sectionHeading .icon {
    padding-left: 20px
}

@media(max-width:400px) {
    .feed .heading-sectionHeading .icon {
        padding-left: 10px
    }
}

.feed .heading-sectionHeading-sponsoredImageWrap {
    display: inline
}

.feed .heading-sectionHeading-sponsoredImageWrap-image {
    display: inline;
    max-height: 40px
}

.feed .heading-sectionHeading-sponsoredImageWrap-image-sm {
    max-height: 20px;
    max-width: 85px
}

.feed .heading-sectionHeading-sponsoredImageWrap-image-lg {
    max-height: 25px
}

.feed .heading-sectionHeading-sponsoredImageWrap-link:focus {
    outline: none
}

.feed .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image {
    outline: 1px dashed #545454
}

@media(max-width:299px) {
    .feed .heading-sectionHeading-sponsoredImageWrap {
        display: block;
        margin-top: 6px;
        padding: 0;
        width: 100%
    }
    .feed .heading-sectionHeading-sponsoredImageWrap-image {
        display: block
    }
}

.feed .heading-sectionHeading-sponsorText,
.feed .heading-sectionHeading-sponsorText-dark {
    align-items: center;
    display: flex;
    font-size: .8rem;
    font-weight: 700;
    gap: 8px
}

.feed .heading-sectionHeading-sponsorText-dark {
    color: #fff
}

.feed .heading-sectionHeading-sponsorText-dark .heading-sectionHeading-sponsoredImageWrap {
    display: flex
}

.feed .heading-sectionHeading-sponsorText img {
    vertical-align: bottom
}

.feed .heading-subHeading .icon {
    padding-left: 15px
}

@media(max-width:400px) {
    .feed .heading-subHeading .icon {
        padding-left: 7px
    }
}

.feed .heading-element-h4 .icon {
    padding: 0
}

.feed .heading-element-h4 .icon .headingIcon {
    margin-left: 16px;
    max-height: 10px;
    max-width: 10px;
    padding: 0
}

.feed div+.heading-sectionHeading {
    margin-top: 40px
}

.feed .heading.heading-sectionHeading+.contentList,
.feed .heading.heading-sectionHeading+.pageContentWrap .contentAreaWrap {
    margin-top: -.5rem
}

.feed .oc-l-sectionContainer-dark .heading-description,
.feed .oc-l-sectionContainer-dark .heading-element,
.feed .subregionCTAWrapper .heading-description,
.feed .subregionCTAWrapper .heading-element,
.feed .swimlane.mediaTheme .heading-description,
.feed .swimlane.mediaTheme .heading-element {
    color: #fff
}

.feed .oc-l-sectionContainer-dark .heading-link:focus,
.feed .oc-l-sectionContainer-dark .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image,
.feed .subregionCTAWrapper .heading-link:focus,
.feed .subregionCTAWrapper .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image,
.feed .swimlane.mediaTheme .heading-link:focus,
.feed .swimlane.mediaTheme .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image {
    outline: 3px solid #fff
}

.feed .oc-l-sectionContainer-dark .headingIcon path,
.feed .subregionCTAWrapper .headingIcon path,
.feed .swimlane.mediaTheme .headingIcon path {
    fill: #fff
}

.feed .oc-l-sectionContainer-light .heading-description,
.feed .swimlane.newsTheme .heading-description {
    color: #000
}

.feed .heading.marginTop16Bot8 {
    margin: 1rem 0 .5rem
}

.feed .heading.margin16 {
    margin: 1rem 0
}

.feed .sectionContainer-main .linkCTA:not(.imageCTA) .heading-main {
    padding-top: 13px
}

.feed .sectionContainer-main .linkCTA .heading-description {
    margin-bottom: 0
}

.feed .sectionContainer-main .oc-l-contentGrid~.linkCTA:not(.imageCTA) .heading-main {
    padding-top: 40px
}

.feed .sidebar .linkCTA .heading-element-h3 {
    font-size: 1.125rem
}

.feed .sidebar .linkCTA .heading-description,
.feed .sidebar .linkCTA .heading-link {
    font-size: .875rem;
    text-decoration: none
}

.feed .sidebar .linkCTA .heading-description :focus,
.feed .sidebar .linkCTA .heading-description :hover,
.feed .sidebar .linkCTA .heading-link :focus,
.feed .sidebar .linkCTA .heading-link :hover {
    text-decoration: underline
}

@media(max-width:300px) {
    .feed .sidebar .linkCTA .heading-description {
        margin-top: 16px
    }
}

.feed .sidebar .heading-element-h3 {
    font-size: 1.125rem;
    line-height: 1.3rem
}

.feed .label {
    background-color: transparent;
    color: #545454;
    font-size: .8rem;
    font-weight: 700
}

.feed .label .labelText {
    text-transform: uppercase
}

.feed .label .labelText.lower {
    text-transform: lowercase
}

.feed .label.highlighted {
    color: #000
}

.feed .label.highlighted .labelText {
    background-color: #ffdc14;
    padding: .2rem .5rem
}

.feed .label.flag {
    background-color: #fff;
    color: #545454
}

.feed .label.sponsored {
    color: #000;
    font-weight: 700
}

.feed .label.sponsored .labelText {
    background-color: #dcdcdc;
    padding: .2rem .5rem
}

.feed .label.block .labelText {
    display: block
}

.feed .relatedlinks .relatedLink {
    font-size: 1rem
}

.feed .relatedlinks .relatedLink .label {
    display: inline;
    font-size: .8rem;
    margin-right: .2rem
}

.feed .relatedlinks .relatedLink .label .labelText {
    padding: .2rem;
    padding-bottom: inherit
}

.feed .detail.detailBody :not(.card) .label {
    margin-left: 0
}

.feed .verticalCardList .cardList .label {
    margin-top: .5rem
}

.feed .similarLinks .similarListItem .similarLink .label {
    display: inline
}

.feed .similarLinks .similarListItem .similarLink .labelText {
    font-size: .8rem;
    margin-right: .5rem;
    padding: .2rem .5rem
}

.feed .detail .moreStories .contentList .contentListCards .card .label .labelText {
    background-color: transparent;
    border: none;
    color: #545454;
    padding: 0
}

.feed .cardText .card-content .label.highlighted .labelText {
    display: inline-block;
    margin-bottom: .3rem
}

.feed .cardShow .contentWrapper .card-content .label {
    margin-top: .3rem
}

.feed .cardRegular .contentWrapper .card-content .label {
    margin: 0 0 1rem
}

.feed .cardListing .contentWrapper .label {
    margin-top: .5rem
}

.feed .cardListing.sponsored .contentWrapper .card-content .label {
    margin-top: 0
}

.feed .cardFeatured .contentWrapper .card-content .label {
    margin: 0 0 1rem
}

.feed .cardDiscovery .contentWrapper .card-content .label {
    margin-bottom: .5rem
}

.feed .cardDiscovery.isTrending .card-content .label.flag,
.feed .cardDiscovery.isTrending .card-content .label.highlighted,
.feed .cardDiscovery.isTrending .card-content .label.sponsored {
    display: inline-flex
}

.feed .cardDiscovery:not(.isTrending) .contentWrapper .label .labelText {
    background-color: transparent;
    border: none;
    color: #545454;
    padding: 0
}

.feed .cardDefault .card-content .label {
    margin: 0 0 1rem
}

.feed .cardContentPackage .supportingContent .card.relatedCard .label {
    display: inline-block;
    padding-right: 10px
}

.feed .cardContentPackage .supportingContent .card.relatedCard .label.highlighted .labelText {
    padding: .04rem .4rem
}

.feed .primaryContent .supportingContent .flag,
.feed .primaryContent .supportingContent .label {
    display: inline-block;
    padding-right: 10px
}

.feed .primaryContent .supportingContent .label.highlighted .labelText {
    margin-bottom: 0
}

.feed .primaryContent .supportingContent .label:not(.highlighted) {
    padding-top: 2px
}

.feed .primaryContent .supportingContent .primaryLabel .labelText {
    background: #e60505;
    color: #fff;
    padding: .06rem .55rem
}

.feed .primaryContent .supportingContent .primaryLabel.highlighted .labelText {
    background: #ffdc14;
    color: #000
}

.feed .tertiaryContent .card.cardDefault .card-content .label {
    margin-bottom: 0
}

.feed .artsTheme .label.flag .labelText {
    color: #801f73
}

.feed .artsTheme .primaryContent .primaryLabel .labelText {
    background: #801f73;
    color: #fff
}

.feed .artsTheme .primaryContent .primaryLabel.highlighted .labelText {
    background: #ffdc14;
    color: #000
}

.feed .archivesTheme .label.flag .labelText {
    color: #d83a4a
}

.feed .booksTheme .label.flag .labelText {
    color: #00498f
}

.feed .comedyTheme .label.flag .labelText {
    background-color: #fff;
    border: 1px solid #dd8f28;
    padding: .2rem .5rem
}

.feed .comedyTheme .similarLinks .similarListItem .similarLink .label .labelText {
    font-size: .7rem
}

.feed .app2017Theme .label.flag .labelText {
    border: 1px solid #f4981e;
    padding: .2rem .5rem
}

.feed .homepageTheme .label.flag .labelText {
    color: #e60505
}

.feed .homepageTheme .cardContentPackage .label.flag .labelText {
    background: #fff
}

.feed .lifeTheme .label.flag .labelText {
    background-color: #fff;
    color: #d83a4a
}

.feed .mycbcTheme .label.flag .labelText {
    color: #e60505
}

.feed .newsTheme .label.flag .labelText {
    background-color: #fff;
    color: #e60505
}

.feed .newsTheme .detail .labelStory.flag .labelText {
    background-color: #e60505;
    color: #fff;
    padding: .2rem .5rem
}

.feed .radioTheme .label.flag .labelText {
    color: #00498f
}

.feed .sportsTheme .label.flag .labelText {
    background-color: #fff;
    color: #545454
}

.feed .sportsTheme .similarLinks .similarListItem .similarLink .label .labelText {
    font-size: .7rem
}

.feed .sportsTheme .relatedlinks .relatedLink {
    font-size: 1rem
}

.feed .sportsTheme .relatedlinks .relatedLink .label.flag {
    font-size: .7rem;
    margin-right: .2rem
}

.feed .sportsTheme .relatedlinks .relatedLink .label.flag .labelText {
    display: inline;
    padding: .15rem .3rem;
    padding-bottom: inherit
}

.feed .sportsTheme .cardContentPackage .relatedCard .label .labelText {
    padding: .04rem .4rem
}

.feed .sportsTheme .primaryContent .primaryLabel .labelText {
    background: #222;
    color: #fff
}

.feed .sportsTheme .primaryContent .primaryLabel.highlighted .labelText {
    background: #ffdc14;
    color: #000;
    padding: .04rem .4rem
}

.feed .visualstoriesTheme .label.flag .labelText {
    color: #e60505
}

.feed .in-page-nav-wrapper {
    display: flex;
    overflow: auto;
    position: relative
}

.feed .in-page-nav-wrapper .next-button-wrapper,
.feed .in-page-nav-wrapper .previous-button-wrapper {
    display: none;
    height: 98%;
    justify-content: center;
    position: absolute
}

.feed .in-page-nav-wrapper .next-button-wrapper button,
.feed .in-page-nav-wrapper .previous-button-wrapper button {
    border: 0;
    color: #000;
    line-height: 3.2
}

.feed .in-page-nav-wrapper .next-button-wrapper button .chevronIcon.horizontal,
.feed .in-page-nav-wrapper .previous-button-wrapper button .chevronIcon.horizontal {
    fill: #545454;
    height: 13px;
    width: 13px
}

.feed .in-page-nav-wrapper .next-button-wrapper button:focus>.icon,
.feed .in-page-nav-wrapper .next-button-wrapper button:hover>.icon,
.feed .in-page-nav-wrapper .previous-button-wrapper button:focus>.icon,
.feed .in-page-nav-wrapper .previous-button-wrapper button:hover>.icon {
    background: #f4f4f4
}

.feed .in-page-nav-wrapper .next-button-wrapper.active,
.feed .in-page-nav-wrapper .previous-button-wrapper.active {
    display: flex
}

.feed .in-page-nav-wrapper .previous-button-wrapper button>.icon {
    padding: 5px 8px 3px 3px
}

.feed .in-page-nav-wrapper .previous-button-wrapper button .chevronIcon.horizontal {
    transform: rotate(-270deg)
}

.feed .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
}

.feed .in-page-nav-wrapper .next-button-wrapper {
    right: 0
}

.feed .in-page-nav-wrapper .next-button-wrapper button>.icon {
    padding: 5px 5px 3px 6px
}

.feed .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
}

.feed .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
}

.feed .in-page-nav-wrapper .in-page-nav::-webkit-scrollbar {
    display: none
}

.feed .in-page-nav-wrapper .in-page-nav ul {
    align-items: center;
    display: flex;
    list-style-type: none;
    margin: 0;
    min-height: 50px;
    padding: 0
}

.feed .in-page-nav-wrapper .in-page-nav ul li {
    margin: 0
}

.feed .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
}

.feed .in-page-nav-wrapper .in-page-nav ul li a:focus,
.feed .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: .7em
}

.feed .in-page-nav-wrapper .in-page-nav ul li a.selected {
    color: #000
}

.feed .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%
}

.feed .in-page-nav-wrapper .in-page-nav ul li:first-child a {
    padding-left: 0
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown {
    padding: 10px 15px 10px 0
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:not(:first-child) {
    padding-left: 15px
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper {
    display: flex;
    flex-direction: column
}

.feed .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
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper .dropdown-select-title:after {
    color: #545454;
    content: url("");
    padding-left: 8px
}

.feed .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
}

.feed .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
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:focus select,
.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:hover select {
    color: #222323
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:focus .dropdown-select-title,
.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:hover .dropdown-select-title {
    text-decoration: underline;
    text-decoration-color: #222323;
    text-decoration-thickness: 1px;
    text-underline-offset: .7em
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:focus .dropdown-select-title:after,
.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown:hover .dropdown-select-title:after {
    color: #545454;
    content: url("");
    padding-left: 8px
}

.feed .imageLinkWidget {
    display: block;
    line-height: 0;
    transition: .4s
}

.feed .imageLinkWidget:active,
.feed .imageLinkWidget:hover {
    box-shadow: 0 0 0 3px #cbcbcb
}

.feed .imageLinkWidget:focus {
    box-shadow: 0 0 0 3px #cbcbcb;
    outline: 0;
    transform: none
}

.feed .imageLinkWidget.card-rci-description:focus {
    box-shadow: 0 0 0 3px #e60505
}

.feed .imageLinkWidget img.linkImage {
    width: 100%
}

.feed .imageLinkWidget .description {
    color: #545454;
    font-size: .875rem;
    line-height: 1rem;
    margin: .5rem 1.5rem 0
}

.feed .imageLinkWidget .callToAction {
    color: #e60505;
    margin: 0 1.5rem .5rem
}

.feed .imageLinkWidget .callToAction .icon .chevronIcon {
    fill: #e60505
}

.feed .imageLinkWidget.card-rci-description {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.feed .imageLinkWidget.card-rci-description .description {
    margin: 10px 16px 8px
}

.feed .imageLinkWidget.card-rci-description .callToAction {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300;
    margin: 0 16px 16px
}

.feed .imageLinkWidget.card-rci-description img.linkImage {
    margin: 10px 16px 0;
    width: 65%
}

.feed .imageButtonWidget.holiday-contest-banner {
    background: #fae5e5;
    text-align: center
}

.feed .imageButtonWidget.holiday-contest-banner .buttonImage {
    display: block;
    margin: 1rem auto 0;
    padding: 1.5rem 0 0;
    width: 260px
}

.feed .imageButtonWidget.holiday-contest-banner #holiday-contest-banner {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
    line-height: 22px;
    margin: 1rem 1.5rem
}

.feed .imageButtonWidget.holiday-contest-banner a {
    background: #000;
    border: 1px solid #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 1.5rem;
    padding: .5rem 1rem;
    text-decoration: none
}

.feed .imageButtonWidget.holiday-contest-banner a:hover {
    background: #fff;
    color: #000
}

.feed .storybookTweaks-contentGrid section {
    display: flex;
    margin-bottom: 16px
}

.feed .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) {
    .feed .storybookTweaks-contentGrid section {
        flex-direction: column
    }
    .feed .storybookTweaks-contentGrid .mockRightRail {
        margin-left: 0;
        margin-top: 16px
    }
}

.feed ul.oc-l-contentGrid {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.feed li.oc-l-contentGrid-contentWrapper {
    list-style: none
}

.feed .oc-l-contentGrid {
    grid-gap: 16px 16px;
    display: flex;
    display: grid;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 100%
}

.feed .oc-l-contentGrid-contentWrapper {
    display: flex;
    flex: 1 1 230px;
    margin: 0 .5rem 1rem
}

@supports(display:grid) {
    .feed .oc-l-contentGrid-contentWrapper {
        margin: 0
    }
}

.feed .oc-l-contentGrid-defaultGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media(max-width:1002px) {
    .feed .oc-l-contentGrid-defaultGrid {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:530px) {
    .feed .oc-l-contentGrid-defaultGrid {
        grid-template-columns: 1fr
    }
}

.feed .oc-l-contentGrid-defaultGrid .full-width-grid-item {
    grid-column: 1/-1
}

.feed .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) {
    .feed .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid {
        grid-template-columns: 1fr 1fr
    }
    .feed .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid .oc-l-contentGrid-contentWrapper-oddLast {
        display: none
    }
}

@media(max-width:530px) {
    .feed .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid {
        grid-template-columns: 1fr
    }
}

.feed .oc-l-sectionContainer-withRightRail .oc-l-contentGrid-defaultGrid .full-width-grid-item {
    grid-column: 1/-1
}

@media(max-width:530px) {
    .feed .oc-l-contentGrid.oc-l-contentGrid-sideScroll {
        grid-gap: 0;
        display: flex;
        padding-bottom: 10px;
        padding-left: 16px
    }
    .feed .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
    }
    .feed .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper {
        margin: 0 8px;
        min-width: 230px
    }
    .feed .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper:first-child {
        margin-left: 0
    }
    .feed .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper:last-child {
        margin-right: 0;
        padding-right: 16px
    }
    .feed .oc-l-contentGrid-sideScroll::-webkit-scrollbar {
        height: 7px
    }
    .feed .oc-l-contentGrid-sideScroll::-webkit-scrollbar-thumb {
        background: #cbcbcb;
        border-radius: 3px
    }
}

.feed .oc-l-contentGrid-contentWrapper-fullWidth {
    flex: 1 1 100%;
    grid-column: 1/-1
}

.feed .oc-l-contentGrid-contentWrapper-fullWidth-content.card.cardFeatured {
    padding: 0
}

.feed .oc-l-contentGrid-contentWrapper-fullWidth-content.card.cardContentPackage .firstContentColumn {
    margin-right: 0
}

.feed .oc-l-contentGrid-contentWrapper-spanTwoCol {
    grid-column: span 2
}

@media(max-width:530px) {
    .feed .oc-l-contentGrid-contentWrapper-spanTwoCol {
        grid-column: span 1
    }
}

.feed .oc-l-contentGrid-contentWrapper-SpanTwoRow {
    grid-row: span 2
}

.feed .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) {
    .feed .oc-l-contentGrid-contentWrapper-verticalCol {
        grid-column: span 1
    }
}

.feed .oc-l-contentGrid-contentWrapper-verticalCol-content.card.cardFeatured {
    padding: 0
}

.feed .oc-l-contentGrid-contentWrapper .card {
    flex-grow: 1;
    margin: 0
}

.feed .oc-l-contentGrid-maxChildren-4 .oc-l-contentGrid-contentWrapper:nth-child(n+5),
.feed .oc-l-contentGrid-maxChildren-7 .oc-l-contentGrid-contentWrapper:nth-child(n+8) {
    display: none
}

.feed .cookieJarWrapper {
    margin: 0 auto;
    max-width: 45rem
}

.feed .cookieJarWrapper .readMoreLink {
    display: none
}

.feed .cookieJarWrapper .cookiePageTitle {
    font-size: 1.17em
}

.feed .cookieJarWrapper .cookieName {
    font-size: 1em
}

.feed .viewportLarge .landing .splitPageBottomArea .contentArea .contentList .contentListCards .card {
    flex-basis: 270px
}

.feed .viewportLarge .landing .splitPageBottomArea .contentArea .contentList .contentListCards .card.cardRegular {
    flex-basis: 23%;
    max-width: 23.4%
}

.feed .landing.landingNoLoadMore .listHeading {
    border-bottom: 1px solid #000;
    margin-bottom: 1rem
}

.feed .landing .lazy-load {
    min-height: 100px
}

.feed .landing.landingNoLoadMore>h2 {
    font-size: 1.5em
}

.feed .landing .playlistSwimlane {
    margin: 55px 0 50px
}

.feed .LandingCategories {
    padding-top: 24px
}

.feed .LandingCategories .landingCategoriesList .contentListCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .landingWatch .pageIntro {
    min-height: 2rem
}

.feed .landingWatch .swimlane {
    margin-bottom: .25rem
}

.feed .landingWatch .swimlane .moreStories .moreStoriesList {
    padding-bottom: 0;
    padding-top: 0
}

.feed .landingWatch .swimlane .moreStories .moreStoriesList .headingText .icon .chevronIcon.horizontal {
    fill: #0a7f9d
}

.feed .landingWatch .swimlane .moreStories .contentList .contentListCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(230px + 2rem), 1fr))
}

@media(min-width:1000px) {
    .feed .landingWatch .swimlane .moreStories .contentList .contentListCards {
        grid-template-columns: repeat(4, 1fr)
    }
}

.feed .landingWatch .swimlane .moreStories .contentList .contentListCards .card {
    margin: .875rem
}

.feed .landingWatch .swimlane .moreStories .contentList .contentListCards .card .card-content .description {
    display: none
}

.feed .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: .375rem;
    padding: 8px 16px;
    text-decoration: none;
    width: 22rem
}

.feed .landingWatch .swimWrapper .extraLink .extraLinkText {
    margin: auto
}

.feed .viewportSmall .landingWatch .swimWrapper .extraLink {
    margin: auto;
    width: calc(100% - .75rem)
}

.feed .landingWatch .swimWrapper .extraLink:focus,
.feed .landingWatch .swimWrapper .extraLink:hover {
    background-color: #fff;
    color: #0a7f9d
}

.feed .landingNews .swimlane {
    background: #fff;
    margin: 2rem 0;
    width: auto
}

.feed .landingNews .swimlane .moreStories .moreStoriesList {
    padding: 0
}

.feed .landingNews .swimlane .moreStories .moreStoriesList .card {
    flex-basis: 270px
}

.feed .landingNews .playlistSwimlane {
    margin: 25px 0 50px
}

.feed .landingNews .contentListCards .card-cqw.headline,
.feed .landingNews .contentListCards .cardText,
.feed .landingNews .featuredArea .card-cqw.headline,
.feed .landingNews .featuredArea .cardText {
    border-left: none;
    border-right: none;
    border-top: none
}

.feed .landingNews .contentListing .card .metadataText .departmentItem,
.feed .landingNews .contentListing .card .metadataText>.metaSeparator {
    display: none
}

.feed .landingNews .newsRegionSlimlaneWrapper {
    margin-bottom: 40px
}

.feed .viewportLarge .landingNews .swimlane {
    width: 100vw
}

.feed .landingPlus .landingMycbc .widgetArea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.feed .landingPlus .landingMycbc .widgetArea .listenLive.showsProvinces,
.feed .landingPlus .landingMycbc .widgetArea .widgetContainer {
    width: calc(50% - 5px)
}

.feed .landingPlus .landingMycbc .widgetArea .listenLive.showsProvinces {
    flex-direction: row;
    flex-wrap: wrap
}

.feed .landingPlus .landingMycbc .widgetArea .locationDropDown {
    width: calc(100% - 66px)
}

.feed .landingPlus .landingMycbc .widgetArea .listenLink {
    margin-top: 3px
}

.feed .landingPlus .landingMycbc .listenLive.showsProvinces {
    margin: 0 0 1rem;
    padding: 0;
    position: relative
}

.feed .landingPlus .landingMycbc .listenLive.showsProvinces .listenLink,
.feed .landingPlus .landingMycbc .listenLive.showsProvinces .locationButton {
    width: 100%
}

.feed .landingPlus .landingMycbc .sidebar .nboxExplainerTitle .question-mark {
    border: 1px solid #000;
    border-radius: 100px;
    font-weight: 800;
    margin-right: 5px;
    padding: 3px 10px
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea {
    flex-basis: 36.125rem
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .noContentMessage {
    color: #545454;
    margin: 4rem;
    text-align: center
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .contentListWrapper {
    margin: 0 .5rem
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .contentList {
    display: flex;
    flex-flow: row wrap
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .contentList .card:first-child:nth-last-child(2) {
    flex-basis: 100%
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .contentList .contentListCards {
    overflow: hidden
}

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .contentList .contentListCards .cardListing.leftImage,
.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .contentList .contentListCards .cardListing.rightImage {
    flex-basis: 100%
}

.feed .landingPlus .landingMycbc .pageContentWrap.viewportMedium .sidebar .moreStories .headingText,
.feed .landingPlus .landingMycbc .pageContentWrap.viewportSmall .sidebar .moreStories .headingText {
    font-size: 1.5em;
    line-height: 1.25em
}

.feed .landingPlus.viewportMedium .landingMycbc .widgetArea .listenLive.showsProvinces,
.feed .landingPlus.viewportMedium .landingMycbc .widgetArea .widgetContainer,
.feed .landingPlus.viewportSmall .landingMycbc .widgetArea .listenLive.showsProvinces,
.feed .landingPlus.viewportSmall .landingMycbc .widgetArea .widgetContainer {
    width: 100%
}

.feed .landingPlus .audiencePage .contentArea .contentListCards.listDisplay {
    margin: 0 -.5rem
}

.feed .landingPlus .audiencePage .contentArea .contentListCards .card {
    margin: 0
}

.feed .landingPlus .audiencePage .contentArea .contentListCards .audienceListItem {
    display: flex;
    flex: 0 0 230px;
    margin: .5rem
}

.feed .landingPlus .audiencePage .audienceSection {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.feed .landingPlus .audiencePage hr {
    background: #d8d8d8;
    border: 0;
    height: 1px
}

.feed .landingPlus .audiencePage .audienceCard {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: flex-start;
    padding: .5rem;
    width: 100%
}

.feed .landingPlus .audiencePage .audienceCard .icon {
    align-items: center;
    display: flex;
    flex: 0 0;
    flex-direction: row
}

.feed .landingPlus .audiencePage .audienceCard .icon svg {
    height: 2rem;
    width: 2rem
}

.feed .landingPlus .audiencePage .audienceCard .cardTitle {
    padding-left: .5rem;
    text-align: left
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted {
    border: 1px solid #1720f9
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted svg {
    fill: #1720f9
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus,
.feed .landingPlus .audiencePage .audienceCard.whitelisted:hover {
    background-color: #1720f9
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus .cardTitle,
.feed .landingPlus .audiencePage .audienceCard.whitelisted:hover .cardTitle {
    color: #fff
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus svg,
.feed .landingPlus .audiencePage .audienceCard.whitelisted:hover svg {
    fill: #fff
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus .unfollowIcon,
.feed .landingPlus .audiencePage .audienceCard.whitelisted:hover .unfollowIcon {
    display: inherit
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted .followIcon,
.feed .landingPlus .audiencePage .audienceCard.whitelisted .unfollowIcon,
.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus .followedIcon,
.feed .landingPlus .audiencePage .audienceCard.whitelisted:hover .followedIcon {
    display: none
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted {
    border: 1px solid #757575
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted svg {
    fill: #757575
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted:focus,
.feed .landingPlus .audiencePage .audienceCard.blacklisted:hover {
    background-color: #757575
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted:focus .cardTitle,
.feed .landingPlus .audiencePage .audienceCard.blacklisted:hover .cardTitle {
    color: #fff
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted:focus svg,
.feed .landingPlus .audiencePage .audienceCard.blacklisted:hover svg {
    fill: #fff
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted .followedIcon,
.feed .landingPlus .audiencePage .audienceCard.blacklisted .unfollowIcon {
    display: none
}

.feed .landingPlus .audiencePage .audienceGroup ul.container {
    list-style: none;
    padding: 0
}

.feed .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) {
    .feed .landingPlus .audiencePage .audienceGroup .container {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(max-width:40rem) {
    .feed .landingPlus .audiencePage .audienceGroup .container {
        grid-template-columns: 1fr
    }
}

.feed .landingPlus .adTargetingSection {
    color: #757575;
    font-style: italic
}

.feed .landingPlus .adTargetingExplainer {
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: 10px 0
}

.feed .landingPlus .adTargetingExplainer:last-child {
    border-top: none
}

.feed .landingPlus .targetedAds {
    display: flex;
    justify-content: space-between;
    padding: 1em 0
}

.feed .landingPlus .targetedAds-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2rem
}

.feed .landingPlus .targetedAds-description {
    color: #757575
}

.feed .landingPlus .targetedAds .visualSwitch {
    height: 1.5em;
    margin: 0 .5em;
    width: 3.5em
}

.feed .landingPlus .targetedAds .groove {
    background: #eee;
    box-sizing: border-box;
    margin: 0
}

.feed .landingPlus .targetedAds .knob {
    height: 1.1em;
    margin: 2.1px 0 0 2px;
    width: 1.1em
}

.feed .landingPlus .targetedAds input:first-of-type:not(:checked)~.visualSwitch .knob {
    left: 2em
}

.feed .landingPlus .adPreferences {
    margin: 0 auto;
    max-width: 45rem
}

.feed .landingPlus .adPreferencesIntroText {
    font-size: 1.125rem
}

.feed .landingPlus .adPreferencesDescription {
    margin-top: 3rem
}

.feed .landingPlus .adPreferencesSectionSubTitle {
    font-size: 1.125rem
}

.feed .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
}

.feed .landingPlus .loadingIndicator .spinner .loader {
    float: right;
    margin-left: 10px
}

.feed .landingPlus.subSection-about .banner .learnMoreLink {
    display: none
}

.feed .landingPlus .loadingIndicator .spinner {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.feed .landingPlus .cookiePageTitle {
    font-size: 1.17em
}

.feed .landingPlus b {
    color: #1720f9
}

.feed .landingPlus a {
    color: #0550c8
}

.feed .landingSports .heading-pageHeading {
    margin-bottom: 55px;
    margin-top: 24px
}

.feed .landingSearch .searchBoxArea {
    background-color: #fff;
    padding: 2.5rem 0 1.5rem
}

.feed .landingSearch .searchBoxArea .searchBar {
    padding-top: 55px
}

.feed .landingSearch .contentArea .contentList .contentListCards .card {
    flex-basis: 100%
}

.feed .landingSearch .contentArea .contentList .contentListCards .card.search-keymatch-card .timeStamp {
    display: none
}

.feed .landingSearch .resultsContext {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.feed .landingSearch .resultsContext .resultsDescription {
    font-size: 1em;
    font-weight: 400
}

.feed .landingSearch .resultsContext .dropDownsContainer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1em
}

.feed .landingSearch .resultsContext .sortOrderContainer,
.feed .landingSearch .resultsContext .videoFilterContainer {
    align-items: baseline;
    display: flex
}

@media(max-width:987px) {
    .feed .landingSearch .resultsContext .sortOrderContainer,
    .feed .landingSearch .resultsContext .videoFilterContainer {
        right: 0;
        text-align: right
    }
}

.feed .landingSearch .resultsContext .sortOrderContainer label,
.feed .landingSearch .resultsContext .videoFilterContainer label {
    font-size: 1rem;
    margin-right: .5rem
}

.feed .landingSearch .resultsContext .sortOrderContainer select#videoFilterSelect,
.feed .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect {
    max-width: 90px
}

.feed .landingSearch .resultsContext .sortOrderContainer select#sortOrderSelect,
.feed .landingSearch .resultsContext .sortOrderContainer select#videoFilterSelect,
.feed .landingSearch .resultsContext .videoFilterContainer select#sortOrderSelect,
.feed .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: 700;
    padding-right: 1em
}

.feed .landingSearch .resultsContext .sortOrderContainer select#sortOrderSelect::-ms-expand,
.feed .landingSearch .resultsContext .sortOrderContainer select#videoFilterSelect::-ms-expand,
.feed .landingSearch .resultsContext .videoFilterContainer select#sortOrderSelect::-ms-expand,
.feed .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect::-ms-expand {
    display: none
}

.feed .landingSearch .resultsContext .sortOrderContainer svg,
.feed .landingSearch .resultsContext .videoFilterContainer svg {
    pointer-events: none;
    transform: translateX(-100%)
}

.feed .landingSearch .resultsContext .sortOrderContainer .hiddenCalc,
.feed .landingSearch .resultsContext .videoFilterContainer .hiddenCalc {
    bottom: 0;
    left: -99999px;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.feed .landingSearch .video-grid-panel {
    display: flex;
    float: inherit
}

@media only screen and (max-width:880px) {
    .feed .landingSearch .video-card-list.column-3>.video-cards-container .video-card-container {
        flex: 1 0 calc(33.3% - 1rem)
    }
}

.feed .landingShows .series {
    margin-bottom: 3rem
}

.feed .landingPodcasts.pageComponent {
    padding-top: 24px
}

.feed .viewportSmall .landingPodcasts .allPodcasts .seriesList {
    margin-right: -.25rem
}

.feed .landingPodcasts .pageIntro {
    min-height: 2rem
}

.feed .landingPodcasts .allPodcasts .sponsor .card.cardShow .image img {
    aspect-ratio: 16/9
}

.feed .landingPodcasts .allPodcasts .sponsor .card,
.feed .landingPodcasts .allPodcasts .sponsor .card .card-content {
    background-color: #efefef
}

.feed .landingPodcasts .allPodcasts .card.cardShow .multiLower .callToAction {
    margin-top: .5rem
}

.feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline {
    margin-bottom: .5rem
}

.feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline p.sponsorLabel {
    color: #0550c8
}

.feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline p {
    margin-top: 0
}

.feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .description {
    margin-top: .5rem
}

.feed .landingPodcasts .allPodcasts .card.cardShow .image img {
    aspect-ratio: 1
}

.feed .landingPodcasts .moreStories {
    margin: auto;
    padding-bottom: 55px;
    width: 100%
}

.feed .landingPodcasts .moreStories .contentList .contentListCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(230px + 2rem), 1fr))
}

.feed .landingPodcasts .moreStories .contentList .contentListCards .card {
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .landingPodcasts .moreStories .card.cardShow .image img {
    aspect-ratio: 16/9
}

.feed .viewportSmall .landingPodcasts .jumpBar.stickBar {
    position: fixed;
    right: 0;
    top: 80px;
    width: 1.75rem
}

.feed .landingPodcasts .jumpBar {
    background-color: #e60505;
    display: flex;
    justify-content: space-evenly;
    padding: 0 1rem
}

.feed .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
}

.feed .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
}

.feed .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
}

.feed .landingPodcasts .jumpBar a:active,
.feed .landingPodcasts .jumpBar a:focus,
.feed .landingPodcasts .jumpBar a:hover {
    background-color: #fff;
    color: #e60505
}

.feed .viewportSmall .landingPodcasts .jumpBar a:active,
.feed .viewportSmall .landingPodcasts .jumpBar a:focus,
.feed .viewportSmall .landingPodcasts .jumpBar a:hover {
    background-color: transparent;
    color: #e60505
}

.feed .flexibleLandingPage .sectionContainer {
    padding-bottom: 55px
}

@media(max-width:1068px) {
    .feed .flexibleLandingPage .sectionContainer.oc-l-sectionContainer-withRightRail {
        padding-bottom: 20px
    }
}

.feed .flexibleLandingPage .sectionContainer.oc-l-sectionContainer-withRightRail .radioBarFullWidthContainer {
    margin-left: 0;
    width: auto
}

.feed .flexibleLandingPage .sectionContainer-main.contentAreaWrap .oc-l-contentGrid-defaultGrid+.heading {
    padding-top: 55px
}

.feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap {
    flex: 0 0 300px;
    margin: 0 0 0 16px
}

.feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap .sidebar {
    margin: 0
}

.feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap .sidebar .h3Offset .heading {
    padding-top: .375rem
}

@media(max-width:1068px) {
    .feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap {
        display: block;
        flex-grow: 1;
        margin: 0;
        padding-top: 32px
    }
    .feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap .sidebar {
        margin: 0 auto;
        width: 100%
    }
    .feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap .sidebar .heading {
        padding-top: 32px
    }
    .feed .flexibleLandingPage .sectionContainer-rightRail.contentAreaWrap .sidebar .h3Offset .heading {
        padding-top: 0
    }
}

.feed .flexibleLandingPage .sectionContainer-main {
    flex-basis: 100%;
    width: 100%
}

.feed .flexibleLandingPage .sectionContainer-main.contentAreaWrap {
    flex-grow: 1;
    margin: 0
}

.feed .flexibleLandingPage .sectionContainer-main.contentAreaWrap .swimlane {
    margin: 0;
    width: 100%
}

.feed .flexibleLandingPage .sectionContainer-main.contentAreaWrap .swimlane .moreStoriesList {
    padding: 0
}

.feed .flexibleLandingPage .sectionContainer-main .ad-landing {
    margin: 0 auto;
    padding: 20px 0 0
}

.feed .flexibleLandingPage .sectionContainer.noHeading {
    padding-bottom: 0
}

.feed .flexibleLandingPage .sectionContainer.pageContentWrap .sectionContainer-wrapper {
    align-items: flex-start;
    display: flex;
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 16px
}

.feed .flexibleLandingPage .sectionContainer.pageContentWrap .sectionContainer-wrapper.nav {
    justify-content: start
}

@media(max-width:1068px) {
    .feed .flexibleLandingPage .sectionContainer.pageContentWrap .sectionContainer-wrapper {
        flex-flow: row wrap
    }
}

.feed .flexibleLandingPage .sectionContainer.pageContentWrap .sectionContainer-wrapper .contentList .contentListCards .card {
    margin: 0 auto
}

.feed .flexibleLandingPage .sectionContainer.pageContentWrap .sectionContainer-wrapper .featuredTopStories .contentList .contentListCards .card {
    margin: .5rem
}

@media only screen and (max-width:640px) {
    .feed .flexibleLandingPage .sectionContainer.pageContentWrap .sectionContainer-wrapper .featuredTopStories .contentList .contentListCards .card {
        margin-top: 0
    }
}

.feed .flexibleLandingPage .sectionContainer.pageContentWrap .contentArea .contentList .contentListCards .card.cardRegular {
    max-width: none
}

.feed .flexibleLandingPage .sectionContainer .regionsListWrapper {
    background: transparent
}

.feed .flexibleLandingPage .sectionContainer .regionsListWrapper.openRegion {
    background: #fff
}

.feed .flexibleLandingPage .sectionContainer .CTA.flexPage .feed .flexibleLandingPage .sectionContainer .CTA:not(.linkCTA),
.feed .flexibleLandingPage .sectionContainer-rightRail .CTA.flexPage {
    margin-top: 48px
}

.feed .flexibleLandingPage .sectionContainer .mlDrivenItemsWidget:not(:first-child),
.feed .flexibleLandingPage .sectionContainer .videoLocal:not(:first-child) {
    padding-top: 55px
}

.feed .flexibleLandingPage .sectionContainer .cardListing {
    border: 1px solid #e0e0e0
}

.feed .flexibleLandingPage .sectionContainer .cardListing .card-content {
    padding: 1rem 1rem 0
}

.feed .flexibleLandingPage .sectionContainer .cardListing .label {
    margin: 0 0 1rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-backgroundColor,
.feed .flexibleLandingPage .oc-l-sectionContainer-backgroundColor+section {
    padding-top: 40px
}

.feed .flexibleLandingPage .oc-l-sectionContainer-light {
    background-color: #eaeaea
}

.feed .flexibleLandingPage .oc-l-sectionContainer-light .card {
    border-color: #cbcbcb
}

.feed .flexibleLandingPage .oc-l-sectionContainer-dark {
    background-color: #222
}

.feed .flexibleLandingPage .oc-l-sectionContainer-dark .card {
    border: none
}

@media(max-width:530px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-sideScroll .sectionContainer-main {
        max-width: calc(100% + 32px)
    }
    .feed .flexibleLandingPage .oc-l-sectionContainer-sideScroll .heading-sectionHeading {
        margin-left: 16px
    }
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsLight {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width:1002px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-olympicsLight {
        background-image: url("")
    }
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsLight .card {
    border-color: #cbcbcb
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
    background-color: #000;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width:1002px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
        background-image: url("")
    }
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark .card {
    border: none
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark .card:hover {
    box-shadow: 0 0 0 3px #fff
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .sectionContainer-wrapper {
    display: block !important
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .contentAreaWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: -.5rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList {
    flex-basis: calc(25% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin: .5rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .titleBar {
    margin-bottom: 0;
    padding-bottom: 0
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card.cardRegular {
    border-left: none;
    border-right: none;
    border-top: none;
    flex: 1 1 100%
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card.cardText {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: .5rem 1rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .metadata {
    display: block
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .authorInfo,
.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .departmentItem,
.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .metaSeparator {
    display: none
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .commentInfo .metaSeparator {
    display: inline
}

.feed .viewportMedium .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList {
    flex-basis: calc(50% - 1rem);
    margin: 0 .5rem
}

.feed .viewportMedium .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .titleBar {
    margin-bottom: .5rem;
    padding-bottom: 0
}

.feed .viewportMedium .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .card {
    margin: .5rem 0 !important
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList {
    flex-basis: calc(100% - 1rem);
    margin: 0 .5rem
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .titleBar {
    margin-bottom: .5rem;
    padding-bottom: 0
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards {
    display: block
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .cardFeatured {
    display: block;
    padding: 1rem
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .cardFeatured .headline {
    line-height: 1.75rem
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .cardFeatured .contentWrapper {
    padding: 1rem;
    width: unset
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card {
    margin-bottom: .5rem
}

.feed .viewportSmall .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card:not(:first-child) {
    border-top: 1px solid #e0e0e0
}

.feed .flexibleLandingPage .myOlympics .heading {
    border: 0;
    flex: 0 0 290px;
    margin: 0 45px 0 0;
    padding: 0
}

@media(max-width:600px) {
    .feed .flexibleLandingPage .myOlympics .heading {
        flex: 0 0 235px;
        margin-right: 5px
    }
}

.feed .flexibleLandingPage .myOlympics .widgetHeader {
    align-items: baseline;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.feed .flexibleLandingPage .myOlympics .headerButtons {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.feed .flexibleLandingPage .myOlympics .feedbackButton,
.feed .flexibleLandingPage .myOlympics .settingsIcon {
    padding: 0
}

.feed .flexibleLandingPage .myOlympics .feedbackButton {
    align-items: center;
    border: none;
    color: #000;
    display: flex;
    font-size: 1.125rem;
    font-weight: 400;
    margin-right: 20px
}

.feed .flexibleLandingPage .myOlympics .feedbackButton .icon {
    height: 20px;
    width: 20px
}

.feed .flexibleLandingPage .myOlympics .settingsIcon {
    margin-right: 0
}

.feed .flexibleLandingPage .myOlympics .buttonText {
    margin-left: 12px
}

@media(max-width:640px) {
    .feed .flexibleLandingPage .myOlympics .closeAllSports,
    .feed .flexibleLandingPage .myOlympics .openAllSports {
        padding: 0
    }
    .feed .flexibleLandingPage .myOlympics .buttonText {
        display: none
    }
}

@media(min-width:641px)and (max-width:960px) {
    .feed .flexibleLandingPage .myOlympics .closeAllSports,
    .feed .flexibleLandingPage .myOlympics .openAllSports {
        padding: 0
    }
    .feed .flexibleLandingPage .myOlympics .buttonText {
        display: none
    }
}

.feed .flexibleLandingPage .myOlympicsWidget {
    background-color: #f4f4f4;
    margin: 0 -40px;
    padding: 40px;
    width: calc(100% + 80px)
}

.feed .flexibleLandingPage .myOlympicsWidget .widgetHeader {
    background: #222;
    color: #fff;
    margin: 0 0 20px;
    padding: 25px 20px;
    position: relative
}

.feed .flexibleLandingPage .myOlympicsWidget .descriptionText {
    flex: 1 1 300px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3
}

@media(max-width:600px) {
    .feed .flexibleLandingPage .myOlympicsWidget .descriptionText {
        font-size: 1rem
    }
}

.feed .flexibleLandingPage .myOlympicsWidget .descriptionText .inline-block {
    display: inline-block
}

.feed .flexibleLandingPage .myOlympicsWidget .feedbackButton {
    background-color: transparent;
    color: #fff
}

.feed .flexibleLandingPage .myOlympicsWidget .closeAllSports,
.feed .flexibleLandingPage .myOlympicsWidget .openAllSports {
    background-color: #222;
    border: none;
    color: #fff;
    font-size: 1.125rem
}

.feed .flexibleLandingPage .myOlympicsWidget .closeAllSports .removeIcon,
.feed .flexibleLandingPage .myOlympicsWidget .closeAllSports .settingsIcon,
.feed .flexibleLandingPage .myOlympicsWidget .openAllSports .removeIcon,
.feed .flexibleLandingPage .myOlympicsWidget .openAllSports .settingsIcon {
    fill: #fff
}

.feed .flexibleLandingPage .myOlympicsWidget .closeAllSports {
    align-items: center;
    display: flex
}

.feed .flexibleLandingPage .myOlympicsWidget .closeAllSports>.icon {
    display: flex
}

@media screen and (max-width:1360px) {
    .feed .flexibleLandingPage .myOlympicsWidget {
        margin: 0
    }
}

@media(max-width:640px) {
    .feed .flexibleLandingPage .myOlympicsWidget .widgetHeader {
        padding: 25px 16px
    }
}

@media(min-width:641px)and (max-width:960px) {
    .feed .flexibleLandingPage .myOlympicsWidget .widgetHeader {
        padding: 25px 16px
    }
}

@media(max-width:640px) {
    .feed .flexibleLandingPage .myOlympicsWidget {
        padding: 20px
    }
}

@media screen and (max-width:340px) {
    .feed .flexibleLandingPage .myOlympicsWidget {
        padding: 10px
    }
    .feed .flexibleLandingPage .myOlympicsWidget .widgetHeader {
        padding: 25px 8px
    }
}

.feed .flexibleLandingPage .myOlympicsHomepage {
    width: 100%
}

.feed .flexibleLandingPage .myOlympicsHomepage .widgetHeader {
    align-items: center;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: .75rem
}

.feed .flexibleLandingPage .myOlympicsHomepage .pageTitle {
    margin: .5rem 0
}

.feed .flexibleLandingPage .myOlympicsHomepage .feedbackIcon {
    fill: #000
}

.feed .flexibleLandingPage .myOlympicsHomepage .closeAllSports,
.feed .flexibleLandingPage .myOlympicsHomepage .openAllSports {
    border: none;
    color: #000;
    font-size: 1.125rem
}

.feed .flexibleLandingPage .myOlympicsHomepage .closeAllSports .icon,
.feed .flexibleLandingPage .myOlympicsHomepage .openAllSports .icon {
    fill: #000
}

.feed .flexibleLandingPage .myOlympicsHomepage .closeAllSports {
    align-items: center;
    display: flex
}

.feed .flexibleLandingPage .myOlympicsHomepage .closeAllSports .icon {
    height: 20px;
    margin-right: 5px;
    width: 16px
}

.feed .flexibleLandingPage .myOlympicsHomepage .olympicSportsList {
    margin: 15px 84px
}

@media(max-width:640px) {
    .feed .flexibleLandingPage .myOlympicsHomepage .olympicSportsList {
        margin: 0
    }
}

.feed .flexibleLandingPage .myOlympicsHomepage .showStories {
    margin: 20px 0
}

.feed .flexibleLandingPage .sectionContainer .contentQueryWidget:not(:first-child) {
    padding-top: 55px
}

.feed .flexibleLandingPage.pageComponent {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
    width: 100%
}

.feed .flexibleLandingPage .customHtml {
    border: none
}

.feed .flexibleLandingPage .videoWidgetPlaylist {
    display: flex;
    flex-wrap: wrap
}

.feed .flexibleLandingPage .videoWidgetPlaylist .video-playlist {
    flex: 1 100%;
    margin-top: 0
}

.feed .flexibleLandingPage .bannerImage {
    margin: -24px 0 40px;
    padding-bottom: 0
}

.feed .flexibleLandingPage .bannerImage .imageMedia {
    display: block;
    width: 100%
}

.feed .flexibleLandingPage .bannerImage img {
    aspect-ratio: 1280/249;
    display: block;
    position: relative;
    width: 100%
}

.feed .flexibleLandingPage .featuredNews,
.feed .flexibleLandingPage .loadMoreFLPWrapper,
.feed .flexibleLandingPage .scheduleWrapper {
    width: 100%
}

.feed .flexibleLandingPage .featuredNews .featuredNewsContentPackage {
    display: flex
}

.feed .flexibleLandingPage .featuredNews .featuredTopStories {
    display: grid;
    grid-template-columns: 2fr 1fr
}

.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .contentListCards {
    height: 100%;
    margin: 0;
    width: 100%
}

.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .card,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .contentListCards .card {
    margin-top: 0
}

.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .card.card-cqw.headline .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .card.cardDefault .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .card.cardListing .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .card.cardText .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .contentListCards .card.card-cqw.headline .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .contentListCards .card.cardDefault .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .contentListCards .card.cardListing .headline,
.feed .flexibleLandingPage .featuredNews .featuredTopStories .contentList .contentListCards .card.cardText .headline {
    font-size: 1.125rem;
    line-height: 1.3
}

.feed .viewportLarge .flexibleLandingPage .featuredNews .featuredTopStories .primaryTopStories .contentList .contentListCards .card,
.viewportMedium .flexibleLandingPage .featuredNews .featuredTopStories .primaryTopStories .contentList .contentListCards .card {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    flex-basis: 100%;
    padding: 0
}

.feed .viewportLarge .flexibleLandingPage .featuredNews .featuredTopStories .primaryTopStories .contentList .contentListCards .card .card-content,
.viewportMedium .flexibleLandingPage .featuredNews .featuredTopStories .primaryTopStories .contentList .contentListCards .card .card-content {
    border: none
}

@media(max-width:705px) {
    .feed .flexibleLandingPage .featuredNews .featuredTopStories {
        grid-template-columns: 1fr
    }
}

.feed .flexibleLandingPage .featuredNews .regionInfo .contentList .contentListCards .card {
    flex-basis: 230px
}

@media(min-width:1002px) {
    .feed .oc-l-contentGrid-featuredWithVertical>:nth-child(2) .cardImageWrap,
    .feed .oc-l-contentGrid-featuredWithVertical>:nth-child(3) .cardImageWrap,
    .feed .oc-l-contentGrid-featuredWithVertical>:nth-child(4) .cardImageWrap {
        display: none
    }
}

.feed .summerOlympicsBrandBanner {
    background: url("");
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: flex;
    height: 108px;
    width: 100%
}

.feed .summerOlympicsBrandBanner:hover #Combined-Shape,
.feed .summerOlympicsBrandBanner:hover .summerOlympicsBrandBannerLogo path {
    fill: #e01c24
}

.feed .summerOlympicsBrandBannerOrigami {
    background: url("");
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: auto 108px;
    height: 108px;
    margin: 0 auto;
    max-width: 1307px;
    position: relative;
    width: 100%
}

.feed .summerOlympicsBrandBannerLogo {
    display: block;
    height: 46px;
    left: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    width: 358px
}

.feed .summerOlympicsBrandBannerLogo path {
    fill: #000
}

.feed .bannerFocus:focus-visible .winterOlympicsBrandBannerLogo {
    outline: 2px dashed #fff;
    outline-offset: 8px
}

.feed .winterOlympicsBrandBanner {
    background: url("");
    background-color: #c1d9e0;
    background-position: 50%;
    border-top: 1px solid #cbcbcb;
    display: flex;
    height: 108px;
    width: 100%
}

.feed .winterOlympicsBrandBanner:hover #Combined-Shape,
.feed .winterOlympicsBrandBanner:hover .winterOlympicsBrandBannerLogo path {
    fill: #e6d1ad
}

.feed .winterOlympicsBrandBannerBricks {
    align-items: center;
    background: url("");
    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%
}

.feed .winterOlympicsBrandBannerBricks .broadcasterIcon,
.feed .winterOlympicsBrandBannerBricks .paralympicsBroadcasterIcon {
    position: absolute;
    right: 30px
}

.feed .winterOlympicsBrandBannerLogo {
    display: block;
    height: 50px;
    left: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    width: 452px
}

@media(max-width:640px) {
    .feed .summerOlympicsBrandBanner {
        background: #fff;
        height: 65px
    }
    .feed .summerOlympicsBrandBannerOrigami {
        background-position-x: -40px;
        background-size: auto 65px;
        height: 65px
    }
    .feed .summerOlympicsBrandBannerLogo {
        height: 30px;
        left: 7px;
        width: 231px
    }
    .feed .winterOlympicsBrandBanner {
        background: url("");
        background-color: #c1d9e0;
        background-position-x: 61%;
        height: 72px
    }
    .feed .winterOlympicsBrandBannerBricks {
        background: url("");
        background-position-x: center;
        background-size: auto 72px;
        height: 72px
    }
    .feed .winterOlympicsBrandBannerBricks .broadcasterIcon,
    .feed .winterOlympicsBrandBannerBricks .paralympicsBroadcasterIcon {
        height: 23px;
        width: 45px
    }
    .feed .winterOlympicsBrandBannerLogo {
        height: 26px;
        width: 235px
    }
}

.feed .linksNav {
    display: flex
}

.feed .linksNav .itemList {
    flex: 1 0 0;
    flex-wrap: wrap;
    height: 24px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.feed .linksNav .itemList .linksNavItem {
    float: left;
    padding: 0 1.5rem
}

.feed .linksNav .itemList .linksNavItem a {
    color: #000;
    text-decoration: none
}

.feed .linksNav .itemList .linksNavItem.hide {
    visibility: hidden
}

.feed .mediaEmbed .media-caption {
    border-bottom: 1px solid #d8d8d8;
    color: #545454;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 16px;
    padding: 16px 0
}

.feed .mediaEmbed .media-caption .featuredVideo {
    display: none
}

.feed .mediaEmbed .showInfo {
    line-height: normal
}

.feed .mediaEmbed .media-labels {
    line-height: 16px
}

@media(max-width:640px) {
    .feed .mediaIsLead {
        margin-left: -16px;
        margin-right: -16px
    }
}

.feed .youtube {
    display: block;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.feed .youtube iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.feed .storyCardCarousel iframe {
    border: none;
    display: block;
    overflow: hidden;
    width: 100%
}

.feed .errorPage {
    color: #000;
    font-weight: 700;
    text-align: center
}

.feed .errorPage .statusCode .digit {
    font-size: 8rem
}

.feed .errorPage .errorMessageText {
    font-size: 1.2rem;
    padding: 0 2.5rem
}

.feed .errorPage .errorMessageText a {
    color: #e60505
}

.feed .series .seriesList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(230px + 2rem), 1fr));
    list-style: none;
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding: 0
}

.feed .series .seriesList .seriesListItem {
    background-color: transparent;
    margin-bottom: 1rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.feed .series .seriesList .seriesListItem .card {
    height: 100%;
    margin: 0
}

.feed .series.vertical {
    margin-bottom: 1rem
}

.feed .series.horizontal .headingText,
.feed .series.horizontal .seriesListItem {
    margin: .5rem
}

.feed .series.horizontal .seriesListItem .card {
    height: 100%
}

.feed .series.horizontal .seriesListItem .card .imageMedia {
    overflow-y: hidden
}

.feed .series .seriesHeadline {
    text-transform: capitalize
}

.feed .viewportMedium .series.vertical,
.feed .viewportSmall .series.vertical {
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .PhotoGallery {
    display: block
}

.feed .PhotoGallery.embeddable-pg_4x3 {
    position: relative
}

.feed .PhotoGallery.embeddable-pg_4x3:before {
    content: "";
    display: block;
    padding-top: calc(75% + 50px)
}

.feed .PhotoGallery.embeddable-pg_16x9 {
    position: relative
}

.feed .PhotoGallery.embeddable-pg_16x9:before {
    content: "";
    display: block;
    padding-top: calc(56.25% + 50px)
}

.feed .PhotoGallery.embeddable-pg_square {
    position: relative
}

.feed .PhotoGallery.embeddable-pg_square:before {
    content: "";
    display: block;
    padding-top: calc(100% + 50px)
}

.feed .PhotoGallery .fs_4x3 div.images div img {
    max-height: calc(100vh - 50px);
    max-width: calc(133.33333vh - 66.66667px)
}

.feed .PhotoGallery .fs_16x9 div.images div img {
    max-height: calc(100vh - 50px);
    max-width: calc(177.77778vh - 88.88889px)
}

.feed .PhotoGallery .fs_square div.images div img {
    max-height: calc(100vh - 50px);
    max-width: calc(100vh - 50px)
}

.feed .PhotoGallery .embeddable-item {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.feed .PhotoGallery .cbcfgfullscreen {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1500
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfg figure {
    height: 100%;
    width: 100%
}

.feed .PhotoGallery .cbcfgfullscreen div.images {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.feed .PhotoGallery .cbcfgfullscreen div.images div {
    width: 100%
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfg .tools {
    bottom: 0;
    position: fixed
}

.feed .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
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfgfullscreen-close .closeIcon {
    fill: #000;
    background: #fff
}

.feed .PhotoGallery .cbcfg {
    background-color: #1a1a1a;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.feed .PhotoGallery .cbcfg:before {
    border-color: #cbcbcb transparent #cbcbcb #cbcbcb;
    content: "";
    height: 40px;
    left: calc(50% - 20px);
    position: absolute;
    top: calc(50% - 20px);
    width: 40px
}

.feed .PhotoGallery .cbcfg .noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.feed .PhotoGallery .cbcfg div.captions {
    bottom: 50px;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 902
}

.feed .PhotoGallery .cbcfg div.captions figcaption {
    background-color: #000;
    background: rgba(34, 34, 34, .9);
    color: #c3c3c3;
    display: block;
    font-size: 14px;
    line-height: 140%;
    max-width: 100%;
    padding: 10px
}

.feed .PhotoGallery .cbcfg div.captions.nodesc {
    font-size: italic
}

.feed .PhotoGallery .cbcfg div.captions.on {
    display: block
}

.feed .PhotoGallery .cbcfg div.images {
    height: 100%;
    width: 100%
}

.feed .PhotoGallery .cbcfg div.images svg {
    display: none
}

.feed .PhotoGallery .cbcfg div.images div .placeholder {
    background: none
}

.feed .PhotoGallery .cbcfg div.images div .placeholder img {
    margin: 0 auto;
    opacity: 1;
    position: relative;
    width: 100%;
    z-index: inherit
}

.feed .PhotoGallery .cbcfg .overlays .captions a {
    color: #c3c3c3;
    text-decoration: underline
}

.feed .PhotoGallery .cbcfg .overlays .captions a:hover {
    color: #fff
}

.feed .PhotoGallery .cbcfg .tools {
    background-color: #222;
    bottom: 0;
    color: #c3c3c3;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 902
}

.feed .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
}

.feed .PhotoGallery .cbcfg .tools .icon {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 100%;
    padding: 0
}

.feed .PhotoGallery .cbcfg .tools .fullscreen {
    height: 100%;
    padding: 0 10px;
    width: 45px
}

.feed .PhotoGallery .cbcfg .tools .fullscreen:focus,
.feed .PhotoGallery .cbcfg .tools .fullscreen:hover {
    background-color: #8c8c8c
}

.feed .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
}

.feed .PhotoGallery .cbcfg .tools .captions .chevron .icon {
    display: inline-block;
    margin-left: 5px;
    width: 10px
}

.feed .PhotoGallery .cbcfg .tools .captions .chevron .chevronIcon {
    fill: #fff;
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.feed .PhotoGallery .cbcfg .tools .captions .showIcon .icon {
    margin-top: -3px
}

.feed .PhotoGallery .cbcfg .tools .captions .showIcon .chevronIcon {
    transform: rotate(180deg)
}

.feed .PhotoGallery .cbcfg .tools .captions:hover {
    background-color: #8c8c8c;
    color: #fff
}

.feed .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
}

.feed .PhotoGallery .cbcfg .nav.next .chevronIcon,
.feed .PhotoGallery .cbcfg .nav.prev .chevronIcon {
    fill: #fff;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 50%;
    display: block;
    height: 46px;
    position: absolute;
    top: calc(50% - 23px);
    width: 46px;
    z-index: 903
}

.feed .PhotoGallery .cbcfg .nav.next .chevronIcon path,
.feed .PhotoGallery .cbcfg .nav.prev .chevronIcon path {
    transform: scale(.8) translateX(1px) translateY(3px)
}

.feed .PhotoGallery .cbcfg .nav.next .chevronIcon:focus,
.feed .PhotoGallery .cbcfg .nav.next .chevronIcon:hover,
.feed .PhotoGallery .cbcfg .nav.prev .chevronIcon:focus,
.feed .PhotoGallery .cbcfg .nav.prev .chevronIcon:hover {
    background-color: hsla(0, 0%, 55%, .8)
}

.feed .PhotoGallery .cbcfg .nav.prev {
    background-color: transparent;
    background-position: 100% 50%;
    border: 0;
    left: 0
}

.feed .PhotoGallery .cbcfg .nav.prev .chevronIcon {
    left: 0;
    margin-left: 10px;
    transform: rotate(90deg)
}

.feed .PhotoGallery .cbcfg .nav.prev.disabled {
    display: none
}

.feed .PhotoGallery .cbcfg .nav.prev.disabled .chevronIcon {
    cursor: default;
    display: none
}

.feed .PhotoGallery .cbcfg .nav.next {
    background-color: transparent;
    background-position: 100% 50%;
    border: 0;
    right: 0
}

.feed .PhotoGallery .cbcfg .nav.next .chevronIcon {
    margin-right: 10px;
    right: 0;
    transform: rotate(-90deg)
}

.feed .PhotoGallery .cbcfg .nav.next.disabled {
    display: none
}

.feed .PhotoGallery .cbcfg .nav.next.disabled .chevronIcon {
    cursor: default;
    display: none
}

@media(min-width:961px)and (max-width:1024px) {
    .feed .story .PhotoGallery .cbcfgfullscreen .cbcfg figure {
        display: inherit
    }
}

@media(max-width:640px) {
    .feed .PhotoGallery.leadmedia {
        margin-left: -16px;
        margin-right: -16px
    }
    .feed .story .PhotoGallery .cbcfgfullscreen .cbcfg figure {
        display: inherit
    }
}

.feed .regionInfo {
    margin-top: 1rem
}

.feed .regionInfo.verticalCardList.cardList .titleBar {
    margin-bottom: 0;
    padding-bottom: 0
}

.feed .regionInfo .contentList .contentListCards .card.cardText {
    background-color: #f4f4f4
}

.feed .regionInfo .contentList .contentListCards .card.cardText .card-content {
    background-color: #f4f4f4;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.feed .regionInfo .contentList .contentListCards .card.cardText .card-content:focus,
.feed .regionInfo .contentList .contentListCards .card.cardText .card-content:hover {
    background-color: #fff
}

.feed .regionInfo .contentList .contentListCards .card.cardText .card-content:focus:after,
.feed .regionInfo .contentList .contentListCards .card.cardText .card-content:hover:after {
    border-bottom-color: #fff
}

.feed .regionInfo .contentList .contentListCards .card.cardText .card-content .description,
.feed .regionInfo .contentList .contentListCards .card.cardText .card-content .metadata {
    display: none
}

.feed .regionInfo .contentList .contentListCards .card.cardText:focus,
.feed .regionInfo .contentList .contentListCards .card.cardText:hover {
    background-color: #fff
}

.feed .regionInfo .regionImage {
    width: 100%
}

@media(min-width:1000px) {
    .feed .regionInfo {
        min-height: 532px
    }
}

.feed .regionInfo .regionsListWrapper {
    background-color: #fff;
    color: #000
}

.feed .regionInfo .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0
}

.feed .regionInfo .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase
}

.feed .regionInfo .regionsListWrapper .regionNameWrapper {
    display: inline-block
}

.feed .regionInfo .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: .9rem;
    padding: .5rem 1rem 0 0
}

.feed .regionInfo .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    padding: .2rem .5rem
}

.feed .regionInfo .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none
}

.feed .regionInfo .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8
}

.feed .regionInfo .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .regionInfo .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: .9rem
}

.feed .regionInfo .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: .9rem;
    margin-right: .5rem
}

.feed .regionInfo .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem
}

.feed .regionInfo .regionsListWrapper .regionRadioButton {
    margin-right: .3rem
}

.feed .regionInfo .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none
}

.feed .regionInfo .regionsListWrapper .regionLink .icon {
    padding-left: 6px
}

.feed .regionInfo .regionsListWrapper .regionLink:focus,
.feed .regionInfo .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8
}

.feed .regionInfo .regionsListWrapper .regionLink:focus .chevronIcon,
.feed .regionInfo .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454
}

.feed .regionInfo .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: .5rem;
    width: 100%
}

.feed .regionInfo .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto
}

.feed .regionInfo .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .regionInfo .regionsListWrapper.openRegion .regionFormIntro {
    display: block
}

.feed .regionInfo .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg)
}

.feed .regionInfo .regionsListWrapper.standAlone {
    background: #f4f4f4
}

.feed .regionInfo .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: .85rem;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .regionInfo .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: .5rem 0
}

.feed .regionInfo .regionsListWrapper.standAlone .regionForm {
    background: #fff
}

.feed .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
    padding: .5rem
}

.feed .regionInfo .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.feed .regionInfo .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: .8rem;
    margin: 0 .5rem .3rem 0
}

.feed .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: .5rem .5rem 0 0
}

.feed .regionInfo .regionsListWrapper.standAlone .currentRegion,
.feed .regionInfo .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap
}

.feed .regionInfo .regionsListWrapper.standAlone .currentRegion:before,
.feed .regionInfo .regionsListWrapper.standAlone .regionButton:before {
    display: none
}

.feed .regionInfo .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .regionInfo .regionsListWrapper.standAlone .regionButton:focus,
.feed .regionInfo .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .regionInfo .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none
}

.feed .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700
}

.feed .regionInfo .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454
}

.feed .regionInfo .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem
}

.feed .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: .5rem
}

.feed .headerSearchBar {
    background: #000;
    display: none;
    height: 48px;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 266px;
    z-index: 2000
}

.feed .headerSearchBar.active {
    display: inline-flex
}

.feed .headerSearchBar .searchBar {
    display: none
}

.feed .headerSearchBar .searchBar.active {
    align-items: center;
    display: flex
}

.feed .headerSearchBar .searchBar .search-autocomplete {
    color: #000;
    display: flex;
    height: 25px;
    text-align: left;
    width: inherit
}

.feed .headerSearchBar .searchClose {
    background: #000;
    border: none;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:710px) {
    .feed .headerSearchBar .searchClose.active {
        align-items: center;
        display: flex
    }
    .feed .headerSearchBar {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto
    }
}

.feed .searchBar .searchButton:focus,
.feed .searchBar .searchButton:hover {
    background-color: #e60505;
    color: #fff
}

.feed .searchBar .searchButton:focus {
    text-decoration: underline
}

.feed .searchBar .search-autocomplete {
    width: 98%
}

.feed .searchBar.compact {
    background: #000;
    display: none;
    padding: .7rem 0;
    top: 0;
    transition: width .4s ease-in-out;
    z-index: 1011
}

.feed .searchBar.compact .searchButton {
    background-color: #727272;
    border: none;
    color: #fff;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase
}

.feed .searchBar.compact .searchInput {
    width: 187px
}

.feed .searchBar.compact .searchInputWrapper {
    height: 1.5rem;
    padding: 0
}

.feed .searchBar.compact .searchInputAutocomplete {
    height: 1rem
}

.feed .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 48px
}

.feed .globalHeader.searchActive .searchBar.compact {
    display: inline-block;
    padding-right: 1rem;
    width: 280px
}

.feed .headerSearchBar .searchBar.compact {
    padding-right: 0
}

.feed .searchBar.compact.variantB,
.feed .searchBar.compact.variantD {
    background: none;
    position: inherit;
    width: 100%
}

.feed .searchBar.compact.variantB .searchForm,
.feed .searchBar.compact.variantD .searchForm {
    margin-left: 2rem !important;
    overflow: inherit
}

.feed .searchBar.compact.variantB .searchForm .searchInput,
.feed .searchBar.compact.variantD .searchForm .searchInput {
    border: 0;
    border-bottom: 1px solid #e60505;
    box-sizing: content-box;
    color: #000;
    font-size: 2.0625rem;
    padding: 0 .7rem
}

.feed .searchBar.compact.variantB .searchForm .searchInput:focus,
.feed .searchBar.compact.variantD .searchForm .searchInput:focus {
    border-bottom: 1px solid #e60505;
    outline: thin dotted
}

.feed .searchBar.compact.variantB .searchForm span.sclt-abtest-a-vVDtJQatZO,
.feed .searchBar.compact.variantD .searchForm span.sclt-abtest-a-vVDtJQatZO {
    width: calc(100% - 40px)
}

.feed .searchBar.compact.variantB .searchForm span.sclt-abtest-a-vVDtJQatZO:focus,
.feed .searchBar.compact.variantD .searchForm span.sclt-abtest-a-vVDtJQatZO:focus {
    outline: thin dotted
}

.feed .searchBar.compact.variantB .searchForm .searchButton,
.feed .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 .2s ease-in-out
}

.feed .searchBar.compact.variantB .searchForm .searchButton:hover,
.feed .searchBar.compact.variantD .searchForm .searchButton:hover {
    background-color: #e60505;
    color: #fff
}

.feed .globalHeader.searchActive .searchBar.compact.variantB,
.feed .globalHeader.searchActive .searchBar.compact.variantD {
    display: flex;
    margin: 0 auto;
    max-width: 80rem;
    width: inherit
}

.feed .searchBar .searchForm {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin: auto;
    width: 97%
}

.feed .searchBar .searchInput {
    border: 1px solid #cbcbcb;
    border-radius: 2px;
    box-sizing: border-box;
    flex: 3 1;
    height: 26px;
    margin-right: 1rem;
    padding: 0 .5rem;
    width: inherit
}

.feed .searchBar .searchInput:focus {
    border-color: #0550c8;
    border-width: 2px
}

.feed .searchBar .searchFilterContainer .searchFilterList {
    padding-left: 1rem
}

.feed .searchBar .searchFilterContainer .searchFilterButton {
    border: none;
    color: #0550c8;
    font-size: 1rem;
    font-weight: 400
}

.feed .searchBar .searchFilterContainer .searchFilterButton:focus,
.feed .searchBar .searchFilterContainer .searchFilterButton:hover {
    text-decoration: underline
}

.feed .searchBar .searchFilterContainer .searchFilterButton.selected {
    background-color: #f4f4f4;
    border: 1px solid #cbcbcb;
    color: #000
}

.feed .searchBar .searchFilterContainer .searchFilterItem {
    display: inline-block;
    list-style-type: none;
    margin-right: 2rem
}

.feed .searchBar .searchFilterContainer:after {
    display: none
}

.feed .searchBar .autocomplete-input {
    border: 1px solid #aaa;
    border-radius: 4px;
    font-family: Open Sans, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.feed .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, .15);
    display: block;
    font-family: Open Sans, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    width: 284px;
    z-index: 2
}

.feed .searchBar .autocomplete-suggestions-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.feed .searchBar .autocomplete-suggestions-item {
    border-top: 1px solid #aaa;
    cursor: pointer;
    padding: 10px 20px
}

.feed .searchBar .autocomplete-suggestions-item-highlighted {
    background-color: #f1f1f1
}

.feed .searchBar .autocomplete-suggestions-item-match {
    color: red;
    font-weight: 700
}

.feed .searchBar input#gn-search {
    line-height: 1.8
}

.feed .searchBar .moreItemsNav {
    text-align: right
}

.feed .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
}

.feed .searchBar .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: .7rem
}

.feed .searchBar .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, .15), 0 -5px 3px -10px #fff
}

.feed .searchBar .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none
}

.feed .searchBar .moreItemsNav .moreNavListItem .moreNavLink:focus,
.feed .searchBar .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .searchBar .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

.feed .searchBar .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: .9rem;
    height: 2rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

.feed .searchBar .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .searchBar .moreItemsNav .moreButton:focus .chevronIcon,
.feed .searchBar .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .searchBar .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute
}

.feed .searchBar .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000
}

.feed .searchBar .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .searchBar .navItem .navLink:focus,
.feed .searchBar .navItem .navLink:hover {
    text-decoration: underline
}

.feed .searchBar .navItem .navLink.selected {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 5px
}

.feed .searchBar .navItem .navLink.selected:hover {
    text-decoration: none
}

.feed .viewportLarge .searchBar.compact,
.feed .viewportMedium .searchBar.compact,
.feed .viewportXLarge .searchBar.compact {
    right: 212px
}

.feed .viewportMedium .variantB .searchForm,
.feed .viewportMedium .variantD .searchForm,
.feed .viewportSmall .variantB .searchForm,
.feed .viewportSmall .variantD .searchForm {
    margin-right: 1rem
}

.feed .viewportMedium .searchFilterContainer,
.feed .viewportSmall .searchFilterContainer {
    position: relative
}

.feed .viewportMedium .searchFilterContainer .searchFilterList,
.feed .viewportSmall .searchFilterContainer .searchFilterList {
    height: 40px;
    overflow-y: scroll;
    white-space: nowrap
}

.feed .viewportMedium .searchFilterContainer .searchFilterItem,
.feed .viewportSmall .searchFilterContainer .searchFilterItem {
    margin-right: 1.5rem
}

.feed .viewportMedium .searchFilterContainer:after,
.feed .viewportSmall .searchFilterContainer:after {
    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
}

.feed .viewportSmall .compact.variantB .searchForm .searchInput,
.feed .viewportSmall .compact.variantD .searchForm .searchInput {
    border-radius: 0;
    font-size: 1.125rem !important;
    padding: .3rem .7rem !important
}

.feed .viewportSmall .compact.variantB .searchForm .searchButton,
.feed .viewportSmall .compact.variantD .searchForm .searchButton {
    font-size: 1.2rem !important;
    padding: .75rem 1rem !important
}

.feed .sponsorInfo {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    margin: 1rem auto;
    max-width: 300px
}

.feed .sponsorInfo .sponsorBoxList {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0
}

.feed .sponsorInfo .sponsor-image .placeholder {
    background: none;
    padding: 41px
}

.feed .sponsorInfo .sponsor-image img {
    max-width: 215px;
    position: relative
}

.feed .sponsorAboutBox {
    background-color: #fff;
    border: 2px solid #000 !important;
    margin: 1rem auto;
    padding: 1rem
}

.feed .sponsorAboutBox .sponsorAboutLogo {
    float: right
}

.feed .sponsorAboutBox .sponsorAboutLogo img {
    height: 50px
}

.feed .story {
    color: #222;
    font-size: 1rem;
    line-height: 150%
}

.feed .story h2 {
    font-size: 1.625rem;
    line-height: 1.3
}

@media(max-width:640px) {
    .feed .story h2 {
        font-size: 1.5rem
    }
}

.feed .story p {
    margin-bottom: 28px;
    margin-top: 0
}

.feed .story a {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .story a:focus,
.feed .story a:hover {
    background-color: #d8d8d8
}

.feed .story u {
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none
}

.feed .story li a {
    font-weight: 700
}

.feed .story hr {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    height: 1px
}

.feed .story .image.extrasmall,
.feed .story .image.medium,
.feed .story .image.small {
    clear: right;
    float: right;
    margin: 1rem 0 1rem 1rem
}

.feed .story .image {
    display: block;
    line-height: 0;
    position: relative
}

.feed .story .image .placeholder {
    margin-bottom: 1rem
}

.feed .story .image.medium {
    width: 460px
}

.feed .story .image.small {
    width: 300px
}

.feed .story .image.extrasmall {
    width: 140px
}

.feed .story .relatedListItem {
    margin: 1rem 0
}

.feed .story .relatedLink {
    font-weight: 700
}

.feed .story .relatedLinksWrap {
    margin-top: 3rem
}

.feed .story .floatright {
    float: right;
    margin: .5rem 0 .5rem 1rem;
    padding: 1rem
}

.feed .story .callout,
.feed .story table {
    background-color: #eaeaea;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    font-size: .857em
}

.feed .story td {
    padding: .25rem
}

.feed .story .media table,
.feed .story .mediaEmbed table {
    background: transparent;
    border: none
}

.feed .story .callout {
    float: right;
    margin: 0 0 1rem 1rem;
    min-width: 300px;
    padding: 1rem;
    width: 35%
}

.feed .story .callout h2 {
    margin-top: 0
}

.feed .story .callout p {
    margin: 12px 0
}

.feed .story .callout_full {
    float: none;
    margin-left: 0;
    width: calc(100% - 2rem)
}

.feed .story .ad-bigbox {
    clear: both;
    content: "";
    display: table
}

.feed .story .documentCloud,
.feed .story .scribble {
    display: block
}

.feed .story .documentCloud .heading {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 2rem 0 0
}

.feed .story .documentCloud .documentCloudContainer,
.feed .story .documentCloud .external {
    display: block;
    margin: 1rem 0
}

.feed .story .documentCloud .disclaimer {
    font-size: .9rem;
    font-style: italic
}

.feed .story .customHtml {
    border: none;
    border-radius: 3px
}

.feed .story .customHtml .body {
    text-align: center
}

.feed .story .pullquote {
    margin: 1em auto;
    min-width: 20em;
    width: 80%
}

.feed .story .pullquote .text-items {
    border-left: 4px solid #e60505;
    clear: both;
    display: inline-block;
    min-height: 95px;
    padding-left: 45px;
    width: calc(100% - 110px)
}

.feed .story .pullquote .sharing-icons {
    display: none
}

.feed .story .pullquote .sharing-icons .socialImage {
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    display: block;
    margin-bottom: .5rem;
    margin-right: 1rem
}

.feed .story .pullquote .pullquote-quotation {
    display: block;
    font-size: 2rem;
    line-height: 130%
}

.feed .story .pullquote .pullquote-source {
    color: #545454;
    display: block;
    margin-top: 1rem
}

.feed .story .pullquote .pullquote-quotation-open {
    float: left;
    height: 25px;
    margin-left: -30px;
    width: 30px
}

.feed .story .pullquote .pullquote-quotation-close {
    float: right;
    height: 22px;
    margin-top: 2px;
    position: absolute;
    width: 23px
}

@media(max-width:640px) {
    .feed .story .pullquote .pullquote-quotation {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.feed .story .facebook {
    margin: 0 auto;
    max-width: 500px
}

.feed .story .facebookVideo {
    margin-bottom: 1rem
}

.feed .story .twitter-tweet {
    margin: 0 auto;
    max-width: calc(100vw - 2rem);
    visibility: hidden
}

.feed .story .twitter-tweet.twitter-tweet-rendered {
    visibility: visible
}

.feed .story .similarLinks .similarListItem .similarLink .similarLinkText {
    display: inline
}

@media(max-width:640px) {
    .feed .story {
        font-size: 1rem;
        line-height: 1.625rem
    }
    .feed .story p {
        margin-bottom: 28px
    }
    .feed .story .callout,
    .feed .story .floatright {
        float: none;
        margin: 0 0 1rem;
        min-width: inherit;
        width: auto
    }
    .feed .story .image.extrasmall,
    .feed .story .image.medium,
    .feed .story .image.small {
        float: none;
        margin: 0;
        width: 100%
    }
}

@media(min-width:641px)and (max-width:960px) {
    .feed .story {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .feed .story p {
        margin-bottom: 32px
    }
}

.feed .verticalCardList.cardList {
    margin-top: 1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards {
    margin-left: 0;
    margin-right: 0
}

.feed .verticalCardList.cardList .contentList .contentListCards .cardFeatured {
    padding: 0
}

.feed .verticalCardList.cardList .contentList .contentListCards .cardFeatured .label.highlighted,
.feed .verticalCardList.cardList .contentList .contentListCards .cardFeatured .label.sponsored {
    margin-left: -1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .cardFeatured .label.highlighted .labelText,
.feed .verticalCardList.cardList .contentList .contentListCards .cardFeatured .label.sponsored .labelText {
    display: block;
    margin: -1rem 0 0;
    padding-left: 1rem;
    width: 100%
}

.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content .headline {
    font-size: 1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .cardFeatured .card-content {
    padding: .5rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .card {
    margin: 0
}

.feed .verticalCardList.cardList .contentList .contentListCards .card.cardText {
    border: 1px solid #cbcbcb;
    padding: 0 1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .card.cardFeatured {
    padding: unset
}

.feed .verticalCardList.cardList .contentList .contentListCards .card.cardFeatured .headline {
    line-height: 1.5
}

.feed .verticalCardList.cardList .contentList .contentListCards .card.cardFeatured .contentWrapper {
    flex: 1 1 100%;
    padding: .5rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .card:hover {
    z-index: 50
}

.feed .verticalCardList.cardList .contentList .contentListCards .card .description,
.feed .verticalCardList.cardList .contentList .contentListCards .card .metadata {
    display: none
}

.feed .verticalCardList.cardList .contentList .contentListCards .card:not(:first-child),
.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:not(:first-child) .card {
    border-top: none
}

.feed .verticalCardList.cardList .titleBar {
    background-color: #fff;
    color: #000;
    margin-bottom: .5rem;
    padding: 0 0 .3rem
}

.feed .verticalCardList.cardList .titleBar .title {
    border-bottom: 1px solid #545454;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.feed .verticalCardList.cardList .titleBar.titleBar-condensed {
    letter-spacing: -.4px
}

.feed .verticalCardList.cardList .titleBar a {
    color: #000;
    text-decoration: none
}

.feed .verticalCardList.cardList .titleBar a:hover {
    color: #0550c8;
    text-decoration: none
}

@media only screen and (max-width:987px) {
    .feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .cardFeatured .card-content {
        padding: .5rem 1rem
    }
    .feed .verticalCardList .cardFeatured {
        align-items: center;
        flex-flow: column
    }
    .feed .verticalCardList .cardFeatured .mediaItem {
        flex: 1 1 230px;
        min-height: inherit
    }
}

.feed .sitemap .sectionLink {
    color: #000
}

.feed .sitemap.menuNavWrapper {
    position: relative;
    z-index: 800
}

.feed .sitemap.menuNavWrapper .menuNav.open {
    border-top: none;
    margin: 2rem 0
}

.feed .sitemap.menuNavWrapper .menuNav.open .closeButton,
.feed .sitemap.menuNavWrapper .menuNav.open .menuClose,
.feed .sitemap.menuNavWrapper .menuNav.open .nav-my-local-settings,
.feed .sitemap.menuNavWrapper .menuNav.open .nav-my-local-settings.hasRegions {
    display: none
}

.feed .sitemap.menuNavWrapper .menuNav.open .navLink:focus,
.feed .sitemap.menuNavWrapper .menuNav.open .navLink:hover {
    color: #e60505;
    text-decoration: none
}

.feed .sitemap .subNavList.menuSidebarSubNav {
    flex-flow: column wrap
}

.feed .sitemap .navItem .navLink:focus,
.feed .sitemap .navItem .navLink:hover {
    text-decoration: underline
}

.feed .sitemap .navItem .navLink.selected {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 5px
}

.feed .sitemap .navItem .navLink.selected:hover {
    text-decoration: none
}

.feed .sitemap .subNavList {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0
}

.feed .sitemap .subNavList:after {
    content: "";
    flex: auto;
    padding: 0 1rem;
    width: 21%
}

.feed .sitemap .subNavList .subNavListItem {
    flex: 0 0 auto;
    list-style-type: none;
    padding: 0 1rem;
    width: 21%
}

.feed .sitemap .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none
}

.feed .sitemap .subNavList.collapsed {
    display: none
}

.feed .sitemap.viewportSmall .subNavList:after,
.feed .sitemap.viewportSmall .subNavListItem {
    width: 40%
}

.feed .sitemap .menuNav {
    position: relative
}

.feed .sitemap .menuNav .menuList {
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.feed .sitemap .menuNav .closeButton {
    display: none
}

.feed .sitemap .menuNav .mainMenuItem {
    line-height: 2rem;
    padding-left: 2rem
}

.feed .sitemap .menuNav .mainMenuItem.nav-more {
    background: #545454
}

.feed .sitemap .menuNav .mainMenuItem.nav-more .navSection {
    display: none
}

.feed .sitemap .menuNav .mainMenuItem.nav-more .navLink {
    color: #fff;
    outline-color: #fff
}

.feed .sitemap .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio,
.feed .sitemap .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv {
    font-weight: 700;
    text-transform: uppercase
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection {
    border-bottom: 1px solid #cbcbcb;
    min-height: 2rem;
    padding: .5rem .5rem .5rem 1rem
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection:last-child {
    border: none
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList {
    margin-left: -1rem
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected {
    color: #e60505;
    cursor: auto
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection.hasRegions {
    display: flex;
    flex-flow: row wrap
}

.feed .sitemap .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
    margin-right: 2rem
}

.feed .sitemap .menuNav .navLink,
.feed .sitemap .menuNav .topics .subNavLink {
    font-weight: 700;
    text-transform: uppercase
}

.feed .sitemap .menuNav.open {
    border-top: 1px solid #cbcbcb;
    display: flex;
    outline: none;
    width: 100%
}

.feed .sitemap .menuNav.open .menuSidebar {
    display: block
}

.feed .sitemap .menuNav.open .menuList {
    border-top: none;
    display: block
}

.feed .sitemap .menuNav.open .closeButton {
    background-color: #e60505;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: .9rem;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.feed .sitemap .menuNav.open .closeButton:focus,
.feed .sitemap .menuNav.open .closeButton:hover {
    background-color: #fff;
    border: 1px solid #e60505;
    color: #e60505
}

.feed .sitemap .menuNav .menuSidebar {
    background: #545454;
    display: none;
    width: 125px
}

.feed .sitemap .menuNav .menuSidebar .menuSidebarHeading {
    background-color: #727272;
    color: #fff;
    margin: 0;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: .9rem;
    margin: .7rem .5rem;
    padding: .3rem .5rem;
    text-decoration: none;
    text-transform: uppercase
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus,
.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover {
    outline: 3px solid #fff
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
    background: #fff;
    color: #e60505;
    cursor: auto;
    font-weight: 700;
    text-decoration: none
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar,
.viewportMedium .sitemap .menuNav .menuSidebar {
    width: auto
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar .closeButton,
.feed .viewportSmall .sitemap .menuNav .menuSidebar .menuSidebarHeading,
.viewportMedium .sitemap .menuNav .menuSidebar .closeButton,
.viewportMedium .sitemap .menuNav .menuSidebar .menuSidebarHeading {
    text-align: left
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar .closeButton,
.viewportMedium .sitemap .menuNav .menuSidebar .closeButton {
    display: none
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar .subNavList .subNavListItem,
.viewportMedium .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0 .5rem;
    width: 40%
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink,
.viewportMedium .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    margin: .5rem
}

.feed .sitemap.viewportMedium .menuNav.open,
.feed .sitemap.viewportSmall .menuNav.open {
    flex-flow: column wrap
}

.feed .sitemap.viewportLarge .menuNav.open .menuList.subNavList,
.feed .sitemap.viewportXLarge .menuNav.open .menuList.subNavList {
    display: block
}

.feed .viewportSmall .sitemap .subNavList {
    flex-flow: column wrap
}

.feed .genericPage {
    background: #fff
}

.feed .genericPage .pageMenu {
    flex-basis: 20%;
    margin: 0 50px 0 1rem
}

.feed .genericPage .pageContentWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem 0;
    width: 100%
}

.feed .genericPage .pageContent {
    flex-basis: 75%;
    max-width: 75%
}

.feed .genericPage .contentWrapper {
    background-color: #fff;
    margin: 0
}

.feed .genericPage .styleLink {
    color: #0550c8;
    text-decoration: none
}

.feed .genericPage .styleLink:hover {
    text-decoration: underline
}

.feed .genericPage .selectedFont {
    font-size: .85rem;
    margin-top: 1rem
}

.feed .genericPage .styleList {
    list-style-type: none;
    padding-left: 0
}

.feed .genericPage .styleList .styleListItem {
    margin: 2rem 0
}

.feed .genericPage .styleList .styleListItem:hover {
    box-shadow: none
}

.feed .genericPage .styleTable {
    font-size: .85rem
}

.feed .genericPage .styleTable td,
.feed .genericPage .styleTable th {
    border-bottom: 1px solid #cbcbcb;
    padding: 1rem 0;
    text-align: left;
    vertical-align: top;
    width: 25%
}

.feed .genericPage .previewWrap {
    border: 1px dotted #cbcbcb;
    display: flex;
    flex-flow: row wrap;
    margin: 2rem 0;
    padding: .5rem
}

.feed .genericPage .code,
.feed .genericPage .preview {
    flex: 1 1 230px;
    margin: 0 .5rem;
    width: 49%
}

.feed .genericPage .cookiePageTitle {
    font-size: 1.17em
}

.feed .genericPage .cookieName {
    font-size: 1em
}

.feed .genericPage .guideMenu {
    background-color: #fff;
    margin: 0 -16px
}

.feed .genericPage .guideMenu .guideMenuList {
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

.feed .genericPage .guideMenu .guideMenuItem {
    flex: 1 0 45px
}

.feed .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
}

.feed .genericPage .guideMenu .guideMenuLink .icon {
    float: right
}

.feed .genericPage .guideMenu .guideMenuLink .icon .chevronIcon {
    fill: #000
}

.feed .genericPage .guideMenu .guideMenuLink:hover {
    background-color: #000;
    color: #fff
}

.feed .genericPage .guideMenu .guideMenuLink.selected {
    color: #e60505;
    cursor: auto
}

.feed .genericPage .guideMenu .guideMenuLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .genericPage .guideMenu .guideMenuLink.selected:hover {
    background-color: #fff
}

.feed .genericPage .guideMenu .guideMenuLink.selected .chevronIcon {
    fill: #0550c8
}

.feed .genericPage .guideMenu .guideSubMenuList {
    background-color: #f4f4f4;
    border-top: 1px solid #cbcbcb;
    padding-left: 0
}

.feed .genericPage .guideMenu .guideSubMenuList .guideMenuItem {
    list-style: none
}

.feed .genericPage .guideMenu .guideSubMenuList .guideMenuItem a {
    padding-left: 3rem
}

.feed .genericPage .cookieExperience table {
    margin-right: 2em
}

.feed .genericPage .cookieExperience tr {
    border-bottom: 1px solid #cbcbcb
}

.feed .genericPage .cookieExperience tr:last-of-type {
    border-bottom: none
}

.feed .genericPage .cookieExperience td,
.feed .genericPage .cookieExperience th {
    padding: 1em
}

@media(max-width:640px) {
    .feed .genericPage .pageContentWrap {
        flex-direction: column
    }
    .feed .genericPage .pageContentWrap .pageMenu {
        flex-basis: 100%;
        margin: 0
    }
    .feed .genericPage .pageContentWrap .pageContent {
        flex-basis: 100%;
        margin-top: 2rem;
        max-width: 100%
    }
    .feed .genericPage .pageContentWrap .colourList {
        height: auto
    }
}

.feed .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
}

.feed .trendingList-sidebar {
    margin-bottom: 1rem
}

.feed .trendingList-sidebar .trendingList .listDisplay,
.feed .trendingList-sidebar .trendingList .verticalCardList {
    margin-top: 0;
    width: 100%
}

.feed .trendingList-sidebar .trendingList .verticalCardList.cardList .contentListItem:first-child .cardDiscovery .card-content {
    padding-bottom: 0;
    padding-top: 0
}

.feed .trendingList-sidebar .trendingList .verticalCardList.cardList .contentListItem:first-child .cardDiscovery .card-content .headline {
    font-size: 14px
}

.feed .trendingList-sidebar .trendingList .verticalCardList.cardList .contentListItem .cardDiscovery {
    border-bottom: 1px solid #e0e0e0
}

.feed .trendingList-detail .headingTextSection {
    color: #545454
}

.feed .trendingList-detail .trendingList .contentList .contentListCards .card:last-child {
    border-right: none
}

@media only screen and (max-width:1070px)and (min-width:865px) {
    .feed .trendingList-detail .trendingList .contentList .contentListCards .card:nth-last-child(-n+1) {
        display: none
    }
    .feed .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) {
    .feed .trendingList-detail .trendingList .contentList .contentListCards .card:nth-last-child(-n+2) {
        display: none
    }
    .feed .trendingList-detail .trendingList .contentList .contentListCards .card:nth-last-child(-n+3) a {
        border-right: none
    }
}

@media only screen and (max-width:652px) {
    .feed .trendingList-detail .trendingList .contentList .contentListCards .card {
        border-bottom: 1px solid #e0e0e0;
        border-right: none;
        flex: 1 1 auto;
        margin: 0 1rem
    }
    .feed .trendingList-detail .trendingList .contentList .contentListCards .card:last-child {
        border-bottom: none
    }
    .feed .trendingList-detail .trendingList .contentList .contentListCards .card .imageMedia {
        display: none
    }
}

.feed .author-image {
    height: 40px;
    padding: 0;
    width: 40px
}

.feed .author-image .placeholder {
    background: none
}

.feed .author-image .placeholder img {
    background: none;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    box-sizing: border-box
}

.feed .authorprofile-container .author-image,
.feed .authorprofile-container .author-image .placeholder img {
    max-height: none;
    max-width: none
}

.feed .businessWidget .customHtml {
    background: #fff;
    border: none;
    margin-bottom: 1rem
}

.feed .businessWidget .businessWidgetTitle {
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1rem
}

.feed .businessWidget.goPublic {
    border: 2px solid #cbcbcb
}

.feed .upakneeWidget .customHtml {
    background: #fff;
    border: none;
    margin-bottom: 1rem
}

.feed .upakneeWidget.upakneeSports {
    margin: 1rem auto
}

.feed .blankPage {
    background: #fff;
    min-height: 800px
}

.feed .pageIntro {
    background-color: #fff;
    margin: 0 -1rem 1rem;
    min-height: 10rem;
    padding-bottom: .5rem;
    position: relative
}

.feed .show .pageIntro {
    margin-bottom: 0
}

.feed .viewportLarge .pageIntro {
    margin-left: 0;
    margin-right: 0
}

.feed .pageIntro .imageMedia {
    display: block
}

.feed .pageIntro .showName {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: .5rem
}

.feed .pageIntro .showName.Goods {
    text-transform: lowercase
}

.feed .pageIntro .host-image img {
    aspect-ratio: 1180/229;
    display: block;
    position: relative;
    width: 100%
}

.feed .pageIntro .description {
    background: #000;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    padding: 1rem 1.5rem
}

.feed .pageIntro .description:before {
    background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, .1) 30%, #000);
    bottom: 18%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 70%
}

.feed .pageIntro .responsiveNav {
    position: relative
}

.feed .pageIntro .responsiveNav .moreItemsNav {
    text-align: right
}

.feed .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
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: .7rem
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, .15), 0 -5px 3px -10px #fff
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus,
.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: .9rem;
    height: 2rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .pageIntro .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute
}

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000
}

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .pageIntro .responsiveNav .subNavListItem {
    position: static;
    white-space: nowrap
}

.feed .pageIntro .responsiveNav .subNavListItem.hidden {
    position: absolute;
    visibility: hidden
}

.feed .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden
}

.feed .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem
}

.feed .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger .moreButton {
    text-decoration: none
}

.feed .pageIntro .responsiveNav .subNavListItem.moreNavTrigger.active {
    visibility: visible
}

.feed .pageIntro .responsiveNav.allHidden .subNavListItem {
    visibility: hidden
}

.feed .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
    visibility: visible
}

.feed .scrollDown .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
    padding-left: .5rem
}

.feed .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
}

.feed .pageIntro .responsiveNav .gemWrapper .gemSectionLink {
    padding: 0
}

.feed .pageIntro .responsiveNav.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0
}

.feed .pageIntro .responsiveNav.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem
}

.feed .pageIntro .responsiveNav.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none
}

.feed .pageIntro .responsiveNav.introNav .moreButton,
.feed .pageIntro .responsiveNav.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: .2rem .5rem;
    text-decoration: none
}

.feed .pageIntro .responsiveNav.introNav .moreButton.selected,
.feed .pageIntro .responsiveNav.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .pageIntro .responsiveNav.introNav .moreButton:hover,
.feed .pageIntro .responsiveNav.introNav .subNavLink:hover {
    text-decoration: underline
}

.feed .pageIntro .responsiveNav.introNav .moreItemsNav {
    height: 100%
}

.feed .pageIntro .responsiveNav.introNav .moreItemsNav .moreItemsList {
    height: auto;
    min-width: 10rem
}

.feed .pageIntro .responsiveNav.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: .2rem;
    text-decoration: none
}

.feed .pageIntro .responsiveNav.introNav .moreItemsNav .moreButton {
    height: 100%;
    padding: 1rem
}

.feed .pageIntro .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    padding: 0
}

.feed .viewportSmall .pageIntro .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    height: 100%
}

.feed .pageIntro.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px
}

@media only screen and (max-width:1058px)and (min-width:850px) {
    .feed .detail .moreStories.moreStoriesAskCBC .contentList .contentListCards .card:nth-last-child(-n+2) {
        display: block
    }
    .feed .detail .moreStories.moreStoriesAskCBC .contentList .contentListCards .card:nth-last-child(-n+1) {
        display: none
    }
}

@media only screen and (max-width:849px)and (min-width:641px) {
    .feed .detail .moreStories.moreStoriesAskCBC .contentList .contentListCards .card:nth-last-child(-n+4) {
        display: block
    }
    .feed .detail .moreStories.moreStoriesAskCBC .contentList .contentListCards .card:nth-last-child(-n+2) {
        display: none
    }
}

@media only screen and (max-width:640px)and (min-width:430px) {
    .feed .detail .moreStories.moreStoriesAskCBC .contentList .contentListCards .card:nth-last-child(-n+1) {
        display: none
    }
    .feed .detail .moreStories.moreStoriesAskCBC .contentList .contentListCards .card:nth-last-child(-n+3) {
        border-bottom: none
    }
}

.feed .moreStories {
    margin-top: 2.5rem;
    position: relative
}

.feed .moreStories .contentList .contentListCards {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .moreStories .contentList .contentListCards .card {
    flex: 1 1 230px;
    margin: .5rem
}

.feed .detail .moreStories .contentList .contentListCards .card .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

.feed .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 23%
}

.feed .moreStories .moreSectionLink {
    color: #000;
    font-size: .8rem;
    font-weight: 700;
    position: absolute;
    right: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    top: .5rem
}

.feed .moreStories .moreSectionLink:focus,
.feed .moreStories .moreSectionLink:hover {
    text-decoration: underline
}

.feed .contentListingContentListHolder .moreStories .contentList .contentListCards .card.cardRegular,
.feed .viewportSmall .contentListingContentListHolder .moreStories .contentList .contentListCards .card.cardRegular,
.feed .viewportSmall .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 100%
}

.feed .viewportMedium .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 47%
}

.feed .viewportMedium .contentListingContentListHolder .moreStories .contentList .contentListCards .card.cardRegular {
    flex: 1 1 100%
}

.feed .detail .moreStories {
    position: relative
}

@media only screen and (max-width:1100px)and (min-width:800px) {
    .feed .detail .moreStories {
        margin: 0 auto;
        max-width: 45rem
    }
}

.feed .detail .moreStories .contentList .contentListCards .card {
    flex: 1 1 190px
}

.feed .detail .moreStories .contentList .contentListCards .card:nth-last-child(-n+5) {
    border-bottom: none
}

@media only screen and (max-width:1100px)and (min-width:641px) {
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-child(-n+4) {
        display: none
    }
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-child(-n+7) {
        border-bottom: none
    }
}

@media only screen and (max-width:640px)and (min-width:430px) {
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(3),
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(4),
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(5) {
        border-bottom: 1px solid #e0e0e0
    }
}

@media only screen and (max-width:429px) {
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(2),
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(3),
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(4),
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(5) {
        border-bottom: 1px solid #e0e0e0
    }
}

.feed .detail .moreStories .moreSectionLink {
    color: #000;
    font-size: .8rem;
    font-weight: 700;
    position: absolute;
    right: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    top: .5rem
}

.feed .detail .moreStories .moreSectionLink:focus,
.feed .detail .moreStories .moreSectionLink:hover {
    text-decoration: underline
}

@media(max-width:849px) {
    .feed .detail .moreStories .sectionTitle .sectionTitleText {
        font-size: 19.2px
    }
}

.feed .swimlane {
    margin: 1rem -1rem
}

.feed .swimlane .moreStories {
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 1rem
}

.feed .swimlane .moreStories .detailLink {
    display: none
}

.feed .swimlane .moreStories .moreStoriesList {
    padding: 2rem 0
}

.feed .swimlane .moreStories .moreSectionLink {
    top: 2.5rem
}

.feed .swimlane .headingText {
    margin: 0 0 1rem
}

.feed .swimlane .contentListCards {
    display: flex;
    flex-flow: row wrap
}

.feed .swimlane .contentListCards .card,
.feed .swimlane .contentListCards .cardRegular {
    border: 1px solid #cbcbcb;
    flex: 1 1 23%
}

.feed .swimlane .contentListCards .card.sponsorMeta,
.feed .swimlane .contentListCards .cardRegular.sponsorMeta {
    border: 1px solid #8c8c8c
}

.feed .swimlane .contentListCards .card.sponsorMeta:focus,
.feed .swimlane .contentListCards .card.sponsorMeta:hover,
.feed .swimlane .contentListCards .cardRegular.sponsorMeta:focus,
.feed .swimlane .contentListCards .cardRegular.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .swimlane .contentListCards .card.sponsorMeta .sponsorLogo,
.feed .swimlane .contentListCards .cardRegular.sponsorMeta .sponsorLogo {
    padding-top: 1rem
}

.feed .swimlane .contentListCards .card.sponsorMeta .sponsorLogo img,
.feed .swimlane .contentListCards .cardRegular.sponsorMeta .sponsorLogo img {
    width: 60px
}

.feed .swimlane.swimlane-video {
    background-color: #fff;
    margin: auto
}

.feed .swimlane.swimlane-video .moreStories .moreStoriesList {
    padding: 0 1rem
}

.feed .swimlane.swimlane-video .moreStories .moreSectionLink {
    display: none
}

.feed .swimlane.swimlane-video .contentListCards .card {
    flex: 1 1 240px
}

.feed .swimlane.swimlane-video .contentListCards .cardRegular {
    flex: 0 1 23%
}

.feed .swimlane .moreStoriesSubHeadline {
    margin: .5rem 0
}

.feed .swimlane .moreStoriesSubHeadline .regionsListWrapper .regionLink {
    color: #0550c8;
    font-size: 1.35rem;
    font-weight: 700
}

.feed .viewportSmall .swimlane .moreStoriesSubHeadline .regionsListWrapper .regionLink {
    font-size: 1rem
}

.feed .swimlane.newsTheme {
    background-color: #eaeaea
}

.feed .swimlane.newsTheme .moreStories .moreStoriesList {
    padding: 2rem 0
}

.feed .swimlane.mediaTheme {
    background-color: #222
}

.feed .swimlane.mediaTheme .icon .chevronIcon {
    fill: #fff
}

.feed .swimlane.mediaTheme .moreStories .moreStoriesList {
    padding: 2rem 1.5rem
}

.feed .swimlane.mediaTheme.lessPadding .moreStories .moreStoriesList {
    padding: 2rem 0
}

.feed .swimlane.mediaTheme .headingText {
    border-bottom-color: #fff;
    color: #fff;
    margin: 0 0 1rem
}

.feed .swimlane.mediaTheme .headingText a,
.feed .swimlane.mediaTheme .headingText a:visited,
.feed .swimlane.mediaTheme .moreSectionLink {
    color: #fff
}

.feed .swimlane.mediaTheme .card,
.feed .swimlane.mediaTheme .cardRegular {
    border: 0
}

.feed .swimlane.nboxTheme .moreStories .moreStoriesList {
    margin: auto;
    max-width: 45rem;
    padding-bottom: 0
}

.feed .swimlane .regionsListWrapper {
    background-color: #fff;
    color: #000
}

.feed .swimlane .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0
}

.feed .swimlane .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase
}

.feed .swimlane .regionsListWrapper .regionNameWrapper {
    display: inline-block
}

.feed .swimlane .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: .9rem;
    padding: .5rem 1rem 0 0
}

.feed .swimlane .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    padding: .2rem .5rem
}

.feed .swimlane .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none
}

.feed .swimlane .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8
}

.feed .swimlane .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .swimlane .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: .9rem
}

.feed .swimlane .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: .9rem;
    margin-right: .5rem
}

.feed .swimlane .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem
}

.feed .swimlane .regionsListWrapper .regionRadioButton {
    margin-right: .3rem
}

.feed .swimlane .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none
}

.feed .swimlane .regionsListWrapper .regionLink .icon {
    padding-left: 6px
}

.feed .swimlane .regionsListWrapper .regionLink:focus,
.feed .swimlane .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8
}

.feed .swimlane .regionsListWrapper .regionLink:focus .chevronIcon,
.feed .swimlane .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454
}

.feed .swimlane .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: .5rem;
    width: 100%
}

.feed .swimlane .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto
}

.feed .swimlane .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .swimlane .regionsListWrapper.openRegion .regionFormIntro {
    display: block
}

.feed .swimlane .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg)
}

.feed .swimlane .regionsListWrapper.standAlone {
    background: #f4f4f4
}

.feed .swimlane .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: .85rem;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .swimlane .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: .5rem 0
}

.feed .swimlane .regionsListWrapper.standAlone .regionForm {
    background: #fff
}

.feed .swimlane .regionsListWrapper.standAlone .regionFormIntro {
    padding: .5rem
}

.feed .swimlane .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.feed .swimlane .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: .8rem;
    margin: 0 .5rem .3rem 0
}

.feed .swimlane .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: .5rem .5rem 0 0
}

.feed .swimlane .regionsListWrapper.standAlone .currentRegion,
.feed .swimlane .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap
}

.feed .swimlane .regionsListWrapper.standAlone .currentRegion:before,
.feed .swimlane .regionsListWrapper.standAlone .regionButton:before {
    display: none
}

.feed .swimlane .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .swimlane .regionsListWrapper.standAlone .regionButton:focus,
.feed .swimlane .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .swimlane .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none
}

.feed .swimlane .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700
}

.feed .swimlane .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454
}

.feed .swimlane .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem
}

.feed .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: .5rem
}

.feed .viewportSmall .swimlane .contentListCards .card.cardRegular,
.feed .viewportSmall .swimlane.swimlane-video .card-content-bottom .card.cardRegular {
    flex-basis: 100%
}

.feed .viewportMedium .swimlane .contentListCards .card.cardRegular,
.feed .viewportSmall .swimlane.swimlane-video .card-content-bottom .card.cardRegular {
    flex-basis: 47%
}

.feed .viewportLarge .swimlane {
    margin-left: calc(-50vw + 50%);
    width: 100vw
}

.feed .viewportLarge .swimlane-video {
    margin-left: 0
}

.feed .swimlane.electionSideBarSwimlane {
    margin-left: 0;
    width: auto
}

.feed .swimlane.electionSideBarSwimlane h3 {
    pointer-events: none
}

.feed .swimlane.electionSideBarSwimlane h3 .icon {
    display: none
}

.feed .swimlane.electionSideBarSwimlane .contentListCards a.card {
    border-top: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.feed .swimlane.electionSideBarSwimlane .contentListCards a.card:first-of-type {
    border-top: 1px solid #cbcbcb
}

.feed .swimlane.electionSideBarSwimlane .contentListCards a.card .imageMedia {
    display: none
}

.feed .swimlane.electionSideBarSwimlane .contentListCards a.card:first-of-type .imageMedia {
    display: block
}

.feed .swimlane.electionSideBarSwimlane .contentListCards a.card .card-content-bottom {
    display: none
}

.feed .swimlane.electionSideBarSwimlane .contentListCards a.card:hover {
    z-index: 50
}

@media only screen and (max-width:1000px)and (min-width:754px) {
    .feed .swimlane .moreStories .moreStoriesList .contentList .listDisplay {
        display: grid;
        grid-template-columns: 50% 50%
    }
}

.feed .sectionContainer-main .swimlane .moreStories {
    padding: 0
}

.feed .click-wp .swimlane {
    margin: 1rem 0
}

.feed .page-row {
    display: flex
}

.feed .page-row .inner {
    width: 100%
}

.feed .page-row#swimlane-news\/news\/covid-19\/livenow {
    padding: 2em 0
}

.feed .listenLive {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    padding: 0;
    width: 100%;
    z-index: 900
}

.feed .listenLive .listenLink {
    border: 3px solid #ffdc14;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    min-height: calc(2.25rem - 6px);
    text-decoration: none;
    width: inherit
}

.feed .listenLive .listenLink:focus,
.feed .listenLive .listenLink:hover {
    text-decoration: underline
}

.feed .listenLive .listenLink .linkContainer {
    align-items: center;
    display: flex
}

.feed .listenLive .listenLink .icon {
    margin-left: 9px
}

.feed .listenLive .listenLink .icon .mediaIcon:hover {
    fill: #6c95d7
}

.feed .listenLive .listenLink .hide {
    display: none
}

.feed .listenLive .listenLink .nowPlayingNetwork:hover {
    color: #757575;
    text-decoration: underline
}

.feed .listenLive .liveLabel {
    align-items: center;
    background-color: #ffdc14;
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    padding: .5rem 1rem
}

.feed .listenLive .locationDropDown {
    margin-left: 3px;
    position: relative
}

.feed .listenLive .locationDropDown .locationButton {
    background-color: #ffdc14;
    border: 1px solid #ffdc14;
    color: #000;
    font-size: .9rem;
    height: 2.25rem;
    padding: 0 2.5rem 0 1rem;
    text-align: left;
    white-space: nowrap;
    width: calc(10rem + 3px)
}

.feed .listenLive .locationDropDown .locationButton .chevronIcon {
    fill: #000;
    background: none;
    border-radius: 10px;
    margin-left: 1rem;
    padding: 3px 2px 1px;
    position: absolute;
    right: 1rem;
    top: .8rem
}

.feed .listenLive .locationDropDown .locationButton.open .chevronIcon {
    transform: rotate(180deg)
}

.feed .listenLive .locationDropDown .locationButton:hover {
    background-color: #ffec6a;
    border: 1px solid #ffec6a
}

.feed .listenLive .locationDropDown .locationButton:active,
.feed .listenLive .locationDropDown .locationButton:focus {
    background-color: #eacc00;
    border: 1px solid #ffec6a
}

.feed .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
}

.feed .listenLive .locationDropDown ul li {
    background: #fff;
    display: block;
    font-size: .9rem;
    font-weight: 700;
    list-style-type: none
}

.feed .listenLive .locationDropDown ul li button {
    border: none;
    color: #000;
    padding: .5rem 1rem;
    text-align: left;
    width: 100%
}

.feed .listenLive .locationDropDown ul li button:focus,
.feed .listenLive .locationDropDown ul li button:hover {
    background-color: #f1f1f1;
    text-decoration: underline
}

.feed .listenLive .locationDropDown ul li:first-child {
    padding-top: .5rem
}

.feed .listenLive .locationDropDown ul li:last-child {
    padding-bottom: .5rem
}

.feed .listenLive.showsProvinces .locationDropDown .locationButton {
    min-width: calc(10rem + 3px)
}

.feed .listenLive.showsProvinces .locationDropDown h4 {
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 100;
    margin: 0 1rem;
    padding: .5rem 0
}

.feed .listenLive.showsProvinces .locationDropDown ul {
    border: none;
    margin: 0;
    position: relative
}

.feed .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) {
    .feed .hasDropdown {
        flex-direction: row;
        flex-wrap: wrap
    }
    .feed .hasDropdown .listenLink {
        margin-top: 3px
    }
    .feed .hasDropdown .listenLink .hide {
        display: none
    }
    .feed .hasDropdown .locationDropDown {
        flex-grow: 1
    }
    .feed .hasDropdown .locationDropDown .locationButton,
    .feed .hasDropdown .locationDropDown ul {
        width: 100%
    }
    .feed .hasDropdown .locationDropDown ul li {
        padding: .5rem 0
    }
    .feed .hasDropdown .locationDropDown ul li:first-child {
        padding-top: 1rem
    }
    .feed .hasDropdown .locationDropDown ul li:last-child {
        padding-bottom: 1rem
    }
}

.feed .viewportLarge .listenLive,
.feed .viewportMedium .listenLive,
.feed .viewportXLarge .listenLive {
    position: absolute
}

.feed .viewportLarge .showsProvinces .locationButton,
.feed .viewportLarge .showsProvinces .locationList,
.feed .viewportXLarge .showsProvinces .locationButton,
.feed .viewportXLarge .showsProvinces .locationList {
    width: auto
}

.feed .schedule {
    font-size: .9rem;
    margin-top: 1rem
}

.feed .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: .5rem
}

.feed .schedule .scheduleListItem {
    align-items: baseline;
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.feed .schedule .scheduleListItem .scheduleTitle {
    flex: 1 1 auto;
    margin-top: .3rem
}

.feed .schedule .scheduleListItem .scheduleTime {
    margin-right: .5rem
}

.feed .schedule .scheduleListItem .scheduleMedia {
    background: #000;
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
    margin-right: .5rem;
    padding: .3rem;
    text-transform: uppercase
}

.feed .schedule .disclaimer {
    background-color: #eaeaea;
    border: 1px solid #cbcbcb;
    border-top: 3px solid #cbcbcb;
    padding: .6rem
}

.feed .schedule .scheduleLink {
    color: #000;
    display: block;
    margin-top: 1rem;
    text-decoration: underline
}

.feed .schedule .scheduleLink:hover {
    text-decoration: none
}

.feed .schedule.nowPlaying {
    display: inline;
    font-size: .8rem;
    margin: 0;
    padding: 3px 0
}

.feed .cookieJar .contentParagraph {
    text-align: justify
}

.feed .cookieJar .cookieTable {
    margin-bottom: 30px
}

.feed .cookieJar .cookieTable table.thirdPartyCookies {
    border: 1px solid #ccc;
    margin: 30px auto 0;
    width: 80%
}

.feed .cookieJar .cookieTable table.thirdPartyCookies td,
.feed .cookieJar .cookieTable table.thirdPartyCookies tr {
    border: 1px solid #ccc
}

.feed .cookieJar .cookieTable table.thirdPartyCookies td.cookieInfo {
    font-weight: 700;
    padding: 10px
}

.feed .cookieJar .cookieTable table.thirdPartyCookies td.description {
    padding: 10px
}

.feed .cookieJar .cookieTable .cookieRow {
    border-bottom: 1px solid #ccc;
    display: flex;
    margin-left: 3em;
    margin-right: 3em
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo {
    flex: 3;
    padding-right: 10px;
    width: 100%
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo p {
    text-align: justify
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo div.value {
    margin-bottom: 15px;
    overflow-wrap: break-word
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo div.value span {
    display: inline;
    font-size: 14px;
    font-style: italic;
    text-align: left
}

.feed .cookieJar .cookieTable .cookieRow .cookieActions {
    flex: 1;
    padding-top: 3em;
    text-align: center
}

.feed .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
}

.feed .cookieJar .loadingIndicator .spinner .loader {
    float: right;
    margin-left: 10px
}

.feed .mobileAppCta {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 8px rgba(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 .6s cubic-bezier(.77, 0, .175, 1);
    width: 100%;
    z-index: 1520
}

.feed .mobileAppCta.slideUp {
    transform: translateY(0)
}

.feed .mobileAppCta .icon {
    display: block
}

.feed .mobileAppCta .icon .logoIcon {
    display: block;
    margin: 0;
    transform: translateY(5%)
}

.feed .mobileAppCta .mobileAppCtaLink {
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none
}

.feed .mobileAppCtaBtn {
    background: #e60505;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: .8rem;
    font-weight: 700;
    padding: 3px 13px
}

.feed .mobileAppCtaClose {
    background: transparent;
    border: none;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0
}

.feed .mobileAppCtaClose .icon {
    margin: 0;
    padding: 0
}

.feed .mobileAppCtaClose .closeIcon {
    background: transparent;
    display: block;
    padding: 0
}

.feed .mobileAppCtaClose .closeIcon polygon {
    fill: #545454
}

@media(max-width:399px) {
    .feed .mobileAppCta {
        justify-content: flex-start;
        padding-left: 1rem
    }
}

.feed .feedbackForm {
    background-color: #f4f4f4;
    bottom: 0;
    margin-right: calc(50vw - 40.5rem);
    opacity: 0;
    position: fixed;
    right: 0;
    transform: translateY(30%);
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1), transform .6s cubic-bezier(.77, 0, .175, 1);
    width: 300px;
    z-index: 1520
}

.feed .feedbackForm.slideUp {
    opacity: 1;
    transform: translateY(0)
}

.feed .feedbackFormDetail {
    margin-right: calc(50vw - 538px)
}

.feed .feedbackForm button:focus {
    border: 2px solid #4d90fe;
    outline: none
}

.feed .feedbackForm form {
    padding: 2px 12px 25px
}

.feed .feedbackFormField {
    display: flex;
    flex-direction: column;
    font-size: .875rem
}

.feed .feedbackFormField .feedbackFormFieldError {
    display: flex;
    flex-direction: row
}

.feed .feedbackFormField .feedbackFormFieldError .icon {
    flex-basis: calc(17px + 0.375rem);
    flex-grow: 0
}

.feed .feedbackFormField .feedbackFormFieldError .field {
    flex: auto
}

.feed .feedbackFormField .icon {
    align-self: center;
    display: flex
}

.feed .feedbackFormField .iconExclamation {
    display: block;
    height: 17px;
    width: 17px
}

.feed .feedbackFormField.radioField .radioOption {
    align-items: center;
    display: flex;
    flex-direction: row
}

.feed .feedbackFormField.radioField .radioOption input {
    flex-grow: 0;
    margin: .375rem
}

.feed .feedbackFormField.radioField .radioOption label {
    flex-grow: 1
}

.feed .feedbackFormField.textField {
    display: grid;
    grid-template-columns: 1fr calc(17px + .75rem)
}

.feed .feedbackFormField.textField input {
    grid-column: 1/3;
    grid-row: 1
}

.feed .feedbackFormField.textField .icon {
    grid-column: 2;
    grid-row: 1
}

.feed .feedbackFormField.descriptionField textarea {
    flex: auto;
    resize: none
}

.feed .feedbackFormField.selectField {
    display: grid;
    grid-template-columns: 1fr calc(17px + .75rem)
}

.feed .feedbackFormField.selectField select {
    grid-column: 1/3;
    grid-row: 1
}

.feed .feedbackFormField.selectField .icon {
    grid-column: 2;
    grid-row: 1
}

.feed .feedbackForm input,
.feed .feedbackForm textarea {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    padding: .375rem .5rem
}

.feed .feedbackForm input:focus,
.feed .feedbackForm textarea:focus {
    border-color: #8c8c8c;
    outline: none
}

.feed .feedbackForm input,
.feed .feedbackForm textarea,
.feed .feedbackFormSubmitted p {
    font-family: Open Sans;
    font-size: .85rem;
    line-height: 1.4;
    padding-top: 6px
}

.feed .feedbackFormSubmitted p {
    font-weight: 700;
    margin-left: 0;
    margin-right: 0;
    margin-top: 17px;
    text-align: center;
    width: 100%
}

.feed .feedbackForm label.field {
    display: block;
    font-size: .875rem;
    margin-bottom: .375rem;
    margin-top: 1.25rem
}

.feed .feedbackFormHeader {
    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
}

.feed .feedbackFormClose {
    background: #000;
    border: 2px solid #000;
    border-radius: 3px;
    padding: 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.feed .feedbackFormClose .icon .closeIcon {
    background: transparent;
    padding: 0;
    transform: translateY(3px)
}

.feed .feedbackFormBtn1 {
    background: #000;
    border: 2px solid #000;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: .8rem;
    margin: 25px 0 0 auto;
    padding: 5px 11px
}

.feed .feedbackFormSubmittedClose {
    margin: 24px auto
}

.feed .feedbackForm .feedbackFormInputError {
    border: 2px solid #d83a4a
}

.feed .feedbackForm .feedbackFormInputError:focus {
    border: 2px solid #d83a4a;
    box-shadow: 0 0 11px -3px #d83a4a
}

.feed .feedbackFormInputErrorMsg {
    color: #cf0404;
    font-size: .7rem;
    line-height: 1.34;
    margin: .2rem
}

@media(max-width:1068px) {
    .feed .feedbackForm {
        margin-right: 16px
    }
}

@media(max-width:606px) {
    .feed .feedbackForm {
        left: 16px;
        margin: 0;
        right: 16px;
        width: calc(100% - 32px)
    }
}

.feed .zendeskForm {
    background-color: #f4f4f4;
    margin-top: 1.5rem;
    width: 50%
}

.feed .zendeskForm form {
    padding: .25rem 1rem 1.25rem
}

.feed .zendeskFormField {
    display: flex;
    flex-direction: column;
    font-size: .875rem
}

.feed .zendeskFormField .zendeskFormFieldError {
    display: flex;
    flex-direction: row
}

.feed .zendeskFormField .zendeskFormFieldError .icon {
    flex-basis: calc(17px + 0.375rem);
    flex-grow: 0
}

.feed .zendeskFormField .zendeskFormFieldError .field {
    flex: auto
}

.feed .zendeskFormField .icon {
    align-self: center;
    display: flex
}

.feed .zendeskFormField .iconExclamation {
    display: block;
    height: 17px;
    width: 17px
}

.feed .zendeskFormField.radioField .radioOption {
    align-items: center;
    display: flex;
    flex-direction: row
}

.feed .zendeskFormField.radioField .radioOption input {
    flex-grow: 0;
    margin: .375rem
}

.feed .zendeskFormField.radioField .radioOption label {
    flex-grow: 1
}

.feed .zendeskFormField.selectField,
.feed .zendeskFormField.textField {
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr calc(17px + .75rem);
    position: relative
}

.feed .zendeskFormField.selectField input,
.feed .zendeskFormField.selectField select,
.feed .zendeskFormField.textField input,
.feed .zendeskFormField.textField select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    grid-column: 1/2;
    grid-row: 1
}

.feed .zendeskFormField.selectField .icon,
.feed .zendeskFormField.textField .icon {
    grid-column: 2;
    grid-row: 1;
    justify-self: end
}

.feed .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
}

.feed .zendeskFormField.descriptionField textarea {
    flex: auto;
    resize: none
}

.feed .zendeskForm input,
.feed .zendeskForm select,
.feed .zendeskForm textarea,
.feed .zendeskFormSubmitted p {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: Open Sans;
    line-height: 1.4;
    padding: 6px .5rem .375rem
}

.feed .zendeskForm input:focus,
.feed .zendeskForm select:focus,
.feed .zendeskForm textarea:focus,
.feed .zendeskFormSubmitted p:focus {
    border-color: #8c8c8c;
    outline: 2px solid !important
}

.feed .zendeskFormSubmitted p {
    padding: 1rem;
    width: 100%
}

.feed .zendeskForm label.field {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .6rem;
    margin-top: 1rem
}

.feed .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
}

.feed .zendeskFormBtn1 {
    background: #0550c8;
    border: 1px solid #1720f9;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1rem;
    padding: .5rem 1.5rem
}

.feed .zendeskFormBtn1:focus {
    border: 2px solid #4d90fe;
    outline: none
}

.feed .zendeskForm .zendeskFormInputError {
    border: 2px solid #d83a4a
}

.feed .zendeskForm .zendeskFormInputError:focus {
    border: 2px solid #d83a4a;
    box-shadow: 0 0 11px -3px #d83a4a
}

.feed .zendeskFormInputErrorMsg {
    color: #cf0404;
    font-size: .7rem;
    line-height: 1.34;
    margin: .2rem
}

.feed .viewportSmall .zendeskForm {
    width: 100%
}

.feed .CTA-heading-link {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline
}

.feed .CTA-heading-link:focus {
    outline: 3px solid #0550c8
}

.feed .CTA-heading-link:focus:active,
.feed .CTA-heading-link:focus:hover {
    outline: none
}

.feed .CTA-heading-link .icon {
    padding-left: 5px
}

.feed .CTA-existingAccount-prompt {
    font-size: .875rem;
    margin-bottom: 0;
    margin-top: 20px
}

.feed .CTA-existingAccount .icon {
    padding-left: 3px
}

.feed .CTA-existingAccount .viafouraLogin {
    border: none;
    color: #545454;
    display: inline;
    font-size: .875rem;
    margin-left: 15px;
    text-decoration: underline
}

.feed .CTA-existingAccount .viafouraLogin .icon {
    display: none
}

.feed .CTA.buttonCTA {
    background-color: #eaeaea;
    display: inline-block;
    margin-bottom: 28px;
    max-width: 720px;
    min-height: 150px;
    padding: 32px;
    position: relative
}

.feed .CTA.buttonCTA .CTADescription,
.feed .CTA.buttonCTA .CTALink,
.feed .CTA.buttonCTA .heading {
    box-sizing: border-box;
    padding: 0 0 0 170px
}

.feed .CTA.buttonCTA .image {
    height: 150px;
    position: absolute;
    width: 150px
}

.feed .CTA.buttonCTA p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: unset;
    padding: 10px 0 20px
}

.feed .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
}

.feed .CTA.buttonCTA a .icon {
    padding-left: 5px
}

.feed .CTA.buttonCTA a:focus,
.feed .CTA.buttonCTA a:hover {
    background-color: #545454
}

@media(max-width:550px) {
    .feed .CTA.buttonCTA .CTADescription,
    .feed .CTA.buttonCTA .CTALink {
        padding: 0
    }
    .feed .CTA.buttonCTA .image {
        float: right;
        height: 66px;
        padding: 0 0 10px 10px;
        position: static;
        width: 66px
    }
    .feed .CTA.buttonCTA p {
        padding-top: 20px
    }
    .feed .CTA.buttonCTA a {
        display: block;
        text-align: center
    }
}

.feed .CTA.standardPage {
    margin: 0 auto 28px;
    max-width: 80rem
}

.feed .CTA .CTA-existingAccount-link:hover,
.feed .CTA .CTA-heading-link:hover {
    color: #545454
}

.feed .CTA .CTA-existingAccount-link:hover .icon path,
.feed .CTA .CTA-heading-link:hover .icon path {
    fill: #545454
}

.feed .CTA.imageCTA {
    box-sizing: border-box;
    width: 100%
}

.feed .CTA.imageCTA.linkCTA {
    display: flex;
    flex-flow: row wrap
}

.feed .CTA.imageCTA.linkCTA .imageMedia {
    flex: 0 1 150px;
    padding-right: 16px
}

@media(max-width:850px) {
    .feed .CTA.imageCTA.linkCTA {
        border: 1px solid #e0e0e0;
        padding: 16px
    }
}

@media(max-width:530px) {
    .feed .CTA.imageCTA.linkCTA .imageMedia {
        flex: 1 1 100%;
        padding-right: unset
    }
    .feed .CTA.imageCTA.linkCTA .heading {
        padding: 16px
    }
    .feed .CTA.imageCTA.linkCTA {
        padding: unset
    }
    .feed .CTA.imageCTA .imageMedia {
        flex: 1 1 100%;
        padding-right: unset
    }
}

.feed .swimlane .CTA {
    margin: 0 auto;
    max-width: 80rem;
    padding-bottom: 30px;
    padding-left: 1rem;
    padding-right: 1rem
}

.feed .oc-l-sectionContainer-olympicsDark .CTA {
    margin-top: 16px
}

.feed .subregionCTAWrapper {
    background: #222;
    margin-bottom: 37px;
    margin-left: calc(-50vw + 50%);
    margin-top: -16px;
    width: 100vw
}

.feed .subregionCTAWrapper .CTA {
    padding: 20px 24px
}

@media(max-width:960px) {
    .feed .subregionCTAWrapper {
        margin-left: -16px
    }
}

.feed .comments .CTA {
    padding-bottom: 16px
}

.feed .oc-l-sectionContainer-dark .CTA-existingAccount-link,
.feed .oc-l-sectionContainer-dark .CTA-existingAccount-prompt,
.feed .oc-l-sectionContainer-dark .CTA-heading-link,
.feed .subregionCTAWrapper .CTA-existingAccount-link,
.feed .subregionCTAWrapper .CTA-existingAccount-prompt,
.feed .subregionCTAWrapper .CTA-heading-link,
.feed .swimlane.mediaTheme .CTA-existingAccount-link,
.feed .swimlane.mediaTheme .CTA-existingAccount-prompt,
.feed .swimlane.mediaTheme .CTA-heading-link {
    color: #fff
}

.feed .oc-l-sectionContainer-dark .CTA-existingAccount-link:hover,
.feed .oc-l-sectionContainer-dark .CTA-heading-link:hover,
.feed .subregionCTAWrapper .CTA-existingAccount-link:hover,
.feed .subregionCTAWrapper .CTA-heading-link:hover,
.feed .swimlane.mediaTheme .CTA-existingAccount-link:hover,
.feed .swimlane.mediaTheme .CTA-heading-link:hover {
    color: #cbcbcb
}

.feed .oc-l-sectionContainer-dark .CTA-existingAccount-link:hover .icon path,
.feed .oc-l-sectionContainer-dark .CTA-heading-link:hover .icon path,
.feed .subregionCTAWrapper .CTA-existingAccount-link:hover .icon path,
.feed .subregionCTAWrapper .CTA-heading-link:hover .icon path,
.feed .swimlane.mediaTheme .CTA-existingAccount-link:hover .icon path,
.feed .swimlane.mediaTheme .CTA-heading-link:hover .icon path {
    fill: #cbcbcb
}

.feed .oc-l-sectionContainer-dark .CTA-existingAccount-link:focus,
.feed .oc-l-sectionContainer-dark .CTA-heading-link:focus,
.feed .subregionCTAWrapper .CTA-existingAccount-link:focus,
.feed .subregionCTAWrapper .CTA-heading-link:focus,
.feed .swimlane.mediaTheme .CTA-existingAccount-link:focus,
.feed .swimlane.mediaTheme .CTA-heading-link:focus {
    outline: 3px solid #fff
}

.feed .oc-l-sectionContainer-dark .CTA-existingAccount-icon path,
.feed .oc-l-sectionContainer-dark .headingIcon path,
.feed .subregionCTAWrapper .CTA-existingAccount-icon path,
.feed .subregionCTAWrapper .headingIcon path,
.feed .swimlane.mediaTheme .CTA-existingAccount-icon path,
.feed .swimlane.mediaTheme .headingIcon path {
    fill: #fff
}

.feed .oc-l-sectionContainer-light .CTA-existingAccount-link:hover,
.feed .oc-l-sectionContainer-light .CTA-heading-link:hover,
.feed .swimlane.newsTheme .CTA-existingAccount-link:hover,
.feed .swimlane.newsTheme .CTA-heading-link:hover {
    color: #757575
}

.feed .oc-l-sectionContainer-light .CTA-existingAccount-link:hover .icon path,
.feed .oc-l-sectionContainer-light .CTA-heading-link:hover .icon path,
.feed .swimlane.newsTheme .CTA-existingAccount-link:hover .icon path,
.feed .swimlane.newsTheme .CTA-heading-link:hover .icon path {
    fill: #757575
}

.feed .subregionCTAWrapper.abtest {
    background-color: #f8f8f8
}

.feed .subregionCTAWrapper.abtest .buttonCTA {
    background-color: #f8f8f8;
    margin: 0 auto;
    max-width: 1280px;
    min-height: 0;
    padding: 16px
}

.feed .subregionCTAWrapper.abtest .CTADescription {
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

.feed .subregionCTAWrapper.abtest .CTADescription .heading-element {
    color: #000
}

.feed .subregionCTAWrapper.abtest .image {
    height: auto;
    padding-left: 70px;
    width: 80px
}

.feed .subregionCTAWrapper.abtest .image .placeholder {
    background: none
}

.feed .subregionCTAWrapper.abtest .CTALink {
    box-sizing: border-box;
    white-space: nowrap
}

@media(min-width:851px) {
    .feed .subregionCTAWrapper.abtest .buttonCTA {
        align-items: center;
        display: flex
    }
    .feed .subregionCTAWrapper.abtest .CTALink {
        padding: 0 0 0 60px
    }
}

@media(max-width:850px) {
    .feed .subregionCTAWrapper.abtest .buttonCTA {
        padding-left: 0
    }
    .feed .subregionCTAWrapper.abtest .image {
        padding-top: 40px
    }
}

@media(max-width:550px) {
    .feed .subregionCTAWrapper.abtest .buttonCTA {
        padding: 32px 16px
    }
    .feed .subregionCTAWrapper.abtest .CTADescription,
    .feed .subregionCTAWrapper.abtest .CTALink {
        padding: 0
    }
    .feed .subregionCTAWrapper.abtest .image {
        height: auto;
        margin-top: 10px;
        padding: 10px;
        width: 60px
    }
    .feed .subregionCTAWrapper.abtest .CTADescription p {
        display: inline-block;
        width: 280px
    }
}

.feed .contentAreaWrap .sidebar .CTA,
.feed .flexibleLandingPage .sidebar .CTA {
    border: 1px solid #e0e0e0;
    padding: 16px
}

.feed .contentAreaWrap .sidebar .CTA.imageCTA,
.feed .flexibleLandingPage .sidebar .CTA.imageCTA {
    padding: unset
}

.feed .contentAreaWrap .sidebar .CTA.imageCTA .imageMedia,
.feed .flexibleLandingPage .sidebar .CTA.imageCTA .imageMedia {
    flex: 1 1 100%;
    padding-right: unset
}

.feed .contentAreaWrap .sidebar .CTA.imageCTA .heading,
.feed .flexibleLandingPage .sidebar .CTA.imageCTA .heading {
    padding: 16px
}

.feed .contentAreaWrap .sidebar .CTA.imageCTA .placeholder img,
.feed .flexibleLandingPage .sidebar .CTA.imageCTA .placeholder img {
    position: relative !important
}

@media(min-width:531px)and (max-width:1068px) {
    .feed .contentAreaWrap .sidebar .CTA.imageCTA,
    .feed .flexibleLandingPage .sidebar .CTA.imageCTA {
        padding: 16px
    }
    .feed .contentAreaWrap .sidebar .CTA.imageCTA .imageMedia,
    .feed .flexibleLandingPage .sidebar .CTA.imageCTA .imageMedia {
        flex: 0 1 150px;
        padding-right: 16px
    }
    .feed .contentAreaWrap .sidebar .CTA.imageCTA .heading,
    .feed .flexibleLandingPage .sidebar .CTA.imageCTA .heading {
        padding: unset
    }
}

@media(max-width:530px) {
    .feed .contentAreaWrap .sidebar .CTA.imageCTA .imageMedia,
    .feed .flexibleLandingPage .sidebar .CTA.imageCTA .imageMedia {
        flex: 1 1 100%;
        padding-right: unset
    }
}

.feed .contentAreaWrap .sidebar .CTA.linkCTA,
.feed .flexibleLandingPage .sidebar .CTA.linkCTA {
    margin-bottom: 32px
}

.feed .sectionContainer-rightRail .CTA.flexPage {
    margin-top: 48px
}

.feed .sectionContainer-rightRail .CTA.flexPage:first-child {
    margin-top: 0
}

.feed .sectionContainer .CTA.flexPage .feed .sectionContainer .CTA:not(.linkCTA) {
    margin-top: 48px
}

.feed .contentListing .contentListingContentListHolder {
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

.feed .contentListing .contentListingContentListHolder .moreStories {
    flex-basis: calc(25% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin: .5rem
}

.feed .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardRegular {
    border: none;
    border-bottom: 1px solid #cbcbcb
}

.feed .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardRegular .authorInfo,
.feed .contentListing .contentListingContentListHolder .moreStories .contentListCards .departmentItem.deptItem-news {
    display: none
}

.feed .viewportMedium .contentListing .contentListingContentListHolder .moreStories {
    flex-basis: calc(50% - 1rem);
    flex-grow: 1;
    flex-shrink: 0
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories {
    flex-basis: calc(100% - 1rem);
    flex-grow: 1;
    flex-shrink: 0
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories .contentListCards {
    display: block
}

.feed .election {
    align-items: stretch;
    background-color: #f8f8f8;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: .5rem auto 0;
    max-width: 80rem;
    padding: 1rem
}

.feed .election .linkbox {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    max-width: 300px;
    order: 0
}

.feed .election .top {
    display: none
}

.feed .election .electiontitle {
    color: #707070;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 .7rem
}

@keyframes dot-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, .3)
    }
    70% {
        box-shadow: 0 0 0 3px rgba(255, 0, 0, .1)
    }
    to {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, .3)
    }
}

.feed .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
}

.feed .election .pulse:hover {
    animation: none
}

.feed .election .electiontext {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 110%;
    margin: 0
}

.feed .election .electionlink {
    background: #ffdc14;
    color: #000;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 250px;
    padding: .5rem 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.feed .election .electionlink:active,
.feed .election .electionlink:focus,
.feed .election .electionlink:hover {
    background-color: #fff;
    outline: 2px solid #ffdc14
}

.feed .election .partyboxcontainer {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap
}

.feed .election .partybox {
    background: #fff;
    flex-grow: 1;
    margin-left: 1rem;
    padding: .5rem 1.5rem
}

.feed .election .partybox.loaded {
    opacity: 1
}

.feed .election .partybox .partyname {
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-weight: 700;
    padding: 0 .5rem
}

.feed .election .partybox .partyseatnum {
    font-size: 3.5vw
}

.feed .election .partybox .partyseats,
.feed .election .partybox .partyvotes {
    color: #757575
}

.feed .election .partybox .moreinfocontainer {
    color: #757575;
    font-size: .8rem
}

.feed .viewportMedium .election {
    flex-wrap: wrap
}

.feed .viewportMedium .election .bottom {
    display: none
}

.feed .viewportMedium .election .top {
    display: block
}

.feed .viewportMedium .election .electiontext {
    font-size: 1rem;
    max-width: 250px;
    padding-right: 1rem
}

.feed .viewportMedium .election .linkbox {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    margin-top: 1rem;
    max-width: 100%;
    order: 2
}

.feed .viewportMedium .election .electionlink {
    margin-top: 0
}

.feed .viewportMedium .election .partyboxcontainer {
    width: 100%
}

.feed .viewportMedium .election .partyboxcontainer div:first-child {
    margin-left: 0
}

.feed .viewportMedium .election .partybox {
    padding: .5rem
}

.feed .viewportMedium .election .partybox .partyseatnum {
    font-size: 5.5vw
}

@media(min-width:641px)and (max-width:960px) {
    .feed .election {
        flex-wrap: wrap
    }
    .feed .election .bottom {
        display: none
    }
    .feed .election .top {
        display: block
    }
    .feed .election .electiontext {
        font-size: 1rem;
        max-width: 250px;
        padding-right: 1rem
    }
    .feed .election .linkbox {
        align-items: center;
        display: flex;
        flex-direction: row;
        font-size: 1rem;
        margin-top: 1rem;
        max-width: 100%;
        order: 2
    }
    .feed .election .electionlink {
        margin-top: 0
    }
    .feed .election .partyboxcontainer {
        width: 100%
    }
    .feed .election .partyboxcontainer div:first-child {
        margin-left: 0
    }
    .feed .election .partybox {
        padding: .5rem
    }
    .feed .election .partybox .partyseatnum {
        font-size: 5.5vw
    }
}

.feed .viewportSmall .election {
    flex-wrap: wrap
}

.feed .viewportSmall .election .bottom {
    display: none
}

.feed .viewportSmall .election .top {
    display: block
}

.feed .viewportSmall .election .electiontext {
    font-size: .9rem;
    max-width: 250px;
    padding-right: 1rem
}

.feed .viewportSmall .election .linkbox {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    max-width: 100%;
    order: 2
}

.feed .viewportSmall .election .electionlink {
    margin-top: 0
}

.feed .viewportSmall .election .partyboxcontainer {
    width: 100%
}

.feed .viewportSmall .election .partyboxcontainer div:first-child {
    margin-left: 0
}

.feed .viewportSmall .election .partybox {
    margin-left: .3rem;
    padding: .3rem
}

.feed .viewportSmall .election .partybox .moreinfocontainer {
    display: none
}

.feed .viewportSmall .election .partybox .partyname {
    font-size: .7rem;
    padding: 0 .2rem
}

.feed .viewportSmall .election .partybox .partyseatnum {
    font-size: 2rem
}

@media(max-width:640px) {
    .feed .election {
        flex-wrap: wrap
    }
    .feed .election .bottom {
        display: none
    }
    .feed .election .top {
        display: block
    }
    .feed .election .electiontext {
        font-size: .9rem;
        max-width: 250px;
        padding-right: 1rem
    }
    .feed .election .linkbox {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin-top: 1rem;
        max-width: 100%;
        order: 2
    }
    .feed .election .electionlink {
        margin-top: 0
    }
    .feed .election .partyboxcontainer {
        width: 100%
    }
    .feed .election .partyboxcontainer div:first-child {
        margin-left: 0
    }
    .feed .election .partybox {
        margin-left: .3rem;
        padding: .3rem
    }
    .feed .election .partybox .moreinfocontainer {
        display: none
    }
    .feed .election .partybox .partyname {
        font-size: .7rem;
        padding: 0 .2rem
    }
    .feed .election .partybox .partyseatnum {
        font-size: 2rem
    }
}

.feed .secureDropWidget {
    border-top: .5rem solid #e60505
}

.feed .secureDropWidget img.imgWithDescription {
    margin: .5rem 1.5rem 0;
    width: 50%
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.feed .privacyNotification {
    animation-delay: 3s;
    animation-duration: .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
}

.feed .privacyNotification .noticeActions,
.feed .privacyNotification .noticeMessage {
    margin: .2rem .5rem
}

.feed .privacyNotification .noticeMessage {
    max-width: 40rem
}

.feed .privacyNotification .noticeActions {
    display: flex;
    font-weight: 700;
    justify-content: center;
    max-width: 20rem
}

.feed .privacyNotification .noticeActions .noticeButton,
.feed .privacyNotification .noticeActions .noticeLink {
    border: none;
    border-radius: .25rem;
    height: 2.5rem;
    margin: 0 .5rem;
    width: 8rem
}

.feed .privacyNotification .noticeActions .noticeLink {
    background: #0550c8;
    line-height: 2.5rem;
    text-align: center;
    text-decoration: none
}

.feed .privacyNotification .noticeActions .noticeButton {
    background: #222
}

.feed .privacyNotification .noticeActions .noticeButton .removeIcon {
    fill: #fff;
    height: 15px;
    margin-right: .6rem;
    position: relative;
    top: .1rem;
    width: 15px
}

.feed .privacyNotification .noticeButton,
.feed .privacyNotification .noticeMessage,
.feed .privacyNotification a {
    color: #fff
}

@keyframes glow-grow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.feed .toggleSwitch {
    border: none;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.feed .toggleSwitch input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0;
    position: absolute;
    top: 0
}

.feed .toggleSwitch .visualSwitch,
.feed .toggleSwitch input,
.feed .toggleSwitch label {
    position: relative
}

.feed .toggleSwitch label {
    padding: .3em 0
}

.feed .toggleSwitch .visualSwitch {
    display: inline-block;
    height: 1em;
    margin: 0 .5em;
    vertical-align: middle;
    width: 2.7em
}

.feed .toggleSwitch .groove,
.feed .toggleSwitch .knob {
    position: absolute
}

.feed .toggleSwitch .groove {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: .75em;
    height: 100%;
    margin: -1px -1px 0 0;
    transition: background .2s ease-in-out;
    width: 100%
}

.feed .toggleSwitch .knob {
    background: #8c8c8c;
    border: 1px solid #8c8c8c;
    border-radius: 100%;
    height: 1em;
    margin: -1px 0 0;
    transition: right .2s ease-in-out;
    width: 1em
}

.feed .toggleSwitch label:first-of-type {
    margin-right: -3.2em;
    padding-right: 3.2em
}

.feed .toggleSwitch label:last-of-type {
    margin-left: -3.2em;
    padding-left: 3.2em
}

.feed .toggleSwitch input:not(:checked):hover+label {
    cursor: pointer;
    text-decoration: underline
}

.feed .toggleSwitch input:not(:checked)+label {
    z-index: 1
}

.feed .toggleSwitch input:checked+label {
    z-index: 0
}

.feed .toggleSwitch input:first-of-type:not(:checked)~.visualSwitch .knob {
    left: 1.7em
}

.feed .toggleSwitch:focus-within .groove {
    border: 2px solid #000
}

.feed .toggleSwitch:focus-within .knob:before {
    animation: glow-grow 1.2s ease-in-out infinite;
    background-color: rgba(23, 32, 249, .3);
    border-radius: 50%;
    content: "";
    height: 40px;
    left: -11px;
    position: absolute;
    top: -11px;
    width: 40px
}

.feed .viafouraLogin {
    display: flex;
    flex-basis: 75px
}

.feed .viafouraLogin .viafouraLogin-text {
    align-self: flex-end;
    margin-left: 5px
}

.feed .viafouraLogin .viafouraLogin-image {
    fill: #545454;
    stroke: #545454;
    bottom: -4px;
    height: 20px;
    padding-right: .5rem;
    position: relative
}

.feed .news-local .news-local-column .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardRegular {
    border: 1px solid #cbcbcb
}

.feed .news-local .news-local-column .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardRegular .authorInfo {
    display: flex
}

.feed .news-local .news-local-column .contentListing .contentListingContentListHolder .moreStories .contentListCards .metadataText>.departmentItem,
.feed .news-local .news-local-column .contentListing .contentListingContentListHolder .moreStories .contentListCards .metadataText>.metaSeparator {
    display: none
}

.feed .news-local .news-local-column .moreStories .heading-element {
    margin-bottom: 8px
}

.feed .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
}

.feed .newsletterWidget *,
.feed .newsletterWidget :after,
.feed .newsletterWidget :before {
    box-sizing: inherit
}

.feed .newsletterWidget .newsletterTitle {
    justify-content: center
}

.feed .newsletterWidget .show {
    background: transparent
}

.feed .newsletterWidget .newsletterWidgetTextWrapper {
    display: block;
    justify-content: center
}

.feed .newsletterWidget .newsletterLogoHeading {
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    text-align: center
}

.feed .newsletterWidget .newsletterWidgetLogo {
    display: block;
    font-size: 1rem;
    margin: 0 auto;
    max-width: 100%
}

.feed .newsletterWidget .newsletterWidgetSloganDesc {
    margin-top: 16px
}

.feed .newsletterWidget .newsletterWidgetSlogan {
    display: none;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .5rem;
    margin-top: 0
}

.feed .newsletterWidget.newsletterWidget-true .newsletterWidgetSlogan {
    display: block;
    margin-top: 20px;
    text-align: center
}

.feed .newsletterWidget .newsletterWidgetDesc {
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    text-align: center
}

.feed .newsletterWidget .newsletterWidgetDesc.hide {
    display: none
}

.feed .newsletterWidget.newsletterWidget-true .newsletterWidgetDesc {
    text-align: center
}

.feed .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: .375rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 30%
}

.feed .newsletterWidget .newsletterWidgetLink:active,
.feed .newsletterWidget .newsletterWidgetLink:hover {
    background: #222
}

.feed .newsletterWidget .newsletterWidgetLink:focus {
    box-shadow: 0 0 2px 2px #4d90fe
}

.feed .newsletterWidget .formSubscribe {
    font-size: 1rem
}

.feed .newsletterWidget .formSubscribe .inputLabel {
    color: #707070;
    display: block;
    font-size: 12px;
    height: 1.1rem;
    line-height: 1.5;
    margin-top: 1rem
}

.feed .newsletterWidget .formSubscribe .input-wrapper {
    display: inline-block;
    min-width: 210px;
    width: 70%
}

.feed .newsletterWidget .formSubscribe .input-group {
    position: relative
}

.feed .newsletterWidget .formSubscribe .textbox {
    border: 1px solid #727272;
    font-size: 16px;
    padding: 7px;
    width: 100%
}

.feed .newsletterWidget .formSubscribe .textbox:focus {
    box-shadow: 0 0 2px 2px #4d90fe
}

.feed .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: .35rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.feed .newsletterWidget .formSubscribe .submit:active,
.feed .newsletterWidget .formSubscribe .submit:hover {
    background: #222
}

.feed .newsletterWidget .formSubscribe .submit:focus {
    box-shadow: 0 0 2px 2px #4d90fe
}

.feed .newsletterWidget .formSubscribe .submit-message p {
    padding: 0
}

.feed .newsletterWidget .formSubscribe .error-icon {
    display: none;
    padding-right: 5px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 2px;
    vertical-align: top
}

.feed .newsletterWidget .formSubscribe .error-icon.show {
    display: inline-block
}

.feed .newsletterWidget .formSubscribe .submit-wrapper {
    display: inline-block;
    margin-top: 2.1em;
    vertical-align: top;
    width: 30%
}

.feed .newsletterWidget .formSubscribe .submit-error {
    color: #cf0404;
    display: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 8px;
    max-width: 260px
}

.feed .newsletterWidget .formSubscribe .submit-error.show {
    display: inline-block
}

@keyframes blink {
    0% {
        opacity: .2
    }
    20% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

.feed .newsletterWidget .formSubscribe .loading {
    color: #1720f9;
    display: none;
    font-size: 4rem;
    line-height: .5rem
}

.feed .newsletterWidget .formSubscribe .loading span {
    animation-duration: 1.4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: blink
}

.feed .newsletterWidget .formSubscribe .loading span:nth-child(2) {
    animation-delay: .2s
}

.feed .newsletterWidget .formSubscribe .loading .span:nth-child(3) {
    animation-delay: .4s
}

.feed .newsletterWidget .formSubscribe .loading.show {
    display: inline-block
}

.feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess {
    display: none;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 1.5rem
}

.feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess.show {
    display: block
}

.feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess .opensNewWindow-icon {
    display: inline-block;
    height: 17px;
    margin-left: .2rem;
    vertical-align: middle;
    width: 16px
}

.feed .newsletterWidget .formSubscribe .hide {
    display: none
}

.feed .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
}

.feed .sidebar .newsletterWidget {
    padding: 1.5rem
}

.feed .sidebar .newsletterWidget .formSubscribe .input-wrapper {
    padding-bottom: 1rem;
    width: 100%
}

.feed .sidebar .newsletterWidget .formSubscribe .submit-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 0;
    width: 100%
}

.feed .sidebar .newsletterWidget .formSubscribe .submit {
    font-size: 1rem;
    margin: 0 32px
}

.feed .sidebar .newsletterWidget p#recaptcha-privacy-msg.supplemental {
    padding: 0
}

@media(max-width:640px) {
    .feed .newsletterWidget {
        padding: 24px
    }
    .feed .newsletterWidget .newsletterWidgetTextWrapper {
        display: block
    }
    .feed .newsletterWidget .newsletterWidgetSlogan {
        font-size: 1.25rem
    }
    .feed .newsletterWidget .newsletterWidgetDesc {
        font-size: 1rem;
        margin: 0 auto;
        text-align: center
    }
    .feed .newsletterWidget .newsletterWidgetSloganDesc {
        margin-left: 0;
        margin-top: 1.25rem;
        width: 100%
    }
    .feed .newsletterWidget .newsletterWidgetLogo {
        display: block;
        margin: 0 auto
    }
    .feed .newsletterWidget .formSubscribe .submit-wrapper {
        display: block;
        margin-top: 1rem
    }
    .feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess {
        font-size: 1rem;
        margin-top: 0
    }
    .feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess p:first-child {
        margin-top: 0
    }
    .feed .newsletterWidget .submit {
        margin: 0 32px
    }
    .feed .newsletterWidget p#recaptcha-privacy-msg.supplemental {
        padding: 0
    }
    .feed .sidebar .newsletterWidget .formSubscribe .submit-wrapper {
        margin-top: 0
    }
    .feed .sidebar .newsletterWidget p#recaptcha-privacy-msg.supplemental {
        padding: 0
    }
}

.feed p#recaptcha-privacy-msg.supplemental {
    color: #6e6e6e;
    font-size: .8rem;
    line-height: 1.2rem;
    padding: 0 130px;
    text-align: center
}

.feed .recommendations .contentListItem:not(:first-child),
.feed .recommendations .verticalCardList.cardList .contentListItem:not(:first-child) {
    flex-basis: 100%
}

.feed .recommendations .card,
.feed .recommendations .verticalCardList.cardList .card {
    width: 100%
}

.feed .recommendations .card:focus,
.feed .recommendations .verticalCardList.cardList .card:focus {
    z-index: 1
}

.feed .recommendations .flag,
.feed .recommendations .verticalCardList.cardList .flag {
    display: none
}

.feed .recommendations .card.cardDefault,
.feed .recommendations .verticalCardList.cardList .card.cardDefault {
    border-left: none;
    border-right: none
}

.feed .recommendations .card.cardDefault .headline,
.feed .recommendations .verticalCardList.cardList .card.cardDefault .headline {
    color: #000;
    font-size: .875rem;
    line-height: 1.3
}

.feed .recommendations.nbox-container .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content .headline.headline {
    font-size: .875rem
}

.feed .recommendations.horizontal {
    margin-bottom: 2.5rem;
    position: relative
}

@media only screen and (max-width:1100px) {
    .feed .recommendations.horizontal {
        margin-top: 2.5rem
    }
}

.feed .recommendations.horizontal .contentListCards .card {
    border-bottom: none
}

@media only screen and (max-width:1070px)and (min-width:865px) {
    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+1) {
        display: none
    }
    .feed .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) {
    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+2) {
        display: none
    }
    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+3) a {
        border-right: none
    }
}

@media only screen and (max-width:652px) {
    .feed .recommendations.horizontal .contentListCards .card {
        border-bottom: 1px solid #e0e0e0;
        border-right: none;
        flex: 1 1 auto;
        margin: 0 1rem
    }
    .feed .recommendations.horizontal .contentListCards .card:last-child {
        border-bottom: none
    }
    .feed .recommendations.horizontal .contentListCards .card .imageMedia {
        display: none
    }
}

@media only screen and (max-width:1100px)and (min-width:800px) {
    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+2) {
        display: none
    }
    .feed .recommendations.horizontal .contentListCards .card:nth-last-of-type(-n+3) a {
        border-right: none
    }
}

.feed .recommendations.horizontal .disclaimer-container {
    right: 0;
    top: 0;
    width: unset
}

.feed .recommendations.vertical .disclaimer-container {
    margin-top: -5px
}

.feed .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%
}

.feed .videoLinkImageOverlay .imageWrapperUpcomingTime,
.feed .videoLinkImageOverlay .label .labelText {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px
}

.feed .videoLinkImageOverlay .label .labelText {
    display: block;
    padding-top: 0;
    text-align: center
}

.feed .videoLinkImageOverlayPlayBtn {
    display: block;
    flex-shrink: 0;
    margin-right: auto
}

.feed .videoLinkImageOverlay .captions {
    fill: #fff
}

.feed .videoLinkImageOverlayVideoDuration {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 2px 4px
}

.feed .videoLinkImageOverlayVideoDuration .captions,
.feed .videoLinkImageOverlayVideoDuration p {
    float: left;
    margin: 0
}

.feed .videoLinkImageOverlayLiveLabel,
.feed .videoLinkImageOverlayUpcoming {
    background-color: #ffdc14;
    display: flex
}

.feed .videoLinkImageOverlayLiveLabel .captions,
.feed .videoLinkImageOverlayUpcoming .captions {
    fill: #000;
    margin: 1px 5px 0 -6px
}

.feed .videoLinkImageOverlayUpcoming {
    display: flex;
    flex-direction: column;
    margin: 0
}

.feed .videoLinkImageOverlayUpcoming .label,
.feed .videoLinkImageOverlayUpcomingTime {
    display: block
}

.feed .videoLinkImageOverlayUpcoming .label .labelText,
.feed .videoLinkImageOverlayUpcomingTime {
    color: #222;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4;
    padding-left: 6px;
    padding-right: 6px
}

.feed .videoLinkImageOverlayUpcomingTime {
    background: #e0e0e0;
    margin: 0;
    padding-top: 1px;
    text-align: center
}

.feed .videoLinkImageOverlayUpcoming.captions .captions,
.feed .videoLinkImageOverlayUpcoming.captions .label {
    float: left
}

.feed .video-item {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    min-width: 200px;
    position: relative;
    text-decoration: none;
    width: 100%
}

.feed .video-item.video-card-overlay>.thumbnail-wrapper .thumbnail-container img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.feed .video-item.video-card-overlay>.video-card-overlay-container {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    width: 100%
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .play-button-container {
    float: left;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .play-button-container .videoItemPlayBtn {
    display: block;
    height: 100%;
    width: 100%
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .6);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px 20px 20px;
    position: relative;
    width: 100%
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container:before {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .6));
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    top: -50%;
    width: 100%
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-item-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0 0 10px;
    max-height: 70px;
    overflow: hidden
}

@media(min-width:375px) {
    .feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-item-title {
        font-size: 1rem;
        line-height: 1.4rem
    }
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-time-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-time-container .video-time-stamp {
    color: #fff;
    float: left;
    font-size: .8rem;
    font-weight: 700
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-time-container .video-time-stamp:after {
    border-left: 1px solid #fff;
    content: "";
    margin: 0 8px
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-time-container .videoTimeLabel {
    font-size: .8rem;
    line-height: normal
}

.feed .video-item.video-card-overlay>.video-card-overlay-container .video-info-container .video-time-container .videoTimeLabel .durationLabel {
    background-color: transparent;
    padding: 0
}

.feed .video-item:not(.video-card-overlay) {
    border: 1px solid #cbcbcb
}

.feed .video-item:not(.video-card-overlay).video-card-normal>.video-card-thumbnail-container {
    position: relative
}

.feed .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
}

.feed .video-item:not(.video-card-overlay).video-card-normal>.video-card-thumbnail-container .play-button-container .videoItemPlayBtn {
    display: block
}

.feed .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
}

.feed .video-item:not(.video-card-overlay).video-card-normal>.video-item-details {
    height: 135px;
    padding: 12px
}

.feed .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%
}

.feed .video-item:not(.video-card-overlay).video-card-normal>.video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    font-size: .688rem;
    line-height: 19px;
    padding: 0 8px 8px 0
}

.feed .video-item:not(.video-card-overlay).video-card-normal>.video-item-details .video-show-name {
    color: #545454;
    float: left;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0;
    width: 100%
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal {
    border: none
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-card-thumbnail-container {
    position: relative
}

.feed .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
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-card-thumbnail-container .play-button-container .videoItemPlayBtn {
    display: block
}

.feed .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
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details {
    height: 135px;
    padding: 12px
}

.feed .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%
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    font-size: .688rem;
    line-height: 19px;
    padding: 0 8px 8px 0
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details .video-show-name {
    color: #545454;
    float: left;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0;
    width: 100%
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-card-thumbnail-container {
    float: left;
    height: 100px;
    padding: 0;
    width: 178px
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-card-thumbnail-container .play-button-container {
    margin: 0 0 10px 10px
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-card-thumbnail-container .videoTimeLabel {
    margin: 0 10px 10px 0
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details {
    height: 100px;
    padding: 0 0 0 188px;
    width: auto
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details .video-item-title {
    font-size: .875rem;
    margin: 0;
    max-height: 63px
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details .video-time-stamp {
    padding: 0
}

.feed .video-item:not(.video-card-overlay).video-card-horizontal>.video-item-details .video-show-name {
    display: block;
    font-size: .8rem;
    margin: 0;
    max-height: 15px;
    overflow: hidden;
    padding-top: 4px
}

.feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-card-thumbnail-container {
    position: relative
}

.feed .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
}

.feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-card-thumbnail-container .play-button-container .videoItemPlayBtn {
    display: block
}

.feed .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
}

.feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details {
    height: 135px;
    padding: 12px
}

.feed .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%
}

.feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    font-size: .688rem;
    line-height: 19px;
    padding: 0 8px 8px 0
}

.feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details .video-show-name {
    color: #545454;
    float: left;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0;
    width: 100%
}

@media only screen and (max-width:465px) {
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal {
        border: none
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-card-thumbnail-container {
        float: left;
        height: 100px;
        padding: 0;
        width: 178px
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-card-thumbnail-container .play-button-container {
        margin: 0 0 10px 10px
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-card-thumbnail-container .videoTimeLabel {
        margin: 0 10px 10px 0
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details {
        height: 100px;
        padding: 0 0 0 188px;
        width: auto
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details .video-item-title {
        font-size: .875rem;
        margin: 0;
        max-height: 63px
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details .video-time-stamp {
        padding: 0
    }
    .feed .video-item:not(.video-card-overlay).video-card-normal-to-horizontal>.video-item-details .video-show-name {
        display: block;
        font-size: .8rem;
        margin: 0;
        max-height: 15px;
        overflow: hidden;
        padding-top: 4px
    }
}

.feed .video-item:not(.video-card-overlay).placeholder .video-card-thumbnail-container .thumbnail-wrapper {
    background-color: #d9d9d9
}

.feed .video-item:not(.video-card-overlay).placeholder .video-card-thumbnail-container .play-button-container,
.feed .video-item:not(.video-card-overlay).placeholder .video-card-thumbnail-container .videoTimeLabel {
    display: none
}

.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-item-title,
.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-item-title:after {
    height: 21px;
    margin-bottom: 4px;
    width: 85%
}

.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-show-name,
.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-show-name:after {
    height: 21px;
    width: 70%
}

.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-time-stamp,
.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-time-stamp:after {
    display: none
}

.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-item-title,
.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-show-name,
.feed .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
}

.feed .video-item:not(.video-card-overlay).placeholder .video-item-details .video-item-title:after,
.feed .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%, .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
}

.feed .video-card:focus svg.videoItemPlayBtn path,
.feed .video-card:hover svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .video-card:focus .video-item-title,
.feed .video-card:hover .video-item-title {
    text-decoration: underline
}

.feed .video-card:focus {
    display: inline-block;
    outline: 3px solid #e60505
}

.feed .video-card:focus .play-button-container {
    outline: 3px solid #fff
}

.feed .videoDetailPage .two-columns {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0 16px;
    position: relative
}

.feed .videoDetailPage .two-columns>.video-breadcrumb {
    margin-bottom: 15px
}

.feed .videoDetailPage .two-columns>.play-page-main {
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    outline: none;
    width: calc(100% - 436px)
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details {
    margin-top: 20px;
    overflow: hidden
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata {
    float: left;
    margin-right: 20px;
    max-width: calc(100% - 320px)
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>h1,
.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>p {
    color: #263238;
    margin: 0
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 38px
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>p {
    line-height: 1.45
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>ul.factoids {
    font-size: .8rem;
    line-height: 1.4;
    margin: 8px 0;
    padding: 0
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>ul.factoids a {
    color: #d73232;
    font-weight: 600
}

.feed .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
}

.feed .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: .85;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>ul.factoids li:first-child {
    border-left: none;
    padding-left: 0
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>ul.factoids li:nth-child(3) {
    padding-right: 0
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>ul.factoids li.cc-listitem {
    border: none;
    padding: 0
}

.feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>ul.factoids .captions {
    height: 18px;
    overflow: visible;
    vertical-align: bottom;
    width: 18px
}

.feed .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
}

.feed .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) {
    .feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata {
        float: none;
        max-width: none
    }
    .feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.metadata>h1 {
        font-size: 1.625rem;
        line-height: 33px
    }
    .feed .videoDetailPage .two-columns>.play-page-main .stage>div.details>div.ad-container {
        float: none;
        margin: 20px auto 0;
        overflow: initial;
        text-align: center
    }
}

.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata {
    width: 100%
}

.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>ul.factoids {
    display: none
}

.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>h1,
.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>h1:after {
    height: 27px;
    margin-bottom: 20px;
    width: 100%
}

.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>p,
.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>p:after {
    height: 27px;
    width: 70%
}

.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>h1,
.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>p {
    background: #d9d9d9;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.details>div.metadata>h1:after,
.feed .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%, .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
}

.feed .videoDetailPage .two-columns>.play-page-aside {
    box-sizing: border-box;
    float: left;
    margin-bottom: 16px;
    padding: 0 2px 4px 0;
    width: 416px
}

.feed .videoDetailPage .two-columns>.play-page-aside .video-grid-panel .heading-element-h2 {
    font-size: 1.625rem
}

@media only screen and (max-width:1023px) {
    .feed .videoDetailPage .two-columns {
        margin: 0;
        padding: 12px 12px 0
    }
    .feed .videoDetailPage .two-columns>.play-page-main {
        margin-right: 0;
        margin-top: 0;
        width: 100%
    }
    .feed .videoDetailPage .two-columns>.play-page-aside {
        margin-top: 20px;
        padding: 0 4px 4px 8px;
        width: 100%
    }
}

.feed .videoDetailPage .two-columns .category-clips-swimlane {
    float: left;
    margin: 55px 0
}

.feed .videoDetailPage .two-columns .trending-clips-swimlane {
    float: left
}

.feed .video-tabbed-panel {
    display: block;
    float: left;
    width: 100%
}

.feed .video-tabbed-panel>hr {
    background-color: #000;
    border: none;
    float: left;
    height: 1px;
    margin-bottom: 14px;
    margin-top: 0;
    width: 100%
}

.feed .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
}

.feed .video-tabbed-panel .tab-bar {
    list-style: none;
    margin: 0
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item {
    cursor: pointer;
    float: left;
    margin-left: 10px
}

.feed .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
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item button:hover {
    border-bottom: 3px solid #727272;
    color: #000;
    text-decoration: none
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item button.active {
    border-bottom: 3px solid #727272;
    color: #000
}

@media only screen and (max-width:465px) {
    .feed .video-tabbed-panel .video-card-list .video-card .video-item {
        background-color: transparent
    }
}

.feed .video-category-page .page-row {
    margin-bottom: 55px;
    overflow: hidden;
    width: 100%
}

.feed .video-category-page .page-row.tight {
    margin-bottom: 35px
}

.feed .video-category-page .page-row.highlighted {
    background-color: #e5e5e5
}

.feed .video-category-page .page-row.highlighted>.inner {
    padding-bottom: 27px;
    padding-top: 18px
}

.feed .video-category-page .page-row>.inner {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0 12px
}

@media only screen and (min-width:1023px) {
    .feed .video-category-page .page-row>.inner {
        padding: 0 16px
    }
}

.feed .video-category-page .page-row>.inner .leaderboard {
    text-align: center
}

.feed .recommendations h2.section-title {
    color: #263238;
    font-size: 19px;
    font-weight: 700;
    height: 26px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}

.feed .video-card-list {
    float: left;
    width: 100%
}

.feed .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) {
    .feed .video-card-list.flexible>.video-cards-container {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:880px) {
    .feed .video-card-list.flexible>.video-cards-container {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:465px) {
    .feed .video-card-list.flexible>.video-cards-container {
        grid-template-columns: repeat(1, 1fr)
    }
}

.feed .video-grid-panel {
    float: left;
    width: 100%
}

.feed .video-grid-panel>.show-more-container {
    float: left;
    margin-top: 18px;
    width: 100%
}

.feed .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
}

.feed .video-grid-panel>.show-more-container>.show-more:focus,
.feed .video-grid-panel>.show-more-container>.show-more:hover {
    background-color: #212121;
    color: #fff;
    cursor: pointer
}

.feed .moreLikeThis .video-grid-panel .video-card-container:last-child {
    margin-bottom: 20px
}

.feed .video-breadcrumb {
    margin: 0;
    padding: 0
}

.feed .video-breadcrumb ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.feed .video-breadcrumb ul li {
    margin: 10px 15px 0 0;
    padding: 0
}

.feed .video-breadcrumb ul li a {
    box-sizing: border-box;
    color: #757575;
    font-size: .875rem;
    font-weight: 700;
    margin-left: -5px;
    padding: 8px 5px;
    text-decoration: none;
    white-space: nowrap
}

.feed .video-breadcrumb ul li a:focus,
.feed .video-breadcrumb ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em
}

.feed .video-breadcrumb ul li:not(:last-child):after {
    color: #757575;
    content: "›";
    font-size: 1.25rem;
    line-height: 1;
    margin-left: 13px
}

.feed .videoLocal {
    max-width: 1280px;
    position: relative
}

.feed .videoLocal .videoLocalRegionSelector {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalLink {
    border: 0;
    display: block;
    flex-shrink: 0;
    font-size: 1.35rem;
    font-weight: 700;
    margin: .5rem 0;
    text-decoration: none
}

.feed .viewportSmall .videoLocal .videoLocalRegionSelector .videoLocalLink {
    font-size: 1rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper {
    margin-left: 1.25rem;
    margin-top: .625rem;
    width: auto
}

@media only screen and (min-width:600px) {
    .feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper {
        width: 100%
    }
}

.feed .viewportSmall .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper {
    margin-left: .3rem;
    margin-top: .3rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper {
    background-color: #fff;
    color: #000
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionNameWrapper {
    display: inline-block
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: .9rem;
    padding: .5rem 1rem 0 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    padding: .2rem .5rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: .9rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: .9rem;
    margin-right: .5rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionRadioButton {
    margin-right: .3rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink .icon {
    padding-left: 6px
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink:focus,
.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink:focus .chevronIcon,
.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: .5rem;
    width: 100%
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionFormIntro {
    display: block
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg)
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone {
    background: #f4f4f4
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: .85rem;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: .5rem 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionForm {
    background: #fff
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionFormIntro {
    padding: .5rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: .8rem;
    margin: 0 .5rem .3rem 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: .5rem .5rem 0 0
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion,
.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion:before,
.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton:before {
    display: none
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton:focus,
.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem
}

.feed .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: .5rem
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper {
    background-color: transparent
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionFormIntro {
    margin-left: 8px;
    margin-top: 10px
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionListWrapper .regionsListWrapper .regionLink {
    display: none
}

.feed .videoTimeLabel {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4
}

.feed .videoTimeLabel .durationLabel {
    background: rgba(0, 0, 0, .8);
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 1px 5px
}

.feed .videoTimeLabel .durationLabel .captions {
    fill: #fff;
    margin: 0 0 -1px 4px
}

.feed .videoTimeLabel .liveLabel {
    background-color: #ffdc14;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1px 5px;
    text-transform: uppercase
}

.feed .videoTimeLabel .liveLabel .captions {
    fill: #000;
    margin: 0 0 -1px 4px
}

.feed .videoTimeLabel .upcomingLabel {
    display: flex;
    flex-direction: row
}

.feed .videoTimeLabel .upcomingLabel .labelAndCaptions {
    background-color: #ffdc14;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1px 5px;
    text-transform: uppercase
}

.feed .videoTimeLabel .upcomingLabel .labelAndCaptions .captions {
    fill: #000;
    margin: 0 0 -1px 4px
}

.feed .videoTimeLabel .upcomingLabel .upcomingTime {
    background-color: #e0e0e0;
    box-sizing: border-box;
    color: #222;
    display: inline-block;
    padding: 1px 5px
}

.feed .videoTimeLabel.vertical .upcomingLabel {
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.feed .videoTimeLabel.vertical .upcomingLabel .labelAndCaptions,
.feed .videoTimeLabel.vertical .upcomingLabel .upcomingTime {
    text-align: center;
    width: 100%
}

.feed .thumbnail-wrapper {
    background-color: #000;
    height: auto;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.feed .thumbnail-wrapper>.thumbnail-container>img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.feed .playlist-item {
    display: block;
    min-width: 200px;
    width: 100%
}

.feed .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)
}

.feed .playlist-item .playlist-item-btn .videoTimeLabel {
    display: inline-block;
    margin-right: 18px
}

.feed .playlist-item .playlist-item-btn .playlist-thumbnail-container {
    float: left;
    height: 90px;
    position: relative;
    width: 160px
}

.feed .playlist-item .playlist-item-btn .playlist-thumbnail-container .play-button-container {
    bottom: 0;
    display: block;
    left: 8px;
    position: absolute
}

.feed .playlist-item .playlist-item-btn .playlist-thumbnail-container .videoTimeLabel {
    bottom: 8px;
    display: block;
    margin: 0;
    position: absolute;
    right: 8px
}

.feed .playlist-item .playlist-item-btn .playlist-item-info {
    position: relative
}

.feed .playlist-item .playlist-item-btn .playlist-item-info h3 {
    background: transparent;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1375rem;
    margin: 0;
    max-height: 54px;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0
}

.feed .playlist-item .playlist-item-btn .playlist-item-info>span {
    font-size: .8rem;
    font-weight: 400;
    line-height: .9375rem;
    margin-right: 18px
}

.feed .playlist-item .playlist-item-btn .playlist-item-info>span.content-area {
    color: #000
}

.feed .playlist-item .playlist-item-btn .playlist-item-info>span.formattedDate {
    color: #545454
}

.feed .playlist-item .playlist-item-btn .playlist-item-info>span:empty {
    margin-right: 0
}

.feed .playlist-item.has-thumbnail .playlist-item-info {
    padding-left: 168px
}

.feed .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) {
    .feed .playlist-item.has-thumbnail .playlist-item-info {
        padding-left: 176px
    }
    .feed .playlist-item.has-thumbnail .playlist-item-info h3 {
        font-size: 1rem;
        line-height: 1.3rem;
        max-height: 42px
    }
    .feed .playlist-item.has-thumbnail .playlist-item-info>span {
        line-height: 1.04rem
    }
    .feed .playlist-item.has-thumbnail .playlist-item-info>span.content-area {
        margin-top: 10px
    }
}

@media only screen and (min-width:1280px) {
    .feed .playlist-item.has-thumbnail .playlist-item-info {
        padding-left: 176px
    }
    .feed .playlist-item.has-thumbnail .playlist-item-info h3 {
        font-size: 1rem;
        line-height: 1.3rem;
        max-height: 65px;
        padding-bottom: 10px
    }
    .feed .playlist-item.has-thumbnail .playlist-item-info>span {
        display: inline;
        line-height: 1.04rem;
        margin: 0 16px 0 0
    }
}

.feed .playlist-item.active,
.feed .playlist-item:focus,
.feed .playlist-item:focus-within,
.feed .playlist-item:hover {
    background-color: #eaeaea;
    cursor: pointer
}

.feed .playlist-item.active .playlist-item-btn h3,
.feed .playlist-item:focus .playlist-item-btn h3,
.feed .playlist-item:focus-within .playlist-item-btn h3,
.feed .playlist-item:hover .playlist-item-btn h3 {
    color: #2566cc
}

.feed .playlist-item.active .playlist-item-btn span.video-time-stamp,
.feed .playlist-item:focus .playlist-item-btn span.video-time-stamp,
.feed .playlist-item:focus-within .playlist-item-btn span.video-time-stamp,
.feed .playlist-item:hover .playlist-item-btn span.video-time-stamp {
    color: dimgray
}

.feed .playlist-item.active .playlist-item-btn svg.videoItemPlayBtn path,
.feed .playlist-item:focus .playlist-item-btn svg.videoItemPlayBtn path,
.feed .playlist-item:focus-within .playlist-item-btn svg.videoItemPlayBtn path,
.feed .playlist-item:hover .playlist-item-btn svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .playlist-item:focus-within .playlist-item-btn {
    outline: 3px solid #ff1a1a
}

.feed .playlist-item:focus-within .playlist-item-info h3 {
    text-decoration: underline
}

.feed .playlist-item.active .playlist-item-btn .play-button-container {
    display: none
}

.feed .playlist>h3:first-child {
    background: #222323;
    color: #fff;
    display: block;
    font-size: .8rem;
    left: 0;
    margin: 0;
    padding: 10px 18px;
    position: sticky;
    top: 0
}

.feed .playlist>h3:first-child span {
    font-weight: 400
}

.feed .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) {
    .feed .playlist>.playlist-inner {
        border-width: 0 1px 1px
    }
}

.feed .playlist>.playlist-inner ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.feed .video-playlist {
    background: #222323;
    display: flex;
    flex-wrap: wrap
}

.feed .video-playlist .player-placeholder-ui-container {
    align-items: center;
    flex: 0 0 100%;
    overflow: hidden
}

.feed .video-playlist .player-placeholder-ui-container .persistent-player.custom-ui.ad .pp-custom-ui.audio {
    display: none
}

.feed .video-playlist .playlist {
    flex: 0 0 100%;
    height: 247px
}

@media only screen and (min-width:815px) {
    .feed .video-playlist {
        height: 315px
    }
    .feed .video-playlist .player-placeholder-ui-container {
        flex: 0 0 560px
    }
    .feed .video-playlist .playlist {
        flex: 1;
        height: 100%
    }
}

@media only screen and (min-width:815px)and (max-width:915px) {
    .feed .video-playlist.show-thumbnails {
        height: auto
    }
    .feed .video-playlist.show-thumbnails .player-placeholder-ui-container {
        flex: 0 0 100%
    }
    .feed .video-playlist.show-thumbnails .playlist {
        flex: 0 0 100%;
        height: 247px
    }
}

@media only screen and (min-width:1024px) {
    .feed .video-playlist {
        height: 360px
    }
    .feed .video-playlist .player-placeholder-ui-container {
        flex: 0 0 640px
    }
}

@media only screen and (min-width:1280px) {
    .feed .video-playlist .player-placeholder-ui-container {
        flex: 1
    }
}

.feed .persistent-player {
    background-color: #fff;
    order: 1;
    overflow: hidden
}

.feed .persistent-player.audio .pp-phoenix-container {
    border: 1px solid #cbcbcb;
    box-sizing: border-box
}

.feed .persistent-player-persist-container {
    border: 1px solid #cbcbcb;
    bottom: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    position: fixed;
    right: 0;
    z-index: 1510
}

.feed .persistent-player-persist-container.pp-hidden {
    display: none
}

.feed .persistent-player-persist-container.audio {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    height: 145px;
    margin: 0;
    width: 100%
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container {
    margin: 0 auto;
    max-width: 1280px;
    position: relative
}

.feed .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
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls {
    margin-right: 16px
}

.feed .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
}

.feed .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
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button:hover {
    color: #757575
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button:hover>svg path,
.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button:hover>svg polyline {
    stroke: #757575
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button.maximize-persistent-player-button,
.feed .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
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button.maximize-persistent-player-button>svg,
.feed .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
}

.feed .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"
}

.feed .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"
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button.maximize-persistent-player-button {
    display: none
}

.feed .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"
}

.feed .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
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player {
    overflow: visible;
    width: 100%
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .injected-player {
    overflow: visible !important
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .pp-phoenix-container {
    border: none
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .pp-phoenix-container .audio-ui-thumbnail-wrapper {
    margin-top: -32px
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player.advertising .pp-phoenix-container .phoenix-ad-ui,
.feed .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) {
    .feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player.advertising .pp-phoenix-container .phoenix-ad-ui,
    .feed .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) {
    .feed .persistent-player-persist-container.audio>div.persistent-player-inner-container {
        max-width: 1240px
    }
}

@media only screen and (max-width:800px) {
    .feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button.close-persistent-player-button:before,
    .feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button.maximize-persistent-player-button:before,
    .feed .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) {
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container {
        margin-top: 0
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .primary-controls-and-metadata {
        display: block
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .primary-controls-and-metadata .primary-controls {
        margin: 10px 0 0 20px
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .primary-controls-and-metadata .primary-controls .skipback-svg,
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .primary-controls-and-metadata .primary-controls .skipforward-svg {
        width: 20px
    }
    .feed .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
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .primary-controls-and-metadata .thumbnail-metadata {
        flex-basis: unset
    }
    .feed .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
    }
    .feed .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
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .primary-controls-and-metadata .thumbnail-metadata .audio-ui-metadata {
        flex-wrap: nowrap
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .secondary-controls {
        margin-top: 5px
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .secondary-controls .volume-controls-container {
        width: unset
    }
    .feed .persistent-player-persist-container.audio:not(.minimized)>div.persistent-player-inner-container .secondary-controls .volume-controls-container volume-slider {
        display: none
    }
}

.feed .persistent-player-persist-container.minimized {
    height: 60px
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player-controls .persistent-player-view-controls button.minimize-persistent-player-button {
    display: none
}

.feed .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
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player.advertising .pp-phoenix-container .phoenix-ad-ui,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player.advertising .pp-phoenix-container .phoenix-core-container {
    bottom: 72px !important
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls-and-metadata {
    margin-top: 10px
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls {
    margin-right: 0;
    margin-top: 0
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-skip-back-btn,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-skip-forward-btn {
    display: none
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-pause-btn,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-play-btn,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-stop-btn {
    margin: 0
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-pause-btn svg,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-play-btn svg,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .primary-controls .phx-stop-btn svg {
    width: 35px
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .thumbnail-metadata {
    align-items: flex-start
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui #media-metadata-audio {
    margin-right: 90px
}

.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .audio-ui-thumbnail-wrapper,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .secondary-controls,
.feed .persistent-player-persist-container.minimized>div.persistent-player-inner-container>.persistent-player .phx-audio-ui .volume-controls-container {
    display: none
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 400px
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player-video-ui {
    order: 2
}

.feed .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
}

.feed .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: .2rem;
    width: 15px
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player-video-ui .close-persistent-player-button:before {
    background-color: rgba(0, 0, 0, .4);
    content: "";
    display: inline-block;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    z-index: -1
}

.feed .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
}

.feed .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
}

.feed .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
}

.feed .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
}

.feed .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
}

.feed .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
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player {
    order: 1
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .pp-phoenix-container {
    max-height: 225px;
    width: 400px
}

.feed .persistent-player-persist-container.video:focus .persistent-player-inner-container>.persistent-player-video-ui .close-persistent-player-button,
.feed .persistent-player-persist-container.video:focus-within .persistent-player-inner-container>.persistent-player-video-ui .close-persistent-player-button,
.feed .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) {
    .feed .persistent-player-persist-container.video {
        border: none;
        margin: 0;
        width: 100%
    }
    .feed .persistent-player-persist-container.video .persistent-player-inner-container {
        margin: 0 auto;
        max-width: 350px
    }
    .feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player-video-ui #persistent-player-media-metadata-video {
        margin: 0 auto;
        width: 330px
    }
    .feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .pp-phoenix-container {
        width: 350px !important
    }
}

.feed .player-placeholder-ui-container {
    display: grid
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui {
    display: grid;
    grid-area: 1/1
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder {
    grid-area: 1/1;
    padding-bottom: 56.25%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui {
    grid-area: 1/1;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.hidden {
    display: none
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked .thumbnail-container>img {
    filter: blur(5px)
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked .thumbnail-container:after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .75) 40%, rgba(0, 0, 0, .8));
    background-image: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .75) 100%);
    bottom: 0;
    content: "";
    height: 45%;
    height: 100%;
    left: 0;
    min-height: 70px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.feed .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
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked .video-card-overlay-container {
    display: none
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:hover {
    cursor: pointer
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:hover .video-card-overlay-container svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:hover .video-card-overlay-container .video-item-title {
    text-decoration: underline
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:focus .video-card-overlay-container svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:focus .video-card-overlay-container .video-item-title {
    outline: 3px solid #fff;
    text-decoration: underline
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:focus .video-card-overlay-container .play-button-container {
    outline: 3px solid #fff
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui {
    box-sizing: border-box;
    margin: 20px 1px;
    padding: 2px;
    width: calc(100% - 2px)
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui.hidden {
    display: none
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui:active,
.feed .player-placeholder-ui-container .player-placeholder-audio-ui:focus {
    outline: 3px solid #0550c8
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui {
    height: auto;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui:focus .play-button-container>.play-btn,
.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui:hover .play-button-container>.play-btn {
    cursor: pointer
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui:focus .play-button-container>.play-btn polygon,
.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui:hover .play-button-container>.play-btn polygon {
    fill: #e60606
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container {
    float: left;
    height: 60px;
    margin-right: 20px;
    width: 60px
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon {
    height: 60px;
    width: 60px
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect {
    fill: #757575;
    animation: updown .5s linear infinite;
    transform: scaleY(.5);
    transform-origin: 0 50%
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:first-child {
    animation-delay: .05s
}

.feed .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: .65s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(3) {
    animation-delay: .1s;
    animation-duration: .75s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(4) {
    animation-delay: .125s;
    animation-duration: .75s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(5) {
    animation-delay: .15s;
    animation-duration: .85s
}

@keyframes updown {
    0% {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

.feed .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
}

.feed .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%
}

.feed .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
}

.feed .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
}

.feed .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) {
    .feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container,
    .feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container>.equalizer-icon {
        height: 35px;
        width: 35px
    }
    .feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-thumbnail {
        display: none
    }
    .feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-metadata .media-title {
        margin-left: 55px
    }
}

.feed .player-placeholder-ui-container .persistent-player {
    grid-area: 1/1
}

.feed .frequencyWidget .customHtml {
    background: #fff;
    border: none;
    margin-bottom: 1rem
}

.feed .olympicSportsList {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0
}

.feed .olympicSportsList .followIcon {
    fill: #b8860b !important
}

.feed .olympicSportsList ul {
    display: flex;
    list-style-type: none;
    padding: 0
}

.feed .olympicSportsList .legend {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.feed .olympicSportsList .legend .legendTitle {
    font-size: 19.2px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase
}

.feed .olympicSportsList .legend li {
    display: flex
}

.feed .olympicSportsList .legend li:first-child {
    margin-right: 20px
}

.feed .olympicSportsList .legend .selectSport {
    display: inline-block;
    height: 20px;
    width: 20px
}

.feed .olympicSportsList .legend .followIcon,
.feed .olympicSportsList .legend .followedIcon {
    height: 20px;
    width: 20px
}

.feed .olympicSportsList .legend .legendText {
    margin: 0 0 0 10px
}

.feed .olympicSportsList .sportsList {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
    margin: 0;
    width: 100%
}

.feed .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
}

.feed .olympicSportsList .sportsName .followIcon,
.feed .olympicSportsList .sportsName .followedIcon {
    height: 30px;
    margin-left: -1px;
    margin-top: -1px;
    width: 30px
}

.feed .olympicSportsList .sportsName:not(:disabled):focus-within,
.feed .olympicSportsList .sportsName:not(:disabled):hover {
    outline: 3px solid #0550c8
}

.feed .olympicSportsList input {
    height: 30px;
    opacity: 0;
    position: absolute;
    right: 15px;
    width: 30px;
    z-index: 1
}

.feed .olympicSportsList label {
    display: flex;
    justify-content: space-between
}

.feed .olympicSportsList .selectSport {
    height: 28px;
    text-align: center;
    width: 28px
}

.feed .olympicSportsList .showSportsContainer {
    margin: 18px 0 10px;
    width: 100%
}

.feed .olympicSportsList .showAllSports {
    background-color: transparent;
    border: none;
    color: #000;
    display: block;
    font-size: 1.125rem;
    margin: 0 auto
}

.feed .olympicSportsList .showAllSports:hover {
    text-decoration: underline
}

.feed .olympicSportsList .showAllSports:focus {
    outline: 3px solid #0550c8
}

.feed .olympicSportsList .showAllSports .chevronIcon {
    fill: #000;
    background-color: #f4f4f4;
    margin: 0 0 0 10px
}

.feed .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%
}

.feed .olympicSportsList .buildFeed:disabled {
    background-color: #cbae84
}

@media(max-width:640px) {
    .feed .olympicSportsList .legend {
        flex-direction: column-reverse
    }
    .feed .olympicSportsList .legend .legendTitle {
        margin: 24px 0 14px
    }
    .feed .olympicSportsList .legendIcons {
        margin-bottom: 0
    }
}

.feed .myOlympicsContent {
    display: flex;
    justify-content: center
}

.feed .myOlympicsContent .loading {
    align-items: center;
    display: flex;
    flex: none
}

.feed .myOlympicsContent .loading .loadingText {
    font-size: 1.125rem
}

.feed .myOlympicsContent .loading .loader {
    display: inline-block;
    margin-left: 1rem
}

.feed .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%
}

.feed .myOlympicsContent .moreResults .chevronIcon {
    fill: #fff;
    background-color: transparent;
    margin-left: 10px;
    transform: rotate(270deg);
    vertical-align: initial
}

.feed .myOlympicsContent .moreResults:hover {
    background-color: #c9aa77;
    box-shadow: none
}

.feed .myOlympicsContent .moreResults:focus {
    background-color: #b7873c;
    box-shadow: 0 0 0 3px #757575;
    outline: none
}

.feed .myOlympicsContent .video-card {
    width: 100%
}

.feed .myOlympicsContent .video-card .video-item {
    height: 100%
}

.feed .IconWeather {
    height: 3rem;
    width: 3rem
}

.feed .widgetOpen-false .toggleWidget {
    border: .1875rem solid #ccc
}

.feed .widgetOpen-false .toggleWidget:focus,
.feed .widgetOpen-false .toggleWidget:hover {
    border-color: #3b3b3b;
    border-width: .25rem
}

.feed .widgetOpen-false .toggleWidget:focus svg,
.feed .widgetOpen-false .toggleWidget:hover svg {
    fill: #3b3b3b
}

.feed .widgetOpen-false .toggleWidget:focus .expandIcon,
.feed .widgetOpen-false .toggleWidget:hover .expandIcon {
    margin-right: .5625rem
}

.feed .widgetOpen-false .toggleWidget .expandIcon {
    fill: #949494;
    margin-right: .625rem
}

.feed .widgetOpen-true {
    box-shadow: .125rem 0 .875rem -.1875rem rgba(0, 0, 0, .3)
}

.feed .widgetOpen-true .closeWidget,
.feed .widgetOpen-true .expandedWeatherWidget {
    border: .1875rem solid #ccc
}

.feed .widgetOpen-true .closeWidget {
    border-bottom: 0;
    margin-top: -75px
}

.feed .widgetOpen-true .expandedWeatherWidget {
    border-top: 0
}

.feed .widgetOpen-true .closeWidget:focus,
.feed .widgetOpen-true .closeWidget:hover {
    border-color: #3b3b3b;
    border-bottom: none
}

.feed .widgetOpen-true .closeWidget:focus+.expandedWeatherWidget,
.feed .widgetOpen-true .closeWidget:hover+.expandedWeatherWidget {
    border-color: #3b3b3b
}

.feed .widgetOpen-true .expandIcon {
    display: none
}

.feed .widgetOpen-true svg.collapseIcon {
    fill: #3b3b3b;
    margin-right: .625rem;
    margin-top: -4px
}

.feed .weatherWidget {
    box-sizing: border-box;
    display: flex;
    height: 4.688rem;
    padding: 0 .3125rem 0 1rem
}

.feed .weatherWidget .currentWeatherIcon,
.feed .weatherWidget .weatherForecastIcon {
    align-items: center;
    display: flex
}

.feed .weatherWidget .currentWeatherIcon svg {
    height: 2.75rem;
    padding: .805rem 0 .405rem;
    width: 2.75rem
}

.feed .weatherWidget .weatherForecastIcon svg {
    height: 2.125rem;
    padding: 1rem 0 .625rem;
    width: 2.125rem
}

.feed .weatherWidget .currentWeather {
    display: flex;
    width: calc(100% - 14.0625rem)
}

.feed .weatherWidget .weatherForecast {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 0 .625rem;
    width: 10.625rem
}

.feed .weatherWidget .showWeatherDetails {
    border: 0;
    margin: 1.25rem .625rem 1.25rem .9375rem;
    padding: 0;
    text-align: center;
    width: 1.25rem
}

.feed .weatherWidget .currentWeatherInfo {
    margin-bottom: .125rem
}

.feed .weatherWidget .hourlyForecastInfo,
.feed .weatherWidget .weatherInfo {
    align-items: center;
    display: flex
}

.feed .weatherWidget .weatherInfo {
    padding: .0625rem .3125rem .0625rem .75rem
}

.feed .weatherWidget .weatherInfo,
.feed .weatherWidget .weatherInfo>div {
    width: 100%
}

.feed .weatherWidget .hourlyForecastInfo {
    margin-left: .5rem
}

.feed .weatherWidget .temp {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0 .25rem 0 0
}

.feed .weatherWidget .time {
    margin: 0
}

.feed .weatherWidget .location,
.feed .weatherWidget .tempForecast {
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0
}

.feed .weatherWidget .time,
.feed .weatherWidget .weatherDesc,
.feed .weatherWidget .weatherDescShort {
    color: #545454;
    font-size: .75rem
}

.feed .weatherWidget .weatherDesc {
    margin: 0
}

.feed .weatherWidget .weatherDescShort {
    display: none
}

.feed .weatherWidget .hourlyForecast {
    display: flex
}

@media only screen and (max-width:500px) {
    .feed .weatherWidget .currentWeather {
        width: calc(100% - 8rem)
    }
    .feed .weatherWidget .weatherForecast {
        width: 5rem
    }
    .feed .weatherWidget .weatherForecast .hourlyForecast:nth-of-type(2) {
        display: none
    }
}

@media only screen and (max-width:400px) {
    .feed .weatherWidget .currentWeather {
        width: 100%
    }
    .feed .weatherWidget .weatherForecast {
        display: none
    }
}

@media only screen and (max-width:320px) {
    .feed .weatherWidget .currentWeather {
        width: 80%
    }
    .feed .weatherWidget .weatherInfo>div {
        width: 70%
    }
    .feed .weatherWidget .currentWeatherInfo {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 18.75rem;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .feed .weatherWidget .weatherDesc {
        display: none
    }
    .feed .weatherWidget .weatherDescShort {
        display: block;
        margin: 0;
        text-transform: capitalize
    }
}

.feed .viewportMedium .weatherWidget,
.feed .viewportSmall .weatherWidget {
    margin-bottom: 1rem
}

.feed .viewportMedium .widgetOpen-true .expandedWeatherWidget {
    margin-top: -1rem
}

.feed .viewportMedium .widgetOpen-true .closeWidget {
    margin-top: -91px
}

.feed .viewportSmall .widgetOpen-true .closeWidget,
.feed .viewportSmall .widgetOpen-true .expandedWeatherWidget {
    border: none
}

.feed .viewportSmall .widgetOpen-true .closeWidget {
    color: #e60505;
    margin-top: 0
}

.feed .icon .chevronIcon {
    fill: #e60505;
    background-color: #fff;
    border-radius: 10px;
    margin-left: 2px;
    padding: 3px 2px 1px;
    vertical-align: middle
}

.feed .icon .chevronIcon.horizontal {
    fill: #000;
    background: transparent;
    padding-top: 1px;
    transform: rotate(270deg);
    vertical-align: inherit
}

.feed .icon .chevronIcon.white {
    fill: #fff
}

.feed .icon .open .chevronIcon {
    transform: rotate(180deg)
}

.feed .icon .right {
    transform: rotate(270deg)
}

.feed .icon .collapseIcon,
.feed .icon .up {
    transform: rotate(180deg)
}

.feed .icon .closeIcon {
    fill: #fff;
    background: #e60505;
    border-radius: 50%;
    padding: .3rem
}

.feed .icon .iconExclamation circle {
    stroke: #e60505;
    fill: #e60606;
    stroke-width: 2px
}

.feed .icon .icon-feature {
    display: block;
    height: 80px;
    margin: 1rem auto;
    width: 80px
}

.feed .icon .logoIcon.headerLogo.globalHeaderLogo {
    display: inline-block;
    margin-left: 0
}

.feed .icon .mediaIcon {
    fill: #0550c8;
    margin-right: .5rem;
    vertical-align: middle
}

.feed .icon .searchIcon.headerSearch {
    vertical-align: middle
}

.feed .icon .settingsIcon {
    fill: #545454;
    margin: 0 5px -5px 0
}

.feed .icon .followedIcon {
    fill: #000;
    border-radius: 50%
}

.feed .icon .followIcon,
.feed .icon .unfollowIcon {
    fill: #000
}

.feed .icon .logoIcon.logoMyCbc {
    fill: #fff
}

.feed .icon .logoIcon.logoMyCbc:focus,
.feed .icon .logoIcon.logoMyCbc:hover {
    transform: scale(1.15)
}

.feed .icon .feedbackIcon {
    fill: #fff
}

.feed .icon {
    display: inline
}

.feed .icon .logoIcon {
    fill: #e60505;
    margin-left: 1rem;
    vertical-align: middle
}

.feed .icon .logoIcon.logoBooks,
.feed .icon .logoIcon.logoNews,
.feed .icon .logoIcon.logoRadio {
    fill: #fff
}

.feed .icon .logoIcon.logoArts,
.feed .icon .logoIcon.logoDocumentaries,
.feed .icon .logoIcon.logoMeta,
.feed .icon .logoIcon.logoTV {
    fill: #000
}

.feed .icon .logoIcon.logoComedy,
.feed .icon .logoIcon.logoLife {
    fill: #222
}

.feed .icon .logoIcon.detailGem {
    fill: #e60505
}

.feed .icon .logoIcon.footerLogo {
    fill: #fff;
    margin-left: .4rem
}

.feed .icon .logoIcon.notFoundLogo {
    fill: #e60505;
    margin: 1rem -1rem 0 .5rem
}

.feed .icon .logoIcon.logo2017 .st0 {
    fill: #ec1c24
}

.feed .icon .logoIcon.logo2017 .st1 {
    fill: #426fb5
}

.feed .icon .logoIcon.logo2017 .st2 {
    fill: #a22388
}

.feed .icon .logoIcon.logo2017 .st3 {
    fill: #f2971f
}

.feed .icon .logoIcon.logo2017 .st4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ec1c24
}

.detailLogo .feed .icon .logoIcon.subSectionLogo,
.feed .icon .logoIcon.logoBooks {
    fill: #000
}

.feed .bigBoxContainer {
    margin: 0 auto 1rem;
    min-height: 18rem;
    width: 300px
}

.feed .fixedBigBoxContainer {
    margin: 0 auto
}

.feed .widgetContainer {
    position: relative
}

.feed .widgetContainer .expandedWidgetContainer {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer {
    background: #fff;
    height: 100vh;
    left: 0;
    padding-top: 2rem;
    position: fixed;
    top: 0;
    width: 100vw
}

.feed .viewportSmall .widgetContainer .closeWidget {
    right: .625rem;
    width: auto;
    z-index: 1
}

.feed .widgetContainer .expandedWeatherWidget {
    background: #fff;
    border-top: none;
    box-shadow: .125rem .625rem .75rem -.125rem rgba(0, 0, 0, .3);
    padding: 0 1.25rem .625rem;
    position: absolute;
    width: calc(100% - 2.875rem);
    z-index: 1
}

.feed .widgetContainer .expandedWeatherWidget .location {
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin: 0;
    padding: 0 0 .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .currentDateTime {
    color: #545454;
    font-size: .75rem;
    line-height: 1.5rem;
    margin: .3125rem 0
}

.feed .widgetContainer .expandedWeatherWidget .hourlyForecastHeading {
    border-bottom: 1px solid #909090;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
    padding-bottom: .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .hourlyForecast {
    text-align: center
}

.feed .widgetContainer .expandedWeatherWidget .currentWeatherInfo {
    margin-bottom: 2.1875rem
}

.feed .widgetContainer .expandedWeatherWidget .currentWeatherInfo,
.feed .widgetContainer .expandedWeatherWidget .summary,
.feed .widgetContainer .expandedWeatherWidget .weatherForecast {
    display: flex
}

.feed .widgetContainer .expandedWeatherWidget .currentWeatherInfoContainer {
    display: flex;
    margin: 0 auto;
    width: 24rem
}

.feed .widgetContainer .expandedWeatherWidget .details,
.feed .widgetContainer .expandedWeatherWidget .summary {
    font-weight: 700
}

.feed .widgetContainer .expandedWeatherWidget .details p,
.feed .widgetContainer .expandedWeatherWidget .summary p {
    margin: 0
}

.feed .widgetContainer .expandedWeatherWidget .detailsParam,
.feed .widgetContainer .expandedWeatherWidget .feelsLike,
.feed .widgetContainer .expandedWeatherWidget .summaryParam {
    color: #545454;
    font-weight: 400
}

.feed .widgetContainer .expandedWeatherWidget .summary {
    width: 60%
}

.feed .widgetContainer .expandedWeatherWidget .summary .icon {
    padding: .5rem .25rem
}

.feed .widgetContainer .expandedWeatherWidget .summary .IconWeather {
    height: 4.4375rem;
    width: 4.4375rem
}

.feed .widgetContainer .expandedWeatherWidget .summary .temp {
    font-size: 3.75rem;
    line-height: 5.125rem
}

.feed .widgetContainer .expandedWeatherWidget .details {
    width: 40%
}

.feed .widgetContainer .expandedWeatherWidget .details p {
    font-size: .875rem;
    line-height: 1.1875rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast {
    justify-content: space-between;
    padding: 1rem .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast p {
    margin: 0
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast .IconWeather {
    height: 3.75rem;
    width: 3.75rem
}

.feed .widgetContainer .expandedWeatherWidget .time {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: lowercase
}

.feed .widgetContainer .expandedWeatherWidget .tempForecast {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.5rem
}

.feed .widgetContainer .expandedWeatherWidget .feelsLikeForecast {
    color: #545454;
    font-size: .75rem;
    line-height: 1rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast .precipChance {
    font-size: .75rem;
    line-height: 1.25rem;
    margin: .425rem 0 .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast .precipChance .umbrellaIcon {
    bottom: -3px;
    height: 1.1875rem;
    position: relative
}

.feed .widgetContainer button {
    background: transparent;
    border: 0;
    color: transparent;
    height: 4.688rem;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%
}

.feed .viewportMedium .widgetContainer .currentWeatherInfoContainer {
    width: 29rem
}

.feed .viewportMedium .widgetContainer .details,
.feed .viewportMedium .widgetContainer .summary {
    width: 50%
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .expandedWeatherWidget {
    box-shadow: none;
    z-index: auto
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .currentWeatherInfo,
.feed .viewportSmall .widgetContainer .expandedWidgetContainer .currentWeatherInfoContainer {
    flex-wrap: wrap
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .details,
.feed .viewportSmall .widgetContainer .expandedWidgetContainer .forecast,
.feed .viewportSmall .widgetContainer .expandedWidgetContainer .summary {
    width: 100%
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .summary {
    justify-content: center;
    margin-left: -1.25rem
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .details {
    display: flex;
    justify-content: space-between;
    margin: 1.875rem auto 0;
    width: 20rem
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .hourlyForecast:last-child {
    display: none
}

.feed .searchInfoCard {
    text-decoration: none
}

.feed .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%
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient {
    background-image: linear-gradient(90deg, #f6f6f6 47%, transparent)
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient.olympic {
    background-color: #f6f6f6;
    background-image: none
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient {
    background-size: auto 100%;
    height: auto;
    max-height: 200px;
    min-height: 100px
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    min-height: 100px;
    width: 100%
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading {
    height: auto;
    max-height: 200px;
    min-height: 100px
}

.feed .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
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardProfile .searchInfoCardProfilePicture {
    height: 60px;
    margin: 0 0 0 15px;
    min-height: 60px;
    min-width: 48px;
    width: 48px
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 31px 0 31px 32px;
    width: 100%
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo {
    margin: 25px 0 25px 16px
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo .searchInfoCardType {
    color: #717171;
    font-size: 1.125rem;
    margin-bottom: 5px;
    width: 100%
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo .searchInfoCardType {
    font-size: 1rem
}

.feed .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%
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo .searchInfoCardTitle {
    font-size: 1.563rem;
    line-height: 27px
}

.feed .searchInfoCard:focus .searchInfoCardTitleText,
.feed .searchInfoCard:hover .searchInfoCardTitleText {
    text-decoration: underline
}

.feed .searchInfoCard:focus .searchInfoCardBackground,
.feed .searchInfoCard:hover .searchInfoCardBackground {
    border: 1px solid #d0d0d0;
    border-radius: 5px
}

.feed #searchTopVideosSectionBelowInfoCard {
    margin: 18px 0 0
}

.feed .searchInfoCardMedalInfo {
    margin: 0 5% 0 auto
}

.feed .searchInfoCardMedalInfo.mobile {
    display: none;
    margin: 0;
    width: 95%
}

.feed .viewportSmall .searchInfoCardMedalInfo.mobile {
    display: block
}

.feed .viewportSmall .searchInfoCardMedalInfo.desktop {
    display: none
}

.feed .searchInfoCardMedalInfo.country {
    margin: 30px 5% 0 auto
}

.feed .viewportSmall .searchInfoCardMedalInfo.athlete,
.feed .viewportSmall .searchInfoCardMedalInfo.country {
    margin: 12px 0 0
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalTitle {
    color: #6d6d6d;
    font-size: .938rem;
    margin-bottom: 10px
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalTitle.country {
    display: none
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalTitle.country {
    display: block
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox {
    display: flex;
    font-size: .938rem;
    justify-content: space-between
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox {
    display: flex
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal {
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    font-size: .938rem;
    height: 25px;
    margin-right: 5px;
    width: 25px
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal {
    height: 18px;
    width: 18px
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.gold {
    background-color: #f0c94b
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.silver {
    background-color: #aeb7bf
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.bronze {
    background-color: #d4a76b
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap1 {
    margin-right: 35px;
    z-index: 2
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap2 {
    margin-left: 10px;
    position: absolute;
    z-index: 1
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap3 {
    margin-left: 20px;
    position: absolute
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount {
    margin-top: 5px
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.country {
    color: #717171;
    font-size: 1.25rem;
    font-weight: 700;
    margin-right: 35px
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.country {
    font-size: .938rem;
    margin-right: 0
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.athlete {
    color: #717171;
    font-weight: 700;
    margin-right: 20px
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.athlete {
    font-size: .938rem
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.medalAll {
    margin-left: 0
}

.feed .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)
}

.feed .viewportSmall .searchInfoCard .chevron {
    border-width: 0 3px 3px 0;
    padding: 4px
}

.feed .loaderOverlay {
    background: #545454;
    content: "";
    display: block;
    height: 100%;
    opacity: .6;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 2000
}

.feed .pageLoader {
    height: 100px;
    left: calc(50% - 50px);
    margin: 0 auto;
    position: fixed;
    top: calc(50% - 50px);
    width: 100px;
    z-index: 2001
}

.feed .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%
}

.feed .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
    }
}

.feed .top-videos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5rem;
    max-width: 1280px
}

.feed .top-videos>.top-videos-card-wrapper {
    flex-basis: 32%;
    flex-grow: 1;
    margin: 0 .5rem;
    min-width: 277px
}

.feed .top-videos>.top-videos-card-wrapper:first-child .video-item {
    padding: 0
}

.feed .top-videos>.top-videos-card-wrapper:first-child .video-item>.video-card-thumbnail-container {
    float: none;
    height: auto;
    width: 100%
}

.feed .top-videos>.top-videos-card-wrapper:first-child .video-item>.video-card-thumbnail-container .videoItemPlayBtn {
    height: 46px;
    width: 46px
}

.feed .top-videos>.top-videos-card-wrapper:first-child .video-item .video-item-details {
    height: 159px;
    padding: 24px 20px 20px
}

.feed .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
}

.feed .top-videos>.top-videos-card-wrapper:first-child .video-item .video-item-details .video-show-name {
    font-size: .875rem;
    height: 20px;
    margin-top: 10px
}

.feed .top-videos>.top-videos-card-wrapper:first-child .video-item .video-item-details .video-time-stamp {
    font-size: .875rem
}

.feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item,
.feed .top-videos>.top-videos-card-wrapper:nth-child(3) .video-item {
    padding: 16px
}

.feed .top-videos>.top-videos-card-wrapper .video-item {
    background-color: #222;
    box-sizing: border-box;
    margin-bottom: 16px
}

.feed .top-videos>.top-videos-card-wrapper .video-item .video-item-details .video-item-title,
.feed .top-videos>.top-videos-card-wrapper .video-item .video-item-details .video-show-name,
.feed .top-videos>.top-videos-card-wrapper .video-item .video-item-details .video-time-stamp {
    color: #fff
}

@media only screen and (min-width:600px) {
    .feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item {
        padding: 0
    }
    .feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item>.video-card-thumbnail-container {
        float: none;
        height: auto;
        width: 100%
    }
    .feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item>.video-card-thumbnail-container .videoItemPlayBtn {
        height: 46px;
        width: 46px
    }
    .feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item .video-item-details {
        height: 159px;
        padding: 24px 20px 20px
    }
    .feed .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
    }
    .feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item .video-item-details .video-show-name {
        font-size: .875rem;
        height: 20px;
        margin-top: 10px
    }
    .feed .top-videos>.top-videos-card-wrapper:nth-child(2) .video-item .video-item-details .video-time-stamp {
        font-size: .875rem
    }
    .feed .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
    }
    .feed .top-videos>.top-videos-card-wrapper:nth-child(3) .video-item .video-item-details .video-show-name,
    .feed .top-videos>.top-videos-card-wrapper:nth-child(3) .video-item .video-item-details .video-time-stamp {
        font-size: .875rem
    }
    .feed .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) {
    .feed .top-videos.three-across>.top-videos-card-wrapper {
        flex-basis: 31%
    }
    .feed .top-videos.three-across>.top-videos-card-wrapper:nth-child(3) .video-item {
        padding: 0
    }
    .feed .top-videos.three-across>.top-videos-card-wrapper:nth-child(3) .video-item>.video-card-thumbnail-container {
        float: none;
        height: auto;
        width: 100%
    }
    .feed .top-videos.three-across>.top-videos-card-wrapper:nth-child(3) .video-item>.video-card-thumbnail-container .videoItemPlayBtn {
        height: 46px;
        width: 46px
    }
    .feed .top-videos.three-across>.top-videos-card-wrapper:nth-child(3) .video-item .video-item-details {
        height: 159px;
        padding: 24px 20px 20px
    }
    .feed .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
    }
    .feed .top-videos.three-across>.top-videos-card-wrapper:nth-child(3) .video-item .video-item-details .video-show-name {
        font-size: .875rem;
        height: 20px;
        margin-top: 10px
    }
    .feed .top-videos.three-across>.top-videos-card-wrapper:nth-child(3) .video-item .video-item-details .video-time-stamp {
        font-size: .875rem
    }
}

.feed 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
}

.feed button.loadMore .chevronIcon {
    fill: #545454;
    background-color: transparent;
    border-radius: 0;
    display: inline-block;
    height: 15px;
    margin-left: 5px;
    width: 15px
}

.feed button.loadMore:hover {
    background-color: #545454;
    color: #fff
}

.feed button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed button.loadMore:focus {
    background-color: #fff;
    color: #545454;
    outline: 3px solid #0550c8
}

.feed button.loadMore.loading {
    line-height: 1.625rem
}

.feed button.loadMore.loading .chevronIcon,
.feed button.loadMore.loading:hover .chevronIcon,
.feed button.loadMore.loading:hover:focus .chevronIcon {
    display: none
}

.feed button.loadMore.loading .loader {
    float: right;
    margin-left: 10px
}

.feed button.loadMore.loading:focus .loader,
.feed button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed button.loadMore.hidden {
    display: none
}

.feed .mainSchedule {
    width: 100%
}

.feed .card.card-cqw {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 200px
}

.feed .card.card-cqw,
.feed .card.card-cqw .card-cqw-head {
    position: relative;
    width: 100%
}

.feed .card.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .image .placeholder {
    margin: 0;
    min-height: 130px;
    width: 100%
}

.feed .card.card-cqw .card-cqw-image-top {
    width: 100%
}

.feed .card.card-cqw .card-cqw-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem
}

.feed .card.card-cqw .card-cqw-main {
    flex-grow: 1
}

.feed .card.card-cqw .card-cqw-main .label {
    margin-bottom: 1rem
}

.feed .card.card-cqw .card-cqw-bottom {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    width: 100%
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw {
    box-sizing: border-box;
    display: inline-block;
    padding: 1rem;
    position: relative
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-head {
    position: absolute;
    right: 16px;
    width: auto
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-image-top .cardImageWrap .image .placeholder {
    min-height: 100px
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-image-top .cardImageWrap img {
    height: 100px;
    width: 100px
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-body {
    padding: 0
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-body .card-cqw-main .card-cqw-headline {
    margin-right: 116px
}

.feed .card.card-cqw.condensed_square_thumb.card-cqw .card-cqw-body .card-cqw-main .card-cqw-headline .headline {
    margin: 0;
    max-height: none
}

.feed .card.card-cqw.headline.card-cqw {
    padding: .5rem 1rem
}

.feed .card.card-cqw.headline.card-cqw .card-cqw-body {
    padding: 0
}

.feed .card.card-cqw.headline.card-cqw .card-cqw-body .card-cqw-bottom {
    margin: .5rem 0
}

.feed .card.card-cqw.horizontal.card-cqw {
    flex-direction: row;
    height: 100px
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-head {
    width: auto
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .image .placeholder {
    min-height: 100px
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap img {
    width: 178px
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-body {
    padding: 0 0 0 10px
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-bottom {
    margin-bottom: .5rem;
    margin-top: 0
}

@media(max-width:465px) {
    .feed .card.card-cqw.horizontal.card-cqw {
        border: none;
        height: 100px;
        margin: 0
    }
    .feed .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
        font-size: .875rem;
        line-height: 1.2rem;
        margin: 0;
        max-height: 3.6rem
    }
    .feed .card.card-cqw.horizontal.card-cqw .card-cqw-bottom .card-cqw-metadata {
        font-size: .8rem;
        line-height: .8rem;
        overflow: hidden
    }
    .feed .card.card-cqw.horizontal.card-cqw .card-cqw-bottom .metadata {
        font-size: .8rem
    }
}

.feed .card.card-cqw.featured.card-cqw {
    display: grid;
    grid-template-columns: 1.95fr 1fr;
    height: 100%;
    padding: 0
}

.feed .card.card-cqw.featured.card-cqw .card-cqw-head {
    height: 100%;
    width: 100%
}

.feed .card.card-cqw.featured.card-cqw .card-cqw-body {
    box-sizing: border-box;
    overflow: hidden
}

.feed .card.card-cqw.featured.card-cqw .card-cqw-body .card-cqw-main {
    flex-grow: 0
}

.feed .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
}

.feed .card.card-cqw.featured.card-cqw .card-cqw-body .card-cqw-bottom {
    margin: 0
}

.feed .card.card-cqw.listing_horizontal.card-cqw {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1.75fr 1fr;
    min-height: 165px;
    padding: 0;
    position: relative
}

.feed .card.card-cqw.listing_horizontal.card-cqw .card-cqw-head {
    margin: 1.5rem 0;
    max-width: 220px;
    position: absolute;
    right: 0;
    top: 0
}

.feed .card.card-cqw.listing_horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .image .placeholder {
    min-height: 120px
}

.feed .card.card-cqw.listing_horizontal.card-cqw .card-cqw-body {
    padding: 0 16px
}

.feed .card.card-cqw.listing_horizontal.card-cqw .card-cqw-body .card-cqw-main .label {
    margin: .5rem 0 0
}

.feed .card.card-cqw.listing_horizontal.card-cqw .card-cqw-body .card-cqw-main .headline {
    font-size: 1.125rem
}

.feed .card.card-cqw.listing_horizontal.card-cqw .card-cqw-body .card-cqw-bottom {
    margin: .5rem 0 1rem
}

.feed .card.card-cqw .headline {
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35rem;
    margin-top: .5rem;
    max-height: 5.4rem;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0;
    width: 100%
}

.feed .card.card-cqw .card-cqw-author-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 .5rem
}

.feed .card.card-cqw .card-cqw-author-info .author-image {
    margin-right: .5rem
}

.feed .card.card-cqw .card-cqw-author-info .author-name {
    align-self: center;
    color: #545454;
    font-size: .85rem;
    text-transform: none
}

.feed .card.card-cqw .card-cqw-metadata {
    align-items: center;
    color: #545454;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: .85rem;
    justify-content: flex-start;
    overflow: hidden;
    padding-bottom: 0;
    text-transform: capitalize;
    width: 100%
}

.feed .card.card-cqw .card-cqw-metadata .cqw-show-name {
    margin-top: .5rem
}

.feed .card.card-cqw .card-cqw-metadata .cqw-metadata-separator {
    display: inline;
    margin: .5rem 5px 0
}

.feed .card.card-cqw .card-cqw-metadata .metadata {
    margin: 0
}

.feed .card.card-cqw .card-cqw-metadata .metadata .metadataText {
    margin-top: 0
}

.feed .card.card-cqw.placeholder .card-cqw-head {
    background-color: #d9d9d9
}

.feed .card.card-cqw.placeholder .card-cqw-head .card-cqw-image-top {
    aspect-ratio: 16/9
}

.feed .card.card-cqw.placeholder .card-cqw-body {
    box-sizing: border-box;
    width: 100%
}

.feed .card.card-cqw.placeholder .card-cqw-body .card-cqw-headline,
.feed .card.card-cqw.placeholder .card-cqw-body .card-cqw-headline:after {
    height: 21px;
    width: 100%
}

.feed .card.card-cqw.placeholder .card-cqw-body .card-description,
.feed .card.card-cqw.placeholder .card-cqw-body .card-description:after {
    height: 21px;
    width: 85%
}

.feed .card.card-cqw.placeholder .card-cqw-body .card-cqw-headline,
.feed .card.card-cqw.placeholder .card-cqw-body .card-description {
    background-color: #d9d9d9;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative
}

.feed .card.card-cqw.placeholder .card-cqw-body .card-cqw-headline:after,
.feed .card.card-cqw.placeholder .card-cqw-body .card-description:after {
    animation: slide 1s infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .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%)
    }
}

.feed .card.card-cqw.placeholder:not(.condensed_square_thumb) .card-cqw-head {
    width: 100%
}

.feed .card.card-cqw.placeholder.condensed_square_thumb .card-cqw-head .card-cqw-image-top {
    aspect-ratio: 1/1;
    width: 100px
}

.feed .card.card-cqw.placeholder.condensed_square_thumb .card-cqw-body,
.feed .card.card-cqw.placeholder.condensed_square_thumb .card-cqw-main {
    margin-right: 116px
}

.feed .card.card-cqw.placeholder.listing_horizontal {
    min-height: 300px
}

.feed .card.card-cqw.placeholder.horizontal .card-cqw-head .card-cqw-image-top {
    width: 178px
}

.feed [class*=" col4-"] .card.card-cqw .card-cqw-image-top .cardImageWrap .image .placeholder {
    min-height: 170px
}

.feed [class*=" col5-"] .card.card-cqw .card-cqw-image-top .cardImageWrap .image .placeholder {
    min-height: 130px
}

.feed .open .icon .chevronIcon:not(.horizontal) {
    transform: rotate(180deg)
}

.feed .newsTheme .globalHeader {
    border-bottom: none
}

.feed .newsTheme .globalHeader .headerSearchBar,
.feed .newsTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .newsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .newsTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .newsTheme .globalHeader .searchInput {
    height: 24px
}

.feed .newsTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .newsTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .newsTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .newsTheme .globalHeader.open {
    background: rgba(230, 5, 5, .8)
}

.feed .newsTheme .globalHeader .landingNav {
    background-color: #e60505
}

.feed .newsTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .newsTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff;
    font-weight: 700
}

.feed .newsTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #e60505
}

.feed .newsTheme .globalHeader .landingNav .subNavList .gemSectionLink .navLink {
    color: #fff;
    font-weight: 400
}

.feed .newsTheme .globalHeader .landingNav .subNavList a.subNavLink:focus,
.feed .newsTheme .globalHeader .landingNav .subNavList button.moreButton:focus {
    outline-color: #fff
}

.feed .newsTheme .globalHeader .landingNav .subNavList.regionalNav .navLink.selected {
    background-color: #fff;
    color: #e60505
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #e60505
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #e60505
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000;
    font-weight: 400
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #e60505;
    color: #fff
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000;
    font-weight: 400
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #e60505;
    color: #fff
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #e60505;
    border: none
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #e60505;
    background: #fff;
    border: none
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #e60505;
    border-bottom-color: #fff;
    color: #000
}

.feed .newsTheme .card:focus,
.feed .newsTheme .card:hover {
    box-shadow: 0 0 0 3px #e60505
}

.feed .newsTheme .card .callToAction,
.feed .newsTheme .card .headline {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300
}

.feed .newsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #e60505
}

.feed .newsTheme .card.cardDiscovery .contentWrapper .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

.feed .newsTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .newsTheme .card.cardFeatured.hasVideo .videoContainer {
    width: 100%
}

.feed .newsTheme .card.cardFeatured .imageMedia {
    align-self: flex-start
}

.feed .newsTheme .contentAreaWrap .sidebar .headingText {
    border-bottom-color: #e60505
}

.feed .newsTheme .contentList button.loadMore {
    border-color: #e60505;
    color: #e60505
}

.feed .newsTheme .contentList button.loadMore:hover {
    background-color: #e60505;
    color: #fff
}

.feed .newsTheme .contentList button.loadMore:focus {
    color: #e60505
}

.feed .newsTheme .contentList button.loadMore .chevronIcon {
    fill: #e60505
}

.feed .newsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .newsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .newsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #e60505
}

.feed .newsTheme .contentList button.loadMore.loading {
    background-color: #e60505
}

.feed .newsTheme .contentList button.loadMore.loading .loader {
    border-color: #e60505 transparent #e60505 #e60505
}

.feed .newsTheme .contentList button.loadMore.loading:focus .loader,
.feed .newsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .newsTheme .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
.feed .newsTheme .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
.feed .newsTheme .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
    display: flex
}

.feed .newsTheme .regionInfo .contentList .contentListCards .card,
.feed .newsTheme .regionInfo .contentList .contentListCards .card .card-content,
.feed .newsTheme .regionInfo .regionsListWrapper.standAlone {
    background-color: #fff
}

.feed .newsTheme .regionInfo .contentList .contentListCards .card .card-content:after {
    border-bottom-color: #fff
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-family: Stag Medium, trebuchet;
    font-weight: 300
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionHeading {
    background: #e60505
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionButton {
    font-family: Stag Medium, trebuchet;
    font-weight: 300
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
    background: #fff;
    color: #e60505
}

.feed .newsTheme .detail .detailHeadline {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300
}

.feed .newsTheme .story .pullquote .pullquote-quotation {
    font-family: Stag Web, Trebuchet;
    font-weight: 600
}

.feed .newsTheme .pageIntro {
    background-color: #fff;
    color: #000;
    min-height: auto;
    padding-bottom: 0
}

.feed .newsTheme .pageIntro.hasListenLive {
    min-height: 2rem
}

.feed .newsTheme .pageIntro.show-the-national .responsiveNav.allHidden .moreItemsList {
    right: unset
}

.feed .newsTheme .pageIntro.section-news-editorsblog {
    border: 1px solid #cbcbcb
}

.feed .newsTheme .imageLinkWidget:active,
.feed .newsTheme .imageLinkWidget:focus,
.feed .newsTheme .imageLinkWidget:hover {
    box-shadow: 0 0 0 3px #e60505
}

.feed .newsTheme .trendingList-news .headingText {
    border: none;
    font-family: Stag Medium, Trebuchet;
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: .35px;
    line-height: normal;
    text-transform: none
}

@media(max-width:849px) {
    .feed .newsTheme .trendingList-news .headingText {
        font-size: 1.1875rem
    }
}

.feed .newsTheme .news-local .headingText a {
    font-size: .9em
}

.feed .newsTheme .icon .logoIcon.detailGem {
    fill: #fff
}

.feed .newsTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit
}

.feed .newsTheme.click-wp .cardContentPackage .primaryHeadline {
    margin-left: 1rem;
    margin-right: 1rem;
    order: 2
}

.feed .newsTheme.click-wp .cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: .5rem;
    margin-top: .6rem;
    text-align: left
}

.feed .newsTheme.click-wp .cardContentPackage .desktopHeadline {
    display: none
}

.feed .newsTheme.click-wp .cardContentPackage .secondaryContent .card.relatedCard,
.feed .newsTheme.click-wp .cardContentPackage .supportingContent .card.relatedCard {
    margin-left: 0;
    margin-right: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentPackageSeparator {
    margin-left: 1em;
    margin-right: 1em
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent {
    padding-bottom: 0
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .supportingContent {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem;
    order: 3
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .supportingContent .deck {
    font-size: 1rem
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .supportingContent .labelMetaData {
    padding-bottom: 0
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .mobileHeadline {
    display: block
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .primaryImage {
    margin-top: 0;
    order: 1;
    padding-bottom: .6rem
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    margin-right: 0
}

.feed .newsTheme.click-wp .cardContentPackage .secondaryContent {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .newsTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-direction: column;
    flex-wrap: wrap
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn {
    flex-grow: 1;
    margin-left: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
    margin-left: 1rem
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card {
    flex: 1 1 180px
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    width: 192px
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
    padding-bottom: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
    padding-top: 1.2rem
}

.feed .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
}

.feed .newsTheme button.loadMore {
    border-color: #e60505;
    color: #e60505
}

.feed .newsTheme button.loadMore:hover {
    background-color: #e60505;
    color: #fff
}

.feed .newsTheme button.loadMore:focus {
    color: #e60505
}

.feed .newsTheme button.loadMore .chevronIcon {
    fill: #e60505
}

.feed .newsTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .newsTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .newsTheme button.loadMore:hover:focus .chevronIcon {
    fill: #e60505
}

.feed .newsTheme button.loadMore.loading {
    background-color: #e60505
}

.feed .newsTheme button.loadMore.loading .loader {
    border-color: #e60505 transparent #e60505 #e60505
}

.feed .newsTheme button.loadMore.loading:focus .loader,
.feed .newsTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .artsTheme .card:focus,
.feed .artsTheme .card:hover {
    box-shadow: 0 0 0 3px #801f73
}

.feed .artsTheme .card .contentWrapper {
    width: 100%
}

.feed .artsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #801f73
}

.feed .artsTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .artsTheme .contentAreaWrap .headingText {
    border-bottom-color: #801f73
}

.feed .artsTheme .contentList button.loadMore {
    border-color: #801f73;
    color: #801f73
}

.feed .artsTheme .contentList button.loadMore:hover {
    background-color: #801f73;
    color: #fff
}

.feed .artsTheme .contentList button.loadMore:focus {
    color: #801f73
}

.feed .artsTheme .contentList button.loadMore .chevronIcon {
    fill: #801f73
}

.feed .artsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .artsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .artsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #801f73
}

.feed .artsTheme .contentList button.loadMore.loading {
    background-color: #801f73
}

.feed .artsTheme .contentList button.loadMore.loading .loader {
    border-color: #801f73 transparent #801f73 #801f73
}

.feed .artsTheme .contentList button.loadMore.loading:focus .loader,
.feed .artsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .artsTheme .globalHeader {
    border-bottom: none
}

.feed .artsTheme .globalHeader .headerSearchBar,
.feed .artsTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .artsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .artsTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .artsTheme .globalHeader .searchInput {
    height: 24px
}

.feed .artsTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .artsTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .artsTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .artsTheme .globalHeader.open {
    background: rgba(128, 31, 115, .8)
}

.feed .artsTheme .globalHeader .landingNav {
    background-color: #fff
}

.feed .artsTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .artsTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .artsTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .artsTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #801f73;
    color: #fff
}

.feed .artsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border-bottom-color: #fff;
    border-right: 1px solid #801f73
}

.feed .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #801f73
}

.feed .artsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #801f73
}

.feed .artsTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000
}

.feed .artsTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #801f73;
    color: #fff
}

.feed .artsTheme .pageIntro {
    background-color: #fff;
    color: #000;
    margin-top: -1.05rem;
    min-height: auto;
    padding-bottom: 0
}

.feed .artsTheme button.loadMore {
    border-color: #801f73;
    color: #801f73
}

.feed .artsTheme button.loadMore:hover {
    background-color: #801f73;
    color: #fff
}

.feed .artsTheme button.loadMore:focus {
    color: #801f73
}

.feed .artsTheme button.loadMore .chevronIcon {
    fill: #801f73
}

.feed .artsTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .artsTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .artsTheme button.loadMore:hover:focus .chevronIcon {
    fill: #801f73
}

.feed .artsTheme button.loadMore.loading {
    background-color: #801f73
}

.feed .artsTheme button.loadMore.loading .loader {
    border-color: #801f73 transparent #801f73 #801f73
}

.feed .artsTheme button.loadMore.loading:focus .loader,
.feed .artsTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .sportsTheme .card:focus,
.feed .sportsTheme .card:hover {
    box-shadow: 0 0 0 3px #222
}

.feed .sportsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #222
}

.feed .sportsTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .sportsTheme .contentAreaWrap .headingText {
    border-bottom-color: #000
}

.feed .sportsTheme .contentList button.loadMore {
    border-color: #000;
    color: #000
}

.feed .sportsTheme .contentList button.loadMore:hover {
    background-color: #000;
    color: #fff
}

.feed .sportsTheme .contentList button.loadMore:focus {
    color: #000
}

.feed .sportsTheme .contentList button.loadMore .chevronIcon {
    fill: #000
}

.feed .sportsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .sportsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .sportsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #000
}

.feed .sportsTheme .contentList button.loadMore.loading {
    background-color: #000
}

.feed .sportsTheme .contentList button.loadMore.loading .loader {
    border-color: #000 transparent #000 #000
}

.feed .sportsTheme .contentList button.loadMore.loading:focus .loader,
.feed .sportsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .sportsTheme .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories,
.feed .sportsTheme .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories,
.feed .sportsTheme .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
    display: flex
}

.feed .sportsTheme .globalHeader {
    border-bottom: none
}

.feed .sportsTheme .globalHeader .headerSearchBar,
.feed .sportsTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .sportsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .sportsTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .sportsTheme .globalHeader .searchInput {
    height: 24px
}

.feed .sportsTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .sportsTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .sportsTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .sportsTheme .globalHeader.open {
    background: rgba(34, 34, 34, .8)
}

.feed .sportsTheme .globalHeader .tertiaryNav {
    background: #545454
}

.feed .sportsTheme .globalHeader .tertiaryNav .subNavListItem .moreItemsNav:not(.open) .moreButton,
.feed .sportsTheme .globalHeader .tertiaryNav .subNavListItem .subNavLink {
    color: #fff
}

.feed .sportsTheme .pageIntro {
    min-height: auto;
    padding-bottom: 0
}

.feed .sportsTheme .pageIntro.show-road-to-the-olympics-home-team {
    min-height: 5em
}

.feed .sportsTheme .videowrapper-paralympics .pageIntro.introNav-sports-video .responsiveNav.introNav {
    background-color: #0d73b1
}

.feed .sportsTheme .verticalCardList.cardList .contentListItem .card:hover {
    box-shadow: 0 0 0 3px #fff
}

.feed .sportsTheme button.loadMore {
    border-color: #000;
    color: #000
}

.feed .sportsTheme button.loadMore:hover {
    background-color: #000;
    color: #fff
}

.feed .sportsTheme button.loadMore:focus {
    color: #000
}

.feed .sportsTheme button.loadMore .chevronIcon {
    fill: #000
}

.feed .sportsTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .sportsTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .sportsTheme button.loadMore:hover:focus .chevronIcon {
    fill: #000
}

.feed .sportsTheme button.loadMore.loading {
    background-color: #000
}

.feed .sportsTheme button.loadMore.loading .loader {
    border-color: #000 transparent #000 #000
}

.feed .sportsTheme button.loadMore.loading:focus .loader,
.feed .sportsTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .sportsTheme .icon .logoIcon.detailGem {
    fill: #fff
}

.feed .sportsTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryHeadline {
    margin-left: 1rem;
    margin-right: 1rem;
    order: 2
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: .5rem;
    margin-top: .6rem;
    text-align: left
}

.feed .sportsTheme.click-wp .cardContentPackage .desktopHeadline {
    display: none
}

.feed .sportsTheme.click-wp .cardContentPackage .secondaryContent .card.relatedCard,
.feed .sportsTheme.click-wp .cardContentPackage .supportingContent .card.relatedCard {
    margin-left: 0;
    margin-right: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentPackageSeparator {
    margin-left: 1em;
    margin-right: 1em
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent {
    padding-bottom: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .supportingContent {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem;
    order: 3
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .supportingContent .deck {
    font-size: 1rem
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .supportingContent .labelMetaData {
    padding-bottom: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .mobileHeadline {
    display: block
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .primaryImage {
    margin-top: 0;
    order: 1;
    padding-bottom: .6rem
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    margin-right: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .secondaryContent {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .sportsTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-direction: column;
    flex-wrap: wrap
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn {
    flex-grow: 1;
    margin-left: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
    margin-left: 1rem
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card {
    flex: 1 1 180px
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    width: 192px
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
    padding-bottom: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
    padding-top: 1.2rem
}

.feed .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
}

.feed .sportsTheme.olympicsSection h2.boldHeading .headingText,
.feed .sportsTheme.olympicsSection h2.boldHeading.headingText {
    background: none;
    border-bottom: 1px solid #cbcbcb;
    color: #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .09px;
    line-height: 43px;
    text-transform: none
}

@media(max-width:640px) {
    .feed .sportsTheme.olympicsSection h2.boldHeading .headingText,
    .feed .sportsTheme.olympicsSection h2.boldHeading.headingText {
        font-size: 25px
    }
}

.feed .radioTheme .globalHeader {
    border-bottom: none
}

.feed .radioTheme .globalHeader .headerSearchBar,
.feed .radioTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .radioTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .radioTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .radioTheme .globalHeader .searchInput {
    height: 24px
}

.feed .radioTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .radioTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .radioTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .radioTheme .globalHeader.open {
    background: rgba(0, 73, 143, .8)
}

.feed .radioTheme .globalHeader .landingNav {
    background-color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #fff
}

.feed .radioTheme .globalHeader .landingNav a:focus,
.feed .radioTheme .globalHeader .landingNav button:focus {
    outline-color: #fff
}

.feed .radioTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .radioTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff
}

.feed .radioTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #00498f;
    border: none
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #00498f;
    background: #fff;
    border: none
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #00498f;
    border-bottom-color: #fff;
    color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #00498f;
    color: #fff
}

.feed .radioTheme .card .metadata .authorInfo {
    display: none
}

.feed .radioTheme .card:focus,
.feed .radioTheme .card:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .radioTheme .card .contentWrapper {
    width: 100%
}

.feed .radioTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .radioTheme .contentAreaWrap .headingText {
    border-bottom-color: #00498f
}

.feed .radioTheme .contentList button.loadMore {
    border-color: #00498f;
    color: #00498f
}

.feed .radioTheme .contentList button.loadMore:hover {
    background-color: #00498f;
    color: #fff
}

.feed .radioTheme .contentList button.loadMore:focus {
    color: #00498f
}

.feed .radioTheme .contentList button.loadMore .chevronIcon {
    fill: #00498f
}

.feed .radioTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .radioTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .radioTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #00498f
}

.feed .radioTheme .contentList button.loadMore.loading {
    background-color: #00498f
}

.feed .radioTheme .contentList button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f
}

.feed .radioTheme .contentList button.loadMore.loading:focus .loader,
.feed .radioTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .radioTheme .show .listHeading {
    border-color: #00498f
}

.feed .radioTheme .show .banner.info {
    background-color: #eaeaea;
    border: 1px solid #cbcbcb;
    color: #000
}

.feed .radioTheme .show .showBannerLink {
    color: #00498f
}

.feed .radioTheme .pageIntro {
    color: #fff;
    margin-top: -1.05rem
}

.feed .radioTheme button.loadMore {
    border-color: #00498f;
    color: #00498f
}

.feed .radioTheme button.loadMore:hover {
    background-color: #00498f;
    color: #fff
}

.feed .radioTheme button.loadMore:focus {
    color: #00498f
}

.feed .radioTheme button.loadMore .chevronIcon {
    fill: #00498f
}

.feed .radioTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .radioTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .radioTheme button.loadMore:hover:focus .chevronIcon {
    fill: #00498f
}

.feed .radioTheme button.loadMore.loading {
    background-color: #00498f
}

.feed .radioTheme button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f
}

.feed .radioTheme button.loadMore.loading:focus .loader,
.feed .radioTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .radioTheme .icon .logoIcon.detailGem {
    fill: #fff
}

.feed .comedyTheme .card:focus,
.feed .comedyTheme .card:hover {
    box-shadow: 0 0 0 3px #dd8f28
}

.feed .comedyTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .comedyTheme .contentList button.loadMore {
    border-color: #dd8f28;
    color: #222
}

.feed .comedyTheme .contentList button.loadMore:hover {
    background-color: #dd8f28;
    color: #fff
}

.feed .comedyTheme .contentList button.loadMore:focus {
    color: #222
}

.feed .comedyTheme .contentList button.loadMore .chevronIcon {
    fill: #222
}

.feed .comedyTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .comedyTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .comedyTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #dd8f28
}

.feed .comedyTheme .contentList button.loadMore.loading {
    background-color: #dd8f28
}

.feed .comedyTheme .contentList button.loadMore.loading .loader {
    border-color: #dd8f28 transparent #dd8f28 #dd8f28
}

.feed .comedyTheme .contentList button.loadMore.loading:focus .loader,
.feed .comedyTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .comedyTheme .contentAreaWrap .headingText {
    border-bottom-color: #dd8f28
}

.feed .comedyTheme .globalHeader {
    border-bottom: none
}

.feed .comedyTheme .globalHeader .headerSearchBar,
.feed .comedyTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .comedyTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .comedyTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .comedyTheme .globalHeader .searchInput {
    height: 24px
}

.feed .comedyTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .comedyTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .comedyTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .comedyTheme .globalHeader.open {
    background: rgba(221, 143, 40, .8)
}

.feed .comedyTheme .globalHeader .landingNav {
    background-color: #fff
}

.feed .comedyTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .comedyTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .comedyTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .comedyTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #dd8f28;
    color: #000
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff;
    color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #222;
    color: #fff
}

.feed .comedyTheme button.loadMore {
    border-color: #dd8f28;
    color: #222
}

.feed .comedyTheme button.loadMore:hover {
    background-color: #dd8f28;
    color: #fff
}

.feed .comedyTheme button.loadMore:focus {
    color: #222
}

.feed .comedyTheme button.loadMore .chevronIcon {
    fill: #222
}

.feed .comedyTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .comedyTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .comedyTheme button.loadMore:hover:focus .chevronIcon {
    fill: #dd8f28
}

.feed .comedyTheme button.loadMore.loading {
    background-color: #dd8f28
}

.feed .comedyTheme button.loadMore.loading .loader {
    border-color: #dd8f28 transparent #dd8f28 #dd8f28
}

.feed .comedyTheme button.loadMore.loading:focus .loader,
.feed .comedyTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .comedyTheme .icon .logoIcon.detailGem {
    fill: #222
}

.feed .lifeTheme .card .metadata .authorInfo {
    display: none
}

.feed .lifeTheme .card:focus,
.feed .lifeTheme .card:hover {
    box-shadow: 0 0 0 3px #d83a4a
}

.feed .lifeTheme .card.cardNativeAd:focus,
.feed .lifeTheme .card.cardNativeAd:hover {
    box-shadow: 0 0 0 3px #8c8c8c
}

.feed .lifeTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .lifeTheme .contentList button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222
}

.feed .lifeTheme .contentList button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff
}

.feed .lifeTheme .contentList button.loadMore:focus {
    color: #d83a4a
}

.feed .lifeTheme .contentList button.loadMore .chevronIcon {
    fill: #d83a4a
}

.feed .lifeTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .lifeTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .lifeTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a
}

.feed .lifeTheme .contentList button.loadMore.loading {
    background-color: #d83a4a
}

.feed .lifeTheme .contentList button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a
}

.feed .lifeTheme .contentList button.loadMore.loading:focus .loader,
.feed .lifeTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .lifeTheme .contentAreaWrap .headingText {
    border-bottom-color: #d83a4a
}

.feed .lifeTheme .globalHeader {
    border-bottom: none
}

.feed .lifeTheme .globalHeader .headerSearchBar,
.feed .lifeTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .lifeTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .lifeTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .lifeTheme .globalHeader .searchInput {
    height: 24px
}

.feed .lifeTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .lifeTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .lifeTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .lifeTheme .globalHeader.open {
    background: rgba(216, 58, 74, .8)
}

.feed .lifeTheme .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb
}

.feed .lifeTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .lifeTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .lifeTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .lifeTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    color: #222
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #222
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #222
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected,
.feed .lifeTheme .pageIntro {
    background-color: #d83a4a;
    color: #fff
}

.feed .lifeTheme .pageIntro {
    margin-top: -1.05rem
}

.feed .lifeTheme .pageIntro.show-the-goods {
    color: #d83a4a
}

.feed .lifeTheme .pageIntro.show-the-goods .showName {
    background: url("") no-repeat 0 0;
    color: #d83a4a;
    display: block;
    height: 119px;
    text-indent: -9999px;
    width: 309px
}

.feed .lifeTheme .pageIntro.show-the-goods .imageMedia img {
    float: right;
    position: relative;
    width: 448px
}

.feed .lifeTheme .pageIntro.show-holiday {
    min-height: auto;
    padding-bottom: 0
}

.feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav {
    background-color: #f82718
}

.feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavListItem {
    padding: 0
}

.feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink {
    padding: 1rem
}

.feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink.selected,
.feed .lifeTheme .pageIntro.show-holiday .responsiveNav.introNav .subNavLink:hover {
    background-color: #fff;
    color: #000
}

.feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show {
    background-color: #fff;
    color: #000;
    min-height: auto;
    padding-bottom: 0
}

.feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show .moreItemsList {
    white-space: normal;
    width: 170px
}

.feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show .responsiveNav.allHidden .moreItemsList {
    right: -5rem
}

.feed .lifeTheme .pageIntro.show-getaway-guide {
    color: #000
}

.feed .lifeTheme .pageIntro.introNav-life-hellospring,
.feed .lifeTheme .pageIntro.show-getaway-guide {
    background-color: transparent;
    min-height: auto;
    padding-bottom: 0
}

.feed .lifeTheme button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222
}

.feed .lifeTheme button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff
}

.feed .lifeTheme button.loadMore:focus {
    color: #d83a4a
}

.feed .lifeTheme button.loadMore .chevronIcon {
    fill: #d83a4a
}

.feed .lifeTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .lifeTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .lifeTheme button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a
}

.feed .lifeTheme button.loadMore.loading {
    background-color: #d83a4a
}

.feed .lifeTheme button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a
}

.feed .lifeTheme button.loadMore.loading:focus .loader,
.feed .lifeTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .archivesTheme .globalHeader {
    border-bottom: none
}

.feed .archivesTheme .globalHeader .headerSearchBar,
.feed .archivesTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .archivesTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .archivesTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .archivesTheme .globalHeader .searchInput {
    height: 24px
}

.feed .archivesTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .archivesTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .archivesTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .archivesTheme .globalHeader.open {
    background: rgba(216, 58, 74, .8)
}

.feed .archivesTheme .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb
}

.feed .archivesTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .archivesTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .archivesTheme .globalHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .archivesTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .archivesTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    color: #222
}

.feed .archivesTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff
}

.feed .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222
}

.feed .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #222
}

.feed .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #222
}

.feed .archivesTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .archivesTheme .card .metadata .authorInfo {
    display: none
}

.feed .archivesTheme .card:focus,
.feed .archivesTheme .card:hover {
    box-shadow: 0 0 0 3px #d83a4a
}

.feed .archivesTheme .card.cardNativeAd:focus,
.feed .archivesTheme .card.cardNativeAd:hover {
    box-shadow: 0 0 0 3px #8c8c8c
}

.feed .archivesTheme .contentList button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222
}

.feed .archivesTheme .contentList button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff
}

.feed .archivesTheme .contentList button.loadMore:focus {
    color: #d83a4a
}

.feed .archivesTheme .contentList button.loadMore .chevronIcon {
    fill: #d83a4a
}

.feed .archivesTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .archivesTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .archivesTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a
}

.feed .archivesTheme .contentList button.loadMore.loading {
    background-color: #d83a4a
}

.feed .archivesTheme .contentList button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a
}

.feed .archivesTheme .contentList button.loadMore.loading:focus .loader,
.feed .archivesTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .archivesTheme .contentAreaWrap .headingText {
    border-bottom-color: #d83a4a
}

.feed .archivesTheme .pageIntro {
    background-color: #d83a4a;
    color: #fff;
    margin-top: -1.05rem
}

.feed .archivesTheme button.loadMore {
    border-color: #d83a4a;
    color: #d83a4a;
    color: #222
}

.feed .archivesTheme button.loadMore:hover {
    background-color: #d83a4a;
    color: #fff
}

.feed .archivesTheme button.loadMore:focus {
    color: #d83a4a
}

.feed .archivesTheme button.loadMore .chevronIcon {
    fill: #d83a4a
}

.feed .archivesTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .archivesTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .archivesTheme button.loadMore:hover:focus .chevronIcon {
    fill: #d83a4a
}

.feed .archivesTheme button.loadMore.loading {
    background-color: #d83a4a
}

.feed .archivesTheme button.loadMore.loading .loader {
    border-color: #d83a4a transparent #d83a4a #d83a4a
}

.feed .archivesTheme button.loadMore.loading:focus .loader,
.feed .archivesTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .homepageTheme .globalHeader.scrollDown,
.feed .homepageTheme .globalHeader.scrollUp {
    transform: none
}

.feed .homepageTheme .card {
    border: 1px solid #e0e0e0
}

.feed .homepageTheme .card .metadata .authorInfo,
.feed .homepageTheme .card .metadata .metaSeparator,
.feed .homepageTheme .card .metadata .timeStamp {
    display: none
}

.feed .homepageTheme .card .metadata .departmentItem .metaSeparator {
    display: inline
}

.feed .homepageTheme .card.cardContentPackage {
    border: none;
    flex: 1 1 auto
}

.feed .homepageTheme .featuredArea .card.cardFeatured {
    flex-basis: 100%
}

.feed .homepageTheme .featuredArea .card.cardFeatured,
.feed .homepageTheme .featuredArea .card.cardRegular {
    padding: 0
}

.feed .homepageTheme .searchBar.compact {
    padding: .7rem 0
}

.feed .homepageTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryHeadline {
    margin-left: 1rem;
    margin-right: 1rem;
    order: 2
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: .5rem;
    margin-top: .6rem;
    text-align: left
}

.feed .homepageTheme.click-wp .cardContentPackage .desktopHeadline {
    display: none
}

.feed .homepageTheme.click-wp .cardContentPackage .secondaryContent .card.relatedCard,
.feed .homepageTheme.click-wp .cardContentPackage .supportingContent .card.relatedCard {
    margin-left: 0;
    margin-right: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentPackageSeparator {
    margin-left: 1em;
    margin-right: 1em
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent {
    padding-bottom: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .supportingContent {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem;
    order: 3
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .supportingContent .deck {
    font-size: 1rem
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .supportingContent .labelMetaData {
    padding-bottom: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .mobileHeadline {
    display: block
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .primaryImage {
    margin-top: 0;
    order: 1;
    padding-bottom: .6rem
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    margin-right: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .secondaryContent {
    flex-direction: column;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .homepageTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-direction: column;
    flex-wrap: wrap
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn {
    flex-grow: 1;
    margin-left: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
    margin-left: 1rem
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card {
    flex: 1 1 180px
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    width: 192px
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
    padding-bottom: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
    padding-top: 1.2rem
}

.feed .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
}

.feed .booksTheme .card:focus,
.feed .booksTheme .card:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .booksTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .booksTheme .contentAreaWrap .headingText {
    border-bottom-color: #00498f
}

.feed .booksTheme .contentList button.loadMore {
    border-color: #00498f;
    color: #00498f
}

.feed .booksTheme .contentList button.loadMore:hover {
    background-color: #00498f;
    color: #fff
}

.feed .booksTheme .contentList button.loadMore:focus {
    color: #00498f
}

.feed .booksTheme .contentList button.loadMore .chevronIcon {
    fill: #00498f
}

.feed .booksTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .booksTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .booksTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #00498f
}

.feed .booksTheme .contentList button.loadMore.loading {
    background-color: #00498f
}

.feed .booksTheme .contentList button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f
}

.feed .booksTheme .contentList button.loadMore.loading:focus .loader,
.feed .booksTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .booksTheme .globalHeader {
    border-bottom: none
}

.feed .booksTheme .globalHeader .headerSearchBar,
.feed .booksTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .booksTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .booksTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .booksTheme .globalHeader .searchInput {
    height: 24px
}

.feed .booksTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .booksTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .booksTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .booksTheme .globalHeader.open {
    background: rgba(0, 73, 143, .8)
}

.feed .booksTheme .globalHeader .landingNav {
    background-color: #fff
}

.feed .booksTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #000
}

.feed .booksTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .booksTheme .globalHeader .landingNav .subNavList .navLink {
    color: #000
}

.feed .booksTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #000;
    color: #fff
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #000;
    color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #000;
    background: #fff;
    border: none
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #000;
    border: none
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #000;
    color: #fff
}

.feed .booksTheme .pageIntro {
    margin-top: -1.05rem
}

.feed .booksTheme .pageIntro img {
    display: block;
    position: relative;
    width: 100%
}

.feed .booksTheme .story .image.extrasmall,
.feed .booksTheme .story .image.medium,
.feed .booksTheme .story .image.small {
    clear: none
}

.feed .booksTheme button.loadMore {
    border-color: #00498f;
    color: #00498f
}

.feed .booksTheme button.loadMore:hover {
    background-color: #00498f;
    color: #fff
}

.feed .booksTheme button.loadMore:focus {
    color: #00498f
}

.feed .booksTheme button.loadMore .chevronIcon {
    fill: #00498f
}

.feed .booksTheme button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .booksTheme button.loadMore:hover:focus {
    background-color: #fff
}

.feed .booksTheme button.loadMore:hover:focus .chevronIcon {
    fill: #00498f
}

.feed .booksTheme button.loadMore.loading {
    background-color: #00498f
}

.feed .booksTheme button.loadMore.loading .loader {
    border-color: #00498f transparent #00498f #00498f
}

.feed .booksTheme button.loadMore.loading:focus .loader,
.feed .booksTheme button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .app2017Theme .card:focus,
.feed .app2017Theme .card:hover {
    box-shadow: -3px 0 0 0 #f4981e;
    opacity: .85
}

.feed .app2017Theme .card:focus .headline,
.feed .app2017Theme .card:hover .headline {
    text-decoration: underline
}

.feed .app2017Theme .contentList button.loadMore {
    border-color: #222;
    color: #222
}

.feed .app2017Theme .contentList button.loadMore:hover {
    background-color: #222;
    color: #fff
}

.feed .app2017Theme .contentList button.loadMore:focus {
    color: #222
}

.feed .app2017Theme .contentList button.loadMore .chevronIcon {
    fill: #222
}

.feed .app2017Theme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .app2017Theme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .app2017Theme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #222
}

.feed .app2017Theme .contentList button.loadMore.loading {
    background-color: #222
}

.feed .app2017Theme .contentList button.loadMore.loading .loader {
    border-color: #222 transparent #222 #222
}

.feed .app2017Theme .contentList button.loadMore.loading:focus .loader,
.feed .app2017Theme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .app2017Theme .pageIntro {
    background-color: #fff;
    color: #000;
    margin-top: -1.05rem
}

.feed .app2017Theme .pageIntro .placeholder {
    background: none
}

.feed .app2017Theme .pageIntro img {
    display: block;
    position: relative;
    width: 100%
}

.feed .app2017Theme .pageIntro.show-we-are-the-best {
    color: #fff
}

.feed .app2017Theme .pageIntro.show-we-are-the-best img {
    float: right;
    width: auto
}

.feed .app2017Theme .pageIntro.show-we-are-the-best .showName {
    background: url("") no-repeat 0 0;
    display: block;
    height: 200px;
    text-indent: -9999px;
    width: 298px
}

.feed .app2017Theme .pageIntro.show-becoming-canadian .showName,
.feed .app2017Theme .pageIntro.show-brand-canada .showName,
.feed .app2017Theme .pageIntro.show-canada-the-story-of-us .showName,
.feed .app2017Theme .pageIntro.show-true-north-calling .showName,
.feed .app2017Theme .pageIntro.show-we-are-canada .showName {
    display: none
}

.feed .app2017Theme .globalHeader {
    border-bottom: none
}

.feed .app2017Theme .globalHeader .headerSearchBar,
.feed .app2017Theme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .app2017Theme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .app2017Theme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .app2017Theme .globalHeader .searchInput {
    height: 24px
}

.feed .app2017Theme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .app2017Theme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .app2017Theme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .mycbcTheme.detail .ad-risingstar-container {
    min-height: 0
}

.feed .mycbcTheme .card:focus,
.feed .mycbcTheme .card:hover {
    box-shadow: 0 0 0 3px #1720f9
}

.feed .mycbcTheme .card .metadata .metaSeparator,
.feed .mycbcTheme .card .metadata .timeStamp {
    display: none
}

.feed .mycbcTheme .card .metadata .departmentItem .metaSeparator {
    display: inline
}

.feed .mycbcTheme .card.cardDiscovery:hover {
    box-shadow: none
}

.feed .mycbcTheme .card.cardDiscovery:focus,
.feed .mycbcTheme .card.cardDiscovery:hover {
    box-shadow: 0 0 0 3px #0550c8
}

.feed .mycbcTheme .contentList button.loadMore {
    display: none
}

.feed .mycbcTheme .globalHeader {
    border-bottom: none
}

.feed .mycbcTheme .globalHeader .headerSearchBar,
.feed .mycbcTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .mycbcTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .mycbcTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .mycbcTheme .globalHeader .searchInput {
    height: 24px
}

.feed .mycbcTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .mycbcTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .mycbcTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .mycbcTheme .globalHeader.open {
    background: rgba(23, 32, 249, .8)
}

.feed .mycbcTheme .globalHeader .landingNav {
    background: #1720f9
}

.feed .mycbcTheme .globalHeader .landingNav .gemSectionLink .navLink,
.feed .mycbcTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0550c8
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #0550c8
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #1720f9;
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:focus,
.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:hover {
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:focus,
.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:hover {
    color: #1720f9
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    border: 1px solid #fff;
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: transparent;
    border: none
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #236bff;
    background: #fff;
    border: none
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #1720f9;
    border-bottom-color: #fff;
    color: #000
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav.open .moreButton .chevronIcon {
    fill: #236bff;
    background: transparent;
    border: none
}

.feed .mycbcTheme .featuredArea .card:first-child {
    flex-basis: 100%
}

.feed .mycbcTheme .featuredArea .card.cardFeatured,
.feed .mycbcTheme .featuredArea .card.cardRegular {
    padding: 0
}

.feed .mycbcTheme .guideMenu .guideMenuLink:hover {
    background-color: #fff;
    border: 3px solid #1720f9;
    color: #000
}

.feed .mycbcTheme .guideMenu .guideMenuLink.selected {
    color: #e60505;
    cursor: auto
}

.feed .mycbcTheme .guideMenu .guideMenuLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .mycbcTheme .guideMenu .guideMenuLink.selected:hover {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none
}

.feed .mycbcTheme .verticalCardList.cardList .contentListItem .card:hover {
    box-shadow: 0 0 0 3px #1720f9
}

.feed .mycbcTheme .verticalCardList.cardList .title {
    text-transform: none
}

.feed .mycbcTheme .toggleSwitch {
    font-weight: 700;
    margin-left: 10px
}

.feed .mycbcTheme .toggleSwitch .knob {
    background: #1720f9;
    border-color: #1720f9;
    box-shadow: 0 0 3px 0 #1720f9
}

.feed .mycbcTheme .toggleSwitch input:checked+label {
    color: #1720f9
}

.feed .mycbcTheme .recommendations.sidebar {
    margin: 0
}

.feed .mycbcTheme .icon .logoIcon.detailGem {
    fill: #fff
}

.feed .televisionTheme .card .metadata .authorInfo,
.feed .televisionTheme .card .metadata .metaSeparator,
.feed .televisionTheme .card .metadata .timeStamp {
    display: none
}

.feed .televisionTheme .card .metadata .departmentItem .metaSeparator {
    display: inline
}

.feed .televisionTheme .featuredArea.cardFeatured,
.feed .televisionTheme .featuredArea.cardRegular {
    padding: 0
}

.feed .televisionTheme .searchBar.compact {
    padding: .7rem 0
}

.feed .visualstoriesTheme .globalHeader {
    border-bottom: none
}

.feed .visualstoriesTheme .globalHeader .headerSearchBar,
.feed .visualstoriesTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .visualstoriesTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .visualstoriesTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .visualstoriesTheme .globalHeader .searchInput {
    height: 24px
}

.feed .visualstoriesTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .visualstoriesTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .visualstoriesTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .visualstoriesTheme .globalHeader .landingNav .subNavList .navLink {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

.feed .musicTheme.viewportLarge .swimlane {
    margin-left: 0;
    width: auto
}

.feed .musicTheme.viewportLarge .swimlane-video {
    margin-left: 0
}

.feed .musicTheme .pageIntro.show-the-intro .responsiveNav.introNav {
    background-color: #5e31e7
}

.feed .musicTheme .globalHeader {
    border-bottom: none
}

.feed .musicTheme .globalHeader .headerSearchBar,
.feed .musicTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .musicTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .musicTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .musicTheme .globalHeader .searchInput {
    height: 24px
}

.feed .musicTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .musicTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .musicTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .musicTheme .globalHeader.open {
    background: rgba(10, 127, 157, .8)
}

.feed .musicTheme .globalHeader .landingNav {
    background-color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #fff
}

.feed .musicTheme .globalHeader .landingNav a:focus,
.feed .musicTheme .globalHeader .landingNav button:focus {
    outline-color: #fff
}

.feed .musicTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .musicTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff
}

.feed .musicTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #0a7f9d;
    border: none
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #0a7f9d;
    background: #fff;
    border: none
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #0a7f9d;
    border-bottom-color: #fff;
    color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #0a7f9d;
    color: #fff
}

.feed .musicTheme .icon .logoIcon.detailGem {
    fill: #fff
}

.feed .documentariesTheme .icon .logoIcon.detailGem {
    fill: #000
}

.feed .documentariesTheme .card .metadata .authorInfo,
.feed .documentariesTheme .card .metadata .metaSeparator,
.feed .documentariesTheme .card .metadata .timeStamp {
    display: none
}

.feed .documentariesTheme .card .metadata .departmentItem .metaSeparator {
    display: inline
}

.feed .playerTheme.appContainer .pageComponent {
    max-width: unset;
    padding-left: 0;
    padding-right: 0
}

.feed .playerTheme .globalHeader {
    border-bottom: none
}

.feed .playerTheme .globalHeader .headerSearchBar,
.feed .playerTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .playerTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: .344rem;
    padding-top: .344rem
}

.feed .playerTheme .globalHeader .searchBar.compact .autocomplete-suggestions-container {
    left: 0;
    top: 35px
}

.feed .playerTheme .globalHeader .searchInput {
    height: 24px
}

.feed .playerTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .playerTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .playerTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .subNavList {
    background: transparent
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .subNavList .navLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .moreItemsNav .moreButton {
    color: #222
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #222
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .moreItemsNav .moreNavLink {
    color: #222
}

.feed .playerTheme .globalHeader.archivesHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .playerTheme .globalHeader.artsHeader .landingNav {
    background-color: #fff
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .subNavList {
    background: transparent
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .subNavList .navLink.selected {
    background-color: #801f73;
    color: #fff
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .moreItemsNav.open .moreButton {
    border-bottom-color: #fff;
    border-right: 1px solid #801f73
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #801f73
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #801f73
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #801f73;
    color: #fff
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .gemSectionLink .navLink {
    color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .subNavList {
    background: transparent
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .subNavList .navLink {
    color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .subNavList .navLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .moreButton {
    color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav.open .moreButton {
    border: 1px solid;
    border-color: #222 #222 #fff
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav {
    background-color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .gemSectionLink .navLink {
    color: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav a:focus,
.feed .playerTheme .globalHeader.musicHeader .landingNav button:focus {
    outline-color: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .subNavList {
    background: transparent
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .subNavList .navLink {
    color: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #0a7f9d;
    border: none
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #0a7f9d;
    background: #fff;
    border: none
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #0a7f9d;
    border-bottom-color: #fff;
    color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #0a7f9d;
    color: #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav {
    background-color: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList {
    background: transparent
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList .navLink {
    color: #fff;
    font-weight: 700
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList .gemSectionLink .navLink {
    color: #fff;
    font-weight: 400
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList a.subNavLink:focus,
.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList button.moreButton:focus {
    outline-color: #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .subNavList.regionalNav .navLink.selected {
    background-color: #fff;
    color: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000;
    font-weight: 400
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #e60505;
    color: #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000;
    font-weight: 400
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #e60505;
    color: #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #e60505;
    border: none
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #e60505;
    background: #fff;
    border: none
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #e60505;
    border-bottom-color: #fff;
    color: #000
}

.feed .metaTheme .featuredArea .card:first-child {
    flex-basis: 100%
}

.feed .metaTheme nav.sclt-landingnav.landingNav {
    display: none
}

@media print {
    .feed .appContainer .ad,
    .feed .appContainer .ad-bigbox,
    .feed .appContainer .ad-risingstar,
    .feed .appContainer .advertisement,
    .feed .appContainer .author-image,
    .feed .appContainer .authorprofile,
    .feed .appContainer .bigbox,
    .feed .appContainer .comments,
    .feed .appContainer .contentFeedback,
    .feed .appContainer .detailTrending,
    .feed .appContainer .followUs,
    .feed .appContainer .globalFooter .extendedFooter,
    .feed .appContainer .globalHeader .landingNav,
    .feed .appContainer .globalHeader .menuButton,
    .feed .appContainer .globalheader-placeholder,
    .feed .appContainer .landingNav,
    .feed .appContainer .moreStories,
    .feed .appContainer .navLink.search,
    .feed .appContainer .radioList,
    .feed .appContainer .relatedlinks,
    .feed .appContainer .risingstar,
    .feed .appContainer .viafoura,
    .feed .appContainer .youtube,
    .feed .appContainer iframe {
        display: none
    }
    .feed .appContainer .ad-risingstar {
        height: 0 !important
    }
    .feed .appContainer .globalFooter .footerList {
        flex-flow: column wrap
    }
    .feed .appContainer .globalFooter .footerList .footerColumn,
    .feed .appContainer .globalFooter .footerList .footerColumn.copyright,
    .feed .appContainer .globalFooter .footerList .footerColumn.extendedLogo,
    .feed .appContainer .globalFooter .footerList .footerColumn.radioCanada {
        flex: 1
    }
    .feed .appContainer .globalHeader,
    .feed .appContainer .globalHeader.isSticky,
    .feed .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%
}

.feed .moreStories-s0fae .contentGrid-fUk4Z {
    margin-top: .5rem
}

.feed .regionInfo-rQ0DI .moreStories-s0fae .contentGrid-fUk4Z {
    margin-top: 1rem
}

.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)
}

@media only screen and (max-width:1100px) {
    .outer-gJ8Qy .grid-S21gF.col4-apQSl,
    .outer-gJ8Qy .grid-S21gF.col5-jEafM {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:63.75rem) {
    .outer-gJ8Qy .grid-S21gF.col4-apQSl,
    .outer-gJ8Qy .grid-S21gF.col5-jEafM {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:31.25rem) {
    .outer-gJ8Qy .grid-S21gF.col4-apQSl,
    .outer-gJ8Qy .grid-S21gF.col5-jEafM {
        grid-template-columns: repeat(1, 1fr)
    }
}

.showMoreContainer-vO7Qe .showMore-kHyux {
    background-color: #fff;
    border: 2px solid;
    color: #212121;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 1rem auto;
    padding: 8px 32px;
    text-transform: uppercase
}

.showMoreContainer-vO7Qe .showMore-kHyux:focus,
.showMoreContainer-vO7Qe .showMore-kHyux:hover {
    background-color: #212121;
    color: #fff;
    cursor: pointer
}

.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: .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: .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 .5rem
}

.adPreferences-VYZC7 h1.title-reUIw {
    border: none;
    font-size: 2rem;
    line-height: 2.6875rem
}

.mycbcTheme .title-reUIw {
    text-transform: none
}

.description {
    font-size: 1rem
}

.taggedStories-dNsro .card-C16x7 .headline-sGEu_ {
    text-decoration: underline
}

.feedbackButton-ceZJf.reportIssue-MgpUW {
    border: none;
    font-weight: 400;
    padding: 0;
    text-align: left
}

.contentFeedback-hjGnu .feedbackButton-ceZJf.reportIssue-MgpUW {
    border-bottom: 1px solid #d8d8d8;
    color: #0550c8;
    font-size: .9rem;
    font-style: italic;
    text-decoration: none;
    transition: background-color .25s linear
}

.contentFeedback-hjGnu .feedbackButton-ceZJf.reportIssue-MgpUW:focus,
.contentFeedback-hjGnu .feedbackButton-ceZJf.reportIssue-MgpUW:hover {
    background-color: #d8d8d8
}

.account-menu-_upeb .feedbackButton-ceZJf.reportIssue-MgpUW {
    color: #3672ce;
    text-decoration: underline
}

.account-menu-_upeb .feedbackButton-ceZJf.reportIssue-MgpUW:focus,
.account-menu-_upeb .feedbackButton-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
    }
}

.feed .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: .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: .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: .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: .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: .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: .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: .875rem;
    font-weight: 600;
    letter-spacing: .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: .8rem;
    left: 15px;
    padding: 0 5px;
    position: absolute;
    top: -11px;
    z-index: 1000
}

.dropDown .selectedStateLabel.active {
    display: block
}

.click-wp div.fourColPlus-inogH {
    grid-template-columns: 1fr 1fr 1fr
}

.click-wp div.fourColPlus-inogH.loadMore-D1MZ7>:nth-child(3n):nth-last-child(2)~*,
.click-wp div.fourColPlus-inogH.loadMore-D1MZ7>:nth-child(3n):nth-last-child(3)~* {
    display: none
}

.header-VNwmS {
    color: #fff;
    font-size: 1rem;
    margin: .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 .5rem
}

.detail-link-label span [data-live][data-live=true] {
    background: #ffdc14;
    color: #000;
    font-size: 16px;
    padding: .1rem .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: .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 .5rem
}

.breadcrumb-flags .detail-link-label span [data-breaking][data-breaking=true] {
    color: #e60505;
    padding: 0
}

.contentFeedback-RoTQP {
    clear: both;
    margin-top: 2.5rem;
    padding: 1rem 0
}

.contentFeedback-RoTQP .feedback-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 .25s linear
}

.contentFeedback-RoTQP .feedback-zFPSt:focus,
.contentFeedback-RoTQP .feedback-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 .feedback-zFPSt,
.contentFeedback-RoTQP .reportIssue-xC8cZ {
    border: none;
    font-size: .9rem;
    font-weight: 400;
    padding: 0
}

.contentFeedback-RoTQP .feedback-zFPSt .icon .chevronIcon,
.contentFeedback-RoTQP .reportIssue-xC8cZ .icon .chevronIcon {
    fill: #0550c8;
    background: transparent;
    margin-left: .4rem
}

.contentFeedback-RoTQP .separator-NZujE {
    color: #cbcbcb;
    display: inline-block;
    margin: 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: .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: ""
}

.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: .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: .8rem;
    margin: -2rem 1rem 0 0;
    padding: .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
}

.engagement-widgets {
    align-items: center;
    display: flex;
    height: 46px
}

.engagement-widgets .share {
    margin-right: 18px;
    min-width: 206px
}

@media(max-width:749px) {
    .engagement-widgets .share {
        min-width: 160px
    }
}

.feed .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin: 0 auto;
    min-height: 48px
}

.feed .globalHeader .landingNav .landingWrapper {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px
}

.feed .globalHeader .landingNav .subNavList {
    align-items: center;
    flex-wrap: nowrap;
    height: 48px;
    margin: 0;
    position: relative;
    white-space: nowrap
}

.feed .globalHeader .landingNav .subNavList .subNavListItem {
    margin: 0;
    padding: 0 1.5rem;
    white-space: nowrap;
    width: auto
}

.feed .globalHeader .landingNav .subNavList .subNavListItem.gemWrapper {
    padding-left: 0
}

.feed .olympicsSection .globalHeader .landingNav {
    border-top: unset
}

@media(max-width:640px) {
    .landingNav .subNavList .subNavListItem {
        padding: 0 .8rem
    }
}

.feed .globalHeader.olympics-winterHeader .landingNav,
.feed .globalHeader.sportsHeader .landingNav {
    background-color: #000;
    position: relative;
    z-index: 1000
}

.feed .globalHeader.olympics-winterHeader .landingNav a.subNavLink:focus,
.feed .globalHeader.olympics-winterHeader .landingNav button.moreButton:focus,
.feed .globalHeader.sportsHeader .landingNav a.subNavLink:focus,
.feed .globalHeader.sportsHeader .landingNav button.moreButton:focus {
    outline-color: #fff
}

.feed .globalHeader.olympics-winterHeader .landingNav .gemSectionLink .navLink,
.feed .globalHeader.sportsHeader .landingNav .gemSectionLink .navLink {
    color: #fff
}

.feed .globalHeader.olympics-winterHeader .landingNav .subNavList,
.feed .globalHeader.sportsHeader .landingNav .subNavList {
    background: transparent
}

.feed .globalHeader.olympics-winterHeader .landingNav .subNavList .navLink,
.feed .globalHeader.olympics-winterHeader .landingNav .subNavList .navLink:hover,
.feed .globalHeader.sportsHeader .landingNav .subNavList .navLink,
.feed .globalHeader.sportsHeader .landingNav .subNavList .navLink:hover {
    color: #fff
}

.feed .globalHeader.olympics-winterHeader .landingNav .subNavList .navLink.selected,
.feed .globalHeader.sportsHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreNavListItem,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreNavListItem:last-child,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom-color: #000
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .navLink.moreNavLink,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink {
    color: #000
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected {
    background-color: #000;
    color: #fff
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected:focus,
.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected:hover,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected:focus,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink.selected:hover {
    color: #fff
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .navLink.moreNavLink:focus,
.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .navLink.moreNavLink:hover,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink:focus,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .navLink.moreNavLink:hover {
    color: #222
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreButton,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreButton .chevronIcon,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .globalHeader.olympics-winterHeader .landingNav .moreItemsNav.open .moreButton,
.feed .globalHeader.sportsHeader .landingNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid;
    border-color: #000 #000 #fff;
    color: #000
}

.feed .sportsTheme .externalHeader .landingNav {
    background-color: #000
}

.feed .sportsTheme .externalHeader .landingNav .subNavList {
    background: transparent
}

.feed .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: .4375rem;
    width: 15px
}

.externalProfileButtonWrapper.profileButtonWrapper .profileButtonNav .profilePic.hasNotifications:after {
    background-color: #e60505;
    border: .0625rem solid #fff;
    border-radius: .3125rem;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    height: 5px;
    left: .875rem;
    position: absolute;
    width: 5px
}

.externalProfileButtonWrapper.profileButtonWrapper .profileButtonNav .profilePic.profileInitials {
    background-color: #000;
    border-radius: .625rem;
    bottom: 2px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: .625rem;
    font-weight: 600;
    height: 20px;
    letter-spacing: -.05em;
    line-height: 1.25rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 20px
}

.externalProfileButtonWrapper.profileButtonWrapper .profileButtonNav .profilePic.profileImage {
    background-size: 100%;
    border-radius: .625rem;
    bottom: -.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: -.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: .4375rem;
    width: 15px
}

.profileButtonWrapper .profileButtonNav .profilePic.hasNotifications:after {
    background-color: #e60505;
    border: .0625rem solid #fff;
    border-radius: .3125rem;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    height: 5px;
    left: .875rem;
    position: absolute;
    width: 5px
}

.profileButtonWrapper .profileButtonNav .profilePic.profileInitials {
    background-color: #000;
    border-radius: .625rem;
    bottom: 2px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: .625rem;
    font-weight: 600;
    height: 20px;
    letter-spacing: -.05em;
    line-height: 1.25rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 20px
}

.profileButtonWrapper .profileButtonNav .profilePic.profileImage {
    background-size: 100%;
    border-radius: .625rem;
    bottom: -.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: -.125rem;
    position: relative
}

.profileButtonWrapper .profileButtonNav:hover {
    fill: #e60505;
    stroke: #e60505;
    color: #e60505
}

.feed .globalEventNav .globalEventResponsiveNav {
    background: #fff;
    border-top: 1px solid #eaeaea
}

.feed .globalEventNav .globalEventResponsiveNav-nav {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px
}

.feed .globalEventNav .globalEventResponsiveNav-nav .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    z-index: 1010
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    min-height: 48px;
    position: relative
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem {
    padding: 0;
    width: auto
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .moreItemsNav .moreButton,
.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .subNavLink {
    color: #000;
    display: block;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 13px 16px;
    text-decoration: none
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .subNavLink.firstItem {
    padding-left: 0
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .subNavLink:hover {
    text-decoration: underline
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .moreItemsNav {
    border: 1px solid transparent;
    margin-left: 8px;
    width: 67px
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .moreItemsNav:not(.open) {
    align-items: center;
    border-color: #000;
    display: flex;
    height: 2rem
}

.feed .globalEventNav .globalEventResponsiveNav-nav .subNavList .subNavListItem .moreItemsNav .moreButton {
    border: none;
    height: auto;
    transform: translateX(-10px)
}

.feed .viewportSmall .homepageHeader .globalEventNav .globalEventResponsiveNav-nav .subNavList {
    padding-left: .5rem
}

.feed .globalHeader {
    background: #fff;
    color: #fff;
    width: 100%;
    z-index: 1000
}

.feed .globalHeader .toggleMenu {
    border: none;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 100%
}

.feed .globalHeader .toggleMenu .icon {
    float: right
}

.feed .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
}

.feed .globalHeader .logo,
.feed .globalHeader .menuNavWrapper {
    align-items: center;
    display: flex;
    height: 48px;
    padding-right: 16px
}

.feed .globalHeader .logo {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
    z-index: 1
}

.feed .globalHeader .logo .icon {
    line-height: 0
}

.feed .globalHeader .logo .logoIcon {
    display: block;
    margin-left: 16px
}

.feed .globalHeader .menuClose {
    display: none
}

.feed .globalHeader .gemSectionLink {
    margin: 0;
    padding: 0 1rem;
    vertical-align: baseline;
    white-space: nowrap
}

.feed .globalHeader .gemSectionLink .icon {
    display: none
}

.feed .globalHeader .gemSectionLink .icon .logoIcon {
    margin-left: 0
}

.feed .globalHeader .gemSectionLink .icon .logoIcon.logoMyCbc {
    margin-top: 3px
}

.feed .globalHeader .gemSectionLink .navLink {
    font-family: Stag Medium, Trebuchet;
    font-size: 1.75rem;
    font-weight: 300
}

.feed .globalHeader .gemSectionLink .navLink:hover {
    text-decoration: underline
}

.feed .globalHeader .gemSectionLink .navLink .icon {
    align-items: center;
    display: flex;
    justify-content: center;
    outline: inherit
}

@media only screen and (max-width:400px) {
    .feed .globalHeader .gemSectionLink .region-british-columbia .icon svg,
    .feed .globalHeader .gemSectionLink .region-new-brunswick .icon svg,
    .feed .globalHeader .gemSectionLink .region-saskatchewan .icon svg {
        width: 190px
    }
}

.feed .globalHeader .collapsible .navSection,
.feed .globalHeader .collapsible .navSection:active,
.feed .globalHeader .collapsible .navSection:link,
.feed .globalHeader .collapsible .navSection:visited,
.feed .globalHeader .navLink,
.feed .globalHeader .navLink:active,
.feed .globalHeader .navLink:link,
.feed .globalHeader .navLink:visited {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.feed .globalHeader .collapsible .navSection:focus,
.feed .globalHeader .collapsible .navSection:hover,
.feed .globalHeader .navLink:focus,
.feed .globalHeader .navLink:hover {
    color: #e60505;
    text-decoration: underline
}

.feed .globalHeader .collapsible .navSection:focus .icon .chevronIcon,
.feed .globalHeader .collapsible .navSection:hover .icon .chevronIcon,
.feed .globalHeader .navLink:focus .icon .chevronIcon,
.feed .globalHeader .navLink:hover .icon .chevronIcon {
    fill: #e60505
}

.feed .globalHeader .sideMenu {
    align-self: center;
    display: flex;
    margin-left: auto;
    min-width: 3rem;
    text-align: center
}

.feed .globalHeader .sideMenu .navLink {
    align-self: center;
    color: #000;
    display: inline-block;
    padding: 12px 16px
}

.feed .globalHeader .sideMenu .search {
    fill: #545454;
    border: 0;
    color: #545454;
    text-decoration: none
}

.feed .globalHeader .sideMenu .search .headerSearch,
.feed .globalHeader .sideMenu .search .searchIcon {
    transform: scale(1);
    transition: transform .4s ease-out
}

.feed .globalHeader .sideMenu .search .removeIcon {
    bottom: -2px;
    position: relative
}

.feed .globalHeader .sideMenu .search .searchText {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
    margin-left: 6px;
    margin-right: 10px
}

.feed .globalHeader .sideMenu .search:hover {
    fill: #e60505;
    color: #e60505
}

@media only screen and (max-width:600px) {
    .feed .globalHeader .sideMenu .search .searchText {
        display: none
    }
}

.feed .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
}

.feed .globalHeader .menuButton .chevronIcon {
    margin-left: 5px;
    padding: 3px
}

.feed .globalHeader .menuButton .chevronIcon g {
    transform: translateY(1px)
}

.feed .globalHeader .menuButton:focus,
.feed .globalHeader .menuButton:hover {
    color: #000
}

.feed .globalHeader .menuButton:focus .chevronIcon,
.feed .globalHeader .menuButton:hover .chevronIcon {
    fill: #fff;
    background-color: #e60505
}

.feed .globalHeader .menuButton:before {
    border-left: 1px solid #e60505;
    content: "";
    height: 1.375rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.feed .globalHeader .menuButton.commonwealthButton {
    font-size: .875rem;
    font-weight: 700;
    text-transform: none
}

.feed .globalHeader .menuButton.commonwealthButton:focus,
.feed .globalHeader .menuButton.commonwealthButton:hover {
    color: #e60505;
    text-decoration: underline
}

@media only screen and (max-width:600px)and (min-width:370px) {
    .feed .globalHeader .menuNavWrapper {
        padding-left: 10px;
        padding-right: 0
    }
    .feed .globalHeader .menuNavWrapper .logo {
        padding-right: 10px
    }
    .feed .globalHeader .menuNavWrapper .menuButton {
        padding: 12px 10px
    }
    .feed .globalHeader .menuNavWrapper .menuButton .chevronIcon {
        margin-left: 2px
    }
    .feed .globalHeader .menuNavWrapper .menuButton.commonwealthButton {
        padding: 12px 10px
    }
    .feed .globalHeader .menuNavWrapper .profileButtonWrapper button,
    .feed .globalHeader .menuNavWrapper .sideMenu .navLink {
        padding-left: 14px;
        padding-right: 15px
    }
}

@media only screen and (max-width:371px) {
    .feed .globalHeader .menuButton.commonwealthButton {
        display: none
    }
}

.feed .globalHeader .navSection {
    color: #545454;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase
}

.feed .globalHeader.open {
    background: hsla(0, 0%, 92%, .8);
    height: 100%;
    left: 50%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translateX(-50%)
}

.feed .globalHeader.open .headerSearchBar,
.feed .globalHeader.open .landingNav,
.feed .globalHeader.open .profileButtonWrapper {
    display: none
}

.feed .globalHeader.open .toggleMenu {
    pointer-events: auto
}

.feed .globalHeader.open .menuNavWrapper {
    align-items: flex-start;
    display: flex;
    height: auto
}

.feed .globalHeader.open .sideMenu .navLink {
    border-color: #fff;
    display: none
}

.feed .globalHeader.open .menuButton:after {
    transform: rotate(-90deg)
}

.feed .globalHeader.open .menuClose {
    background: transparent;
    border: none;
    display: block;
    padding: 0;
    position: absolute;
    right: .5rem
}

.feed .globalHeader.open .menuClose .icon {
    display: flex
}

.feed .globalHeader.open .menuClose .icon .closeIcon {
    background: #e60505
}

.feed .globalHeader .primaryNav .menuNav .hasSubsection .subNavListItem {
    line-height: 1.2rem;
    margin: .5rem 0
}

.feed .globalHeader .navItem .navLink:focus,
.feed .globalHeader .navItem .navLink:hover {
    text-decoration: underline
}

.feed .globalHeader .navItem .navLink.selected {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 5px
}

.feed .globalHeader .navItem .navLink.selected:hover {
    text-decoration: none
}

.feed .globalHeader .subNavList {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0
}

.feed .globalHeader .subNavList:after {
    content: "";
    flex: auto;
    padding: 0 1rem;
    width: 21%
}

.feed .globalHeader .subNavList .subNavListItem {
    flex: 0 0 auto;
    list-style-type: none;
    padding: 0 1rem;
    width: 21%
}

.feed .globalHeader .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none
}

.feed .globalHeader .subNavList.collapsed {
    display: none
}

.feed .globalHeader.viewportSmall .subNavList:after,
.feed .globalHeader.viewportSmall .subNavListItem {
    width: 40%
}

.feed .globalHeader .moreItemsNav {
    text-align: right
}

.feed .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
}

.feed .globalHeader .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: .7rem
}

.feed .globalHeader .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, .15), 0 -5px 3px -10px #fff
}

.feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none
}

.feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink:focus,
.feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

.feed .globalHeader .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: .9rem;
    height: 2rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

.feed .globalHeader .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .globalHeader .moreItemsNav .moreButton:focus .chevronIcon,
.feed .globalHeader .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .globalHeader .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute
}

.feed .globalHeader .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000
}

.feed .globalHeader .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .globalHeader .responsiveNav {
    position: relative
}

.feed .globalHeader .responsiveNav .moreItemsNav {
    text-align: right
}

.feed .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
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: .7rem
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, .15), 0 -5px 3px -10px #fff
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus,
.feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: .9rem;
    height: 2rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .globalHeader .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .globalHeader .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .globalHeader .responsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute
}

.feed .globalHeader .responsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000
}

.feed .globalHeader .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .globalHeader .responsiveNav .subNavListItem {
    position: static;
    white-space: nowrap
}

.feed .globalHeader .responsiveNav .subNavListItem.hidden {
    position: absolute;
    visibility: hidden
}

.feed .globalHeader .responsiveNav .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden
}

.feed .viewportSmall .globalHeader .responsiveNav .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem
}

.feed .viewportSmall .globalHeader .responsiveNav .subNavListItem.moreNavTrigger .moreButton {
    text-decoration: none
}

.feed .globalHeader .responsiveNav .subNavListItem.moreNavTrigger.active {
    visibility: visible
}

.feed .globalHeader .responsiveNav.allHidden .subNavListItem {
    visibility: hidden
}

.feed .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
    visibility: visible
}

.feed .scrollDown .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
    padding-left: .5rem
}

.feed .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
}

.feed .globalHeader .responsiveNav .gemWrapper .gemSectionLink {
    padding: 0
}

.feed .globalHeader .responsiveNav.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0
}

.feed .globalHeader .responsiveNav.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem
}

.feed .globalHeader .responsiveNav.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none
}

.feed .globalHeader .responsiveNav.introNav .moreButton,
.feed .globalHeader .responsiveNav.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: .2rem .5rem;
    text-decoration: none
}

.feed .globalHeader .responsiveNav.introNav .moreButton.selected,
.feed .globalHeader .responsiveNav.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader .responsiveNav.introNav .moreButton:hover,
.feed .globalHeader .responsiveNav.introNav .subNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav {
    height: 100%
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList {
    height: auto;
    min-width: 10rem
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: .2rem;
    text-decoration: none
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreButton {
    height: 100%;
    padding: 1rem
}

.feed .globalHeader .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    padding: 0
}

.feed .viewportSmall .globalHeader .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    height: 100%
}

.feed .globalHeader.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav {
    text-align: right
}

.feed .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
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: .7rem
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, .15), 0 -5px 3px -10px #fff
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus,
.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: .9rem;
    height: 2rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .globalHeader .olympicsResponsiveNav .bannerSection {
    background-color: #fff
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem {
    position: static;
    white-space: nowrap
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem .subNavLink {
    font-weight: 700
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem:first-child {
    padding-left: 0
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.hidden {
    position: absolute;
    visibility: hidden
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden
}

.feed .viewportSmall .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem
}

.feed .viewportSmall .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger .moreButton {
    text-decoration: none
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger.active {
    visibility: visible
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger .moreItemsList {
    right: unset
}

.feed .globalHeader .olympicsResponsiveNav .subNavList.allHidden .subNavListItem {
    visibility: hidden
}

.feed .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
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav {
    align-items: center;
    display: flex;
    padding-left: 4rem;
    position: absolute;
    right: 0
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav>* {
    margin: 0 1.2rem
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink,
.feed .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink {
    border-radius: 8px;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    margin: 10px;
    padding: 4px 13px;
    text-decoration: none
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink:hover,
.feed .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink:hover {
    text-decoration: underline
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink:focus,
.feed .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink:focus {
    outline: 2px dashed #fff
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .watchReplaysLink {
    background: #bcdcec
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .watchLiveLink {
    background: #ffdc14
}

.feed .globalHeader.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0
}

.feed .globalHeader.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem
}

.feed .globalHeader.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none
}

.feed .globalHeader.introNav .moreButton,
.feed .globalHeader.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    padding: .2rem .5rem;
    text-decoration: none
}

.feed .globalHeader.introNav .moreButton.selected,
.feed .globalHeader.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader.introNav .moreButton:hover,
.feed .globalHeader.introNav .subNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader.introNav .moreItemsNav .moreItemsList {
    min-width: 10rem
}

.feed .globalHeader.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: .2rem;
    text-decoration: none
}

.feed .globalHeader.introNav .moreItemsNav .moreButton {
    height: auto;
    padding: 1rem
}

.feed .globalHeader.introNav .subNavListItem.moreNavTrigger {
    padding: 0
}

.feed .globalHeader.viewportSmall .olympicsResponsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px
}

.feed .globalHeader.viewportSmall .olympicsResponsiveNav {
    margin-left: -4px;
    margin-right: -4px
}

.feed .globalHeader.viewportSmall .olympicsResponsiveNav .rightAlignNav .watchLiveLink,
.feed .globalHeader.viewportSmall .olympicsResponsiveNav .rightAlignNav .watchReplaysLink {
    font-size: .8rem;
    margin: 5px;
    padding: 4px 6px
}

.feed .globalHeader .menuNav {
    position: relative
}

.feed .globalHeader .menuNav .menuList {
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.feed .globalHeader .menuNav .closeButton {
    display: none
}

.feed .globalHeader .menuNav .mainMenuItem {
    line-height: 2rem;
    padding-left: 2rem
}

.feed .globalHeader .menuNav .mainMenuItem.nav-more {
    background: #545454
}

.feed .globalHeader .menuNav .mainMenuItem.nav-more .navSection {
    display: none
}

.feed .globalHeader .menuNav .mainMenuItem.nav-more .navLink {
    color: #fff;
    outline-color: #fff
}

.feed .globalHeader .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio,
.feed .globalHeader .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv {
    font-weight: 700;
    text-transform: uppercase
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection {
    border-bottom: 1px solid #cbcbcb;
    min-height: 2rem;
    padding: .5rem .5rem .5rem 1rem
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection:last-child {
    border: none
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList {
    margin-left: -1rem
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected {
    color: #e60505;
    cursor: auto
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions {
    display: flex;
    flex-flow: row wrap
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
    margin-right: 2rem
}

.feed .globalHeader .menuNav .navLink,
.feed .globalHeader .menuNav .topics .subNavLink {
    font-weight: 700;
    text-transform: uppercase
}

.feed .globalHeader .menuNav.open {
    border-top: 1px solid #cbcbcb;
    display: flex;
    outline: none;
    width: 100%
}

.feed .globalHeader .menuNav.open .menuSidebar {
    display: block
}

.feed .globalHeader .menuNav.open .menuList {
    border-top: none;
    display: block
}

.feed .globalHeader .menuNav.open .closeButton {
    background-color: #e60505;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: .9rem;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.feed .globalHeader .menuNav.open .closeButton:focus,
.feed .globalHeader .menuNav.open .closeButton:hover {
    background-color: #fff;
    border: 1px solid #e60505;
    color: #e60505
}

.feed .globalHeader .menuNav .menuSidebar {
    background: #545454;
    display: none;
    width: 125px
}

.feed .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    background-color: #727272;
    color: #fff;
    margin: 0;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: .9rem;
    margin: .7rem .5rem;
    padding: .3rem .5rem;
    text-decoration: none;
    text-transform: uppercase
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus,
.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover {
    outline: 3px solid #fff
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
    background: #fff;
    color: #e60505;
    cursor: auto;
    font-weight: 700;
    text-decoration: none
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar,
.viewportMedium .globalHeader .menuNav .menuSidebar {
    width: auto
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton,
.feed .viewportSmall .globalHeader .menuNav .menuSidebar .menuSidebarHeading,
.viewportMedium .globalHeader .menuNav .menuSidebar .closeButton,
.viewportMedium .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    text-align: left
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton,
.viewportMedium .globalHeader .menuNav .menuSidebar .closeButton {
    display: none
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem,
.viewportMedium .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0 .5rem;
    width: 40%
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink,
.viewportMedium .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    margin: .5rem
}

.feed .globalHeader.viewportMedium .menuNav.open,
.feed .globalHeader.viewportSmall .menuNav.open {
    flex-flow: column wrap
}

.feed .globalHeader.viewportLarge .menuNav.open .menuList.subNavList,
.feed .globalHeader.viewportXLarge .menuNav.open .menuList.subNavList {
    display: block
}

.feed .globalHeader.externalHeader {
    position: static
}

.feed .globalHeader.externalHeader .externalNav {
    flex: 2 1 auto;
    margin: 0 1rem
}

.feed .globalHeader.externalHeader .externalNav .externalSubNav {
    margin: 0
}

.feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
    padding: 0 12px;
    width: auto
}

.feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem .subNavLink {
    font-size: 16px;
    text-transform: uppercase
}

@media(max-width:640px) {
    .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
        display: none
    }
    .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem:last-child {
        display: block
    }
}

.feed .globalHeader .regionalNav .gemSectionLink {
    padding-left: 0
}

.feed .globalHeader .regionalNav .gemSectionLink .navLink {
    font-size: 1.3rem
}

.feed .globalHeader .regionalNav .gemSectionLink .navLink.region-newfoundland-labrador,
.feed .globalHeader .regionalNav .gemSectionLink .navLink.region-prince-edward-island {
    font-size: .97rem
}

.feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper {
    padding-left: 1rem
}

.feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper .navLink.region-newfoundland-labrador,
.feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper .navLink.region-prince-edward-island {
    font-size: .83rem
}

.feed .globalHeader.viewportLarge .regionalNav .gemSectionLink .navLink,
.feed .globalHeader.viewportMedium .regionalNav .gemSectionLink .navLink,
.feed .globalHeader.viewportXLarge .regionalNav .gemSectionLink .navLink {
    font-size: 1.75rem
}

.feed .globalHeader .tertiaryNav {
    position: relative
}

.feed .globalHeader .tertiaryNav .tertiaryNavWrapper {
    margin: 0 auto;
    max-width: 80rem;
    padding: .5rem 0
}

.feed .globalHeader .tertiaryNav .subNavList {
    display: block;
    margin: 0;
    max-height: 100%;
    position: relative;
    white-space: nowrap
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem {
    display: inline-block;
    margin: 0;
    padding: 0 1.5rem;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem .firstItem {
    padding: .2rem .5rem;
    text-transform: uppercase
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem:nth-child(2) {
    border-left: 1px solid #8c8c8c;
    line-height: 32px
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem.moreNavTrigger {
    left: 0;
    padding-top: 0;
    right: auto
}

.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #545454;
    border: none
}

.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #545454;
    background: #fff;
    border: none
}

.feed .globalHeader .tertiaryNav .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    float: none;
    margin-left: 1rem
}

.feed .globalHeader .tertiaryNav .responsiveNav.allHidden .moreItemsNav .moreItemsList {
    left: 0;
    right: auto
}

.feed .globalHeader .regionsListWrapper {
    background-color: #fff;
    color: #000
}

.feed .globalHeader .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0
}

.feed .globalHeader .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase
}

.feed .globalHeader .regionsListWrapper .regionNameWrapper {
    display: inline-block
}

.feed .globalHeader .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: .9rem;
    padding: .5rem 1rem 0 0
}

.feed .globalHeader .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    padding: .2rem .5rem
}

.feed .globalHeader .regionsListWrapper .regionButton:hover {
    background: #545454;
    color: #fff;
    text-decoration: none
}

.feed .globalHeader .regionsListWrapper .regionButton:focus {
    outline: 3px solid #0550c8
}

.feed .globalHeader .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .globalHeader .regionsListWrapper .regionFormIntro {
    color: #545454;
    display: none;
    font-size: .9rem
}

.feed .globalHeader .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: .9rem;
    margin-right: .5rem
}

.feed .globalHeader .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem
}

.feed .globalHeader .regionsListWrapper .regionRadioButton {
    margin-right: .3rem
}

.feed .globalHeader .regionsListWrapper .regionLink {
    border: 0;
    color: #545454;
    font-weight: 400;
    text-decoration: none
}

.feed .globalHeader .regionsListWrapper .regionLink .icon {
    padding-left: 6px
}

.feed .globalHeader .regionsListWrapper .regionLink:focus,
.feed .globalHeader .regionsListWrapper .regionLink:hover {
    outline: 3px solid #0550c8
}

.feed .globalHeader .regionsListWrapper .regionLink:focus .chevronIcon,
.feed .globalHeader .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454
}

.feed .globalHeader .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: .5rem;
    width: 100%
}

.feed .globalHeader .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto
}

.feed .globalHeader .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    font-size: 2rem;
    line-height: 1rem;
    margin-right: 3px;
    vertical-align: middle
}

.feed .globalHeader .regionsListWrapper.openRegion .regionFormIntro {
    display: block
}

.feed .globalHeader .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg)
}

.feed .globalHeader .regionsListWrapper.standAlone {
    background: #f4f4f4
}

.feed .globalHeader .regionsListWrapper.standAlone .regionsListItem {
    flex: 1 1 40%;
    font-size: .85rem;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .globalHeader .regionsListWrapper.standAlone .regionNameWrapper {
    display: inline;
    font-size: 1rem;
    padding: .5rem 0
}

.feed .globalHeader .regionsListWrapper.standAlone .regionForm {
    background: #fff
}

.feed .globalHeader .regionsListWrapper.standAlone .regionFormIntro {
    padding: .5rem
}

.feed .globalHeader .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.feed .globalHeader .regionsListWrapper.standAlone .defaultRegionLabel {
    color: #545454;
    display: block;
    font-size: .8rem;
    margin: 0 .5rem .3rem 0
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: .5rem .5rem 0 0
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion,
.feed .globalHeader .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion:before,
.feed .globalHeader .regionsListWrapper.standAlone .regionButton:before {
    display: none
}

.feed .globalHeader .regionsListWrapper.standAlone .regionButton {
    border: none;
    box-shadow: inset 0 0 0 1px #545454;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .globalHeader .regionsListWrapper.standAlone .regionButton:focus,
.feed .globalHeader .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .globalHeader .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    text-transform: none
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700
}

.feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454
}

.feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem
}

.feed .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: .5rem
}

.feed .globalHeader .player-base-category-nav {
    background-color: #000;
    height: 45px
}

.feed .globalHeader .player-base-category-nav>.inner {
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 10px 16px
}

.feed .globalHeader .player-base-category-nav>.inner>.base-category-title {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.feed .globalHeader .player-base-category-nav>.inner>select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #585858;
    background-image: url("");
    background-position: right .7em top 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: .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
}

.feed .globalHeader .player-base-category-nav>.inner>select::-ms-expand {
    display: none
}

.feed .globalHeader .player-base-category-nav>.inner>select:hover {
    border-color: #888
}

.feed .globalHeader .player-base-category-nav>.inner>select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #fff;
    outline: none
}

.feed .globalHeader .player-base-category-nav>.inner>select option {
    font-weight: 400
}

.feed .globalHeader .plusNav {
    background: #1720f9
}

.feed .globalHeader .plusNav-nav {
    margin: 0 auto;
    max-width: 80rem
}

.feed .globalHeader .plusNav-nav .navWrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.feed .globalHeader .plusNav-nav .navWrapper .navLabel {
    font-size: .875rem;
    font-weight: 700
}

.feed .globalHeader .plusNav-nav .navWrapper .logo {
    flex: 0 0 0
}

.feed .globalHeader .plusNav-nav .navWrapper .logo .logoIcon {
    margin-left: 0
}

.feed .globalHeader .plusNav-nav .navWrapper .logo a {
    color: #fff;
    text-decoration: none
}

.feed .globalHeader .plusNav-nav .navWrapper .date {
    flex: auto
}

.feed .globalHeader .plusNav-nav .navWrapper .settings {
    flex: 0 0 0;
    margin-right: -.5rem;
    padding: .5rem
}

.feed .globalHeader .plusNav-nav .navWrapper .settings:hover {
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 1.25rem
}

.feed .globalHeader .plusNav-nav .navWrapper .settings .linkLabel {
    margin-left: .5rem
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a {
    align-items: center;
    color: #fff;
    display: flex;
    text-decoration: none
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a svg {
    fill: #fff
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a .settingsIcon {
    margin: 0
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a .icon {
    align-items: center;
    display: flex
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback {
    flex: 0 0 0;
    margin-right: -.5rem;
    padding: .5rem
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback:hover {
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 1.25rem
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback .linkLabel {
    margin-left: .5rem
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback .feedbackNavButton {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff;
    display: flex
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback .feedbackNavButton .icon {
    display: flex
}

.feed .globalHeader .plusNav-nav .navWrapper .navItem {
    list-style-type: none
}

.feed .viewportMedium .open .menuClose,
.feed .viewportSmall .open .menuClose {
    right: 20px;
    top: 52px
}

.feed .viewportLarge .regionsListWrapper.openRegion .regionsList,
.feed .viewportMedium .regionsListWrapper.openRegion .regionsList,
.feed .viewportXLarge .regionsListWrapper.openRegion .regionsList {
    height: 18rem
}

.feed .viewportLarge .open .menuClose,
.feed .viewportXLarge .open .menuClose {
    right: 20px;
    top: 58px
}

.feed .globalFooter {
    background-color: #fff
}

.feed .appContainer .globalFooter {
    margin-top: 48px
}

.feed .globalFooter .footerBody {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80rem
}

.feed .globalFooter .extendedFooter {
    background-color: #fff;
    color: #000;
    margin: 0 auto;
    max-width: 80rem
}

.feed .appContainer .globalFooter .extendedFooter {
    border-top: 1px solid #eaeaea
}

.feed .globalFooter .extendedFooter .footerColumn {
    align-self: baseline
}

.feed .globalFooter .basicFooter {
    background-color: #000;
    color: #fff
}

.feed .globalFooter .basicFooter .footerColumn {
    align-self: center
}

.feed .globalFooter .footerList {
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.feed .globalFooter .icon {
    margin-right: .3125rem
}

.feed .globalFooter .icon .emailIcon {
    height: .8125rem
}

.feed .globalFooter .footerColumn {
    flex: 1 1 130px;
    font-size: .85em;
    padding: 16px
}

.feed .globalFooter .footerLink {
    color: #0550c8;
    text-decoration: none
}

.feed .globalFooter .footerLink:focus,
.feed .globalFooter .footerLink:hover {
    text-decoration: underline
}

.feed .globalFooter .footerHeading {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.7em;
    margin-top: 0
}

.feed .globalFooter .footerItem {
    margin-bottom: .5rem
}

.feed .connect .globalFooter .footerItem {
    margin-bottom: .7rem
}

.feed .globalFooter .copyright,
.feed .globalFooter .extendedLogoLink,
.feed .globalFooter .radioCanada {
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none
}

.feed .globalFooter .extendedLogo {
    flex: 1 1 230px;
    font-size: 1.3rem
}

.feed .globalFooter .extendedLogo .placeholder {
    background: none
}

.feed .globalFooter .extendedLogo img {
    position: relative;
    width: 220px
}

.feed .globalFooter .copyright {
    flex: 2 0 230px
}

.feed .globalFooter .radioCanada:focus,
.feed .globalFooter .radioCanada:hover {
    text-decoration: underline
}

.feed .globalFooter.externalFooter {
    height: 610px;
    overflow: auto
}

.feed .globalFooter .cbcWatch {
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none;
    transition: background-color .25s linear
}

.feed .globalFooter .cbcWatch:focus,
.feed .globalFooter .cbcWatch:hover {
    background-color: #d8d8d8;
    text-decoration: none
}

.feed .viewportLarge .globalFooter .radioCanada {
    text-align: right
}

.feed .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
}