/* @font-face {
    font-display: swap;
    font-family: Stag Web;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    src: url(../index/Stag-Web-Light.eot);
    src: url(../index/Stag-Web-Light.eot#iefix) format("embedded-opentype"), url(../index/Stag-Web-Light.woff) format("woff"), url(../index/Stag-Web-Light.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Stag Medium;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    src: url(../index/Stag-Medium-Web.eot);
    src: url(../index/Stag-Medium-Web.eot#iefix) format("embedded-opentype"), url(../index/Stag-Medium-Web.woff) format("woff"), url(../index/Stag-Medium-Web.ttf) format("truetype")
} */

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

html {
    -webkit-font-smoothing: antialiased;
    background-color: #f4f4f4;
    color: #000;
    font-family: Radio Canada, sans-serif;
    line-height: 1.2
}

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 .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 .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;
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

.viafoura {
    --primary-font: "Radio Canada", 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("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjYuMyAxNjYuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgZmlsbD0iI0VCMjAyRiI+PHBhdGggZD0iTTgzLjEgMTEyLjljMTYuNCAwIDI5LjctMTMuMyAyOS43LTI5LjdTOTkuNSA1My41IDgzLjEgNTMuNSA1My40IDY2LjggNTMuNCA4My4yczEzLjMgMjkuNyAyOS43IDI5Ljd6TTQ4LjggMTEyLjljLTE2LjQgMC0yOS43LTEzLjMtMjkuNy0yOS43czEzLjMtMjkuNyAyOS43LTI5Ljd2NTkuNHpNMTE3LjUgMTQ1Ljd2LTI4LjJoMjguMmMwIDE1LjYtMTIuNyAyOC4yLTI4LjIgMjguMnpNNDguOCAyMC42djI4LjJIMjAuNWMuMS0xNS41IDEyLjctMjguMiAyOC4zLTI4LjJNNDguOCAxNDUuN3YtMjguMkgyMC42YzAgMTUuNiAxMi42IDI4LjIgMjguMiAyOC4yek0xNTEuOCAxMDguN1Y1Ny42YzguNyA1LjIgMTQuNSAxNC43IDE0LjUgMjUuNSAwIDEwLjktNS44IDIwLjQtMTQuNSAyNS42ek01Ny42IDE0LjVoNTEuMUMxMDMuNSA1LjggOTQgMCA4My4yIDAgNzIuMyAwIDYyLjggNS44IDU3LjYgMTQuNXpNMTA4LjMgMTUxLjhINTcuMmM1LjIgOC43IDE0LjcgMTQuNSAyNS41IDE0LjUgMTAuOSAwIDIwLjQtNS44IDI1LjYtMTQuNXpNMTEyLjkgMTE3LjVjMCAxNi40LTEzLjMgMjkuNy0yOS43IDI5LjdzLTI5LjctMTMuMy0yOS43LTI5LjdoNTkuNHpNMTE3LjUgMTEyLjljMTYuNCAwIDI5LjctMTMuMyAyOS43LTI5LjdzLTEzLjMtMjkuNy0yOS43LTI5Ljd2NTkuNHpNMTEyLjkgNDguOWMwLTE2LjQtMTMuMy0yOS43LTI5LjctMjkuN1M1My41IDMyLjUgNTMuNSA0OC45aDU5LjR6TTE0LjUgMTA4LjdWNTcuNkM1LjggNjIuOCAwIDcyLjMgMCA4My4yYzAgMTAuOCA1LjggMjAuMyAxNC41IDI1LjV6TTE0NS43IDQ4LjloLTI4LjJWMjAuN2MxNS41LS4xIDI4LjIgMTIuNiAyOC4yIDI4LjIiLz48L2c+PC9zdmc+");
    background-position-x: 5px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 3px;
    content: "CBC Staff";
    display: inline-block;
    height: 23px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    width: 80px
}

.viafoura .vf-user-meta.vf-hlist li.vf-user-title.vf-tip {
    font-weight: 700
}

#vf-svod-thirdparty li:nth-child(n+4) {
    display: none !important
}

.comments.viafoura .vf-avatar-container img.vf-avatar {
    border: 1px solid #eaeaea;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important
}

.comments.viafoura .vf-right {
    display: none
}

.comments.viafoura .vf-moderator {
    height: 21px !important;
    width: 80px !important
}

.comments.viafoura .vf-modal {
    z-index: 100002 !important
}

.comments .viafoura em.vf-comment-highlight-text {
    display: none
}

.comments .viafoura li.vf-right.vf-comment-highlight:before {
    content: "Featured";
    display: inline-block;
    font-size: .857em;
    font-weight: 600
}

.comments .viafoura p.vf-no-editors-picks>span {
    display: none
}

.comments .viafoura p.vf-no-editors-picks:before {
    content: "There are no featured comments yet";
    display: inline-block
}

.cbc-vf .viafoura .vf-moderator {
    background: #cbcbcb;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW1JREFUeNqUUrFOwlAUta8KRXCARCOLBgYHWIqUCQMzDPArOuripqP+Cgw6a+jUogxCAoNEF8WEhJhAoQ3qKSd5KJtN83ruPee9d+69VSzLWvv7xK+uNzodL5V6OzleoQQ/+3f3uxeXAMl2+9txALACAyAPdqlGMDNNgIPxeFKrB/p9YKzAyACD5QbBgFuni5SbSMh1ZjdJUaPQN86A9LVcohnRMOeHmX4uh3Dv5lYrFnrhMPA66c9a3T+hXEKJE8eBDXc4jDdMFOq2WniT1cpzOq2ejyfeUxv0PBrd1jSv26NvdTSaRyI7sZjX7SIzHXxs2U1loGdkgwKG4dr275atZAT6Ksv6OsoT8wGGe8lCKeBss1phCs6UUEjSwCwUGBoolz1Bs16KBeCEZakPj7gHmzmNoJFlT3w1p+i71HWUz9HwhmA+L6fxfnYqmGKsLc6Ws/QpI0uKGl8NAwxwnayBXmkALE0q//oHfwQYAMvn0ixVY+/NAAAAAElFTkSuQmCC);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #cbcbcb;
    display: block;
    font-size: 0;
    font-weight: 700;
    height: 16px;
    margin-top: 0;
    overflow: visible;
    padding-left: 20px;
    position: relative;
    width: 60px
}

.cbc-vf .viafoura .vf-moderator:after {
    color: #232323;
    content: "CBC Staff";
    display: block;
    font-size: 11px;
    height: 20px;
    left: 9px;
    position: absolute;
    top: 11px;
    width: 80px
}

