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 .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-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-position: 3px 3px;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #cbcbcb;
    display: block;
    font-size: 0;
    font-weight: 700;
    height: 16px;
    margin-top: 0;
    overflow: visible;
    padding-left: 20px;
    position: relative;
    width: 60px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.viafoura .vf-modal .vf-header .vf-modal-title {
    background-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 {
}

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

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

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

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

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

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

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

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

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

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

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

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

div.viafoura.info {
    display: none
}

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

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

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

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

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

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

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

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

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

.commentCount .commentCount-text-container .viafoura {
    color: #0550c8;
    font-family: inherit;
    font-size: 1rem;
    transition: background-color .25s linear
}

.commentCount .commentCount-text-container .viafoura:focus, .commentCount .commentCount-text-container .viafoura:hover {
    background-color: #d8d8d8
}

.appContainer .share .viafoura, .share .viafoura {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.appContainer .share .viafoura .vf-share-button, .share .viafoura .vf-share-button {
    padding: 0;
    top: 2px
}

.appContainer .share .viafoura .vf-share-button .vf-share-button-icon, .share .viafoura .vf-share-button .vf-share-button-icon {
    font-size: 1.5rem;
    height: 100%
}

.appContainer .share .viafoura .vf-share-show-more, .share .viafoura .vf-share-show-more {
    position: relative;
    top: -4px;
    vertical-align: middle
}

.appContainer .share .viafoura .vf-share-show-more .vf-more-icon, .share .viafoura .vf-share-show-more .vf-more-icon {
    background: #fff;
    padding: 1.05rem
}

.appContainer .share .viafoura .vf-share-show-more .vf-more-icon:before, .share .viafoura .vf-share-show-more .vf-more-icon:before {
    color: #8c8c8c;
    left: -7px;
    top: -12px
}

.appContainer .share .viafoura .vf-share-dropdown, .share .viafoura .vf-share-dropdown {
    height: auto;
    padding: 0;
    top: 42px
}

.appContainer .share .viafoura .vf-widget.vf-share-bar-horizontal, .share .viafoura .vf-widget.vf-share-bar-horizontal {
    width: 100%
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default, .share .viafoura .vf-share-bar.vf-share-bar-default {
    padding-top: 1rem;
    width: 100%
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option {
    margin: 0
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a {
    display: block;
    margin: 0 .2rem;
    top: -2px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=facebook] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=facebook] .vf-share-icon {
    top: 3px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=twitter] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=twitter] .vf-share-icon {
    left: 1px;
    top: 3px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=google-plus] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=google-plus] .vf-share-icon {
    left: 1px;
    top: 2px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=email] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=email] .vf-share-icon {
    top: 3px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=linkedin] .vf-share-icon, .appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=stumbleupon] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=linkedin] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=stumbleupon] .vf-share-icon {
    left: 1px;
    top: 1px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=pinterest] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=pinterest] .vf-share-icon {
    top: 3px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=reddit] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=reddit] .vf-share-icon {
    top: 2px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=link] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=link] .vf-share-icon {
    top: 3px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=whatsapp] .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a[data-network=whatsapp] .vf-share-icon {
    left: 1px;
    top: 1px
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a .vf-share-icon, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option a .vf-share-icon {
    font-size: 1.2rem
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option {
    float: left
}

.appContainer .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option .vf-share-meta h3, .share .viafoura .vf-share-bar.vf-share-bar-default ul li.vf-share-option .vf-share-meta h3 {
    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
    }
}

.feed .full-width-container.mid-content .wallpaper-ad-wrap, .viafoura .vf-share-bar-default #vf-skeleton-container {
    display: none
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container {
    position: relative
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.top-head {
    background-color: transparent;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .05)
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.top-head .ad-risingstar-container {
    position: relative;
    z-index: 1001
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.top-head .a11yNotification, .feed .homepageTheme:has(.ad.click-wp) .full-width-container.top-head .globalHeader {
    position: relative;
    z-index: 1
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content {
    background-color: #f9f9f9;
    overflow-x: clip;
    padding-bottom: 28px;
    position: relative
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    z-index: 2
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap {
    display: block;
    height: 100%;
    position: absolute;
    top: 12px
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap .ad {
    cursor: pointer;
    height: 1000px;
    position: sticky;
    top: 0;
    width: 407px;
    z-index: 1
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap.left {
    left: -407px
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap.left .ad {
    background-position: 0 0;
    float: left;
    padding-top: 0
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap.right {
    right: -407px
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap.right .ad {
    background-position: 100% 0;
    float: right
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .pageComponent {
    margin-top: 4px;
    padding-bottom: 44px;
    padding-top: 40px
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .globalFooter {
    position: relative;
    z-index: 1
}

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.bottom-foot {
    background-color: transparent
}

.feed .advertisement:not(.native-ad):not(.outofpage):not(.ad-interscroller):not(:has(.teads-adCall)):has(iframe) > div:first-child:before {
    color: #a7a7a7;
    content: "ADVERTISEMENT";
    font-family: Radio Canada, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    left: 50%;
    line-height: 1.13rem;
    position: absolute;
    transform: translate(-50%, -100%)
}

.feed .advertisement:not(.native-ad):not(.outofpage):not(.ad-interscroller):has(.teads-adCall):has(.teads-inread) > div:first-child:before {
    color: #a7a7a7;
    content: "ADVERTISEMENT";
    font-family: Radio Canada, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    left: 50%;
    line-height: 1.13rem;
    position: absolute;
    transform: translate(-50%, -100%)
}

.feed .ad-risingstar-container {
    background-color: #fff;
    min-height: 132px
}

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

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

.feed .ad-risingstar.risingstar-fixed {
    border: 1px solid #cacaca;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.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 .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 {
    margin: 0 auto 1rem;
    padding-top: 1.2rem
}

.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 {
    margin-bottom: 1rem
}

.feed .ad-intercept {
    margin: 0 auto;
    min-height: 90px;
    padding-top: 20px;
    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 .sectionContainer-main .ad-native-ad iframe {
    border-radius: 8px;
    box-shadow: 2px 1px 6px 3px rgba(0, 0, 0, .05)
}

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

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

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

.feed .ad-bigbox-double-inread:has(.ad-interscroller), .feed .ad-in-read:has(.ad-interscroller) {
    width: 100%
}

.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: #e7e7e7;
    color: #a7a7a7;
    display: block;
    font-family: Radio Canada, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    height: 26px;
    left: 0;
    line-height: 1.13rem;
    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: "Advertisement - 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 {
        padding: 1.2rem 0;
        transition: opacity .3s ease-in-out, top .4s ease-out
    }

    .feed .ad-bigbox-fixed.hide, .feed .ad-bigbox-single-desktop.hide {
        display: none
    }

    .feed .advertisement.bigbox-double-inread, .feed .advertisement.in-read {
        min-height: 90px
    }
}

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

@media (max-width: 764px) {
    .feed .ad-risingstar-container {
        min-height: 92px
    }

    .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: 74rem;
    position: relative
}

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

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

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

.feed .appContainer.click-wp .pageComponent {
    background-color: #fff;
    cursor: auto;
    max-width: 74rem;
    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 .full-width-container > .content, .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.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.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.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.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.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.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.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-size: 26px;
    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 .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: 30px;
    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: 730px
    }
}

.feed .detail.detailBody .detailBodyContainer .detailMainCol {
    flex: 0 1 46rem;
    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 {
    aspect-ratio: 16/9
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
    .feed .authorprofile p {
        margin-bottom: 28px
    }

    .feed .authorprofile .authorprofile-name, .feed .authorprofile .authorprofile-title {
        line-height: 130%;
        margin: 0
    }
}

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

    .feed .authorprofile p {
        margin-bottom: 32px
    }

    .feed .authorprofile .authorprofile-name {
        line-height: 130%;
        margin: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
    .feed .leadimage, .feed .leadmedia-story {
        margin-left: -16px;
        margin-right: -16px
    }

    .feed .leadimage .image-caption, .feed .leadmedia-story .image-caption {
        font-size: .875rem;
        line-height: 1.25rem;
        margin: 0 16px 16px;
        padding: 0 16px 16px
    }
}

@media (min-width: 641px)and (max-width: 960px) {
    .feed .leadimage, .feed .leadmedia-story {
        margin-left: -16px;
        margin-right: -16px
    }

    .feed .leadimage .image-caption, .feed .leadmedia-story .image-caption {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0 16px 16px;
        padding: 0 16px 16px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .followUs .followUs-image .placeholder img {
    height: 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.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 .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 {
    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 .newsTheme .label.flag .labelText {
    background-color: #fff;
    color: #e60505
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .in-page-nav-wrapper .previous-button-wrapper:after {
    background: linear-gradient(90deg, #fff 20%, hsla(0, 0%, 100%, 0) 80%);
    content: "";
    height: 100%;
    pointer-events: none;
    width: 50px
}

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

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

.feed .in-page-nav-wrapper .next-button-wrapper:before {
    background: linear-gradient(270deg, #fff 20%, hsla(0, 0%, 100%, 0) 80%);
    content: "";
    height: 100%;
    pointer-events: none;
    width: 50px
}

.feed .in-page-nav-wrapper .in-page-nav {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: auto;
    display: flex;
    overflow: auto;
    overflow: -moz-scrollbars-none;
    scroll-behavior: smooth;
    scrollbar-width: none
}

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

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

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

.feed .in-page-nav-wrapper .in-page-nav ul li a {
    color: #545454;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 11px 16px;
    text-decoration: none;
    white-space: nowrap
}

.feed .in-page-nav-wrapper .in-page-nav ul li a:focus, .feed .in-page-nav-wrapper .in-page-nav ul li a:hover {
    color: #000;
    outline-offset: -1px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .7em
}

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

.feed .in-page-nav-wrapper .in-page-nav ul li a.selected:after {
    background: #000;
    border-radius: 2px;
    content: "";
    float: left;
    height: 3px;
    margin-top: 5px;
    width: 100%
}

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

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

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

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

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper .dropdown-select-title {
    color: transparent;
    font-weight: 700;
    pointer-events: none;
    white-space: nowrap
}

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

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    color: #545454;
    font-weight: 700;
    margin-top: -22px;
    outline-offset: 11px;
    padding: 0
}

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper select:focus {
    outline-color: #0550c8;
    outline-style: solid;
    outline-width: 3px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .imageLinkWidget.card-rci-description .callToAction {
    font-weight: 700;
    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 .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 .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 .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 {
    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.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("");
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 1002px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
        background-image: url("")
    }
}

@media (max-width: 530px) {
    .feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark {
        background-image: url("")
    }
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark .card {
    border: none
}

.feed .flexibleLandingPage .oc-l-sectionContainer-olympicsDark .card:hover {
    box-shadow: 0 0 0 3px #fff
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .sectionContainer-wrapper {
    display: block !important
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .contentAreaWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: -.5rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList {
    flex-basis: calc(25% - 1rem);
    flex-grow: 1;
    flex-shrink: 0;
    margin: .5rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .titleBar {
    margin-bottom: 0;
    padding-bottom: 0
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card.cardRegular {
    border-left: none;
    border-right: none;
    border-top: none;
    flex: 1 1 100%
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card.cardText {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: .5rem 1rem
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .metadata {
    display: block
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .authorInfo, .feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .departmentItem, .feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .metaSeparator {
    display: none
}

.feed .flexibleLandingPage .oc-l-sectionContainer-verticallistMain .verticalCardList .contentList .contentListCards .card .commentInfo .metaSeparator {
    display: inline
}

.feed .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 .appContainer:is(.homepageTheme,.betaTheme) .feed-content.content {
    background-color: #f9f9f9;
    padding: 0
}

.feed .appContainer:is(.homepageTheme,.betaTheme) .globalFooter {
    margin-top: 0
}

.feed .appContainer:is(.homepageTheme,.betaTheme) .flexibleLandingPage {
    padding-bottom: 44px;
    padding-top: 44px
}

.feed .appContainer:is(.homepageTheme,.betaTheme) .flexibleLandingPage.pageComponent {
    max-width: 1170px
}

@media only screen and (max-width: 767px) {
    .feed .appContainer:is(.homepageTheme,.betaTheme) .flexibleLandingPage.pageComponent {
        align-content: center;
        max-width: 548px
    }
}

.feed .appContainer:is(.homepageTheme,.betaTheme) .flexibleLandingPage .sectionContainer {
    padding-bottom: 20px !important
}

.feed .appContainer:is(.homepageTheme,.betaTheme) .flexibleLandingPage .sectionContainer.noHeading, .feed .appContainer:is(.homepageTheme,.betaTheme) .flexibleLandingPage .sectionContainer:last-child {
    padding-bottom: 0 !important
}

.feed .summerOlympicsBrandBanner {
    align-items: center;
    background: url(""), 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("");
        background-color: #fff;
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: 120% 100%
    }
}

@media (max-width: 550px) {
    .feed .summerOlympicsBrandBanner {
        background: url("");
        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("");
    background-color: #c1d9e0;
    background-position: 50%;
    border-top: 1px solid #cbcbcb;
    display: flex;
    height: 108px;
    width: 100%
}

.feed .winterOlympicsBrandBanner:hover #Combined-Shape, .feed .winterOlympicsBrandBanner:hover .winterOlympicsBrandBannerLogo path {
    fill: #e6d1ad
}

.feed .winterOlympicsBrandBannerBricks {
    align-items: center;
    background: url("");
    background-position-x: 700px;
    background-repeat: no-repeat;
    background-size: auto 108px;
    display: flex;
    height: 108px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1312px;
    position: relative;
    width: 100%
}

.feed .winterOlympicsBrandBannerBricks .broadcasterIcon, .feed .winterOlympicsBrandBannerBricks .paralympicsBroadcasterIcon {
    position: absolute;
    right: 30px
}

.feed .winterOlympicsBrandBannerLogo {
    display: block;
    height: 50px;
    left: 23px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    width: 452px
}

@media (max-width: 640px) {
    .feed .winterOlympicsBrandBanner {
        background: url("");
        background-color: #c1d9e0;
        background-position-x: 61%;
        height: 72px
    }

    .feed .winterOlympicsBrandBannerBricks {
        background: url("");
        background-position-x: center;
        background-size: auto 72px;
        height: 72px
    }

    .feed .winterOlympicsBrandBannerBricks .broadcasterIcon, .feed .winterOlympicsBrandBannerBricks .paralympicsBroadcasterIcon {
        height: 23px;
        width: 45px
    }

    .feed .winterOlympicsBrandBannerLogo {
        height: 26px;
        width: 235px
    }
}

.feed .linksNav {
    display: flex
}

.feed .linksNav .itemList {
    flex: 1 0 0;
    flex-wrap: wrap;
    height: 24px;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.feed .linksNav .itemList .linksNavItem {
    float: left;
    padding: 0 1.5rem
}

.feed .linksNav .itemList .linksNavItem a {
    color: #000;
    text-decoration: none
}

.feed .linksNav .itemList .linksNavItem.hide {
    visibility: hidden
}

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

.feed .mediaEmbed .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;
    margin-right: 12px;
    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 .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 {
    margin-left: -1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .cardFeatured .label.highlighted .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;
    min-height: 437px
}

.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 .blankPage {
    background: #fff;
    min-height: 800px
}

.feed .pageIntro {
    background-color: #fff;
    margin: 0 -1rem 1rem;
    min-height: 10rem;
    padding-bottom: .5rem;
    position: relative
}

.feed .show .pageIntro {
    margin-bottom: 0
}

.feed .viewportLarge .pageIntro {
    margin-left: 0;
    margin-right: 0
}

.feed .pageIntro .imageMedia {
    display: block
}

.feed .pageIntro .showName {
    font-size: 3rem;
    line-height: 3.2rem;
    margin-bottom: .5rem
}

.feed .pageIntro .showName.Goods {
    text-transform: lowercase
}

.feed .pageIntro .host-image img {
    aspect-ratio: 1180/229;
    display: block;
    position: relative;
    width: 100%
}

.feed .pageIntro .description {
    background: #000;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    padding: 1rem 1.5rem
}

.feed .pageIntro .description:before {
    background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, .1) 30%, #000);
    bottom: 18%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 70%
}

.feed .pageIntro .responsiveNav {
    position: relative
}

.feed .pageIntro .responsiveNav .moreItemsNav {
    text-align: right
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreItemsList {
    clear: both;
    display: none;
    height: 90%;
    margin-top: -1px;
    min-width: 15rem;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 1000
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    display: block;
    list-style-type: none;
    padding: .7rem
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem:last-child {
    border-bottom: 1px solid #cbcbcb;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 55%, .15), 0 -5px 3px -10px #fff
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink {
    color: #000;
    text-decoration: none
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus, .feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: .9rem;
    height: 2rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    fill: #222;
    background: #fff;
    border: none
}

.feed .pageIntro .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .pageIntro .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #fff;
    background: #222;
    border: none
}

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreItemsList {
    display: block;
    height: inherit;
    overflow: auto;
    position: absolute
}

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    color: #000;
    position: relative;
    z-index: 1000
}

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .pageIntro .responsiveNav .subNavListItem {
    position: static;
    white-space: nowrap
}

.feed .pageIntro .responsiveNav .subNavListItem.hidden {
    position: absolute;
    visibility: hidden
}

.feed .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden
}

.feed .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem
}

.feed .viewportSmall .pageIntro .responsiveNav .subNavListItem.moreNavTrigger .moreButton {
    text-decoration: none
}

.feed .pageIntro .responsiveNav .subNavListItem.moreNavTrigger.active {
    visibility: visible
}

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

.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;
    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 .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: calc(100% / (var(--aspect-ratio, 1.7778)))
}

.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 .video-item {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    min-width: 200px;
    position: relative;
    text-decoration: none;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .durationLabel {
    background: rgba(0, 0, 0, .8);
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 1px 5px
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .durationLabel .captions {
    fill: #fff;
    margin: 0 0 -1px 4px
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .liveLabel {
    background-color: #ffdc14;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1px 5px;
    text-transform: uppercase
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .liveLabel .captions {
    fill: #000;
    margin: 0 0 -1px 4px
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .upcomingLabel {
    display: flex;
    flex-direction: row
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .upcomingLabel .labelAndCaptions {
    background-color: #ffdc14;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    padding: 1px 5px;
    text-transform: uppercase
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .upcomingLabel .labelAndCaptions .captions {
    fill: #000;
    margin: 0 0 -1px 4px
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .videoTimeLabel .upcomingLabel .upcomingTime {
    background-color: #e0e0e0;
    box-sizing: border-box;
    color: #222;
    display: inline-block;
    padding: 1px 5px
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .thumbnail-wrapper {
    background-color: #000;
    height: auto;
    overflow: hidden;
    padding-top: calc(100% / (var(--aspect-ratio, 1.7778)));
    position: relative;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item .thumbnail-wrapper img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container .play-button-container {
    float: left;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container .play-button-container .videoItemPlayBtn {
    display: block;
    height: 100%;
    width: 100%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .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 .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .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 .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container .video-info-container .video-item-title {
    line-clamp: 3;
    -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 .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container .video-info-container .video-item-title {
        font-size: 1rem;
        line-height: 1.4rem
    }
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .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 .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .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 .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .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 .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container .video-info-container .video-time-container .videoTimeLabel {
    font-size: .8rem;
    font-weight: 700;
    line-height: normal
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui .video-item.video-card-overlay > .video-card-overlay-container .video-info-container .video-time-container .videoTimeLabel .durationLabel {
    background-color: transparent;
    padding: 0
}

.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 .player-placeholder-ui-container.fill-container, .feed .player-placeholder-ui-container.fill-container .persistent-player.video .pp-phoenix-container {
    height: 100%
}

.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 .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 .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 .swiper-slide .bigBoxContainer {
    width: 316px
}

.feed .fixedBigBoxContainer {
    margin: 0 auto
}

.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 .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, sans-serif;
    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, sans-serif;
    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, sans-serif;
    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, sans-serif;
    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, sans-serif;
        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, sans-serif;
        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, sans-serif;
    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, sans-serif;
    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, sans-serif;
    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, sans-serif;
        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
}

@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 .liveStoryUpdatesSharedLink .liveStoryUpdateBadge {
    margin: -20px 0 16px -6px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesSection h3 {
    color: #181818;
    font-family: Radio Canada, sans-serif;
    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 .liveStoryUpdatesSection .liveStoryUpdatesList li ul li {
    list-style: initial;
    margin-bottom: 8px
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryUpdates .liveStoryUpdatesSection:first-of-type h3 {
    margin-top: 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, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-align: center
}

.feed .feed-content.content .liveStory.pageComponent .liveStoryMain .liveStoryFooter > div {
    border-top: 1px solid #cacaca
}

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

    .feed .feed-content.content .liveStory.pageComponent .liveStoryMain {
        margin: 0 auto 24px
    }
}

.feed .maintenance-page {
    background-color: #fff
}

.feed .maintenance-page .maintenance-page-content {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 80rem;
    min-height: calc(100vh - 454px);
    padding: 6rem 16px
}

.feed .maintenance-page .maintenance-page-content > h1, .feed .maintenance-page .maintenance-page-content > p {
    text-align: center
}

.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.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 .regionHeading {
    background: #e60505
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionButton {
    font-weight: 700
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionFormIntro {
    background: #fff;
    color: #e60505
}

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