div.vf-spam.vf-alert {
    display: none
}

.cbc-vf .viafoura .vf-user-title {
    line-height: 2em
}

.cbc-vf .viafoura .vf-comment-hightlight {
    background-color: #e21a21;
    background-image: none;
    border-color: #e21a21;
    border-radius: 0;
    color: #fff;
    filter: none
}

.cbc-vf .viafoura .vf-trusted {
    background-color: #cbcbcb;
    border-radius: 0;
    color: #232323;
    font-weight: 700;
    text-shadow: none
}

.cbc-vf .viafoura .vf-comment-container .vf-comment-actions a {
    color: #115278
}

.cbc-vf .viafoura .vf-avatar-container img,
div.viafoura .vf-avatar-container img {
    border: 1px solid #dcdcdc;
    border-radius: 50%
}

.cbc-vf .viafoura .vf-comment-container .vf-flag {
    color: #115278
}

.cbc-vf .viafoura .vf-comment-box .vf-comment-submit {
    background-color: #095287
}

.cbc-vf .viafoura .vf-comment-box .vf-upload-item a {
    background-color: #f6f6f6;
    border-right: 1px solid #d1cfcf;
    color: #115278
}

.cbc-vf .viafoura .vf-comment-box .vf-comment-controls {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #d1cfcf
}

.cbc-vf .viafoura .vf3-comments .vf-login-button {
    color: #115278;
    filter: none
}

.cbc-vf .viafoura a.vf-subscribe {
    color: #115278
}

.cbc-vf .viafoura .vf-alert {
    background-color: #232323;
    color: #000
}

#page_container .vf-counter,
.cbc-vf .cmt {
    background-image: url(../index/sprite.png);
    background-position: left -127px;
    background-repeat: no-repeat;
    color: #797979;
    display: inline-block;
    font-style: normal;
    font: 10px arial, sans-serif;
    margin: 0;
    padding-left: 18px
}

div.viafoura .vf-modal {
    z-index: 201
}

div.viafoura .vf-modal .vf-header .vf-modal-title {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABltJREFUeNp8Vm2IVGUUfr/ux8ydmb0zO/vpYrumpJVFUUL9kTIwivBPaGgISlBGZVAQIkHYhz+ioB/1I6OIUgihTyqrFSwjNqKIKKXUTTd3Xdd1Pu7MvTNz7/u+p/Pe2czCen/M3I/znvec8zznOZdyzrXWhBAAIJda6/LF67PuSkcECr5rydfqs1IxRTW5tLlZlDEG6frrCSNEU2q2ZInYWixs6+3vF+iFcM0UVx8H4fbTZ5qQoCUlGiiGQyilgFfmJLOd4/2Ce+PO3NDUCl+vsOzHBsptIo/E8lQSTce6AbDcthJQP7cTRRWYLWjc/YGFvcaLOQS6XtGRIFRwtYw7x2TCiTl8VLhjjj1q2RjLl1EwGbfRVjNrCbf/iCNNaAgL+aUB40kXO03jvMvzHx/s04Q9enrqx05rXa64uZRfbuU8YY4MdfJqpbqnMo9OXxkcWuU579WC3efORiQtcRoyLn5RfdlDvf3PLxoqC05A7j/fGLTZyyMjy7NuhoNgXDBdoNbNOaepyU+tcEOpsNxxbszaN2Z6Pmk2YtCkW430b2Fd7dqPlX1CsVbmNQjy9MDQACNMAVP4HqHCfQpL90CvPybsZkLBBMhvyjmb88UcM7VKgbnI6cZ8kTIBoDSj8xCPcX5tJosIo6EmgqWW0oDM+rm1OufhbRu0Sp1sLPnSRMmAGnaKC04nOpGudKmgz8TklFRvVwNzncTDiBJWCvSMUv1YBgpTMp4K6jOxLbllaTmtFNc2JZ0LkJujPA6RoniOR/mWYvk6194+M5uSkVzpOpsKfUO2CfPTavPjKIgB0GxHf9+QcF+cnzmZJKECF4EgoqMk7Tp9pNyvFdkTVNZm88/1D5YcrKFaO3nqSKe1u294U6noMq0op6Ax+RPt5MGZqd8SuW/xopuzHj55o1rbNXd2meAbfP/Z85WWTtidef+JwbJi8grOdw+We23GCA1MiPrhcu89pZLNAMHBXmbYLVQtzdjbewc4VdVEW9TQc2upZ63naU42lXp3lvuw2Oy+UgHrKsBa75c8SyBr0d+8lgLo3V4pxxBxkCmXDSbAEbo7fGeNl8cLBZgAYku39BaXimw7VvcW/TWez5a6GYrmoK5yXce4xBwVp2S1VyxZIEFzRq3UGwYrkFZKcrBXuQb9FhAusVfpMscdsTi+cC292GUmWRQKTY06oEtBLOxOpZCVcSoMlCrSjRR/ESvMWCPNcGE9lDY2RCnzSGONaMJHeIbNy9hEQOGXTtLRUtG057k4HmtHGy+G4anccOMPODAO8G0YUUgos4nCUGkd2rMdBdLCGL8JQ7a/GjCGJIF9tSoGSolAiSszejppvV9voRYBQQJikyH2CcaHEB5N4hMy0hwySAhMEcjeavVEJy5Y5IMgONiqs9ertc9qIcbye5y8MHe+pRLM3mgCwFPnpr9vt0jaJDY2rmleUk3ibX/MTiZQYhamjEkdqAdv1WqjjvNDu/XS3DxylidEHwijUMmqVl9H4WTcsYA3QB8Ko2kZf1pvBMrg5jI6ndD3as0nz84cjWNM5xbPPy87b1Yqu+bn2hpOSf1uo1KVGBTQVK4MSlc6zuWWjdWDtNlRK0ftDKarwYA5YiEFyOkkRsCBqJOdzpjrck1iCkYUgXzRbrQlQHdw/CXP5JmB4c3Fos0lZnk86rxTD+8vF8rCMmpLU/5jaYGl+qteq1SGbetWz88wM1GORfL2kyfboFJZ1anIANozBBQHINMWaOZzdjBsVqRKFZcaQWPcKDu6AIg1nYhaFMcEk6kXdrjdUCTBDEhKFcwMw8UZoA+GwaGwYeYDFoBSi5Lnz813zODpyqMyF+aW7K1XD4WhL5AQhsm/hs19lSAm5iVLM+eMpIQmqEhwIAwLlr4m4yJf3q1XDkctrNIK18kgb5ETWmHUHzWbO2dnUavXF0qLbT4RhjvOnJ2UMgZlxp6ZpmkgKMR6QQcNb65ynGVO5rOgiu2FXlc69uqsP2DxuSSZksl42Ay1ylHnMpstydjjtWbbJHphqv6tpxd/CKQlNHODrcvn1vX4VANq8IgQWL85UCsyYrweotxFIP/rY0L82yfiTDjOKURvvNm8qyd/W6EHKUG7IxJgImx91Wzo//9C+UeMJJ0zZlbrbkYFJm7x8jdk3MW2jdz4MKh9Hpn0/071UutPAQYAawSEiuSJqCAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    font-size: 0;
    height: 28px;
    margin-top: 5px;
    padding-left: 35px;
    padding-top: 5px;
    position: relative
}

div.viafoura .vf-modal .vf-user-signup .vf-header .vf-modal-title:after {
    color: #f0f0f0;
    content: "Sign Up";
    font-size: 16px;
    font-weight: 700;
    left: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #333;
    top: 5px;
    width: 300px
}

div.viafoura .vf-modal .vf-user-login .vf-header .vf-modal-title:after {
    color: #f0f0f0;
    content: "Log in";
    font-size: 16px;
    font-weight: 700;
    left: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #333;
    top: 5px;
    width: 300px
}

div.viafoura .vf-password-retrieval .vf-header .vf-modal-title:after {
    color: #f0f0f0;
    content: "Forgot Password?";
    font-size: 16px;
    font-weight: 700;
    left: 40px;
    position: absolute;
    text-shadow: 0 1px 0 #333;
    top: 5px;
    width: 300px
}

div.viafoura .vf-viafoura-login .vf-social-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW9JREFUeNqMUrtOAlEQvezCymoFBa1+APGJIWjoKKm10lAIiTZ+CLWY0JBoI9Yk2pPwSNBEQyiw0YZECsEH7sKCeO4eXIw0TnYnZ87M3ntmZsV4xl6SyefVNfjZlCJs62VOO3v7AEb+UhimpAxTYiHAI8syN0sH5TLAoFo1CwWrXgemV5cWJW9nF44OFSeQoFiE9wSDjrdubicp1lBQv1J5T6eJPy/ynYNkL5djCB5ZYje1QgDP6KRSUAwZY9Psl0q+bNa6u8czenzSd3fU41Zr2GggrQYC47fXUfOBir/abdXvF5Y1bDblx92ueX3lwrDEj2mh0KBWE7/sD+P2bIZ4Ndqai8UggGezUW17i4xsWvcqUOaNxzkBKAM1nYnunU8kiFGDyulMPk4yxJgGZoLJMATvzMSFl1uUZ6wso32uhjdokYizDd/5mUJq0lM06myR3rOxPknZNQpXykALh50eqBUMS1Ez3eU//8FvAQYA+5RDbFDRmBwAAAAASUVORK5CYII=)
}

div.viafoura .vf-viafoura-login {
    font-size: 0;
    position: relative
}

div.viafoura .vf-viafoura-login:after {
    color: #444;
    content: "CBC Account Holder";
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    left: 38px;
    line-height: 17px;
    position: absolute;
    top: 12px;
    width: 140px
}

div.viafoura .vf-form .vf-form-title {
    visibility: hidden
}

div.viafoura .vf-form input[type=submit] {
    background-color: #115278;
    background-image: none;
    border: 1px solid #b2b3b2;
    border-radius: 5px;
    color: #fff;
    padding: 5px
}

div.viafoura .vf-modal .vf-header {
    background: none;
    background-color: #000;
    filter: none;
    padding: 9px
}

div.viafoura .vf-header {
    background: none;
    background-color: #000;
    color: #fff;
    text-shadow: none
}

div.viafoura .vf-user-profile .vf-user-meta {
    background-color: #545454;
    text-shadow: none
}

div.viafoura .vf-avatar-options a,
div.viafoura a.vf-link,
div.viafoura a.vf-link:hover,
div.viafoura a.vf-link:visited {
    background-color: #115278;
    border-radius: 5px;
    color: #fff;
    float: right;
    padding: 5px;
    text-align: center;
    width: 40%
}

div.viafoura .vf-user-profile .vf-account-options {
    background-color: #fff;
    background-image: none
}

div.viafoura .vf-tabs li.vf-current {
    margin-top: 1px
}

div.viafoura .vf-tabs li a,
div.viafoura .vf-tabs li.vf-current a {
    color: #115278
}

div.viafoura .vf-login-options .vf-social-button.vf-current {
    background-color: #fff;
    background-image: none;
    filter: none
}

div.viafoura.info {
    display: none
}

.viafoura .vf-form label {
    cursor: default
}

.cbc-vf .viafoura .vf-rank {
    display: none
}

.cbc-vf .cmt {
    background-image: url(../index/sprite.png);
    background-position: left -129px;
    background-repeat: no-repeat;
    color: #797979;
    display: block;
    font-style: normal;
    font: 10px arial, sans-serif;
    margin: 0;
    padding-left: 18px
}

.viafoura .vf-comments-sort {
    width: auto
}

.viafoura .vf-login-options .vf-facebook-login.vf-social-button,
.viafoura .vf-login-options .vf-google-login.vf-social-button,
.viafoura .vf-login-options .vf-viafoura-login.vf-social-button {
    height: auto
}

.vf-user-content .vf-user-options .vf-form-title+label,
.vf-user-signup .vf-form-title+label {
    font-size: 0
}

.vf-user-content .vf-user-options .vf-form-title+label:after,
.vf-user-signup .vf-form-title+label:after {
    content: "Full Name";
    font-size: 13px
}

.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 {
    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-size-small {
    min-height: 50px
}

.feed .ad-risingstar.risingstar-size-medium {
    min-height: 90px
}

.feed .ad-risingstar.risingstar-size-large {
    min-height: 250px
}

.feed .ad-risingstar.risingstar-size-xlarge {
    min-height: 415px
}

.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("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat 100%;
    content: "";
    height: 15px;
    left: 100%;
    position: absolute;
    top: 0;
    transform: translate(-100%, -100%);
    width: 90px
}

.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-bigbox-sticky,
.feed .ad-in-read,
.feed .ad-load-more {
    background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") 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-bigbox-sticky,
.feed .sidebar .ad-in-read,
.feed .sidebar .ad-load-more {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 1rem
}

.feed .ad-intercept {
    background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat right 5px;
    margin: 0 auto 1rem;
    min-height: 90px;
    padding: 1.2rem 0;
    width: -moz-fit-content;
    width: fit-content
}

.feed .ad-load-more {
    min-height: 90px
}

.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 {
    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;
    left: 0;
    margin: 0 auto;
    max-height: 26px;
    max-width: 400px;
    padding: 3.5px 0;
    position: absolute;
    right: 0;
    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("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat center 5px;
        padding: 1.2rem 0;
        transition: opacity .3s ease-in-out, top .4s ease-out
    }
    .feed .ad-bigbox-double-inread,
    .feed .ad-bigbox-fixed.hide,
    .feed .ad-bigbox-single-desktop.hide,
    .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: 310px
    }
    .feed .advertisement.bigbox-double-inread.ad-interscroller,
    .feed .advertisement.in-read.ad-interscroller {
        max-width: 400px
    }
}

.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:400px) {
    .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 .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 {
    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 {
    border: none;
    margin-left: 1px;
    position: relative
}

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

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

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

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

.feed .card.cardContentPackage .secondaryContent .card.relatedCard .card-content-bottom,
.feed .card.cardContentPackage .supportingContent .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
    }
}

@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 .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.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 .livebadge {
    margin-bottom: .5rem
}

.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 .card-content .label~.livebadge {
    margin-top: .5rem
}

.feed .card.cardText .card-content .livebadge {
    margin-bottom: .5rem
}

.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 .card-content .livebadge {
    margin-top: .5rem
}

.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 .image img {
    aspect-ratio: 16/9
}

.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: Radio Canada, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1875rem;
    margin: 0
}

.feed .card.cardDiscovery .contentWrapper .livebadge,
.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: Radio Canada, 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;
    color: #fff;
    display: flex;
    flex-flow: column
}

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

.feed .carouselWrapper .carouselTop .header {
    font-size: 1rem;
    margin: .5rem
}

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

.feed .carouselWrapper .carouselNav .carouselIndicator {
    font-size: .8rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .carouselWrapper .carousel .itemContainer .itemList {
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scroll-snap-type: mandatory;
    scrollbar-width: none
}

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

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer {
    margin: 2px 8px
}

.feed .viewportSmall .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer {
    max-width: calc(50% - 16px);
    min-width: calc(50% - 16px)
}

.feed .viewportMedium .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer {
    max-width: calc(33.33% - 16px);
    min-width: calc(33.33% - 16px)
}

.feed .viewportLarge .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer {
    max-width: calc(20% - 16px);
    min-width: calc(20% - 16px)
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer.placeholder {
    max-width: 226px;
    min-width: 226px
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw {
    min-width: unset
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw .livebadge {
    margin-bottom: .5rem
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw .headline {
    font-size: .8rem;
    margin: 0;
    max-height: 5.4rem
}

@media only screen and (max-width:31.25rem) {
    .feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw .headline {
        font-size: .75rem;
        line-height: 1rem;
        max-height: 5rem
    }
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw .card-cqw-body {
    min-height: 86px;
    padding: .75rem
}

@media only screen and (max-width:31.25rem) {
    .feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw .card-cqw-body {
        padding: .5rem
    }
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw .card-cqw-body .card-cqw-bottom {
    display: none
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer .card.card-cqw:hover:not(:focus) {
    box-shadow: 0 0 0 2px #fff
}

.feed .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer:first-child {
    margin-left: 2px
}

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

.feed .oc-l-sectionContainer-olympicsDark .sectionHeading,
.feed .oc-l-sectionContainer-olympicsLight .sectionHeading {
    margin-bottom: 0
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper {
    background-color: transparent
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carouselTop,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carouselTop {
    height: 0;
    position: relative
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carouselTop .carouselNav,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carouselTop .carouselNav {
    margin-top: -4.5rem
}

@media only screen and (max-width:31.25rem) {
    .feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carouselTop .carouselNav,
    .feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carouselTop .carouselNav {
        margin-top: -4rem
    }
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carouselTop .carouselIndicator,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carouselTop .carouselIndicator {
    font-size: 1rem
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carousel .next,
.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carousel .prev,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .next,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .prev {
    margin: 0
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carousel .itemContainer,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .itemContainer {
    padding-bottom: 0
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .itemContainer .itemList>ul>.cardContainer {
    margin: 2px 8px
}

.feed .oc-l-sectionContainer-olympicsDark .carouselWrapper .carousel .itemContainer .card.card-cqw,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .itemContainer .card.card-cqw {
    border: none;
    margin-bottom: 0
}

.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper {
    color: #000
}

.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .next,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .prev {
    background: #eee
}

.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .next:hover,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .prev:hover {
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .75)
}

.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .next .chevronIcon,
.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .prev .chevronIcon {
    fill: #000
}

.feed .oc-l-sectionContainer-olympicsLight .carouselWrapper .carousel .itemContainer .itemList>ul:hover:not(:focus) {
    box-shadow: 0 0 0 2px #000
}

.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 .detailMainCol {
    flex: 0 1 45rem;
    max-width: 100%;
    min-width: 0
}

.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 .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: Radio Canada, 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 .detailDiscovery-placeholder .detailDiscovery-placeholder-headline {
    background-color: #d9d9d9;
    height: 2rem;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.feed .detail .detailDiscovery-placeholder .detailDiscovery-placeholder-headline: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);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.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 .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: Radio Canada, 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 {}

.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: 24px;
    position: relative
}

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

.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 .heading--olympicSponsorLayout {
    align-items: end
}

.feed .heading--olympicSponsorLayout .heading-sectionHeading-sponsorText {
    display: block;
    margin-bottom: 12px
}

.feed .heading--olympicSponsorLayout .heading-sectionHeading-sponsorText>span {
    display: block;
    margin-bottom: 12px;
    text-align: center
}

.feed .heading--olympicSponsorLayout .heading-sectionHeading-sponsorText .heading-sectionHeading-sponsoredImageWrap-image {
    max-height: unset;
    max-width: 181px
}

@media(max-width:600px) {
    .feed .heading--olympicSponsorLayout {
        display: block
    }
    .feed .heading--olympicSponsorLayout .heading-right {
        margin: 0
    }
    .feed .heading--olympicSponsorLayout .heading-sectionHeading-sponsorText {
        margin-bottom: 6px;
        margin-top: 12px
    }
    .feed .heading--olympicSponsorLayout .heading-sectionHeading-sponsorText>span {
        text-align: left
    }
}

.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 .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("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 55' width='25' height='12' style='fill:%23545454'%3E%3Cpath d='M119.5 145.4 3.5 27.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 105.8 228.4 3.6c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17l-116 117.8c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E");
    padding-left: 8px
}

.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("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 55' width='25' height='12' style='fill:%23222323'%3E%3Cpath d='M119.5 145.4 3.5 27.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 105.8 228.4 3.6c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17l-116 117.8c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E");
    padding-left: 8px
}

.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 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 .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 .viewportLarge .landingNews .swimlane {
    width: 100vw
}

.feed .landingPlus .landingMycbc .widgetArea {
    min-width: 200px
}

.feed .landingPlus .landingMycbc .widgetArea .widgetContainer {
    min-height: 75px
}

.feed .landingPlus .landingMycbc .widgetArea .weatherWidget {
    width: 500px
}

.feed .landingPlus .landingMycbc .widgetArea .radioBarFullWidthContainer {
    margin-left: 0;
    margin-top: 2rem;
    width: calc(100% - 66px)
}

.feed .landingPlus .landingMycbc .widgetArea .radioBarFullWidthContainer .locationDropDown {
    flex-grow: 1
}

.feed .landingPlus .landingMycbc .widgetArea .radioBarFullWidthContainer .listenLink {
    margin-top: 3px
}

.feed .landingPlus .landingMycbc .widgetArea .sidebar .nboxExplainerTitle .question-mark {
    border: 1px solid #000;
    border-radius: 100px;
    font-weight: 800;
    margin-right: 5px;
    padding: 3px 10px
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea {
    flex-basis: 36.125rem
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .noContentMessage {
    color: #545454;
    margin: 4rem;
    text-align: center
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .contentListWrapper {
    margin: 0 .5rem
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .contentList {
    display: flex;
    flex-flow: row wrap
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .contentList .card:first-child:nth-last-child(2) {
    flex-basis: 100%
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .contentList .contentListCards {
    overflow: hidden
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .contentList .contentListCards .cardListing.leftImage,
.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap .contentArea .contentList .contentListCards .cardListing.rightImage {
    flex-basis: 100%
}

.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap.viewportMedium .sidebar .moreStories .headingText,
.feed .landingPlus .landingMycbc .widgetArea .pageContentWrap.viewportSmall .sidebar .moreStories .headingText {
    font-size: 1.5em;
    line-height: 1.25em
}

.feed .landingPlus .landingMycbc.viewportMedium .landingMycbc .widgetArea .radioBarFullWidthContainer,
.feed .landingPlus .landingMycbc.viewportMedium .landingMycbc .widgetArea .weatherWidget,
.feed .landingPlus .landingMycbc.viewportMedium .landingMycbc .widgetArea .widgetContainer,
.feed .landingPlus .landingMycbc.viewportSmall .landingMycbc .widgetArea .radioBarFullWidthContainer,
.feed .landingPlus .landingMycbc.viewportSmall .landingMycbc .widgetArea .weatherWidget,
.feed .landingPlus .landingMycbc.viewportSmall .landingMycbc .widgetArea .widgetContainer {
    margin-top: 0;
    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 .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 .strong {
    font-weight: 700
}

.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;
    max-width: 100%
}

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

@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-color: #fff
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsLight .card {
    border-color: #cbcbcb
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
    background-color: #000;
    background-image: url(../index/desktop-olympics-dark-paris.png);
    background-repeat: no-repeat;
    background-size: cover
}

@media(max-width:1002px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
        background-image: url(../index/tablet-olympics-dark-paris.png)
    }
}

@media(max-width:530px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
        background-image: url(../index/mobile-olympics-dark-paris.png)
    }
}

.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 .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards a:only-child.card.cardRegular {
    border: 1px solid #cbcbcb;
    margin-bottom: .5rem;
    margin-top: .5rem
}

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

@media(max-width:420px) {
    .feed .flexibleLandingPage .myOlympics .headerButtons {
        justify-content: flex-start;
        margin-top: 8px
    }
}

.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 .feedbackNavButton {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #000;
    display: flex;
    margin-right: 20px
}

.feed .flexibleLandingPage .myOlympics .feedbackNavButton .buttonText {
    font-size: 1.125rem;
    top: unset
}

.feed .flexibleLandingPage .myOlympics .feedbackNavButton .feedbackIcon {
    position: relative;
    top: 4px
}

.feed .flexibleLandingPage .myOlympics .settingsIcon {
    margin-right: 0
}

.feed .flexibleLandingPage .myOlympics .buttonText {
    margin-left: 12px
}

.feed .flexibleLandingPage .myOlympics .feedbackNavButton .buttonText {
    position: relative
}

@media(max-width:640px) {
    .feed .flexibleLandingPage .myOlympics .closeAllSports,
    .feed .flexibleLandingPage .myOlympics .openAllSports {
        padding: 0
    }
    .feed .flexibleLandingPage .myOlympics .feedbackNavButton {
        margin-right: 8px
    }
    .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 .feedbackNavButton {
        margin-right: 8px
    }
    .feed .flexibleLandingPage .myOlympics .buttonText {
        display: none
    }
}

.feed .flexibleLandingPage .myOlympicsWidget {
    background-color: #f4f4f4;
    margin: 0 -16px;
    padding: 20px
}

.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 .feedbackNavButton {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff;
    display: flex
}

.feed .flexibleLandingPage .myOlympicsWidget .feedbackNavButton .buttonText {
    font-size: 1.125rem;
    top: unset
}

.feed .flexibleLandingPage .myOlympicsWidget .feedbackNavButton .feedbackIcon {
    position: relative;
    top: 4px
}

.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 {
    min-width: 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 .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 {
    align-items: center;
    background: url(../index/BannerGraphic.png), linear-gradient(90deg, #ffeab0 50%, #fff 0);
    background-position-x: center;
    background-repeat: no-repeat;
    border-top: 1px solid #cbcbcb;
    display: flex;
    height: 108px;
    justify-content: center;
    width: 100%
}

@media(max-width:992px) {
    .feed .summerOlympicsBrandBanner {
        background: url(../index/BannerGraphicTablet.png);
        background-color: #fff;
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: 120% 100%
    }
}

@media(max-width:550px) {
    .feed .summerOlympicsBrandBanner {
        background: url(../index/BannerGraphicMobile.png);
        background-color: #fff;
        background-position-x: left;
        background-repeat: no-repeat;
        background-size: 90% 100%;
        height: 71px
    }
}

.feed .summerOlympicsBrandBanner .summerOlympicsBannerImage {
    display: flex;
    height: 108px;
    max-width: 1307px;
    padding: 0 40px;
    width: 100%
}

.feed .summerOlympicsBrandBanner .summerOlympicsBannerImage.mobile {
    display: none
}

@media(max-width:992px) {
    .feed .summerOlympicsBrandBanner .summerOlympicsBannerImage {
        padding: 0 20px
    }
}

@media(max-width:550px) {
    .feed .summerOlympicsBrandBanner .summerOlympicsBannerImage.mobile {
        display: flex;
        height: 56px
    }
    .feed .summerOlympicsBrandBanner .summerOlympicsBannerImage.desktop {
        display: none
    }
}

.feed .summerOlympicsBrandBanner .summerOlympicsBannerImage img {
    width: 100%
}

.feed .summerOlympicsBrandBanner:hover #Combined-Shape {
    fill: #e01c24
}

.feed .bannerFocus:focus-visible .winterOlympicsBrandBannerLogo {
    outline: 2px dashed #fff;
    outline-offset: 8px
}

.feed .winterOlympicsBrandBanner {
    background: url(../index/BlueGradient.png);
    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(../index/Brick.png);
    background-position-x: 700px;
    background-repeat: no-repeat;
    background-size: auto 108px;
    display: flex;
    height: 108px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1312px;
    position: relative;
    width: 100%
}

.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 .winterOlympicsBrandBanner {
        background: url(../index/BlueGradient-mobile.png);
        background-color: #c1d9e0;
        background-position-x: 61%;
        height: 72px
    }
    .feed .winterOlympicsBrandBannerBricks {
        background: url(../index/Brick-mobile.png);
        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 .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: Radio Canada, 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 svg {
    pointer-events: none;
    transform: translateX(-100%)
}

.feed .searchBar .searchFilterContainer {
    align-items: baseline;
    display: flex;
    margin: .5rem auto auto;
    width: 97%
}

@media(max-width:987px) {
    .feed .searchBar .searchFilterContainer {
        right: 0;
        text-align: right
    }
}

.feed .searchBar .searchFilterContainer label {
    font-size: 1rem;
    margin-right: .5rem
}

.feed .searchBar select#searchFilterSelect {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: 700;
    padding-right: 1em
}

.feed .searchBar select#searchFilterSelect::-ms-expand {
    display: none
}

.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: Radio Canada, 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: Radio Canada, 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 .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 .subNavListItem .privacyPreferences {
    color: #fff;
    outline-color: #fff
}

.feed .sitemap .subNavList.collapsed {
    display: none
}

.feed .sitemap.viewportSmall .subNavList:after,
.feed .sitemap.viewportSmall .subNavListItem {
    width: 40%
}

.feed .sitemap .menuNav {
    display: none;
    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
}

@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: Radio Canada, 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;
}

.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.overflowHidden {
    overflow-x: scroll;
    scrollbar-width: none
}

.feed .pageIntro .responsiveNav.overflowHidden::-webkit-scrollbar {
    display: none
}

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

.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: Radio Canada, 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: Radio Canada, 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 .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 .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: Radio Canada;
    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 .zendeskForm form p {
    font-size: .875rem
}

.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 {
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: Radio Canada;
    line-height: 1.4;
    padding: 6px .5rem .375rem
}

.feed .zendeskForm input:focus,
.feed .zendeskForm select:focus,
.feed .zendeskForm textarea:focus,
.feed .zendeskFormSubmitted:focus {
    border-color: #8c8c8c;
    outline: 2px solid !important
}

.feed .zendeskFormSubmitted p {
    box-sizing: border-box;
    padding: .5rem 1rem;
    width: 100%
}

.feed .zendeskForm label.field {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    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 {
    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 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 div.grecaptcha-badge {
    display: none !important
}

.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 {
    position: relative
}

.feed .recommendations .disclaimer-container {
    left: 0;
    top: 0
}

.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 .videoLinkImageOverlayUpcoming {
    background-color: #ffdc14
}

.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 .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.placeholder-main-content {
    aspect-ratio: 16/9;
    background-color: #282828;
    width: 100%
}

@supports not (aspect-ratio:16/9) {
    .feed .videoDetailPage .two-columns>.play-page-main .stage.placeholder>div.placeholder-main-content {
        height: 56.25vw
    }
}

.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 .engagement-videos {
    min-height: 860px
}

.feed .videoDetailPage .two-columns>.play-page-aside .engagement-videos .heading-element-h2 {
    font-size: 1.625rem
}

.feed .videoDetailPage .two-columns>.play-page-aside .engagement-videos .engagement-videos-loading .loading-headline {
    background-color: #d9d9d9;
    height: 2rem;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.feed .videoDetailPage .two-columns>.play-page-aside .engagement-videos .engagement-videos-loading .loading-headline: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);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.feed .videoDetailPage .two-columns>.play-page-aside .engagement-videos .moreLikeThis {
    margin-bottom: 20px
}

@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;
    padding-bottom: 5px
}

.feed .video-recommendations .heading .heading-element-h2 {
    font-size: 1.625rem
}

.feed .videoLocal {
    max-width: 1280px;
    position: relative
}

.feed .videoLocal .videoLocalRegionSelector {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.feed .videoLocal .videoLocalRegionSelector .videoLocalRegionLabel {
    border: 0;
    display: block;
    flex-shrink: 0;
    font-size: 1.35rem;
    font-weight: 700;
    margin: .5rem 0;
    text-decoration: none
}

.feed .viewportSmall .videoLocal .videoLocalRegionSelector .videoLocalRegionLabel {
    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: Radio Canada, 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 .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;
    font-weight: 700;
    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 .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 .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 .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: 1px solid #cbcbcb;
    border-top: 0 solid #cbcbcb;
    box-sizing: border-box;
    height: calc(100% - 38px);
    overflow-y: scroll;
    position: relative;
    width: 100%
}

.feed .playlist>.playlist-inner ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.feed .playlist>.playlist-inner ul li.playlist-item {
    display: block;
    width: 100%
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw {
    border: none;
    border-bottom: 1px solid #cbcbcb;
    height: auto;
    margin: 0 16px;
    padding: 16px 3px;
    transition: none;
    width: calc(100% - 32px)
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
    font-size: .875rem;
    line-height: 1.1375rem;
    margin-top: 0;
    max-height: 54px
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .image .placeholder {
    min-height: 90px
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap img {
    width: 160px
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .videoLinkImageOverlay {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .videoLinkImageOverlay .videoLinkImageOverlayVideoDuration {
    align-self: center
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata {
    font-size: .8rem
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .metaSeparator {
    display: none
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .departmentItem {
    color: #000;
    margin-top: 4px;
    width: 100%
}

.feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .timeStamp {
    display: block;
    margin-top: 4px
}

@media only screen and (min-width:465px)and (max-width:915px) {
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .metaSeparator {
        display: block
    }
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .departmentItem {
        color: #545454;
        width: auto
    }
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .timeStamp {
        line-height: normal
    }
}

@media only screen and (min-width:768px)and (max-width:915px) {
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
        font-size: 1rem;
        line-height: 1.3rem;
        margin-top: 5px;
        max-height: 42px
    }
}

@media only screen and (min-width:915px)and (max-width:960px) {
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
        margin: 0
    }
}

@media only screen and (min-width:960px) {
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
        margin: 0
    }
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .metaSeparator {
        display: block
    }
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-metadata .departmentItem {
        color: #545454;
        width: auto
    }
}

@media only screen and (min-width:1280px) {
    .feed .playlist>.playlist-inner ul li.playlist-item .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
        font-size: 1rem;
        line-height: 1.3rem;
        padding-bottom: 10px
    }
}

.feed .playlist>.playlist-inner ul li.playlist-item.active,
.feed .playlist>.playlist-inner ul li.playlist-item:focus,
.feed .playlist>.playlist-inner ul li.playlist-item:focus-within,
.feed .playlist>.playlist-inner ul li.playlist-item:hover {
    background-color: #eaeaea
}

.feed .playlist>.playlist-inner ul li.playlist-item.active .card.card-cqw.horizontal.card-cqw,
.feed .playlist>.playlist-inner ul li.playlist-item:focus .card.card-cqw.horizontal.card-cqw,
.feed .playlist>.playlist-inner ul li.playlist-item:focus-within .card.card-cqw.horizontal.card-cqw,
.feed .playlist>.playlist-inner ul li.playlist-item:hover .card.card-cqw.horizontal.card-cqw {
    background-color: #eaeaea;
    box-shadow: inset 0 0 0 3px #eaeaea;
    cursor: pointer
}

.feed .playlist>.playlist-inner ul li.playlist-item.active .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline,
.feed .playlist>.playlist-inner ul li.playlist-item:focus .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline,
.feed .playlist>.playlist-inner ul li.playlist-item:focus-within .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline,
.feed .playlist>.playlist-inner ul li.playlist-item:hover .card.card-cqw.horizontal.card-cqw .card-cqw-headline .headline {
    color: #2566cc
}

.feed .playlist>.playlist-inner ul li.playlist-item:focus-within .card.card-cqw.horizontal.card-cqw {
    box-shadow: inset 0 0 0 3px #e60505
}

.feed .playlist>.playlist-inner ul li.playlist-item:focus-within .card.card-cqw.horizontal .card-cqw-headline .headline {
    text-decoration: underline
}

.feed .playlist>.playlist-inner ul li.playlist-item.active .card.card-cqw.horizontal.card-cqw .videoLinkImageOverlayPlayBtn {
    visibility: hidden
}

.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)and (max-width:915px) {
    .feed .video-playlist {
        height: auto
    }
    .feed .video-playlist .player-placeholder-ui-container,
    .feed .video-playlist .playlist {
        flex: 0 0 100%
    }
}

@media only screen and (min-width:915px) {
    .feed .video-playlist {
        height: 315px
    }
    .feed .video-playlist .player-placeholder-ui-container {
        flex: 0 0 550px
    }
    .feed .video-playlist .playlist {
        flex: 1;
        height: 100%
    }
}

@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.audio .pp-phoenix-container .phoenix-player.phoenix-video {
    background-color: #fff
}

.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: 3px solid #e60505
}

.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 .pp-phoenix-container phoenix-player .phoenix-player.phoenix-audio audio-ui .audio-ui-inner .primary-controls play-pause-stop-btn button:focus,
.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .pp-phoenix-container phoenix-player .phoenix-player.phoenix-audio audio-ui .audio-ui-inner .secondary-controls .volume-controls-container muted-btn .phx-muted-btn.audio:focus,
.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .pp-phoenix-container phoenix-player .phoenix-player.phoenix-audio audio-ui .audio-ui-inner .secondary-controls .volume-controls-container volume-slider .phx-volume-slider.audio:focus,
.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .pp-phoenix-container phoenix-player .phoenix-player.phoenix-audio:focus {
    outline: 3px solid #e60505
}

.feed .persistent-player-persist-container.audio>div.persistent-player-inner-container>.persistent-player .pp-phoenix-container phoenix-player .phoenix-player.phoenix-audio audio-ui .audio-ui-inner .thumbnail-metadata .audio-ui-thumbnail-wrapper {
    position: relative
}

.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 .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 .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 .searchInfoCardMedalTitle {
    color: #6d6d6d;
    font-size: .938rem;
    margin-bottom: 10px
}

.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.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 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;
    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:focus,
.feed .card.card-cqw:hover {
    box-shadow: none
}

.feed .card.card-cqw:focus .card-cqw-head svg.videoLinkImageOverlayPlayBtn path,
.feed .card.card-cqw:hover .card-cqw-head svg.videoLinkImageOverlayPlayBtn path {
    fill: #e60505
}

.feed .card.card-cqw:focus .card-cqw-body .card-cqw-main .card-cqw-headline .headline,
.feed .card.card-cqw:hover .card-cqw-body .card-cqw-main .card-cqw-headline .headline {
    text-decoration: underline
}

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

.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.discovery.card-cqw {
    border: none
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body {
    border-bottom: 1px solid #e0e0e0;
    padding: .8rem .5rem 0 0
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-main .label {
    margin-bottom: .5rem
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-main .label .labelText {
    color: #545454
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-main .headline {
    font-family: Radio Canada, sans-serif;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.1875rem
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-main .headline:hover {
    color: #545454
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-main:focus,
.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-main:hover {
    text-decoration: underline
}

.feed .card.card-cqw.discovery.card-cqw .card-cqw-body .card-cqw-bottom {
    margin-bottom: .5rem
}

.feed .card.card-cqw.discovery.card-cqw:hover {
    box-shadow: 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 {
    border: none;
    flex-direction: row;
    height: 100px;
    margin-bottom: 0
}

.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-head .card-cqw-image-top .cardImageWrap .videoLinkImageOverlay {
    padding: 0 10px 10px
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-head .card-cqw-image-top .cardImageWrap .videoLinkImageOverlay .videoLinkImageOverlayVideoDuration {
    align-self: end
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-body {
    padding: 0 0 0 10px
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-body .card-cqw-main {
    box-sizing: border-box
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-body .card-cqw-main .livebadge {
    margin-bottom: .5rem
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-body .card-cqw-main .card-cqw-headline .headline {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .875rem;
    margin: 0;
    overflow: hidden
}

.feed .card.card-cqw.horizontal.card-cqw .card-cqw-bottom {
    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: 6.75rem;
    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 :export {
    breakpointExtraSmall: 0;
    breakpointSmall: 576px;
    breakpointMedium: 768px;
    breakpointLarge: 964px;
    breakpointExtraLarge: 1280px
}

.feed :export {
    white: #fff;
    black: #000;
    cyan100: #eaf9fa;
    cyan200: #b2e9ec;
    cyan300: #6dd5da;
    cyan400: #35c5cc;
    cyan500: #20bfc7;
    cyan600: #1dadb4;
    cyan700: #157d82;
    cyan800: #105f63;
    cyan900: #072729;
    blue100: #e7f2f7;
    blue200: #a7cfe3;
    blue300: #58a4c9;
    blue400: #1881b5;
    blue500: #0074ad;
    blue600: #00699d;
    blue700: #004c71;
    blue800: #003a56;
    blue900: #001824;
    yellow100: #fff9e8;
    yellow200: #ffeaad;
    yellow300: #ffd764;
    yellow400: #ffc829;
    yellow500: #ffc212;
    yellow600: #e7b010;
    yellow700: #a77f0c;
    yellow800: #806109;
    yellow900: #352804;
    red100: #fde7e7;
    red200: #f9a7a7;
    red300: #f45858;
    red400: #f01818;
    red500: #e00;
    red600: #d70000;
    red700: #9c0000;
    red800: #700;
    red900: #310000;
    orange100: #fef1eb;
    orange200: #fbcdb8;
    orange300: #f7a077;
    orange400: #f37c44;
    orange500: #f26e30;
    orange600: #db642b;
    orange700: #9f481f;
    orange800: #793718;
    orange900: #32170a;
    neutral10: #fdfdfd;
    neutral20: #f9f9f9;
    neutral30: #e7e7e7;
    neutral40: #cacaca;
    neutral50: #a7a7a7;
    neutral60: gray;
    neutral70: #585858;
    neutral80: #353535;
    neutral90: #181818;
    neutral100: #060606
}

.feed :export {
    fontFamilyRadioCanada: "Radio Canada"
}

.feed .feed-content.content .liveStory.pageComponent {
    background-color: #f9f9f9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: -16px 0 0;
    max-width: none;
    padding: 0 1rem
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain {
    max-width: 616px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader {
    background-color: #121212;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 32px 16px 72px;
    position: relative;
    transform: translate(-1rem);
    width: 100vw
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain {
    max-width: 616px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryEvent {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryEvent .liveStoryEventName {
    font-family: Radio Canada;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.13rem;
    text-transform: uppercase
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryEvent .liveBadge {
    margin-right: 1rem
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryHeadline h1 {
    font-family: Radio Canada;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2.28rem;
    margin-bottom: 0;
    margin-top: 16px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryStatusUpdatedTime {
    color: #ffc212;
    display: inline-block;
    font-family: Radio Canada;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.31rem;
    margin: 8px 0;
    text-align: left
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryStatusUpdatedTime span {
    margin-right: 4px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryDeck {
    font-family: Radio Canada;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    margin: 0
}

@media(min-width:650px) {
    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader {
        transform: translate(calc(-50vw + 308px))
    }
    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain {
        margin: 0 auto;
        width: 616px
    }
}

@media(min-width:768px) {
    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryHeadline h1 {
        font-family: Radio Canada;
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 2.6rem
    }
}

@media(min-width:964px) {
    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeader .liveStoryHeaderMain .liveStoryHeadline h1 {
        font-family: Radio Canada;
        font-size: 2.25rem;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 2.93rem
    }
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryMainMedia {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: -48px;
    max-width: 616px;
    transform: translateY(-48px)
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryMainMedia .liveStoryMainMediaContainer {
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryMainMedia .liveStoryMainMediaCaption {
    color: #585858;
    font-family: Radio Canada;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.31rem;
    margin: 8px 0 0
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryLatest {
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryLatest .liveStoryLatestList {
    margin: 0;
    padding: 0
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryLatest .liveStoryLatestList .liveStoryLatestListItem {
    color: #181818;
    display: list-item;
    font-family: Radio Canada;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 1rem;
    margin-top: 8px;
    padding-left: 0
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeading h2 {
    color: #181818;
    font-family: Radio Canada;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.3rem
}

@media(min-width:964px) {
    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryHeading h2 {
        font-family: Radio Canada;
        font-size: 1.25rem;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.63rem
    }
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates {
    display: flex;
    flex-direction: column;
    margin-top: 32px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesButtonWrapper {
    align-items: center;
    animation: expandFadeIn .5s ease-in forwards;
    display: flex;
    justify-content: center;
    margin-top: 16px;
    opacity: 0;
    overflow: hidden
}

@keyframes expandFadeIn {
    0% {
        max-height: 0;
        opacity: 0
    }
    to {
        max-height: 100px;
        opacity: 1
    }
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesButtonWrapper button {
    width: 218px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesButtonWrapper .liveStoryUpdatesDivider {
    background-color: gray;
    flex: 1;
    height: 1px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesSection h3 {
    color: #181818;
    font-family: Radio Canada;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3rem
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesSection .liveStoryUpdatesList {
    margin: 0;
    padding: 0
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesSection .liveStoryUpdatesList li {
    list-style: none;
    margin-bottom: 16px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryNoUpdates {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 24px 32px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryNoUpdates p {
    color: #585858;
    font-family: Radio Canada;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-align: center
}

@media(min-width:650px) {
    .feed .feed-content.content .liveStory.pageComponent {
        padding: 0
    }
    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain {
        margin: 0 auto 24px
    }
}

.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: Radio Canada, 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: bold;
}

.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.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 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.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(../index/the-goods-logo.png) 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 .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(../index/we-are-the-best.png) 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 .card.card-cqw.discovery:focus,
.feed .mycbcTheme .card.card-cqw.discovery:hover {
    box-shadow: 0 0 0 3px #0550c8
}

.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: Radio Canada, 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,
    .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
    }
}