.hideProfileButton {
    visibility: hidden
}

.profileButtonWrapper {
    display: flex
}

.profileButtonWrapper .profileButtonNav {
    border: none;
    cursor: pointer;
    padding: 12px 16px;
    text-decoration: none;
    color: #545454;
    fill: #545454;
    stroke: #545454;
    background-color: transparent
}

.profileButtonWrapper .profileButtonNav .profilePic {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: .4375rem
}

.profileButtonWrapper .profileButtonNav .profilePic.hasNotifications:after {
    content: "";
    width: 5px;
    display: inline-block;
    position: absolute;
    left: .875rem;
    height: 5px;
    border-radius: .3125rem;
    background-color: #e60505;
    border: .0625rem solid #fff;
    bottom: -.125rem
}

.profileButtonWrapper .profileButtonNav .profilePic.profileInitials {
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: .625rem;
    text-align: center;
    line-height: 1.25rem;
    border-radius: .625rem;
    position: relative;
    bottom: 2px;
    width: 20px;
    height: 20px
}

.profileButtonWrapper .profileButtonNav .profilePic.profileImage {
    border-radius: .625rem;
    position: relative;
    bottom: -.3125rem;
    width: 20px;
    height: 20px;
    background-size: 100%
}

.profileButtonWrapper .profileButtonNav .profileImageErrorCheck {
    height: 0;
    width: 0
}

.profileButtonWrapper .profileButtonNav .profileText {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 14px
}

@media only screen and (max-width: 600px) {
    .profileButtonWrapper .profileButtonNav .profileText {
        display: none
    }

    .profileButtonWrapper .profileButtonNav .icon .profileIcon {
        margin-right: 0
    }
}

.profileButtonWrapper .profileButtonNav .icon {
    position: relative;
    bottom: -.125rem
}

.profileButtonWrapper .profileButtonNav:hover {
    fill: #e60505;
    color: #e60505;
    stroke: #e60505
}

.button {
    position: relative;
    font-family: Open Sans, sans-serif;
    min-width: 8rem;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid #3672ce;
    color: #3672ce;
    display: inline-block;
    box-sizing: border-box;
    padding: .5rem 1rem;
    text-decoration: none;
    text-align: center
}

.button.disabled, .button[disabled] {
    background-color: #b4b4b4 !important;
    color: #fff !important;
    border-color: #b4b4b4 !important
}

.button.disabled g, .button.disabled path, .button[disabled] g, .button[disabled] path {
    fill: #fff !important
}

.button:focus {
    background-color: #f8f8f8;
    text-decoration: underline
}

.button.button-primary {
    background-color: #3672ce;
    color: #fff
}

.button.button-primary:hover {
    cursor: pointer;
    background-color: #5e8ed8;
    color: #fff
}

.button.button-primary:focus {
    outline: thin dotted #000;
    background-color: #5e8ed8
}

.button.button-external {
    color: #444;
    font-weight: 600;
    border: 1px solid #3672ce
}

.button.button-external:hover {
    cursor: pointer;
    background-color: #eaf0fa;
    color: #3672ce
}

.button.button-external:hover .svg-icon.external-link-icon g, .button.button-external:hover .svg-icon.external-link-icon path {
    fill: #3672ce
}

.button.button-external.facebook-external {
    border-color: #315996
}

.button.button-external.facebook-external:hover {
    background-color: #315996;
    color: #fff
}

.button.button-external.google-external {
    border-color: #4688f1
}

.button.button-external.google-external:hover {
    background-color: #4688f1;
    color: #fff
}

.button.button-external .svg-icon {
    padding-left: .5rem
}

.button.button-external .svg-icon.facebook-icon, .button.button-external .svg-icon.google-icon {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
    width: 24px;
    background-color: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    padding-left: .67rem;
    padding-right: .67rem
}

.button.button-external .svg-icon.facebook-icon svg, .button.button-external .svg-icon.google-icon svg {
    vertical-align: bottom
}

.button.button-small {
    width: auto;
    height: auto;
    padding: .5rem 1rem;
    font-size: 1rem
}

.button.button-icon {
    background-color: transparent;
    border: none;
    min-width: auto;
    color: #000;
    height: 100%;
    padding: 0 .5rem
}

.button.button-full {
    width: 100%
}

.button.button-left {
    text-align: left
}

.button.button-gutter {
    margin: 1rem .5rem 1rem 0
}

.button.button-gutter:last-of-type {
    margin-right: 0
}

@media (max-width: 564px) {
    .button.button-gutter {
        margin: .25rem 0
    }
}

.feed .globalHeader .membership button {
    border: none
}

.feed .globalHeader .membership .icon {
    padding: 0 5px
}

.feed .globalHeader .membership .icon svg {
    vertical-align: middle
}

.feed .globalHeader .membership .icon svg.closeIcon {
    background: #fff;
    fill: #000
}

.feed .globalHeader .membership .sideMenu .mobile {
    display: none
}

.feed .globalHeader .membership .sideMenu .button .avatar {
    width: 2rem;
    height: 2rem;
    float: left
}

.feed .globalHeader .membership .sideMenu .button .icon {
    float: left
}

.feed .globalHeader .membership .sideMenu .button .chevronIcon {
    fill: #000
}

.feed .globalHeader .membership .sideMenu .show-menu-false, .feed .globalHeader .membership .sideMenu .show-menu-true {
    display: none
}

.feed .globalHeader .membership .sideMenu .mobile-signin svg {
    fill: #fff;
    background: #000;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    padding: 5px
}

.feed .globalHeader .membership .sideMenu .desktop-signin {
    margin-right: 2rem
}

.feed .globalHeader .membership .sideMenu .avatar.bounce {
    -webkit-animation-name: membership-bouncein;
    animation-name: membership-bouncein;
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.feed .globalHeader .membership .sideMenu .avatar img, .feed .globalHeader .membership .sideMenu .avatar svg {
    width: 100%;
    border-radius: 50%
}

.feed .globalHeader .membership .sideMenu .avatar text {
    font-size: 300%;
    fill: #fff
}

@media (max-width: 1024px) {
    .feed .globalHeader .membership .sideMenu .show-menu-true {
        display: block
    }

    .feed .globalHeader .membership .sideMenu .desktop {
        display: none
    }

    .feed .globalHeader .membership .sideMenu .mobile {
        display: block
    }
}

@font-face {
    font-family: Open Sans;
    src: url(./fonts/Open-Sans-Regular.eot);
    src: url(./fonts/Open-Sans-Regular.eot?#iefix) format("embedded-opentype"), url(./fonts/Open-Sans-Regular.woff) format("woff"), url(./fonts/Open-Sans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

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

@font-face {
    font-family: Open Sans;
    src: url(./fonts/Open-Sans-ExtraBold.eot);
    src: url(./fonts/Open-Sans-ExtraBold.eot?#iefix) format("embedded-opentype"), url(./fonts/Open-Sans-ExtraBold.woff) format("woff"), url(./fonts/Open-Sans-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

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

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

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

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

input:focus {
    outline: none
}

.feed .card.cardDiscovery, .feed .card.cardFullBleed, .feed .card.cardListing, .feed .card.cardMultiLink, .feed .card.cardRegular, .feed .card.cardShow, .feed .detail .byline, .feed .detail .deck, .feed .detail .detailHeadline, .feed .detail .imageMedia .image-caption, .feed .detail .jumpTo, .feed .newsletterWidget, .feed .PhotoGallery, .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;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    border-radius: 0;
    border: 3px solid #e60505;
    color: #e60505
}

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

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

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

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.scrollFreeze {
    overflow: hidden;
    height: 100%
}

.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 {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

/*! 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: thin dotted
}

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 .vf-initial-notification em {
    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 {
    position: relative;
    bottom: -3rem;
    margin: 0 15px;
    display: flex
}

.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 .vf-comments:not(.vf-is-logged-in) .vf-tray-trigger {
    display: none
}

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

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

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

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

.comments.viafoura .vf-moderator {
    width: 80px !important;
    height: 21px !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 {
    display: inline-block;
    content: "There are no featured comments yet"
}

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

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

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;
    border-color: #e21a21;
    color: #fff;
    background-image: none;
    border-radius: 0;
    filter: none
}

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

.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-radius: 50%;
    border: 1px solid #dcdcdc
}

.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 {
    color: #115278;
    background-color: #f6f6f6;
    border-right: 1px solid #d1cfcf
}

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

.cbc-vf .viafoura .vf-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: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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;
    color: #fff;
    padding: 5px;
    width: 40%;
    border-radius: 5px;
    text-align: center;
    float: right
}

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.vf-current a, div.viafoura .vf-tabs li 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-position: left -129px;
    background-image: url(/i/o/sm/v10/gfx/sprite.png);
    background-repeat: no-repeat;
    color: #797979;
    font-style: normal;
    margin: 0;
    padding-left: 18px;
    font: 10px arial, sans-serif;
    display: block
}

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

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

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

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

.share {
    min-height: 3rem
}

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

.commentCount .commentCount-text-container .viafoura {
    color: #0550c8;
    font-size: 1rem;
    font-family: inherit;
    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 {
    display: flex;
    align-items: center;
    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 {
    height: 100%;
    font-size: 1.5rem
}

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

.appContainer .share .viafoura .vf-share-show-more .vf-more-icon, .share .viafoura .vf-share-show-more .vf-more-icon {
    padding: 1.05rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%
}

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

.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 {
    width: 100%;
    padding-top: 1rem
}

.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 {
    top: -2px;
    display: block;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0 .2rem
}

.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 {
    top: 3px;
    left: 1px
}

.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 {
    top: 2px;
    left: 1px
}

.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 {
    top: 1px;
    left: 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 {
    top: 1px;
    left: 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 {
    display: block;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

@media (min-width: 641px)and (max-width: 960px) {
    .commentCount .viafoura {
        font-size: 1.125rem
    }
}

@media (max-width: 640px) {
    .viafoura .viafoura-buttons {
        bottom: -2rem
    }
}

.feed {
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700";
@import "../../node_modules/intro.js/minified/introjs.min.css"
}

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

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

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

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

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

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

.feed .ad-risingstar .risingstar > div:after {
    content: "";
    width: 90px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-100%, -100%);
    background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat 100%
}

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

.feed .ad-bigbox, .feed .ad-bigbox-double, .feed .ad-bigbox-double-inread, .feed .ad-bigbox-single, .feed .ad-in-read, .feed .ad-load-more {
    margin: 0 auto 1rem;
    padding: 1.2rem 0;
    background: #fff url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat center 5px
}

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

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

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

.feed .ad-outofpage {
    position: fixed
}

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

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

@media (min-width: 1100px) {
    .feed .ad-bigbox-fixed, .feed .ad-bigbox-single-desktop {
        background: url("data:image/gif;base64,R0lGODlhVQAJAIABAKqqqv///yH5BAEAAAEALAAAAABVAAkAAAJZjI+py+0Po5y0WgTyyTqAbXCfx4ViaHbn6KUfO4psAqNo3WKgfSuzpsLEdA0Z77UruYg2JWmIfPZ+Dpw1hz3ueE3mMEktgjvcExZ3c67G0ezsAo/L5/S6pQAAOw==") no-repeat center 5px;
        padding: 1.2rem 0;
        transition: opacity .3s ease-in-out, top .4s ease-out
    }

    .feed .ad-bigbox-fixed.hide, .feed .ad-bigbox-single-desktop.hide {
        opacity: 0
    }

    .feed .ad-bigbox-double-inread, .feed .ad-in-read {
        display: none
    }
}

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

@media (max-width: 764px) {
    .feed .ad-risingstar {
        background-color: #e5e5e5
    }

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

    .feed .advertisement.bigbox-double-inread, .feed .advertisement.in-read {
        max-width: 414px
    }
}

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

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

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

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

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

.feed .appContainer.click-wp .advertisement.risingstar:not(.cbc-caffeine-ads-container) {
    max-width: auto
}

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

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

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

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

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

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

@-webkit-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
    }
}

@-webkit-keyframes color {
    0%, to {
        stroke: #e60505
    }
    40% {
        stroke: #fff
    }
    66% {
        stroke: #e60505
    }
    80%, 90% {
        stroke: #fff
    }
}

.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 {
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    transition: max-width .3s ease-out
}

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

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

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

.feed .appContainer .advertisement:not(.cbc-caffeine-ads-container), .feed .appContainer .vastAdvertisement:not(.cbc-caffeine-ads-container) {
    margin: 0 auto;
    text-align: center;
    z-index: 200
}

.feed .appContainer .feedTourButton, .feed .appContainer .zenFeedbackButton {
    background: #e60505;
    border: 1px solid #e60505;
    color: #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 .accessibilitySkipLink {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    transition: top .2s ease-out;
    width: 1px
}

.feed .accessibilitySkipLink:active, .feed .accessibilitySkipLink:focus {
    background: #fff;
    color: #0550c8;
    height: auto;
    left: 0;
    padding-left: 1rem;
    width: 100%;
    z-index: 99999
}

.feed .banner {
    background-color: #fff;
    border: 3px solid #0550c8;
    color: #000;
    font-size: .95rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: .2rem;
    text-align: center
}

.feed .banner a:active, .feed .banner a:hover, .feed .banner a:link, .feed .banner a:visited {
    transition: background-color .25s linear;
    color: #0550c8;
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none;
    display: inline-block;
    margin-left: 3px
}

.feed .banner a:active:focus, .feed .banner a:active:hover, .feed .banner a:hover:focus, .feed .banner a:hover:hover, .feed .banner a:link:focus, .feed .banner a:link:hover, .feed .banner a:visited:focus, .feed .banner a:visited:hover {
    background-color: #d8d8d8
}

.feed .banner .spaced {
    width: 15vw;
    min-width: 88px
}

.feed .detail .banner {
    margin: 1rem 0 2rem
}

.feed .banner.dismissed {
    display: none
}

.feed .banner.notice {
    background-color: #fff;
    border: 3px solid #0550c8;
    overflow: auto
}

.feed .banner.info {
    border: 1px solid #cbcbcb
}

.feed .banner.warning {
    border: 1px solid #fab924
}

.feed .banner.error {
    border: 1px solid #e60505
}

.feed .banner .closeButton {
    background-color: transparent;
    border: none;
    color: #545454;
    float: right;
    font-size: .8rem
}

.feed .banner .closeButton:hover {
    color: #e60505
}

.feed .viewportSmall .card.cardMultiLink .card-top-section {
    height: auto
}

.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;
    text-decoration: none;
    transition: .4s;
    overflow: hidden
}

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

.feed .card:focus {
    transform: none;
    outline: 0
}

.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 {
    position: relative;
    width: 100%;
    min-height: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.sponsorMeta.cardFullBleed:focus, .feed .card.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 641px)and (max-width: 960px) {
    .feed .card.cardContentPackage .contentFlexLayout {
        flex-wrap: wrap
    }

    .feed .card.cardContentPackage .contentFlexLayout .firstContentColumn {
        margin-right: 0
    }

    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn {
        flex-grow: 1;
        margin-left: 0
    }

    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
        flex-direction: row
    }

    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
        flex: 0 1 225px
    }

    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
        padding-top: 1.2rem
    }

    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 120px;
        border-top: 1px solid #e0e0e0
    }
}

@media (max-width: 640px) {
    .feed .card.cardContentPackage {
        flex-basis: 100%;
        max-width: inherit
    }

    .feed .card.cardContentPackage .primaryHeadline {
        order: 2;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .feed .card.cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
        font-size: 1.5rem;
        line-height: 1.9rem;
        text-align: left;
        margin-top: .6rem;
        margin-bottom: .5rem
    }

    .feed .card.cardContentPackage .desktopHeadline {
        display: none
    }

    .feed .card.cardContentPackage .contentFlexLayout {
        flex-wrap: wrap
    }

    .feed .card.cardContentPackage .contentFlexLayout .firstContentColumn {
        margin-right: 0
    }

    .feed .card.cardContentPackage .contentFlexLayout .secondContentColumn {
        flex-grow: 1;
        margin-left: 0
    }

    .feed .card.cardContentPackage .secondaryContent .card.relatedCard, .feed .card.cardContentPackage .supportingContent .card.relatedCard {
        margin-left: 0;
        margin-right: 0
    }

    .feed .card.cardContentPackage .contentPackageSeparator {
        margin-left: 1em;
        margin-right: 1em
    }
}

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

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

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

.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 .flag, .feed .card.cardContentPackage .primaryContent .supportingContent .label, .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 .label {
    float: left;
    line-height: 1.25rem;
    vertical-align: middle
}

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

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

.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 .primaryLabel .labelText {
    padding: .06rem .55rem;
    color: #fff;
    background: #e60505
}

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

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

.feed .card.cardContentPackage .primaryContent .supportingContent .contentPackageList {
    clear: both;
    list-style: none;
    padding-left: 1.2rem;
    margin: 0;
    padding-bottom: 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 {
    outline: none;
    box-shadow: 0 0 0 3px #cbcbcb;
    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;
    width: .8rem;
    margin-left: -1rem
}

.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 {
        order: 3;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-top: .5rem
    }

    .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 {
        order: 1;
        padding-bottom: .6rem;
        margin-top: 0
    }

    .feed .card.cardContentPackage .primaryContent .primaryImage .primaryImageLink {
        margin-right: 0
    }
}

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

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

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

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

.feed .card.cardContentPackage .tertiaryContent .card:nth-child(2).relatedCard:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 192px;
    border-top: 1px solid #e0e0e0
}

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

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

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

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

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

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

@media (max-width: 640px) {
    .feed .card.cardContentPackage .tertiaryContent {
        margin-left: 1rem
    }

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

    .feed .card.cardContentPackage .tertiaryContent .card.relatedCard {
        padding-top: 1.2rem
    }

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

    .feed .card.cardContentPackage .tertiaryContent .card:nth-child(2) {
        padding-bottom: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardDefault.sponsorMeta.cardFullBleed:focus, .feed .card.cardDefault.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.cardDefault.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

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

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

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

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

.feed .card.cardDefault.cardIconDescription .cardHeadlineImage .cardHeadlineDescription .cardDefaultDescription {
    display: block;
    margin: unset;
    font-size: 13.5px;
    color: #545454;
    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.cardFullBleed {
    box-shadow: none;
    align-items: center;
    flex-direction: column;
    background-color: transparent;
    margin-left: -1rem;
    margin-right: -1rem
}

.feed .card.cardFullBleed .contentWrapper .card-content {
    position: relative;
    width: 100%;
    padding: .5rem 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    transition: .4s;
    margin: -32px 16px 3px;
    align-self: stretch
}

.feed .card.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #cbcbcb
}

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

.feed .card.cardFullBleed .contentWrapper .card-content .label.highlighted, .feed .card.cardFullBleed .contentWrapper .card-content .label.sponsored {
    margin-left: -1rem
}

.feed .card.cardFullBleed .contentWrapper .card-content .label.highlighted .labelText, .feed .card.cardFullBleed .contentWrapper .card-content .label.sponsored .labelText {
    display: block;
    width: 100%;
    margin: -1rem 0 0
}

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

.feed .card.cardFullBleed .contentWrapper .headline {
    font-size: 1.125rem;
    line-height: 1.5rem
}

.feed .card.cardFullBleed.flag-live .card-content:after {
    border-bottom-color: #ffdc14
}

.feed .card.cardFullBleed.flag-sponsored-content .card-content:after {
    border-bottom-color: #dcdcdc
}

.feed .card.cardFullBleed.hasVideo .videoContainer {
    width: 100%
}

.feed .card.cardFullBleed.hasVideo .contentWrapper .card-content {
    margin-top: 1px
}

.feed .viewportSmall .featuredArea .card.cardFullBleed {
    border: none
}

.feed .viewportSmall .featuredArea .card.cardFullBleed .card-content {
    box-shadow: 0 0 0 1px #cbcbcb
}

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .card.cardFullBleed.flag-sponsored-content .contentWrapper .card-content {
    box-shadow: 0 0 0 3px transparent
}

.feed .card.cardGraphical {
    clear: both;
    color: #fff;
    display: block;
    text-decoration: none;
    position: relative;
    flex-direction: column;
    min-width: 20rem;
    min-height: 10rem
}

.feed .card.cardGraphical .blackout.filters {
    background-color: #000
}

.feed .card.cardGraphical .gradient.blackout.filters {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #000)
}

.feed .card.cardGraphical .mangosteen.filters {
    background-color: #801f73
}

.feed .card.cardGraphical .gradient.mangosteen.filters {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #801f73)
}

.feed .card.cardGraphical .davy.filters {
    background-color: #545454
}

.feed .card.cardGraphical .gradient.davy.filters {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #545454)
}

.feed .card.cardGraphical .persian.filters {
    background-color: #0550c8
}

.feed .card.cardGraphical .gradient.persian.filters {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #0550c8)
}

.feed .card.cardGraphical .filters {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1
}

.feed .card.cardGraphical .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 1.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-shadow: 0 0 .25em rgba(0, 0, 0, .5);
    color: #fff
}

.feed .card.cardGraphical .imageMedia {
    width: 100%;
    height: 0;
    display: table
}

.feed .card.cardGraphical img + .filters {
    opacity: .8
}

.feed .card.cardGraphical img {
    width: 100%;
    flex: 1;
    min-height: 0
}

.feed .card.cardGraphical .label {
    color: #fff;
    margin: .25rem 0;
    padding: .25rem 1rem;
    flex-grow: 0;
    display: inline-table;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    z-index: 200;
    background-color: rgba(0, 0, 0, .6);
    font-size: .8rem;
    font-weight: 700
}

.feed .card.cardGraphical .label.highlighted {
    color: #000;
    background-color: #ffdc14
}

.feed .card.cardGraphical .label.sponsored {
    color: #000;
    background-color: #dcdcdc
}

.feed .card.cardGraphical .card-content {
    display: block;
    position: relative
}

.feed .card.cardGraphical .metadata .metadataText {
    justify-content: center;
    margin: .5rem 0
}

@-moz-document url-prefix() {
    .feed .card.cardGraphical .imageMedia {
        display: inline-table;
        padding-bottom: 0
    }
}

.feed .card.cardMedia {
    display: block;
    position: relative
}

.feed .card.cardMedia .headline {
    transform: translateZ(0);
    font-size: .8rem;
    line-height: 1.3
}

.feed .card.cardMedia .headline:hover {
    text-decoration: underline
}

.feed .card.cardMedia .cardMediaContent {
    position: relative;
    margin: .5rem;
    box-shadow: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardText.sponsorMeta.cardFullBleed:focus, .feed .card.cardText.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.cardText.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.cardText.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardText.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.cardText.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.cardText.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardRegular.sponsorMeta.cardFullBleed:focus, .feed .card.cardRegular.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

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

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

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

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

.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 .label {
    margin-top: .3rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardMultiLink a {
    width: 100%
}

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

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

.feed .card.cardMultiLink .card-top-section {
    background-color: #fff;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 0 .5rem;
    transition: .4s;
    width: 100%;
    flex-grow: 1;
    height: 100%
}

.feed .card.cardMultiLink .card-top-section a {
    height: 100%;
    color: #000;
    text-decoration: none;
    display: flex;
    flex-direction: column
}

.feed .card.cardMultiLink .card-top-section a:focus, .feed .card.cardMultiLink .card-top-section a:hover {
    box-shadow: inset 0 0 0 3px #00498f
}

.feed .card.cardMultiLink .card-top-section a .section-wrapper {
    position: relative
}

.feed .card.cardMultiLink .card-top-section a .description, .feed .card.cardMultiLink .card-top-section a .headline {
    margin: 1rem 1rem 0;
    flex-grow: 0
}

.feed .card.cardMultiLink .card-top-section a .headline {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.125rem
}

.feed .card.cardMultiLink .card-top-section a .callToAction {
    font-weight: 400;
    margin: 1rem;
    flex-grow: 1
}

.feed .card.cardMultiLink .card-top-section a .description {
    color: #545454;
    margin-top: 1rem;
    font-size: .9375rem;
    line-height: 1.375rem
}

.feed .card.cardMultiLink .card-top-section .placeholder {
    border: 3px solid rgba(255, 0, 0, 0);
    border-bottom: 0
}

.feed .card.cardMultiLink .card-top-section .label {
    margin: 1rem
}

.feed .card.cardMultiLink .card-top-section .label.flag .labelText {
    background-color: #fff;
    color: #545454
}

.feed .card.cardMultiLink .card-top-section .metadata {
    font-size: .7rem
}

.feed .card.cardMultiLink .card-bottom-section {
    margin-top: auto;
    display: inline-flex;
    width: 100%
}

.feed .card.cardMultiLink .card-bottom-section .multiLower {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    border-right: 0;
    text-decoration: none;
    transition: .4s
}

.feed .card.cardMultiLink .card-bottom-section .multiLower.fullWidth {
    grid-column: span 2
}

.feed .card.cardMultiLink .card-bottom-section .multiLower.first {
    border-left: 0
}

.feed .card.cardMultiLink .card-bottom-section .multiLower:focus, .feed .card.cardMultiLink .card-bottom-section .multiLower:hover {
    box-shadow: inset 0 0 0 3px #00498f
}

.feed .card.cardMultiLink .card-bottom-section .multiLower .multi-content {
    background-color: transparent
}

.feed .card.cardMultiLink .card-bottom-section .multiLower .multi-content .callToAction {
    margin-right: .5rem;
    margin-left: 1rem
}

.feed .card.cardMultiLink .card-bottom-section .multiLower h3.headline {
    text-align: center;
    font-weight: 400;
    font-size: .9375rem;
    margin-bottom: .5rem;
    color: #0550c8
}

.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 .card-content {
    padding: 0 16px
}

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

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

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

.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;
    margin: 1.5rem 0 1.5rem 1.5rem;
    height: 67px;
    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 {
    height: auto;
    flex: none;
    width: 100%;
    margin: 1rem 0 .5rem
}

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

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

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

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

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

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

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

.feed .card.cardListing.sponsorMeta.cardFullBleed:focus, .feed .card.cardListing.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.cardListing.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardFeatured.sponsorMeta.cardFullBleed:focus, .feed .card.cardFeatured.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .card.cardFeatured.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

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

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

.feed .card.cardDiscovery {
    background-color: #fff;
    align-items: center;
    flex-direction: column;
    flex: 1 1 190px;
    margin: .5rem .5rem 0;
    border: unset;
    border-bottom: 1px solid #e0e0e0;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    cursor: default;
    overflow: unset
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    position: relative;
    left: -27px;
    top: 2px;
    color: #000;
    font-size: 26px;
    font-weight: 300;
    font-family: Stag Medium, Trebuchet;
    height: 0
}

@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: 12.2px;
    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;
    flex-grow: 1;
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #0550c8
}

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

.feed .card .metadata {
    color: #545454;
    font-size: .85rem;
    margin-top: .75rem;
    margin-bottom: 1rem;
    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.deptItem-q, .feed .card .metadata .departmentItem.Goods, .feed .card .metadata .departmentItem.label-q, .feed .card .metadata .departmentItem.q, .feed .card .metadata .departmentItem.Q {
    text-transform: lowercase
}

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

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

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

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

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

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

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

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

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

.feed .card .metadata .detail:not(.card) .sponsorLogo {
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    color: #545454;
    font-size: 14px;
    line-height: 20px
}

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

.feed .card .shareBar {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 1rem 0 0;
    padding: 0
}

.feed .card .shareBar li {
    list-style-type: none
}

.feed .card .shareBar .socialFacebook, .feed .card .shareBar .socialMore, .feed .card .shareBar .socialTwitter {
    width: 33%;
    border-top: 1px solid #cbcbcb;
    text-align: center
}

.feed .card .shareBar .socialFacebook .wrapper, .feed .card .shareBar .socialMore .wrapper, .feed .card .shareBar .socialTwitter .wrapper {
    width: 40px;
    height: 40px;
    padding: 4px;
    line-height: 40px;
    border-radius: 26px;
    border: 1px solid #cbcbcb;
    margin: .5rem auto
}

.feed .card .shareBar .socialFacebook, .feed .card .shareBar .socialTwitter {
    border-right: 1px solid #cbcbcb
}

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

.feed .carouselWrapper {
    display: flex;
    flex-flow: column
}

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

.feed .carouselWrapper .carouselTop .header {
    margin-left: .5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .carouselWrapper .carousel .itemList {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-points-x: repeat(300px);
    scroll-snap-type: mandatory;
    scrollbar-width: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .comments {
    margin: 0 0 2rem
}

.feed .comments .headingText {
    margin-top: 11px
}

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

.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 {
    padding: 0 4px;
    margin-right: 0;
    font-size: 12px;
    font-weight: 700
}

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

.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 {
    display: flex;
    list-style: none;
    margin: inherit;
    padding: inherit;
    align-items: stretch
}

.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 {
    flex-basis: 100%;
    display: inherit
}

.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;
    padding-right: 15px;
    margin-bottom: -14px
}

.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 {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .feed .contentList .displayFour.displayFourRightBorder .card {
        border: none;
        border-bottom: 1px solid #e0e0e0
    }
}

.feed .contentList.scroll-dark ul.contentListCards {
    overflow-x: scroll;
    overflow-y: hidden;
    flex-flow: row nowrap;
    margin-left: 0;
    scrollbar-width: thin;
    scrollbar-color: #cbcbcb #000;
    scrollbar-face-color: #cbcbcb;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #cbcbcb
}

.feed .contentList.scroll-dark ul.contentListCards li {
    min-width: 275px
}

.feed .contentList.scroll-dark ul.contentListCards li:first-child {
    margin-left: 0
}

.feed .contentList.scroll-dark ul.contentListCards::-webkit-scrollbar {
    height: 4px
}

.feed .contentList.scroll-dark ul.contentListCards::-webkit-scrollbar-thumb {
    background: #cbcbcb;
    border-radius: 3px
}

.feed .contentList button.loadMore {
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    height: 3rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin: .5rem auto 1.5rem;
    border: 3px solid #545454;
    color: #545454
}

.feed .contentList button.loadMore .chevronIcon {
    border-radius: 0;
    background-color: transparent;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    fill: #545454
}

.feed .contentList button.loadMore:hover {
    color: #fff;
    background-color: #545454
}

.feed .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .contentList button.loadMore:focus {
    background-color: #fff;
    color: #545454;
    border-style: dashed;
    outline: none
}

.feed .contentList button.loadMore.loading {
    line-height: 1.625rem
}

.feed .contentList button.loadMore.loading .chevronIcon, .feed .contentList button.loadMore.loading:hover .chevronIcon, .feed .contentList button.loadMore.loading:hover:focus .chevronIcon {
    display: none
}

.feed .contentList button.loadMore.loading .loader {
    margin-left: 10px;
    float: right
}

.feed .contentList button.loadMore.loading:focus .loader, .feed .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .contentList button.loadMore.hidden {
    display: none
}

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

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

.feed .featuredArea .cardFullBleed {
    flex-basis: 100%;
    margin-top: 0;
    margin-bottom: .5rem
}

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

.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 .contentList, .feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards {
    margin: 0;
    height: 100%;
    width: 100%
}

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

.feed .viewportSmall .featuredArea .featuredNews .featuredTopStories .contentList .card.cardFullBleed, .feed .viewportSmall .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card.cardFullBleed {
    flex-basis: 100%
}

.feed .featuredArea .featuredNews .featuredTopStories .contentList .card.cardFullBleed, .feed .featuredArea .featuredNews .featuredTopStories .contentList .contentListCards .card.cardFullBleed {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .viewportLarge .featuredArea .featuredNews .featuredTopStories .primaryTopStories .contentList .contentListCards .card, .viewportMedium .featuredArea .featuredNews .featuredTopStories .primaryTopStories .contentList .contentListCards .card {
    flex-basis: 100%;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    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
}

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

.feed .featuredArea .lineupOptimization.variantHeadline .card.cardDefault .headline, .feed .featuredArea .lineupOptimization.variantHeadline .card.cardListing .headline, .feed .featuredArea .lineupOptimization.variantHeadline .card.cardText .headline {
    font-size: 1.2rem;
    line-height: 1.3
}

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

.feed .featuredArea .lineupOptimization.variantHierarchy .thirdSectionStories, .feed .featuredArea .lineupOptimization.variantImagery .thirdSectionStories {
    display: flex
}

.feed .featuredArea .lineupOptimization.variantHierarchy .sectionOneRight .card, .feed .featuredArea .lineupOptimization.variantImagery .sectionOneRight .card {
    border: unset;
    border-bottom: 1px solid #e0e0e0
}

.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 .card.cardFullBleed {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.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.cardGraphical, .feed .viewportMedium .featuredArea .card.cardGraphical, .feed .viewportXLarge .featuredArea .card.cardGraphical {
    border: 1px solid #eaeaea;
    min-width: 230px
}

.feed .viewportLarge .featuredArea .card.cardGraphical .card-content, .feed .viewportMedium .featuredArea .card.cardGraphical .card-content, .feed .viewportXLarge .featuredArea .card.cardGraphical .card-content {
    height: 100%
}

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

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

.feed .viewportLarge .featuredArea .card.cardFullBleed, .feed .viewportMedium .featuredArea .card.cardFullBleed, .feed .viewportXLarge .featuredArea .card.cardFullBleed {
    margin-top: 0
}

.feed .viewportLarge .featuredArea .card.cardFullBleed:not(.sponsored), .feed .viewportMedium .featuredArea .card.cardFullBleed:not(.sponsored), .feed .viewportXLarge .featuredArea .card.cardFullBleed:not(.sponsored) {
    background-color: #fff
}

.feed .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #cbcbcb
}

.feed .viewportLarge .featuredArea .card.cardFullBleed .card-content, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content, .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content {
    border: none;
    margin: 0
}

.feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .viewportLarge .featuredArea .card.cardFullBleed .analysis, .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus:before, .feed .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover:before, .feed .viewportLarge .featuredArea .card.cardFullBleed .shareBar, .feed .viewportMedium .featuredArea .card.cardFullBleed .analysis, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus:before, .feed .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover:before, .feed .viewportMedium .featuredArea .card.cardFullBleed .shareBar, .feed .viewportXLarge .featuredArea .card.cardFullBleed .analysis, .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus:before, .feed .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover:before, .feed .viewportXLarge .featuredArea .card.cardFullBleed .shareBar {
    display: none
}

.feed .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.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 .featuredTopStories.lineupOptimization.variantHierarchy .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap, .feed .viewportLarge .featuredArea .featuredTopStories.lineupOptimization.variantImagery .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap, .feed .viewportMedium .featuredArea .featuredTopStories.lineupOptimization.variantHierarchy .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap, .feed .viewportMedium .featuredArea .featuredTopStories.lineupOptimization.variantImagery .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap, .feed .viewportXLarge .featuredArea .featuredTopStories.lineupOptimization.variantHierarchy .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap, .feed .viewportXLarge .featuredArea .featuredTopStories.lineupOptimization.variantImagery .secondaryTopStories .card.cardDefault .cardHeadlineImage .cardImageWrap {
    display: unset
}

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

.feed .pageContentWrap .contentAreaWrap {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    margin-top: 1.5rem;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .pageContentWrap .contentAreaWrap .contentArea, .feed .pageContentWrap .contentAreaWrap .sidebar {
    margin-left: .5rem;
    margin-right: .5rem
}

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

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

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

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

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

.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 .listHeading {
    border-bottom: 1px solid #cbcbcb;
    font-size: 1.5rem;
    margin: 0 1rem;
    padding: 1.5rem 0 .5rem;
    text-transform: uppercase
}

.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 .lineupOptimization.variantHierarchy .contentList .contentListCards .card.cardRegular, .feed .viewportMedium .contentArea .lineupOptimization.variantHierarchy .contentList .contentListCards .card.cardRegular, .feed .viewportXLarge .contentArea .lineupOptimization.variantHierarchy .contentList .contentListCards .card.cardRegular {
    max-width: 100%
}

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

.feed .imageMedia {
    display: inline
}

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

.feed .imageMedia .placeholder img {
    display: block;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: opacity .5s linear;
    transform: translateZ(0)
}

.feed .detail {
    overflow-x: unset
}

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

.feed .detail.detailBody.hasBanner .pageIntro .responsiveNav.introNav {
    clear: none
}

.feed .detail.detailBody .detailBodyContainer {
    display: flex;
    max-width: calc(45rem + 340px);
    margin: 1rem auto 0;
    flex-wrap: wrap
}

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

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

.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%;
        margin: 1rem auto
    }
}

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

.feed .detail.detailBody .detailBodyContainer .commentsWrapper {
    display: flex
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
    .feed .detail .detailHeadline {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width: 641px)and (max-width: 960px) {
    .feed .detail .detailHeadline {
        font-size: 28px;
        line-height: 32px
    }
}

.feed .detail .detailSummary {
    display: none
}

.feed .detail .deck {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 24px
}

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

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

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

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

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

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

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

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

@media (min-width: 641px)and (max-width: 960px) {
    .feed .detail .byline {
        font-size: 16px;
        line-height: 24px
    }
}

.feed .detail .relatedlinks {
    margin-top: 3rem;
    margin-bottom: 2rem
}

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

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

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

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

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

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

.feed .detail .highlights .headingText {
    line-height: inherit
}

.feed .detail .highlights .headingText span {
    color: #fff;
    background-color: #000;
    padding: 0 .5rem
}

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

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

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

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

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

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

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

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

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

.feed .detail .contentFeedback {
    margin: 1rem 0;
    padding: 1rem 0;
    clear: both
}

.feed .detail .contentFeedback .feedback, .feed .detail .contentFeedback .journalistLink, .feed .detail .contentFeedback .reportIssue, .feed .detail .contentFeedback .trustProjectLink {
    transition: background-color .25s linear;
    color: #0550c8;
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none;
    font-style: italic
}

.feed .detail .contentFeedback .feedback:focus, .feed .detail .contentFeedback .feedback:hover, .feed .detail .contentFeedback .journalistLink:focus, .feed .detail .contentFeedback .journalistLink:hover, .feed .detail .contentFeedback .reportIssue:focus, .feed .detail .contentFeedback .reportIssue:hover, .feed .detail .contentFeedback .trustProjectLink:focus, .feed .detail .contentFeedback .trustProjectLink:hover {
    background-color: #d8d8d8
}

.feed .detail .contentFeedback .feedback, .feed .detail .contentFeedback .reportIssue {
    font-size: .9rem
}

.feed .detail .contentFeedback .separator {
    color: #cbcbcb;
    display: inline-block;
    margin: 0 .5rem
}

.feed .detail .contentFeedback .bottomSeparator {
    margin-bottom: 1rem
}

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

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

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

.feed .detail .jumpTo {
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 1rem
}

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

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

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

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

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

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

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

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

.feed .detail .detail:not(.card) .sponsorLogo {
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    color: #545454;
    font-size: 14px;
    line-height: 20px
}

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

.feed .detail .detail-link-label {
    font-size: 1rem;
    font-weight: 700;
    display: block;
    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 {
    padding: 0 .5rem;
    color: #757575
}

.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;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    padding: .2rem 0;
    margin-bottom: 40px
}

.feed .detail .labelStory.highlighted .labelText {
    display: block
}

.feed .detail .labelStory.sponsored .labelText {
    background-color: #dcdcdc;
    color: #000;
    width: 100%;
    display: block;
    text-align: center
}

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

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

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

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

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

.feed .authorprofile .authorprofile-image-container .author-image {
    width: 100%;
    height: 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-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-top: .4rem;
    margin-bottom: 0
}

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

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

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

@media (max-width: 640px) {
    .feed .authorprofile {
        font-size: 16px;
        line-height: 26px
    }

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

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

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

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

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

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

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

.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-weight: 700;
    font-size: 1.3rem;
    margin: .5rem 0
}

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

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

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

.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 {
        margin: 0 16px 16px;
        font-size: 14px;
        line-height: 20px
    }
}

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

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

.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 .listHeading {
    margin: 0;
    padding: 0
}

.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;
    padding: 1rem;
    width: 100%
}

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

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

.feed .show.topicPage .listHeading {
    margin-bottom: 2rem
}

.feed .show.topicPage .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;
    padding: 1.5rem 1.5rem 0 0
}

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

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

.feed .followUs a:focus > [role=tooltip], .feed .followUs a:hover > [role=tooltip] {
    display: block;
    box-shadow: 0 0 0 3px #cbcbcb;
    font-size: .85em;
    background-color: #fff
}

.feed .followUs [role=tooltip] {
    display: none;
    z-index: 2;
    color: #333;
    width: auto;
    padding: .125em .175em;
    position: absolute
}

.feed .followUs .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 {
    margin: .4rem;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    width: 43px;
    height: 43px
}

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

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

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

.feed .followUs .followUs-image .placeholderImage {
    display: none
}

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

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

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

.feed .appContainer .globalFooter {
    margin-top: 48px
}

.feed .globalFooter .footerBody {
    max-width: 80rem;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.feed .globalFooter .extendedFooter {
    background-color: #fff;
    color: #000;
    max-width: 80rem;
    margin: 0 auto
}

.feed .appContainer .globalFooter .extendedFooter {
    border-top: 1px solid #eaeaea
}

.feed .globalFooter .extendedFooter .footerColumn {
    align-self: baseline
}

.feed .globalFooter .basicFooter {
    color: #fff;
    background-color: #000
}

.feed .globalFooter .basicFooter .footerColumn {
    align-self: center
}

.feed .globalFooter .footerList {
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.feed .globalFooter .icon {
    margin-right: .3125rem
}

.feed .globalFooter .icon .emailIcon {
    height: .8125rem
}

.feed .globalFooter .footerColumn {
    flex: 1 1 130px;
    font-size: .85em;
    padding: 16px
}

.feed .globalFooter .footerLink {
    color: #0550c8;
    text-decoration: none
}

.feed .globalFooter .footerLink:focus, .feed .globalFooter .footerLink:hover {
    text-decoration: underline
}

.feed .globalFooter .footerHeading {
    margin-top: 0;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.7em
}

.feed .globalFooter .footerItem {
    margin-bottom: .5rem
}

.feed .connect .globalFooter .footerItem {
    margin-bottom: .7rem
}

.feed .globalFooter .copyright, .feed .globalFooter .extendedLogoLink, .feed .globalFooter .radioCanada {
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none
}

.feed .globalFooter .extendedLogo {
    font-size: 1.3rem;
    flex: 1 1 230px
}

.feed .globalFooter .extendedLogo .placeholder {
    background: none
}

.feed .globalFooter .extendedLogo .placeholderImage {
    display: none
}

.feed .globalFooter .extendedLogo img {
    position: relative;
    width: 220px
}

.feed .globalFooter .copyright {
    flex: 2 0 230px
}

.feed .globalFooter .radioCanada:focus, .feed .globalFooter .radioCanada:hover {
    text-decoration: underline
}

.feed .globalFooter.externalFooter {
    height: 610px;
    overflow: auto
}

.feed .globalFooter .cbcWatch {
    transition: background-color .25s linear;
    border-bottom: 1px solid #d8d8d8;
    text-decoration: none
}

.feed .globalFooter .cbcWatch:focus, .feed .globalFooter .cbcWatch:hover {
    background-color: #d8d8d8;
    text-decoration: none
}

.feed .viewportLarge .globalFooter .radioCanada {
    text-align: right
}

.feed .viewportLarge .globalFooter .copyright {
    text-align: center
}

.feed .globalHeader {
    background: #fff;
    color: #fff;
    width: 100%;
    z-index: 1000
}

.feed .globalHeader .toggleMenu {
    pointer-events: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none
}

.feed .globalHeader .toggleMenu .icon {
    float: right
}

.feed .globalHeader .menuNavWrapper {
    max-width: 80rem;
    margin: 0 auto;
    background-color: #fff;
    flex-flow: row wrap;
    justify-content: flex-start;
    overflow: visible;
    position: relative;
    padding-left: 16px
}

.feed .globalHeader .logo, .feed .globalHeader .menuNavWrapper {
    align-items: center;
    display: flex;
    height: 48px;
    padding-right: 16px
}

.feed .globalHeader .logo {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none
}

.feed .globalHeader .logo .logoIcon {
    margin-left: 16px;
    display: block
}

.feed .globalHeader .menuClose {
    display: none
}

.feed .globalHeader .gemSectionLink {
    margin: 0;
    padding: 0 1rem;
    vertical-align: baseline;
    white-space: nowrap
}

.feed .globalHeader .gemSectionLink .icon {
    display: none
}

.feed .globalHeader .gemSectionLink .icon .logoIcon {
    margin-left: 0
}

.feed .globalHeader .gemSectionLink .icon .logoIcon.logoMyCbc {
    margin-top: 3px
}

.feed .globalHeader .gemSectionLink .navLink {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300;
    font-size: 1.75rem
}

.feed .globalHeader .gemSectionLink .navLink:hover {
    text-decoration: underline
}

.feed .globalHeader .gemSectionLink .navLink .icon {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 400px) {
    .feed .globalHeader .gemSectionLink .region-british-columbia .icon svg, .feed .globalHeader .gemSectionLink .region-new-brunswick .icon svg, .feed .globalHeader .gemSectionLink .region-saskatchewan .icon svg {
        width: 190px
    }
}

.feed .globalHeader .collapsible .navSection, .feed .globalHeader .collapsible .navSection:active, .feed .globalHeader .collapsible .navSection:link, .feed .globalHeader .collapsible .navSection:visited, .feed .globalHeader .navLink, .feed .globalHeader .navLink:active, .feed .globalHeader .navLink:link, .feed .globalHeader .navLink:visited {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.feed .globalHeader .collapsible .navSection:focus, .feed .globalHeader .collapsible .navSection:hover, .feed .globalHeader .navLink:focus, .feed .globalHeader .navLink:hover {
    color: #e60505;
    text-decoration: underline
}

.feed .globalHeader .collapsible .navSection:focus .icon .chevronIcon, .feed .globalHeader .collapsible .navSection:hover .icon .chevronIcon, .feed .globalHeader .navLink:focus .icon .chevronIcon, .feed .globalHeader .navLink:hover .icon .chevronIcon {
    fill: #e60505
}

.feed .globalHeader .sideMenu {
    align-self: center;
    min-width: 3rem;
    text-align: center;
    margin-left: auto;
    display: flex
}

.feed .globalHeader .sideMenu .navLink {
    align-self: center;
    color: #000;
    display: inline-block;
    padding: 12px 16px
}

.feed .globalHeader .sideMenu .search {
    border: 0;
    text-decoration: none;
    color: #545454;
    fill: #545454
}

.feed .globalHeader .sideMenu .search .headerSearch, .feed .globalHeader .sideMenu .search .searchIcon {
    transition: transform .4s ease-out;
    transform: scale(1)
}

.feed .globalHeader .sideMenu .search .removeIcon {
    position: relative;
    bottom: -2px
}

.feed .globalHeader .sideMenu .search .searchText {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 6px
}

.feed .globalHeader .sideMenu .search:hover {
    color: #e60505;
    fill: #e60505
}

@media only screen and (max-width: 600px) {
    .feed .globalHeader .sideMenu .search .searchText {
        display: none
    }
}

.feed .globalHeader .menuButton {
    -ms-flex-basis: 1;
    align-self: center;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    color: #e60505;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 12px 16px;
    position: relative;
    overflow: hidden;
    z-index: 100
}

.feed .globalHeader .menuButton .chevronIcon {
    margin-left: 5px;
    padding: 3px
}

.feed .globalHeader .menuButton .chevronIcon g {
    transform: translateY(1px)
}

@media (max-width: 730px) {
    .feed .globalHeader .menuButton.olympicsButton {
        display: none
    }
}

.feed .globalHeader .menuButton.olympicsButton {
    text-transform: none;
    font-weight: 700;
    font-size: .875rem
}

.feed .globalHeader .menuButton.olympicsButton:focus, .feed .globalHeader .menuButton.olympicsButton:hover {
    text-decoration: underline;
    color: #e60505
}

.feed .globalHeader .menuButton:focus, .feed .globalHeader .menuButton:hover {
    color: #000
}

.feed .globalHeader .menuButton:focus .chevronIcon, .feed .globalHeader .menuButton:hover .chevronIcon {
    fill: #fff;
    background-color: #e60505
}

.feed .globalHeader .menuButton:before {
    content: "";
    height: 1.375rem;
    width: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #e60505
}

.feed .globalHeader .navSection {
    color: #545454;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700
}

.feed .globalHeader.open {
    background: hsla(0, 0%, 91.8%, .8);
    height: 100%;
    overflow-y: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: fixed
}

.feed .globalHeader.open .headerSearchBar, .feed .globalHeader.open .landingNav, .feed .globalHeader.open .profileButtonWrapper {
    display: none
}

.feed .globalHeader.open .toggleMenu {
    pointer-events: auto
}

.feed .globalHeader.open .menuNavWrapper {
    align-items: flex-start;
    display: flex;
    height: auto;
    max-width: 65rem
}

.feed .globalHeader.open .sideMenu .navLink {
    display: none;
    border-color: #fff
}

.feed .globalHeader.open .menuButton:after {
    transform: rotate(-90deg)
}

.feed .globalHeader.open .menuClose {
    background: transparent;
    border: none;
    display: block;
    position: absolute;
    padding: 0;
    right: .5rem
}

.feed .globalHeader.open .menuClose .icon {
    display: flex
}

.feed .globalHeader.open .menuClose .icon .closeIcon {
    background: #e60505
}

.feed .globalHeader .navItem .navLink:focus, .feed .globalHeader .navItem .navLink:hover {
    text-decoration: underline
}

.feed .globalHeader .navItem .navLink.selected {
    padding: 3px 5px;
    margin-left: -5px;
    margin-right: -5px
}

.feed .globalHeader .navItem .navLink.selected:hover {
    text-decoration: none
}

.feed .globalHeader .subNavList {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0
}

.feed .globalHeader .subNavList:after {
    content: "";
    flex: auto;
    padding: 0 1rem;
    width: 21%
}

.feed .globalHeader .subNavList .subNavListItem {
    list-style-type: none;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 1rem;
    width: 21%
}

.feed .globalHeader .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none
}

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

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

.feed .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    min-height: 48px;
    margin: 0 auto
}

.feed .globalHeader .landingNav .landingWrapper {
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px
}

.feed .globalHeader .landingNav .subNavList {
    height: 48px;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    position: relative;
    white-space: nowrap
}

.feed .globalHeader .landingNav .subNavList .subNavListItem {
    padding: 0 1.5rem;
    margin: 0;
    width: auto;
    white-space: nowrap
}

.feed .globalHeader .landingNav .subNavList .subNavListItem.gemWrapper {
    padding-left: 0
}

.feed .olympicsSection .globalHeader .landingNav {
    border-top: unset
}

@media (max-width: 640px) {
    .feed .globalHeader .landingNav .subNavList .subNavListItem {
        padding: 0 .8rem
    }
}

.feed .globalHeader .moreItemsNav {
    text-align: right
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .globalHeader .responsiveNav.allHidden .subNavListItem {
    visibility: hidden
}

.feed .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
    visibility: visible
}

.feed .scrollDown .globalHeader .responsiveNav.allHidden .subNavListItem.gemWrapper {
    padding-left: .5rem
}

.feed .globalHeader .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    position: absolute;
    z-index: 1000;
    right: 0;
    padding-left: 0;
    margin-right: 1rem;
    visibility: visible;
    top: 50%;
    transform: translateY(-50%)
}

.feed .globalHeader .responsiveNav .gemWrapper .gemSectionLink {
    padding: 0
}

.feed .globalHeader .responsiveNav.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0
}

.feed .globalHeader .responsiveNav.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem
}

.feed .globalHeader .responsiveNav.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none
}

.feed .globalHeader .responsiveNav.introNav .moreButton, .feed .globalHeader .responsiveNav.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: .2rem .5rem
}

.feed .globalHeader .responsiveNav.introNav .moreButton.selected, .feed .globalHeader .responsiveNav.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader .responsiveNav.introNav .moreButton:hover, .feed .globalHeader .responsiveNav.introNav .subNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList {
    min-width: 10rem
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: .2rem;
    text-decoration: none
}

.feed .globalHeader .responsiveNav.introNav .moreItemsNav .moreButton {
    height: auto;
    padding: 1rem
}

.feed .globalHeader .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    padding: 0
}

.feed .globalHeader.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav {
    text-align: right
}

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

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

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

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

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink:focus, .feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav .moreNavListItem .moreNavLink.selected {
    background-color: #cbcbcb
}

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

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

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

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

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

.feed .globalHeader .olympicsResponsiveNav .moreItemsNav.open .moreButton .chevronIcon {
    border: 1px solid #000
}

.feed .globalHeader .olympicsResponsiveNav .bannerSection {
    background-color: #fff
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem {
    position: static;
    white-space: nowrap
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem .subNavLink {
    font-weight: 700
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem:first-child {
    padding-left: 0
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.hidden {
    visibility: hidden;
    position: absolute
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger {
    margin-left: 0;
    padding-right: 0;
    position: relative;
    visibility: hidden
}

.feed .viewportSmall .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger {
    position: absolute;
    right: 1rem
}

.feed .viewportSmall .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger .moreButton {
    text-decoration: none
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger.active {
    visibility: visible
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .subNavListItem.moreNavTrigger .moreItemsList {
    right: unset
}

.feed .globalHeader .olympicsResponsiveNav .subNavList.allHidden .subNavListItem {
    visibility: hidden
}

.feed .globalHeader .olympicsResponsiveNav .subNavList.allHidden .subNavListItem.moreNavTrigger {
    position: absolute;
    right: unset;
    z-index: 1000;
    padding-left: 0;
    margin-right: 1rem;
    visibility: visible;
    top: 50%;
    transform: translateY(-50%)
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav {
    display: flex;
    align-items: center;
    margin-left: 4rem;
    right: 0;
    position: absolute
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav > * {
    margin: 0 1.2rem
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav .watchLiveLink {
    background: #ffdc14;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    padding: 4px 13px;
    border-radius: 8px;
    font-size: .875rem
}

.feed .globalHeader .olympicsResponsiveNav .subNavList .rightAlignNav .watchLiveLink:hover {
    background-color: #ffec6a
}

.feed .globalHeader.introNav {
    background-color: #545454;
    clear: both;
    display: flex;
    margin: 0;
    padding: 0
}

.feed .globalHeader.introNav .subNavListItem {
    list-style-type: none;
    margin: 0;
    padding: 1rem
}

.feed .globalHeader.introNav .subNavListItem.selected {
    background: #000;
    font-weight: 700;
    text-shadow: none
}

.feed .globalHeader.introNav .moreButton, .feed .globalHeader.introNav .subNavLink {
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: .2rem .5rem
}

.feed .globalHeader.introNav .moreButton.selected, .feed .globalHeader.introNav .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader.introNav .moreButton:hover, .feed .globalHeader.introNav .subNavLink:hover {
    text-decoration: underline
}

.feed .globalHeader.introNav .moreItemsNav .moreItemsList {
    min-width: 10rem
}

.feed .globalHeader.introNav .moreItemsNav .moreItemsList .moreNavLink.selected {
    background-color: #000;
    color: #fff;
    padding: .2rem;
    text-decoration: none
}

.feed .globalHeader.introNav .moreItemsNav .moreButton {
    height: auto;
    padding: 1rem
}

.feed .globalHeader.introNav .subNavListItem.moreNavTrigger {
    padding: 0
}

.feed .globalHeader.viewportSmall .olympicsResponsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px
}

.feed .globalHeader.viewportSmall .olympicsResponsiveNav .rightAlignNav > * {
    margin: unset
}

.feed .globalHeader.viewportSmall .olympicsResponsiveNav .rightAlignNav .icon {
    margin-left: 2.5rem
}

.feed .globalHeader .menuNav {
    position: relative
}

.feed .globalHeader .menuNav .menuList {
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.feed .globalHeader .menuNav .closeButton {
    display: none
}

.feed .globalHeader .menuNav .mainMenuItem {
    line-height: 2rem;
    padding-left: 2rem
}

.feed .globalHeader .menuNav .mainMenuItem.nav-more {
    background: #545454
}

.feed .globalHeader .menuNav .mainMenuItem.nav-more .navSection {
    display: none
}

.feed .globalHeader .menuNav .mainMenuItem.nav-more .navLink {
    color: #fff
}

.feed .globalHeader .menuNav .mainMenuItem .navLink.nav-listen-to-cbc-radio, .feed .globalHeader .menuNav .mainMenuItem .navLink.nav-watch-cbc-tv {
    font-weight: 700;
    text-transform: uppercase
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection {
    border-bottom: 1px solid #cbcbcb;
    min-height: 2rem;
    padding: .5rem .5rem .5rem 1rem
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection:last-child {
    border: none
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList {
    margin-left: -1rem
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected {
    color: #e60505;
    cursor: auto
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection .subNavList .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions {
    display: flex;
    flex-flow: row wrap
}

.feed .globalHeader .menuNav .mainMenuItem.hasSubsection.hasRegions .navSection {
    margin-right: 2rem
}

.feed .globalHeader .menuNav .navLink, .feed .globalHeader .menuNav .topics .subNavLink {
    font-weight: 700;
    text-transform: uppercase
}

.feed .globalHeader .menuNav.open {
    display: flex;
    width: 100%;
    outline: none;
    border-top: 1px solid #cbcbcb
}

.feed .globalHeader .menuNav.open .menuSidebar {
    display: block
}

.feed .globalHeader .menuNav.open .menuList {
    border-top: none;
    display: block
}

.feed .globalHeader .menuNav.open .closeButton {
    border: none;
    background-color: #e60505;
    color: #fff;
    display: inline-block;
    font-size: .9rem;
    padding: .5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.feed .globalHeader .menuNav.open .closeButton:focus, .feed .globalHeader .menuNav.open .closeButton:hover {
    background-color: #fff;
    color: #e60505;
    border: 1px solid #e60505
}

.feed .globalHeader .menuNav .menuSidebar {
    display: none;
    background: #545454;
    width: 125px
}

.feed .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    color: #fff;
    background-color: #727272;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase;
    text-align: center
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: .9rem;
    margin: .7rem .5rem;
    padding: .3rem .5rem;
    text-transform: uppercase;
    text-decoration: none
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected, .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus, .feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover {
    background: #fff;
    color: #e60505;
    text-decoration: none
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
    color: #e60505;
    cursor: auto;
    font-weight: 700
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar, .viewportMedium .globalHeader .menuNav .menuSidebar {
    width: auto
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton, .feed .viewportSmall .globalHeader .menuNav .menuSidebar .menuSidebarHeading, .viewportMedium .globalHeader .menuNav .menuSidebar .closeButton, .viewportMedium .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    text-align: left
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .closeButton, .viewportMedium .globalHeader .menuNav .menuSidebar .closeButton {
    display: none
}

.feed .viewportSmall .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem, .viewportMedium .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0 .5rem;
    width: 40%
}

.feed .globalHeader.viewportMedium .menuNav.open, .feed .globalHeader.viewportSmall .menuNav.open {
    flex-flow: column wrap
}

.feed .globalHeader.viewportLarge .menuNav.open .menuList.subNavList, .feed .globalHeader.viewportXLarge .menuNav.open .menuList.subNavList {
    display: block
}

.feed .globalHeader.externalHeader {
    position: static
}

.feed .globalHeader.externalHeader .externalNav {
    flex: 2 1 auto;
    margin: 0 1rem
}

.feed .globalHeader.externalHeader .externalNav .externalSubNav {
    margin: 0
}

.feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
    padding: 0 12px;
    width: auto
}

.feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem .subNavLink {
    font-size: 16px;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem {
        display: none
    }

    .feed .globalHeader.externalHeader .externalNav .externalSubNav .subNavListItem:last-child {
        display: block
    }
}

.feed .globalHeader .regionalNav .gemSectionLink {
    padding-left: 0
}

.feed .globalHeader .regionalNav .gemSectionLink .navLink {
    font-size: 1.3rem
}

.feed .globalHeader .regionalNav .gemSectionLink .navLink.region-newfoundland-labrador, .feed .globalHeader .regionalNav .gemSectionLink .navLink.region-prince-edward-island {
    font-size: .97rem
}

.feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper {
    padding-left: 1rem
}

.feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper .navLink.region-newfoundland-labrador, .feed .globalHeader.scrollDown .allHidden .subNavListItem.gemWrapper .navLink.region-prince-edward-island {
    font-size: .83rem
}

.feed .globalHeader.viewportLarge .regionalNav .gemSectionLink .navLink, .feed .globalHeader.viewportMedium .regionalNav .gemSectionLink .navLink, .feed .globalHeader.viewportXLarge .regionalNav .gemSectionLink .navLink {
    font-size: 1.75rem
}

.feed .globalHeader .tertiaryNav {
    position: relative
}

.feed .globalHeader .tertiaryNav .tertiaryNavWrapper {
    max-width: 80rem;
    margin: 0 auto;
    padding: .5rem 0
}

.feed .globalHeader .tertiaryNav .subNavList {
    display: block;
    max-height: 100%;
    margin: 0;
    position: relative;
    white-space: nowrap
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem {
    display: inline-block;
    padding: 0 1.5rem;
    margin: 0;
    width: auto;
    white-space: nowrap;
    text-align: center
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem .firstItem {
    padding: .2rem .5rem;
    text-transform: uppercase
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem:nth-child(2) {
    border-left: 1px solid #8c8c8c;
    line-height: 32px
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem .subNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .globalHeader .tertiaryNav .subNavList .subNavListItem.moreNavTrigger {
    padding-top: 0;
    left: 0;
    right: auto
}

.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #545454
}

.feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .globalHeader .tertiaryNav .responsiveNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #545454;
    background: #fff
}

.feed .globalHeader .tertiaryNav .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    float: none;
    margin-left: 1rem
}

.feed .globalHeader .tertiaryNav .responsiveNav.allHidden .moreItemsNav .moreItemsList {
    left: 0;
    right: auto
}

.feed .globalHeader .regionsListWrapper {
    background-color: #fff;
    color: #000
}

.feed .globalHeader .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0
}

.feed .globalHeader .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase
}

.feed .globalHeader .regionsListWrapper .regionNameWrapper {
    display: inline-block
}

.feed .globalHeader .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: .9rem;
    padding: .5rem 1rem 0 0
}

.feed .globalHeader .regionsListWrapper .regionButton {
    background-color: #fff;
    border: 1px solid #545454;
    color: #0550c8;
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    padding: .2rem .5rem
}

.feed .globalHeader .regionsListWrapper .regionButton:hover {
    text-decoration: none;
    background: #545454;
    color: #fff
}

.feed .globalHeader .regionsListWrapper .regionButton:focus {
    border: 2px dotted #545454;
    outline: none
}

.feed .globalHeader .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .globalHeader .regionsListWrapper .regionFormIntro {
    display: none;
    color: #545454;
    font-size: .9rem
}

.feed .globalHeader .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: .9rem;
    margin-right: .5rem
}

.feed .globalHeader .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem
}

.feed .globalHeader .regionsListWrapper .regionRadioButton {
    margin-right: .3rem
}

.feed .globalHeader .regionsListWrapper .regionLink {
    color: #545454;
    text-decoration: none;
    border: 0;
    font-weight: 400
}

.feed .globalHeader .regionsListWrapper .regionLink:focus, .feed .globalHeader .regionsListWrapper .regionLink:hover {
    color: #e60505;
    text-decoration: underline;
    outline: none
}

.feed .globalHeader .regionsListWrapper .regionLink:focus .chevronIcon, .feed .globalHeader .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454
}

.feed .globalHeader .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: .5rem;
    width: 100%
}

.feed .globalHeader .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto
}

.feed .globalHeader .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .globalHeader .regionsListWrapper.openRegion .regionFormIntro {
    display: block
}

.feed .globalHeader .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg)
}

.feed .globalHeader .regionsListWrapper.standAlone {
    background: #f4f4f4
}

.feed .globalHeader .regionsListWrapper.standAlone .regionsListItem {
    font-size: .85rem;
    flex: 1 1 40%;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .globalHeader .regionsListWrapper.standAlone .regionNameWrapper {
    font-size: 1rem;
    padding: .5rem 0;
    display: inline
}

.feed .globalHeader .regionsListWrapper.standAlone .regionForm {
    background: #fff
}

.feed .globalHeader .regionsListWrapper.standAlone .regionFormIntro {
    padding: .5rem
}

.feed .globalHeader .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.feed .globalHeader .regionsListWrapper.standAlone .defaultRegionLabel {
    display: block;
    color: #545454;
    font-size: .8rem;
    margin: 0 .5rem .3rem 0
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: .5rem .5rem 0 0
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion, .feed .globalHeader .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion:before, .feed .globalHeader .regionsListWrapper.standAlone .regionButton:before {
    display: none
}

.feed .globalHeader .regionsListWrapper.standAlone .regionButton {
    box-shadow: inset 0 0 0 1px #545454;
    border: none;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .globalHeader .regionsListWrapper.standAlone .regionButton:focus, .feed .globalHeader .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .globalHeader .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    text-transform: none;
    font-weight: 400
}

.feed .globalHeader .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700
}

.feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454
}

.feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem
}

.feed .globalHeader .regionsListWrapper.standAlone.openRegion .regionButton {
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    background-color: #fff;
    color: #e60505;
    margin-bottom: -2px;
    padding: .5rem
}

.feed .globalHeader .player-base-category-nav {
    background-color: #000;
    height: 45px
}

.feed .globalHeader .player-base-category-nav > .inner {
    margin: 0 auto;
    padding: 10px 16px;
    max-width: 1280px;
    overflow: hidden
}

.feed .globalHeader .player-base-category-nav > .inner > .base-category-title {
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 15px
}

.feed .globalHeader .player-base-category-nav > .inner > select {
    display: inline-block;
    height: 25px;
    margin: 0 0 0 24px;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    padding-left: 10px;
    width: 168px;
    box-sizing: border-box;
    border: 0;
    border-radius: 2px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #585858;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"292.4"%20height%3D"292.4"><path%20fill%3D"%23cbcbcb"%20d%3D"M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z"%2F><%2Fsvg>');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%
}

.feed .globalHeader .player-base-category-nav > .inner > select::-ms-expand {
    display: none
}

.feed .globalHeader .player-base-category-nav > .inner > select:hover {
    border-color: #888
}

.feed .globalHeader .player-base-category-nav > .inner > select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #fff;
    outline: none
}

.feed .globalHeader .player-base-category-nav > .inner > select option {
    font-weight: 400
}

.feed .globalHeader .plusNav {
    background: #1720f9
}

.feed .globalHeader .plusNav-nav {
    max-width: 80rem;
    margin: 0 auto
}

.feed .globalHeader .plusNav-nav .navWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0
}

.feed .globalHeader .plusNav-nav .navWrapper .navLabel {
    font-weight: 700;
    font-size: .875rem
}

.feed .globalHeader .plusNav-nav .navWrapper .logo {
    flex: 0 0 0
}

.feed .globalHeader .plusNav-nav .navWrapper .logo .logoIcon {
    margin-left: 0
}

.feed .globalHeader .plusNav-nav .navWrapper .logo a {
    color: #fff;
    text-decoration: none
}

.feed .globalHeader .plusNav-nav .navWrapper .date {
    flex: auto
}

.feed .globalHeader .plusNav-nav .navWrapper .settings {
    padding: .5rem;
    margin-right: -.5rem;
    flex: 0 0 0
}

.feed .globalHeader .plusNav-nav .navWrapper .settings:hover {
    border-radius: 1.25rem;
    background-color: hsla(0, 0%, 100%, .3)
}

.feed .globalHeader .plusNav-nav .navWrapper .settings .linkLabel {
    margin-left: .5rem
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a svg {
    fill: #fff
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a .settingsIcon {
    margin: 0
}

.feed .globalHeader .plusNav-nav .navWrapper .settings a .icon {
    display: flex;
    align-items: center
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback {
    padding: .5rem;
    margin-right: -.5rem;
    flex: 0 0 0
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback:hover {
    border-radius: 1.25rem;
    background-color: hsla(0, 0%, 100%, .3)
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback .linkLabel {
    margin-left: .5rem
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback .feedbackNavButton {
    display: flex;
    align-items: center;
    border: none;
    color: #fff;
    background-color: transparent
}

.feed .globalHeader .plusNav-nav .navWrapper .feedback .feedbackNavButton .icon {
    display: flex
}

.feed .globalHeader .plusNav-nav .navWrapper .navItem {
    list-style-type: none
}

.feed .viewportMedium .open .menuClose, .feed .viewportSmall .open .menuClose {
    top: 52px
}

.feed .viewportLarge .regionsListWrapper.openRegion .regionsList, .feed .viewportMedium .regionsListWrapper.openRegion .regionsList, .feed .viewportXLarge .regionsListWrapper.openRegion .regionsList {
    height: 18rem
}

.feed .viewportLarge .open .menuClose, .feed .viewportXLarge .open .menuClose {
    top: 58px
}

.feed .heading {
    display: flex;
    flex: 1
}

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

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

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

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

.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-weight: 700;
    font-size: 1.5rem
}

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

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

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

.feed .heading-link:focus .heading-element {
    outline: 1px dashed #545454
}

.feed .heading-link:focus:active .heading-element {
    outline: none
}

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

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

.feed .heading-description {
    display: inline;
    line-height: 1.5;
    margin: 0;
    font-size: 1rem;
    color: #545454;
    padding-left: 45px
}

@media (max-width: 1068px) {
    .feed .heading-description {
        display: block;
        padding: 0;
        margin-top: 6px
    }
}

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

.feed .heading-sectionHeading {
    margin-bottom: 16px
}

.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;
    height: 40px
}

.feed .heading-sectionHeading-sponsoredImageWrap-image-sm {
    height: 20px
}

.feed .heading-sectionHeading-sponsoredImageWrap-image-lg {
    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;
        width: 100%;
        padding: 0;
        margin-top: 6px
    }

    .feed .heading-sectionHeading-sponsoredImageWrap-image {
        display: block
    }
}

.feed .heading-sectionHeading-sponsorText {
    font-weight: 700;
    font-size: .8rem
}

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

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

.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 .heading-element, .feed .oc-l-sectionContainer-dark .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image, .feed .subregionCTAWrapper .heading-link:focus .heading-element, .feed .subregionCTAWrapper .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image, .feed .swimlane.mediaTheme .heading-link:focus .heading-element, .feed .swimlane.mediaTheme .heading-sectionHeading-sponsoredImageWrap-link:focus .heading-sectionHeading-sponsoredImageWrap-image {
    outline: 1px dashed #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 .sidebar .gracenoteWidgetFLP .heading.heading-sectionHeading .heading-element.heading-element-h2 {
    font-size: 1.625rem
}

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

.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 {
    position: absolute;
    height: 98%;
    display: none;
    justify-content: center
}

.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 {
    width: 13px;
    height: 13px;
    fill: #545454
}

.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%;
    width: 50px;
    pointer-events: none
}

.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%;
    width: 50px;
    pointer-events: none
}

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

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

.feed .in-page-nav-wrapper .in-page-nav ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    min-height: 50px;
    margin: 0;
    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;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .7em;
    outline-offset: -1px
}

.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 {
    content: "";
    float: left;
    background: #000;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    margin-top: 5px
}

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

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

.feed .in-page-nav-wrapper .in-page-nav ul li.in-page-nav-dropdown .dropdown-wrapper select:focus {
    outline: 1px dotted #000
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .storybookTweaks-contentGrid .mockRightRail {
    margin-left: 16px;
    background: violet;
    color: #fff;
    flex: 0 0 300px;
    padding: 15px 10px;
    box-sizing: border-box
}

@media (max-width: 1002px) {
    .feed .storybookTweaks-contentGrid section {
        flex-direction: column
    }

    .feed .storybookTweaks-contentGrid .mockRightRail {
        margin-left: 0;
        margin-top: 16px
    }
}

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

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

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

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

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

@media (max-width: 530px) {
    .feed .oc-l-contentGrid.oc-l-contentGrid-sideScroll {
        padding-bottom: 10px;
        padding-left: 16px;
        display: flex;
        grid-gap: 0
    }

    .feed .oc-l-contentGrid-sideScroll {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin: 0;
        scrollbar-width: thin;
        scrollbar-color: #cbcbcb transparent;
        scrollbar-face-color: #cbcbcb;
        scrollbar-track-color: transparent;
        scrollbar-arrow-color: #cbcbcb
    }

    .feed .oc-l-contentGrid-sideScroll .oc-l-contentGrid-contentWrapper {
        min-width: 230px;
        margin: 0 8px
    }

    .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 {
        padding-right: 16px;
        margin-right: 0
    }

    .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 .card {
    margin: 0;
    flex-grow: 1
}

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

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

.feed .cookieJarWrapper .readMoreLink {
    display: none
}

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

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

.feed .homepageTheme .video-playlist {
    margin: 25px 0 50px
}

.feed .homepageTheme .videoPlaylistRow {
    display: flex
}

.feed .homepageTheme .videoPlaylistRow .playlistSidebar, .feed .homepageTheme .videoPlaylistRow .playlistSwimlane {
    margin-left: .5rem;
    margin-right: .5rem
}

.feed .homepageTheme .videoPlaylistRow .playlistSwimlane {
    flex: 3 1 40rem
}

.feed .homepageTheme .videoPlaylistRow .playlistSidebar {
    flex: 0 0 300px;
    margin-top: 15px
}

.feed .homepageTheme .videoPlaylistRow .playlistSidebar .callToAction {
    font-size: .8rem;
    font-weight: 700
}

@media (max-width: 1068px) {
    .feed .homepageTheme .videoPlaylistRow {
        flex-flow: row wrap
    }

    .feed .homepageTheme .videoPlaylistRow .playlistSidebar {
        flex-grow: 1
    }
}

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

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

.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;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.feed .landingChessboard .moreStories {
    width: 100%;
    margin: auto
}

.feed .landingChessboard .moreStories .contentList .contentListCards .card {
    margin-left: 1rem;
    margin-right: 1rem
}

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

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

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

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

.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 {
    box-sizing: border-box;
    width: 22rem;
    border: 2px solid #0a7f9d;
    border-radius: 3px;
    background-color: #0a7f9d;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 8px 16px;
    display: flex;
    margin-left: auto;
    margin-right: .375rem
}

.feed .landingWatch .swimWrapper .extraLink .extraLinkText {
    margin: auto
}

.feed .viewportSmall .landingWatch .swimWrapper .extraLink {
    width: calc(100% - .75rem);
    margin: auto
}

.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 .cardText, .feed .landingNews .featuredArea .cardText {
    border-right: none;
    border-left: none;
    border-top: none
}

.feed .landingNews .contentListing .card .metadataText .departmentItem, .feed .landingNews .contentListing .card .metadataText > .metaSeparator {
    display: none
}

.feed .landingNews.variant-b .card:hover .videoLinkImageOverlay svg path {
    fill: #e60505
}

.feed .landingNews .videoPlaylistRow {
    display: flex
}

.feed .landingNews .videoPlaylistRow .playlistSidebar, .feed .landingNews .videoPlaylistRow .playlistSwimlane {
    margin-left: .5rem;
    margin-right: .5rem
}

.feed .landingNews .videoPlaylistRow .playlistSwimlane {
    flex: 3 1 40rem
}

.feed .landingNews .videoPlaylistRow .playlistSidebar {
    flex: 0 0 300px;
    margin-top: 40px
}

@media (max-width: 1068px) {
    .feed .landingNews .videoPlaylistRow {
        flex-flow: row wrap
    }

    .feed .landingNews .videoPlaylistRow .playlistSidebar {
        flex-grow: 1
    }
}

.feed .viewportLarge .landingNews .swimlane {
    width: 100vw
}

.feed .landingPlus .landingMycbc .widgetArea {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between
}

.feed .landingPlus .landingMycbc .widgetArea .listenLive.showsProvinces, .feed .landingPlus .landingMycbc .widgetArea .widgetContainer {
    width: calc(50% - 5px)
}

.feed .landingPlus .landingMycbc .widgetArea .listenLive.showsProvinces {
    flex-wrap: wrap;
    flex-direction: row
}

.feed .landingPlus .landingMycbc .widgetArea .locationDropDown {
    width: calc(100% - 66px)
}

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

.feed .landingPlus .landingMycbc .listenLive.showsProvinces {
    margin: 0 0 1rem;
    padding: 0;
    position: relative
}

.feed .landingPlus .landingMycbc .listenLive.showsProvinces .listenLink, .feed .landingPlus .landingMycbc .listenLive.showsProvinces .locationButton {
    width: 100%
}

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

.feed .landingPlus .landingMycbc .moreStories .headingText, .feed .landingPlus .landingMycbc .moreStories .title, .feed .landingPlus .landingMycbc .sidebar .nboxExplainerTitle .headingText, .feed .landingPlus .landingMycbc .sidebar .nboxExplainerTitle .title {
    font-size: 1.6em;
    line-height: 1.4em
}

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

.feed .landingPlus .landingMycbc .pageContentWrap .contentArea .headingText {
    font-size: 2em;
    line-height: 1.4em
}

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

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

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

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

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

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

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

.feed .landingPlus.viewportMedium .landingMycbc .widgetArea .listenLive.showsProvinces, .feed .landingPlus.viewportMedium .landingMycbc .widgetArea .widgetContainer, .feed .landingPlus.viewportSmall .landingMycbc .widgetArea .listenLive.showsProvinces, .feed .landingPlus.viewportSmall .landingMycbc .widgetArea .widgetContainer {
    width: 100%
}

.feed .landingPlus .audiencePage .contentArea .contentListCards.listDisplay {
    margin: 0 -.5rem
}

.feed .landingPlus .audiencePage .contentArea .contentListCards .card {
    margin: 0
}

.feed .landingPlus .audiencePage .contentArea .contentListCards .audienceListItem {
    display: flex;
    flex: 0 0 230px;
    margin: .5rem
}

.feed .landingPlus .audiencePage .audienceSection {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.feed .landingPlus .audiencePage hr {
    border: 0;
    height: 1px;
    background: #d8d8d8
}

.feed .landingPlus .audiencePage .audienceCard {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: .5rem;
    width: 100%;
    height: 100%;
    color: #000
}

.feed .landingPlus .audiencePage .audienceCard .icon {
    flex: 0 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

.feed .landingPlus .audiencePage .audienceCard .icon svg {
    width: 2rem;
    height: 2rem
}

.feed .landingPlus .audiencePage .audienceCard .title {
    padding-left: .5rem;
    text-align: left
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted {
    border: 1px solid #1720f9
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted svg {
    fill: #1720f9
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus, .feed .landingPlus .audiencePage .audienceCard.whitelisted:hover {
    background-color: #1720f9
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus .title, .feed .landingPlus .audiencePage .audienceCard.whitelisted:hover .title {
    color: #fff
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus svg, .feed .landingPlus .audiencePage .audienceCard.whitelisted:hover svg {
    fill: #fff
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted:focus .unfollowIcon, .feed .landingPlus .audiencePage .audienceCard.whitelisted:hover .unfollowIcon {
    display: inherit
}

.feed .landingPlus .audiencePage .audienceCard.whitelisted .followIcon, .feed .landingPlus .audiencePage .audienceCard.whitelisted .unfollowIcon, .feed .landingPlus .audiencePage .audienceCard.whitelisted:focus .followedIcon, .feed .landingPlus .audiencePage .audienceCard.whitelisted:hover .followedIcon {
    display: none
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted {
    border: 1px solid #757575
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted svg {
    fill: #757575
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted:focus, .feed .landingPlus .audiencePage .audienceCard.blacklisted:hover {
    background-color: #757575
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted:focus .title, .feed .landingPlus .audiencePage .audienceCard.blacklisted:hover .title {
    color: #fff
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted:focus svg, .feed .landingPlus .audiencePage .audienceCard.blacklisted:hover svg {
    fill: #fff
}

.feed .landingPlus .audiencePage .audienceCard.blacklisted .followedIcon, .feed .landingPlus .audiencePage .audienceCard.blacklisted .unfollowIcon {
    display: none
}

.feed .landingPlus .audiencePage .audienceGroup ul.container {
    list-style: none;
    padding: 0
}

.feed .landingPlus .audiencePage .audienceGroup .container {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(4rem, auto);
    grid-gap: 1rem
}

@media (max-width: 65rem) {
    .feed .landingPlus .audiencePage .audienceGroup .container {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 40rem) {
    .feed .landingPlus .audiencePage .audienceGroup .container {
        grid-template-columns:1fr
    }
}

.feed .landingPlus .adTargetingSection {
    color: #757575;
    font-style: italic
}

.feed .landingPlus .adTargetingExplainer {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0
}

.feed .landingPlus .adTargetingExplainer:last-child {
    border-top: none
}

.feed .landingPlus .targetedAds {
    display: flex;
    padding: 1em 0;
    justify-content: space-between
}

.feed .landingPlus .targetedAds-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2rem
}

.feed .landingPlus .targetedAds-description {
    color: #757575
}

.feed .landingPlus .targetedAds .visualSwitch {
    width: 3.5em;
    height: 1.5em;
    margin: 0 .5em
}

.feed .landingPlus .targetedAds .groove {
    background: #eee;
    box-sizing: border-box;
    margin: 0
}

.feed .landingPlus .targetedAds .knob {
    height: 1.1em;
    width: 1.1em;
    margin: 2.1px 0 0 2px
}

.feed .landingPlus .targetedAds input:first-of-type:not(:checked) ~ .visualSwitch .knob {
    left: 2em
}

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

.feed .landingPlus .adPreferences h1.headingText {
    border: none;
    font-size: 2rem;
    line-height: 2.6875rem
}

.feed .landingPlus .adPreferences h2.headingText {
    border: none;
    font-size: 1.5rem
}

.feed .landingPlus .adPreferencesIntroText {
    font-size: 1.125rem
}

.feed .landingPlus .adPreferencesDescription {
    margin-top: 3rem
}

.feed .landingPlus .adPreferencesSectionSubTitle {
    font-size: 1.125rem
}

.feed .landingPlus .loadingIndicator .spinner {
    background-color: transparent;
    color: #545454;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    width: 10rem;
    margin-right: auto;
    margin-left: auto
}

.feed .landingPlus .loadingIndicator .spinner .loader {
    margin-left: 10px;
    float: right
}

.feed .landingPlus .collapsibleSection .collapsibleSectionHeader {
    display: flex
}

.feed .landingPlus .collapsibleSection .collapsibleSectionHeader h1, .feed .landingPlus .collapsibleSection .collapsibleSectionHeader h2 {
    flex-grow: 1
}

.feed .landingPlus .collapsibleSection .collapsibleSectionHeader .toggleContainer {
    flex-grow: 0;
    border-bottom: 1px solid #000
}

.feed .landingPlus .collapsibleSection .collapsibleSectionHeader .sectionButton {
    font-size: 1.2em;
    line-height: 1.7em;
    margin-bottom: .5em
}

.feed .landingPlus .collapsibleSection .collapsibleSectionHeader .sectionButton .sectionText {
    display: inline;
    margin: 0;
    font-size: 1em;
    color: inherit;
    border: 0
}

.feed .landingPlus .collapsibleSection.closed .collapsibleSectionBody {
    display: none
}

.feed .landingPlus .collapsibleSection.interestGroup {
    padding-bottom: 15px
}

.feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .toggleContainer {
    flex-grow: 1
}

.feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton {
    padding: 0 .5em 0 0
}

.feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton .toggle {
    direction: rtl;
    padding-left: 0;
    border-width: 0;
    color: #000;
    text-align: left
}

.feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton .toggle:focus, .feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton .toggle:hover {
    color: #1720f9
}

.feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton .toggle:focus .chevronIcon, .feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton .toggle:hover .chevronIcon {
    fill: #1720f9
}

.feed .landingPlus .collapsibleSection.interestGroup .collapsibleSectionHeader .sectionButton .toggle .chevronIcon {
    margin-right: 5px;
    fill: #727272;
    width: 12px;
    height: 12px
}

.feed .landingPlus .trendingStoriesNav .linksNav {
    padding-bottom: .5rem
}

.feed .landingPlus .trendingStoriesNav .trendingStoriesNavLabel {
    color: #e60505;
    font-weight: 700;
    font-size: 15px;
    margin: 0
}

.feed .landingPlus .trendingStoriesNav .linksNav .itemList .linksNavItem {
    padding-left: 2rem;
    padding-right: 2rem
}

.feed .landingPlus .trendingStoriesNav .linksNav .itemList .linksNavItem a {
    color: #727272;
    font-size: 15px
}

.feed .landingPlus .trendingStoriesNav .linksNav .itemList .linksNavItem a:hover {
    color: #000;
    text-decoration: underline
}

.feed .landingPlus.subSection-about .banner .learnMoreLink {
    display: none
}

.feed .landingPlus .loadingIndicator .spinner {
    margin-top: 4rem;
    margin-bottom: 4rem
}

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

.feed .landingPlus b {
    color: #1720f9
}

.feed .landingPlus a {
    color: #0550c8
}

.feed .landingSports .heading-pageHeading {
    margin-top: 24px;
    margin-bottom: 55px
}

.feed .landingSports .slider {
    margin-top: 1rem
}

.feed .landingSearch .searchBoxArea {
    background-color: #fff;
    padding: 1.5rem 0
}

.feed .landingSearch .searchLabel {
    font-weight: 700;
    margin: 0 0 1rem 1rem;
    display: inline-block;
    font-size: 1em
}

.feed .landingSearch .contentArea .contentList .contentListCards .card {
    flex-basis: 100%
}

.feed .landingSearch .contentArea .contentList .contentListCards .card.search-keymatch-card .timeStamp {
    display: none
}

.feed .landingSearch .resultsContext {
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 640px) {
    .feed .landingSearch .resultsContext .resultsDescription, .feed .landingSearch .resultsContext .videoFilterContainer {
        max-width: 50%
    }
}

.feed .landingSearch .resultsContext .resultsDescription {
    font-size: 1em;
    font-weight: 400
}

.feed .landingSearch .resultsContext .videoFilterContainer {
    position: absolute;
    right: calc(300px + 1rem)
}

@media (max-width: 987px) {
    .feed .landingSearch .resultsContext .videoFilterContainer {
        right: 0;
        text-align: right
    }
}

.feed .landingSearch .resultsContext .videoFilterContainer label {
    font-size: 1rem;
    margin-right: .5rem
}

.feed .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect {
    width: 80px;
    background-color: transparent;
    border: none;
    font-weight: 700;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

@media (max-width: 987px) {
    .feed .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect {
        width: 65px
    }
}

.feed .landingSearch .resultsContext .videoFilterContainer select#videoFilterSelect::-ms-expand {
    display: none
}

.feed .landingSearch .resultsContext .videoFilterContainer svg {
    position: relative;
    left: -15px;
    pointer-events: none
}

.feed .landingSearch .resultsContext .videoFilterContainer .hiddenCalc {
    position: absolute;
    opacity: 0;
    left: -99999px;
    bottom: 0;
    pointer-events: none
}

.feed .landingSearch .video-grid-panel {
    float: inherit;
    display: flex
}

@media only screen and (max-width: 880px) {
    .feed .landingSearch .video-card-list.column-3 > .video-cards-container .video-card-container {
        flex: 1 0 calc(33.3% - 1rem)
    }
}

.feed .landingShows .series {
    margin-bottom: 3rem
}

.feed .landingPodcasts.pageComponent {
    padding-top: 24px
}

.feed .viewportSmall .landingPodcasts .allPodcasts .seriesList {
    margin-right: -.25rem
}

.feed .landingPodcasts .allPodcasts .sponsor .card.cardShow .image .placeholderImage {
    padding-bottom: 75% !important
}

.feed .landingPodcasts .allPodcasts .sponsor .card, .feed .landingPodcasts .allPodcasts .sponsor .card .card-content {
    background-color: #efefef
}

.feed .landingPodcasts .allPodcasts .card.cardMultiLink .multiLower .callToAction, .feed .landingPodcasts .allPodcasts .card.cardShow .multiLower .callToAction {
    margin-top: .5rem
}

.feed .landingPodcasts .allPodcasts .card.cardMultiLink .contentWrapper .headline, .feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline {
    margin-bottom: .5rem
}

.feed .landingPodcasts .allPodcasts .card.cardMultiLink .contentWrapper .headline p.sponsorLabel, .feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline p.sponsorLabel {
    color: #0550c8
}

.feed .landingPodcasts .allPodcasts .card.cardMultiLink .contentWrapper .headline p, .feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .headline p {
    margin-top: 0
}

.feed .landingPodcasts .allPodcasts .card.cardMultiLink .contentWrapper .description, .feed .landingPodcasts .allPodcasts .card.cardShow .contentWrapper .description {
    margin-top: .5rem
}

.feed .landingPodcasts .allPodcasts .card.cardMultiLink .image .placeholderImage, .feed .landingPodcasts .allPodcasts .card.cardShow .image .placeholderImage {
    padding-bottom: 100% !important
}

.feed .landingPodcasts .moreStories {
    width: 100%;
    margin: auto;
    padding-bottom: 55px
}

.feed .landingPodcasts .moreStories .contentList .contentListCards .card {
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .viewportSmall .landingPodcasts .jumpBar.stickBar {
    position: fixed;
    top: 80px;
    right: 0;
    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;
    z-index: 2;
    position: absolute;
    padding: 0;
    margin-right: 0;
    right: 0;
    width: 1.75rem
}

.feed .landingPodcasts .jumpBar a {
    background-color: transparent;
    border: none;
    color: #fff;
    height: 2.5rem;
    min-width: 1.25rem;
    width: 3rem;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    line-height: 2.5rem
}

.feed .viewportSmall .landingPodcasts .jumpBar a {
    line-height: inherit;
    background-color: transparent;
    border: none;
    color: #666;
    font-size: 2vh;
    min-width: 1.75rem;
    width: 1.75rem;
    margin: 3px 0;
    display: block;
    height: 4%;
    max-width: 20px;
    padding: 2px 0
}

.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 .landingMultiFeed .sectionContainer {
    padding-bottom: 55px
}

@media (max-width: 1068px) {
    .feed .landingMultiFeed .sectionContainer.oc-l-sectionContainer-withRightRail {
        padding-bottom: 20px
    }
}

.feed .landingMultiFeed .sectionContainer-main.contentAreaWrap .oc-l-contentGrid-defaultGrid + .heading {
    padding-top: 55px
}

.feed .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap {
    flex: 0 0 300px;
    margin: 0 0 0 16px
}

.feed .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap .sidebar {
    margin: 0
}

.feed .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap .sidebar .h3Offset .heading {
    padding-top: .375rem
}

@media (max-width: 1068px) {
    .feed .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap {
        display: block;
        flex-grow: 1;
        margin: 0;
        padding-top: 32px
    }

    .feed .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap .sidebar {
        width: 100%;
        margin: 0 auto
    }

    .feed .landingMultiFeed .sectionContainer-rightRail.contentAreaWrap .sidebar .h3Offset .heading {
        padding-top: 0
    }
}

.feed .landingMultiFeed .sectionContainer-main {
    flex-basis: 100%
}

.feed .landingMultiFeed .sectionContainer-main .heading-sectionHeading {
    margin-bottom: 16px;
    width: 100%
}

.feed .landingMultiFeed .sectionContainer-main.contentAreaWrap {
    margin: 0;
    flex-grow: 1
}

.feed .landingMultiFeed .sectionContainer-main.contentAreaWrap .swimlane {
    margin: 0
}

.feed .landingMultiFeed .sectionContainer-main.contentAreaWrap .swimlane .moreStoriesList {
    padding: 0
}

.feed .landingMultiFeed .sectionContainer-main .ad-landing {
    padding: 20px 0 0;
    margin: 0
}

.feed .landingMultiFeed .sectionContainer.pageContentWrap .sectionContainer-wrapper {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.feed .landingMultiFeed .sectionContainer.pageContentWrap .sectionContainer-wrapper.nav {
    justify-content: start
}

@media (max-width: 1068px) {
    .feed .landingMultiFeed .sectionContainer.pageContentWrap .sectionContainer-wrapper {
        flex-flow: row wrap
    }
}

.feed .landingMultiFeed .sectionContainer.pageContentWrap .sectionContainer-wrapper .contentList .contentListCards .card {
    margin: 0 auto
}

.feed .landingMultiFeed .sectionContainer.pageContentWrap .contentArea .contentList .contentListCards .card.cardRegular {
    max-width: none
}

.feed .landingMultiFeed .sectionContainer .regionsListWrapper {
    background: transparent
}

.feed .landingMultiFeed .sectionContainer .regionsListWrapper.openRegion {
    background: #fff
}

.feed .landingMultiFeed .sectionContainer .onPageCTA.flexPage {
    padding-top: 48px
}

.feed .landingMultiFeed .oc-l-sectionContainer-backgroundColor, .feed .landingMultiFeed .oc-l-sectionContainer-backgroundColor + section {
    padding-top: 40px
}

.feed .landingMultiFeed .oc-l-sectionContainer-light {
    background-color: #eaeaea
}

.feed .landingMultiFeed .oc-l-sectionContainer-light .card {
    border-color: #cbcbcb
}

.feed .landingMultiFeed .oc-l-sectionContainer-dark {
    background-color: #222
}

.feed .landingMultiFeed .oc-l-sectionContainer-dark .card {
    border: none
}

@media (max-width: 530px) {
    .feed .landingMultiFeed .oc-l-sectionContainer-sideScroll .sectionContainer-main {
        max-width: calc(100% + 32px)
    }

    .feed .landingMultiFeed .oc-l-sectionContainer-sideScroll .heading-sectionHeading {
        margin-left: 16px
    }
}

.feed .landingMultiFeed .oc-l-sectionContainer-olympicsLight {
    background-image: url(/a/images/olympics/olympicsLight-desktop.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 1002px) {
    .feed .landingMultiFeed .oc-l-sectionContainer-olympicsLight {
        background-image: url(/a/images/olympics/olympicsLight-mobile.jpg)
    }
}

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

.feed .landingMultiFeed .oc-l-sectionContainer-olympicsDark {
    background-image: url(/a/images/olympics/olympicsDark.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000
}

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

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

.feed .landingMultiFeed .oc-l-sectionContainer-lightOlympicsPattern {
    background-image: url(/a/images/olympics/desktop-olympics-pattern-light.svg);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 530px) {
    .feed .landingMultiFeed .oc-l-sectionContainer-lightOlympicsPattern {
        background-image: url(/a/images/olympics/mobile-olympics-pattern-light.svg)
    }
}

.feed .landingMultiFeed .oc-l-sectionContainer-lightOlympicsPattern .card {
    border-color: #cbcbcb
}

.feed .landingMultiFeed .myOlympics .heading {
    padding: 0;
    margin: 0;
    border: 0
}

.feed .landingMultiFeed .myOlympics .widgetHeader {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.feed .landingMultiFeed .myOlympics .headerButtons {
    display: flex
}

.feed .landingMultiFeed .myOlympics .feedbackButton {
    border: none;
    color: #000;
    font-size: 1.1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.feed .landingMultiFeed .myOlympics .feedbackButton .icon {
    height: 20px;
    width: 20px;
    margin-right: 12px
}

@media (max-width: 640px) {
    .feed .landingMultiFeed .myOlympics .buttonText {
        display: none
    }
}

@media (min-width: 641px)and (max-width: 960px) {
    .feed .landingMultiFeed .myOlympics .buttonText {
        display: none
    }
}

.feed .landingMultiFeed .myOlympicsWidget {
    background-color: #f4f4f4;
    margin: 40px -40px -40px;
    width: calc(100% + 80px);
    padding: 40px
}

.feed .landingMultiFeed .myOlympicsWidget .widgetHeader {
    background: #222;
    color: #fff;
    padding: 25px 20px;
    position: relative;
    margin: 0 0 20px
}

.feed .landingMultiFeed .myOlympicsWidget .widgetName {
    font-size: 2rem;
    margin: 0
}

.feed .landingMultiFeed .myOlympicsWidget .descriptionText {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 0 30px
}

@media (max-width: 600px) {
    .feed .landingMultiFeed .myOlympicsWidget .descriptionText {
        font-size: 1rem
    }
}

.feed .landingMultiFeed .myOlympicsWidget .descriptionText .inline-block {
    display: inline-block
}

.feed .landingMultiFeed .myOlympicsWidget .feedbackButton {
    background-color: transparent;
    color: #fff
}

.feed .landingMultiFeed .myOlympicsWidget .closeAllSports, .feed .landingMultiFeed .myOlympicsWidget .openAllSports {
    background-color: #222;
    border: none;
    color: #fff;
    font-size: 19.2px
}

.feed .landingMultiFeed .myOlympicsWidget .closeAllSports .icon svg, .feed .landingMultiFeed .myOlympicsWidget .openAllSports .icon svg {
    fill: #fff;
    margin-right: 12px
}

.feed .landingMultiFeed .myOlympicsWidget .closeAllSports {
    display: flex;
    align-items: center
}

.feed .landingMultiFeed .myOlympicsWidget .closeAllSports > .icon {
    display: flex
}

.feed .landingMultiFeed .myOlympicsHomepage {
    width: 100%
}

.feed .landingMultiFeed .myOlympicsHomepage .widgetHeader {
    border-bottom: 1px solid #cbcbcb;
    align-items: center;
    padding-bottom: .75rem
}

.feed .landingMultiFeed .myOlympicsHomepage .widgetName {
    font-size: 2rem;
    margin: 0
}

.feed .landingMultiFeed .myOlympicsHomepage .pageTitle {
    margin: .5rem 0
}

.feed .landingMultiFeed .myOlympicsHomepage .feedbackIcon {
    fill: #000
}

.feed .landingMultiFeed .myOlympicsHomepage .closeAllSports, .feed .landingMultiFeed .myOlympicsHomepage .openAllSports {
    border: none;
    color: #000;
    font-size: 1.1rem
}

.feed .landingMultiFeed .myOlympicsHomepage .closeAllSports .icon, .feed .landingMultiFeed .myOlympicsHomepage .openAllSports .icon {
    fill: #000
}

.feed .landingMultiFeed .myOlympicsHomepage .closeAllSports {
    display: flex;
    align-items: center
}

.feed .landingMultiFeed .myOlympicsHomepage .closeAllSports .icon {
    margin-right: 5px;
    height: 20px;
    width: 16px
}

.feed .landingMultiFeed .myOlympicsHomepage .olympicSportsList {
    margin: 15px 84px
}

.feed .landingMultiFeed .myOlympicsHomepage .showStories {
    margin: 20px 0
}

.feed .landingMultiFeed.pageComponent {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px
}

.feed .landingMultiFeed .customHtml {
    border: none
}

.feed .landingMultiFeed .videoWidgetPlaylist {
    display: flex;
    flex-wrap: wrap
}

.feed .landingMultiFeed .videoWidgetPlaylist .video-playlist {
    flex: 1 100%;
    margin-top: 0
}

.feed .landingMultiFeed .gracenoteWidgetFLP {
    width: 100%
}

.feed .tokyo2020BrandBanner {
    display: flex;
    background: url(/a/images/banners/tokyo2020/tokyoCircles.svg);
    width: 100%;
    height: 108px;
    border-top: 1px solid #cbcbcb;
    background-color: #fff
}

.feed .tokyo2020BrandBanner:hover #Combined-Shape, .feed .tokyo2020BrandBanner:hover .tokyo2020BrandBannerLogo path {
    fill: #e01c24
}

.feed .tokyo2020BrandBannerOrigami {
    max-width: 1307px;
    margin: 0 auto;
    position: relative;
    height: 108px;
    width: 100%;
    background: url(/a/images/banners/tokyo2020/tokyoBrandBannerOrigami.png);
    background-size: auto 108px;
    background-repeat: no-repeat;
    background-position-x: left
}

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

.feed .tokyo2020BrandBannerLogo path {
    fill: #000
}

.feed .viewportSmall .tokyo2020BrandBanner {
    height: 65px
}

.feed .viewportSmall .tokyo2020BrandBannerOrigami {
    height: 65px;
    background-size: auto 65px;
    background-position-x: -40px
}

.feed .viewportSmall .tokyo2020BrandBannerLogo {
    height: 30px;
    left: 7px;
    width: 231px
}

.feed .linksNav {
    display: flex
}

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

.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 .globalEventNav {
    border-top: 1px solid #eaeaea;
    background: #fff
}

.feed .globalEventNav-nav {
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px
}

.feed .globalEventNav-nav .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    z-index: 1010
}

.feed .globalEventNav-nav .subNavList {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    min-height: 48px
}

.feed .globalEventNav-nav .subNavList .gemWrapper-link {
    color: #e60505;
    font-family: Stag Medium, Trebuchet;
    letter-spacing: .5px;
    font-size: 1.1rem;
    display: block;
    padding: 11px 16px 11px 0;
    text-decoration: none;
    font-weight: 700
}

.feed .globalEventNav-nav .subNavList .gemWrapper-link:hover {
    text-decoration: underline
}

.feed .globalEventNav-nav .subNavList .subNavListItem {
    width: auto;
    padding: 0
}

.feed .globalEventNav-nav .subNavList .subNavListItem .moreItemsNav .moreButton, .feed .globalEventNav-nav .subNavList .subNavListItem .subNavLink {
    display: block;
    padding: 13px 16px;
    color: #000;
    text-decoration: none;
    font-size: .85rem;
    line-height: 1.4;
    font-weight: 700
}

.feed .globalEventNav-nav .subNavList .subNavListItem .subNavLink:hover {
    text-decoration: underline
}

.feed .globalEventNav-nav .subNavList .subNavListItem .moreItemsNav {
    margin-left: 8px;
    border: 1px solid transparent;
    width: 67px
}

.feed .globalEventNav-nav .subNavList .subNavListItem .moreItemsNav:not(.open) {
    height: 2rem;
    border-color: #000;
    display: flex;
    align-items: center
}

.feed .globalEventNav-nav .subNavList .subNavListItem .moreItemsNav .moreButton {
    border: none;
    transform: translateX(-10px);
    height: auto
}

.feed .viewportSmall .homepageHeader .globalEventNav .globalEventNav-nav .subNavList .gemWrapper-link {
    padding-left: .5rem
}

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

.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 .mediaIsLead .media-caption {
        font-size: 16px;
        line-height: 24px;
        margin-left: 16px;
        margin-right: 16px
    }
}

.feed .youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    display: block;
    margin-bottom: 1rem
}

.feed .youtube iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.feed .storyCardCarousel iframe {
    display: block;
    width: 100%;
    border: none;
    overflow: hidden
}

.feed .errorPage {
    text-align: center;
    color: #000;
    font-weight: 700
}

.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 {
    margin-left: -.5rem;
    margin-right: -.5rem;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0
}

.feed .series .seriesList .seriesListItem {
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: transparent;
    flex: 1 1 300px;
    margin-bottom: 1rem
}

.feed .series .seriesList .seriesListItem .card {
    height: 100%;
    margin: 0
}

.feed .series .seriesList .seriesListItem .card.cardGraphical {
    min-width: 18rem
}

.feed .series .seriesList .seriesListItem .card.cardGraphical .gradient, .feed .series .seriesList .seriesListItem .card.cardGraphical .title {
    display: none
}

.feed .series.vertical {
    margin-bottom: 1rem
}

.feed .series.horizontal .headingText {
    margin: .5rem
}

.feed .series.horizontal .seriesList {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap
}

.feed .series.horizontal .seriesListItem {
    flex: 1 1 230px;
    margin: .5rem
}

.feed .series.horizontal .seriesListItem .card {
    height: 100%
}

.feed .series.horizontal .seriesListItem .card .imageMedia {
    overflow-y: hidden
}

.feed .viewportMedium .series.vertical, .feed .viewportSmall .series.vertical {
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .viewportMedium .series.vertical .card.cardGraphical, .feed .viewportSmall .series.vertical .card.cardGraphical {
    min-width: auto
}

.feed .PhotoGallery {
    display: block
}

.feed .PhotoGallery.embeddable-pg_4x3 {
    position: relative
}

.feed .PhotoGallery.embeddable-pg_4x3:before {
    display: block;
    content: "";
    padding-top: calc(75% + 50px)
}

.feed .PhotoGallery.embeddable-pg_16x9 {
    position: relative
}

.feed .PhotoGallery.embeddable-pg_16x9:before {
    display: block;
    content: "";
    padding-top: calc(56.25% + 50px)
}

.feed .PhotoGallery.embeddable-pg_square {
    position: relative
}

.feed .PhotoGallery.embeddable-pg_square:before {
    display: block;
    content: "";
    padding-top: calc(100% + 50px)
}

.feed .PhotoGallery .fs_4x3 div.images div img {
    max-width: calc(133.33333vh - 66.66667px);
    max-height: calc(100vh - 50px)
}

.feed .PhotoGallery .fs_16x9 div.images div img {
    max-width: calc(177.77778vh - 88.88889px);
    max-height: calc(100vh - 50px)
}

.feed .PhotoGallery .fs_square div.images div img {
    max-width: calc(100vh - 50px);
    max-height: calc(100vh - 50px)
}

.feed .PhotoGallery .embeddable-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.feed .PhotoGallery .cbcfgfullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1500
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfg figure {
    height: 100%;
    width: 100%
}

.feed .PhotoGallery .cbcfgfullscreen div.images {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.feed .PhotoGallery .cbcfgfullscreen div.images div {
    width: 100%
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfg .tools {
    position: fixed;
    bottom: 0
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfgfullscreen-close {
    width: 30px;
    height: 30px;
    padding: 0;
    position: absolute;
    margin: 15px;
    right: 0;
    border: 0;
    background-color: transparent;
    z-index: 10;
    cursor: pointer
}

.feed .PhotoGallery .cbcfgfullscreen .cbcfgfullscreen-close .closeIcon {
    background: #fff;
    fill: #000
}

.feed .PhotoGallery .cbcfg {
    background-color: #1a1a1a;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.feed .PhotoGallery .cbcfg:before {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    border-color: #cbcbcb transparent #cbcbcb #cbcbcb;
    height: 40px;
    width: 40px
}

.feed .PhotoGallery .cbcfg .noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.feed .PhotoGallery .cbcfg div.captions {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 50px;
    display: none;
    z-index: 902
}

.feed .PhotoGallery .cbcfg div.captions figcaption {
    color: #c3c3c3;
    padding: 10px;
    background-color: #000;
    background: rgba(34, 34, 34, .9);
    display: block;
    font-size: 14px;
    max-width: 100%;
    line-height: 140%
}

.feed .PhotoGallery .cbcfg div.captions.nodesc {
    font-size: italic
}

.feed .PhotoGallery .cbcfg div.captions.on {
    display: block
}

.feed .PhotoGallery .cbcfg div.images {
    width: 100%;
    height: 100%
}

.feed .PhotoGallery .cbcfg div.images .placeholderImage, .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 {
    opacity: 1;
    z-index: inherit;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.feed .PhotoGallery .cbcfg .overlays .captions a {
    color: #c3c3c3;
    text-decoration: underline
}

.feed .PhotoGallery .cbcfg .overlays .captions a:hover {
    color: #fff
}

.feed .PhotoGallery .cbcfg .tools {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #222;
    color: #c3c3c3;
    z-index: 902
}

.feed .PhotoGallery .cbcfg .tools .counter {
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    padding-right: 10px;
    font-weight: 700;
    float: right;
    border-right: 1px solid #fff;
    margin-top: 8px
}

.feed .PhotoGallery .cbcfg .tools .icon {
    display: block;
    float: right;
    cursor: pointer;
    padding: 0;
    height: 100%;
    border: none;
    background-color: transparent
}

.feed .PhotoGallery .cbcfg .tools .fullscreen {
    width: 45px;
    height: 100%;
    padding: 0 10px
}

.feed .PhotoGallery .cbcfg .tools .fullscreen:focus, .feed .PhotoGallery .cbcfg .tools .fullscreen:hover {
    background-color: #8c8c8c
}

.feed .PhotoGallery .cbcfg .tools .captions {
    background: none;
    height: 100%;
    color: #fff;
    text-indent: 0;
    padding: 0 23px 0 10px;
    text-align: center;
    font-weight: 700;
    float: left;
    display: inline-block;
    line-height: 47px;
    text-decoration: none;
    border: none
}

.feed .PhotoGallery .cbcfg .tools .captions .chevron .icon {
    width: 10px;
    margin-left: 5px;
    display: inline-block
}

.feed .PhotoGallery .cbcfg .tools .captions .chevron .chevronIcon {
    padding: 0;
    margin: 0;
    background-color: transparent;
    fill: #fff;
    border-radius: 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 {
    color: #fff;
    background-color: #8c8c8c
}

.feed .PhotoGallery .cbcfg .nav {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
    width: 60px;
    height: 54px;
    position: absolute;
    top: 40%;
    text-indent: -9999px;
    overflow: hidden
}

.feed .PhotoGallery .cbcfg .nav:focus {
    outline: 2px dotted
}

.feed .PhotoGallery .cbcfg .nav.next .chevronIcon, .feed .PhotoGallery .cbcfg .nav.prev .chevronIcon {
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    width: 46px;
    height: 46px;
    top: calc(50% - 23px);
    z-index: 903;
    border-radius: 50%;
    fill: #fff
}

.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%, 54.9%, .8)
}

.feed .PhotoGallery .cbcfg .nav.prev {
    background-position: 100% 50%;
    background-color: transparent;
    left: 0;
    border: 0
}

.feed .PhotoGallery .cbcfg .nav.prev .chevronIcon {
    transform: rotate(90deg);
    margin-left: 10px;
    left: 0
}

.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-position: 100% 50%;
    background-color: transparent;
    right: 0;
    border: 0
}

.feed .PhotoGallery .cbcfg .nav.next .chevronIcon {
    transform: rotate(-90deg);
    margin-right: 10px;
    right: 0
}

.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 .radioList {
    background-color: #fff;
    margin: 1.5rem 0;
    padding: 0 1rem;
    font-size: .8rem
}

.feed .radioList button, .feed .radioList button:focus {
    border: none;
    background: #fff;
    font-size: .8rem;
    text-transform: uppercase
}

.feed .radioList button:before {
    content: "+ "
}

.feed .radioList.open button:before {
    content: "- "
}

.feed .radioList .filters {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s
}

.feed .radioList.open .filters {
    max-height: 300px;
    transition: max-height .5s
}

.feed .radioList .radioListItem {
    margin: .5rem 1rem;
    padding-bottom: .5rem;
    font-size: 1rem
}

.feed .radioList .radioListItem label {
    margin-left: .5rem
}

.feed .regionInfo {
    margin-top: 1rem
}

.feed .regionInfo.verticalCardList.cardList .titleBar {
    margin-bottom: 0;
    padding-bottom: 0
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed {
    margin: 0 .5rem .5rem;
    flex-basis: 100%
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label.highlighted .labelText, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .label.sponsored .labelText {
    margin-top: -.7rem
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:after {
    border-bottom-color: #f4f4f4
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed .headline {
    font-size: 1rem
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed, .feed .regionInfo .contentList .contentListCards .card.cardText {
    background-color: #f4f4f4
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content, .feed .regionInfo .contentList .contentListCards .card.cardText .card-content {
    background-color: #f4f4f4;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:focus, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:hover, .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.cardFullBleed .card-content:focus:after, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content:hover:after, .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.cardFullBleed .card-content .description, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed .card-content .metadata, .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.cardFullBleed:focus, .feed .regionInfo .contentList .contentListCards .card.cardFullBleed:hover, .feed .regionInfo .contentList .contentListCards .card.cardText:focus, .feed .regionInfo .contentList .contentListCards .card.cardText:hover {
    background-color: #fff
}

.feed .regionInfo .regionImage {
    width: 100%
}

.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 {
    text-decoration: none;
    background: #545454;
    color: #fff
}

.feed .regionInfo .regionsListWrapper .regionButton:focus {
    border: 2px dotted #545454;
    outline: none
}

.feed .regionInfo .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .regionInfo .regionsListWrapper .regionFormIntro {
    display: none;
    color: #545454;
    font-size: .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 {
    color: #545454;
    text-decoration: none;
    border: 0;
    font-weight: 400
}

.feed .regionInfo .regionsListWrapper .regionLink:focus, .feed .regionInfo .regionsListWrapper .regionLink:hover {
    color: #e60505;
    text-decoration: underline;
    outline: none
}

.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;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    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 {
    font-size: .85rem;
    flex: 1 1 40%;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .regionInfo .regionsListWrapper.standAlone .regionNameWrapper {
    font-size: 1rem;
    padding: .5rem 0;
    display: inline
}

.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 {
    display: block;
    color: #545454;
    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 {
    box-shadow: inset 0 0 0 1px #545454;
    border: none;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .regionInfo .regionsListWrapper.standAlone .regionButton:focus, .feed .regionInfo .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .regionInfo .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    text-transform: none;
    font-weight: 400
}

.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 {
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    background-color: #fff;
    color: #e60505;
    margin-bottom: -2px;
    padding: .5rem
}

.feed .headerSearchBar {
    position: relative;
    display: none;
    background: #000;
    z-index: 2000;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
    height: 48px;
    width: 266px
}

.feed .headerSearchBar.active {
    display: inline-flex
}

.feed .headerSearchBar .searchBar {
    display: none
}

.feed .headerSearchBar .searchBar.active {
    display: flex;
    align-items: center
}

.feed .headerSearchBar .searchBar .search-autocomplete {
    display: flex;
    width: inherit;
    color: #000;
    text-align: left;
    height: 25px
}

.feed .headerSearchBar .searchClose {
    border: none;
    background: #000;
    display: none;
    cursor: pointer
}

@media only screen and (max-width: 710px) {
    .feed .headerSearchBar .searchClose.active {
        display: flex;
        align-items: center
    }
}

@media only screen and (max-width: 710px) {
    .feed .headerSearchBar {
        position: absolute;
        top: 0;
        right: 0;
        left: 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: 100%
}

.feed .searchBar.compact {
    background: #000;
    padding: .7rem 0;
    top: 0;
    transition: width .4s ease-in-out;
    z-index: 1011;
    display: none
}

.feed .searchBar.compact .searchButton {
    background-color: #727272;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: .8rem;
    text-transform: uppercase
}

.feed .searchBar.compact .searchInput {
    width: 187px
}

.feed .searchBar.compact .searchInputWrapper {
    padding: 0;
    height: 1.5rem
}

.feed .searchBar.compact .searchInputAutocomplete {
    height: 1rem
}

.feed .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 48px;
    left: 0
}

.feed .globalHeader.searchActive .searchBar.compact {
    width: 280px;
    display: inline-block;
    padding-right: 1rem
}

.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 {
    overflow: inherit;
    margin-left: 2rem !important
}

.feed .searchBar.compact.variantB .searchForm .searchInput, .feed .searchBar.compact.variantD .searchForm .searchInput {
    box-sizing: content-box;
    padding: 0 .7rem;
    border: 0;
    border-bottom: 1px solid #e60505;
    font-size: 2.0625rem;
    color: #000
}

.feed .searchBar.compact.variantB .searchForm .searchInput:focus, .feed .searchBar.compact.variantD .searchForm .searchInput:focus {
    outline: thin dotted;
    border-bottom: 1px solid #e60505
}

.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;
    color: #000;
    border: 1px solid #e60505;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    text-transform: none;
    font-weight: 700;
    border-radius: 2px;
    transition: all .2s ease-in-out
}

.feed .searchBar.compact.variantB .searchForm .searchButton:hover, .feed .searchBar.compact.variantD .searchForm .searchButton:hover {
    color: #fff;
    background-color: #e60505
}

.feed .globalHeader.searchActive .searchBar.compact.variantB, .feed .globalHeader.searchActive .searchBar.compact.variantD {
    display: flex;
    width: inherit;
    max-width: 80rem;
    margin: 0 auto
}

.feed .searchBar .searchForm {
    display: flex;
    margin: auto;
    justify-content: space-around;
    align-items: center;
    width: 97%
}

.feed .searchBar .searchInput {
    border: 1px solid #cbcbcb;
    border-radius: 2px;
    box-sizing: border-box;
    flex: 3 1;
    margin-right: 1rem;
    padding: 0 .5rem;
    height: 26px;
    width: inherit
}

.feed .searchBar .searchInput:focus {
    border-width: 2px;
    border-color: #0550c8
}

.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 {
    border: 1px solid #cbcbcb;
    background-color: #f4f4f4;
    color: #000
}

.feed .searchBar .searchFilterContainer .searchFilterItem {
    display: inline-block;
    list-style-type: none;
    margin-right: 2rem
}

.feed .searchBar .searchFilterContainer:after {
    display: none
}

.feed .searchBar .react-autosuggest__input {
    font-family: Open Sans, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 4px
}

.feed .searchBar .react-autosuggest__suggestions-container--open {
    display: block;
    position: absolute;
    width: 284px;
    border: 1px solid #aaa;
    background-color: #fff;
    font-family: Open Sans, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    z-index: 2;
    border-top: 0;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .15)
}

.feed .searchBar .react-autosuggest__suggestions-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.feed .searchBar .react-autosuggest__suggestion {
    cursor: pointer;
    padding: 10px 20px;
    border-top: 1px solid #aaa
}

.feed .searchBar .react-autosuggest__suggestion--highlighted {
    background-color: #f1f1f1
}

.feed .searchBar .react-autosuggest__suggestion-match {
    color: red;
    font-weight: 700
}

.feed .searchBar .react-autosuggest__container {
    width: 99%
}

.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%;
    min-width: 15rem;
    margin-top: -1px;
    overflow-y: auto;
    position: fixed;
    padding: 0;
    text-align: left;
    right: 0;
    z-index: 1000
}

.feed .searchBar .moreItemsNav .moreNavListItem {
    border: 1px solid #cbcbcb;
    border-bottom: none;
    background: #fff;
    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%, 54.9%, .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;
    color: #222;
    border: 1px solid #cbcbcb;
    height: 2rem;
    font-size: .9rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

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

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

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

.feed .searchBar .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    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 {
    padding: 3px 5px;
    margin-left: -5px;
    margin-right: -5px
}

.feed .searchBar .navItem .navLink.selected:hover {
    text-decoration: none
}

.feed .viewportLarge .searchBar.compact, .feed .viewportMedium .searchBar.compact, .feed .viewportXLarge .searchBar.compact {
    right: 212px
}

.feed .viewportMedium .variantB .searchForm, .feed .viewportMedium .variantD .searchForm, .feed .viewportSmall .variantB .searchForm, .feed .viewportSmall .variantD .searchForm {
    margin-right: 1rem
}

.feed .viewportMedium .searchFilterContainer, .feed .viewportSmall .searchFilterContainer {
    position: relative
}

.feed .viewportMedium .searchFilterContainer .searchFilterList, .feed .viewportSmall .searchFilterContainer .searchFilterList {
    height: 40px;
    overflow-y: scroll;
    white-space: nowrap
}

.feed .viewportMedium .searchFilterContainer .searchFilterItem, .feed .viewportSmall .searchFilterContainer .searchFilterItem {
    margin-right: 1.5rem
}

.feed .viewportMedium .searchFilterContainer:after, .feed .viewportSmall .searchFilterContainer:after {
    display: inline-block;
    position: absolute;
    content: " ";
    padding-top: 8px;
    font-size: 10px;
    text-align: right;
    color: #cbcbcb;
    right: 0;
    bottom: 0;
    top: 0;
    width: 40px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 70%)
}

.feed .viewportSmall .compact.variantB .searchForm .searchInput, .feed .viewportSmall .compact.variantD .searchForm .searchInput {
    padding: .3rem .7rem !important;
    font-size: 1.125rem !important;
    border-radius: 0
}

.feed .viewportSmall .compact.variantB .searchForm .searchButton, .feed .viewportSmall .compact.variantD .searchForm .searchButton {
    padding: .75rem 1rem !important;
    font-size: 1.2rem !important
}

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

.feed .sponsorInfo .sponsorBoxHeading {
    background-color: #eaeaea;
    font-size: 1rem;
    margin: 0;
    padding: .5rem;
    border-bottom: none;
    text-transform: none
}

.feed .sponsorInfo .sponsorBoxList {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    list-style: none;
    margin: 1rem;
    padding: 0
}

.feed .sponsorInfo .sponsor-image .placeholder {
    background: none;
    padding: .5rem 2rem
}

.feed .sponsorInfo .sponsor-image .placeholderImage {
    display: none
}

.feed .sponsorInfo .sponsor-image img {
    position: relative;
    max-width: 200px
}

.feed .sponsorAboutBox {
    background-color: #fff;
    border: 2px solid #000 !important;
    margin: 1rem auto;
    padding: 1rem
}

.feed .sponsorAboutBox .sponsorAboutLogo {
    float: right
}

.feed .sponsorAboutBox .sponsorAboutLogo img {
    height: 50px
}

.feed .slider {
    display: flex;
    background-color: #363636;
    overflow: hidden
}

.feed .slider .header {
    color: #fff;
    font-size: 1rem;
    margin: .5rem 0
}

.feed .slider .carouselContainer {
    width: 100%;
    flex-grow: 1
}

.feed .story {
    color: #222;
    font-size: 1rem;
    line-height: 24px
}

.feed .story h2 {
    line-height: 2.5rem
}

.feed .story p {
    margin-top: 0;
    margin-bottom: 28px
}

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

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

.feed .story u {
    text-decoration: none;
    border-bottom: 1px solid #d8d8d8
}

.feed .story li a {
    font-weight: 700
}

.feed .story hr {
    height: 1px;
    border: none;
    border-bottom: 1px solid #d8d8d8
}

.feed .story .image.extrasmall, .feed .story .image.medium, .feed .story .image.small {
    margin: 1rem 0 1rem 1rem;
    float: right;
    clear: right
}

.feed .story .image {
    display: block;
    line-height: 0;
    position: relative
}

.feed .story .image .placeholder {
    margin-bottom: 1rem
}

.feed .story .image.medium {
    width: 460px
}

.feed .story .image.small {
    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-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    font-size: .857em
}

.feed .story td {
    padding: .25rem
}

.feed .story .mediaEmbed table, .feed .story .media table {
    background: transparent;
    border: none
}

.feed .story .callout {
    float: right;
    margin: 0 0 1rem 1rem;
    min-width: 300px;
    width: 35%;
    padding: 1rem
}

.feed .story .callout h2 {
    margin-top: 0
}

.feed .story .callout p {
    margin: 12px 0
}

.feed .story .callout_full {
    float: none;
    margin-left: 0;
    width: calc(100% - 2rem)
}

.feed .story .ad-bigbox {
    content: "";
    display: table;
    clear: both
}

.feed .story .documentCloud, .feed .story .scribble {
    display: block
}

.feed .story .documentCloud .heading {
    display: block;
    font-weight: 700;
    font-size: 1.3rem;
    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 .storify .storifyIframe {
    border: 1px solid #cbcbcb;
    height: 700px;
    width: 100%
}

.feed .story .storify .storifyIframe .s-story.noborder .s-text {
    padding: 1rem
}

.feed .story .customHtml {
    border: none;
    border-radius: 3px
}

.feed .story .customHtml .body {
    text-align: center
}

.feed .story .pullquote {
    min-width: 20em;
    margin: 1em auto;
    width: 80%
}

.feed .story .pullquote .text-items {
    width: calc(100% - 110px);
    padding-left: 45px;
    border-left: 4px solid #e60505;
    display: inline-block;
    min-height: 95px;
    clear: both
}

.feed .story .pullquote .sharing-icons {
    display: none
}

.feed .story .pullquote .sharing-icons .socialImage {
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    display: block;
    margin-right: 1rem;
    margin-bottom: .5rem
}

.feed .story .pullquote .pullquote-quotation {
    font-size: 2rem;
    line-height: 2.3rem;
    display: block
}

.feed .story .pullquote .pullquote-source {
    color: #545454;
    margin-top: 1rem;
    display: block
}

.feed .story .pullquote .pullquote-quotation-open {
    float: left;
    width: 30px;
    height: 25px;
    margin-left: -30px
}

.feed .story .pullquote .pullquote-quotation-close {
    float: right;
    position: absolute;
    margin-top: 2px;
    width: 23px;
    height: 22px
}

@media (max-width: 640px) {
    .feed .story .pullquote .pullquote-quotation {
        font-size: 1.375rem;
        line-height: 1.75rem
    }
}

.feed .story .facebook {
    width: 500px;
    margin: 0 auto
}

.feed .story .facebookVideo {
    margin-bottom: 1rem
}

.feed .story .twitter-tweet {
    visibility: hidden;
    margin: 0 auto
}

.feed .story .twitter-tweet.twitter-tweet-rendered {
    visibility: visible
}

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

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

.feed .story .similarLinks .similarListItem .similarLink .similarLinkText {
    display: inline
}

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

    .feed .story p {
        margin-bottom: 28px
    }

    .feed .story .callout, .feed .story .floatright {
        float: none;
        margin: 0 0 1rem;
        width: auto;
        min-width: inherit
    }

    .feed .story .image.extrasmall, .feed .story .image.medium, .feed .story .image.small {
        width: 100%;
        margin: 0;
        float: none
    }
}

@media (min-width: 641px)and (max-width: 960px) {
    .feed .story {
        font-size: 1.2rem;
        line-height: 28px
    }

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

.feed .breakingArea {
    background-color: #e60505;
    padding: 1rem 5rem 2rem;
    color: #fff;
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.feed .breakingArea .breakingHeadline {
    font-size: 2rem;
    margin: 0 0 1rem;
    text-align: center;
    width: 100%
}

.feed .breakingArea .breakingHeadline a {
    color: #fff;
    text-decoration: none
}

.feed .breakingArea .primaryBreakingStory {
    display: flex;
    flex: 2 1 460px;
    width: 100%;
    margin-right: 1.25rem
}

.feed .breakingArea .primaryBreakingStory .card {
    margin-bottom: 0;
    flex-grow: 1
}

.feed .breakingArea .primaryBreakingStory .card .headline {
    display: none
}

.feed .breakingArea .primaryBreakingStory .card.cardFeatured .contentWrapper {
    flex: 1 1 460px;
    padding: 1rem 0
}

.feed .breakingArea .primaryBreakingStory .card.cardFeatured .contentWrapper .card-content .label .labelText {
    display: block
}

.feed .breakingArea.noRelated .card.cardFeatured .contentWrapper {
    flex: none
}

.feed .breakingArea.noImg {
    padding: 1rem 10rem 2rem
}

.feed .breakingArea.noImg .primaryBreakingStory {
    margin-right: 0
}

.feed .breakingArea.noImg .card.cardFeatured {
    padding: 0 4rem 1rem
}

.feed .breakingArea.noImg .card.cardFeatured .imageMedia {
    display: none
}

.feed .breakingArea .relatedStories {
    flex: 1 1 230px;
    flex-flow: column wrap;
    padding: 1rem;
    background-color: #fff;
    width: 100%
}

.feed .breakingArea .relatedStories .breakingMoreTitle {
    color: #000;
    margin: -5px 0 1rem
}

.feed .breakingArea .relatedStories .card {
    margin: 0;
    padding: .5rem 0;
    position: relative
}

.feed .breakingArea .relatedStories .card:not(:first-child) {
    border-top: none
}

.feed .breakingArea .relatedStories .card:hover {
    z-index: 50
}

.feed .viewportMedium .breakingArea, .feed .viewportSmall .breakingArea {
    padding: 1rem
}

.feed .viewportMedium .breakingArea .primaryBreakingStory, .feed .viewportSmall .breakingArea .primaryBreakingStory {
    flex-flow: row wrap;
    margin-right: 0
}

.feed .viewportMedium .breakingArea .breakingHeadline, .feed .viewportSmall .breakingArea .breakingHeadline {
    font-size: 1.2rem
}

.feed .viewportMedium .breakingArea .breakingMoreTitle, .feed .viewportSmall .breakingArea .breakingMoreTitle {
    margin-bottom: .5rem
}

.feed .viewportMedium .breakingArea.noImg .card.cardFeatured, .feed .viewportSmall .breakingArea.noImg .card.cardFeatured {
    padding: 0 2rem 1rem
}

.feed .verticalCardList.cardList {
    margin-top: 1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards {
    margin-left: 0;
    margin-right: 0
}

.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0
}

.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content .headline {
    font-size: 1rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content .label.highlighted .labelText, .feed .verticalCardList.cardList .contentList .contentListCards .contentListItem:first-child .card-content .label.sponsored .labelText {
    margin-top: -.7rem
}

.feed .verticalCardList.cardList .contentList .contentListCards .cardFullBleed .contentWrapper .card-content {
    margin-top: 0
}

.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: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 .contentList .contentListCards .card.cardGraphical {
    border: none
}

.feed .verticalCardList.cardList .contentList .contentListCards .card.cardGraphical .card-content {
    padding-top: 0
}

.feed .verticalCardList.cardList .titleBar {
    background-color: #fff;
    color: #000;
    margin-bottom: .5rem;
    padding: 0 0 .3rem
}

.feed .verticalCardList.cardList .titleBar .title {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #545454;
    margin: 0
}

.feed .verticalCardList.cardList .titleBar a {
    color: #000;
    text-decoration: none
}

.feed .verticalCardList.cardList .titleBar a:hover {
    text-decoration: none;
    color: #0550c8
}

.feed .sitemap .sectionLink {
    color: #000
}

.feed .sitemap.menuNavWrapper {
    position: relative;
    z-index: 800
}

.feed .sitemap.menuNavWrapper .menuNav.open {
    margin: 2rem 0;
    border-top: none
}

.feed .sitemap.menuNavWrapper .menuNav.open .closeButton, .feed .sitemap.menuNavWrapper .menuNav.open .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 {
    padding: 3px 5px;
    margin-left: -5px;
    margin-right: -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 {
    list-style-type: none;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 1rem;
    width: 21%
}

.feed .sitemap .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none
}

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

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

.feed .sitemap .menuNav {
    position: relative
}

.feed .sitemap .menuNav .menuList {
    background-color: #fff;
    border-top: 1px solid #cbcbcb;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.feed .sitemap .menuNav .closeButton {
    display: none
}

.feed .sitemap .menuNav .mainMenuItem {
    line-height: 2rem;
    padding-left: 2rem
}

.feed .sitemap .menuNav .mainMenuItem.nav-more {
    background: #545454
}

.feed .sitemap .menuNav .mainMenuItem.nav-more .navSection {
    display: none
}

.feed .sitemap .menuNav .mainMenuItem.nav-more .navLink {
    color: #fff
}

.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;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    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 {
    display: flex;
    width: 100%;
    outline: none;
    border-top: 1px solid #cbcbcb
}

.feed .sitemap .menuNav.open .menuSidebar {
    display: block
}

.feed .sitemap .menuNav.open .menuList {
    border-top: none;
    display: block
}

.feed .sitemap .menuNav.open .closeButton {
    border: none;
    background-color: #e60505;
    color: #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;
    color: #e60505;
    border: 1px solid #e60505
}

.feed .sitemap .menuNav .menuSidebar {
    display: none;
    background: #545454;
    width: 125px
}

.feed .sitemap .menuNav .menuSidebar .menuSidebarHeading {
    color: #fff;
    background-color: #727272;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase;
    text-align: center
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: .9rem;
    margin: .7rem .5rem;
    padding: .3rem .5rem;
    text-transform: uppercase;
    text-decoration: none
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected, .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus, .feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover {
    background: #fff;
    color: #e60505;
    text-decoration: none
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected {
    color: #e60505;
    cursor: auto;
    font-weight: 700
}

.feed .sitemap .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink.selected:before {
    content: "•";
    display: inline-block;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar, .viewportMedium .sitemap .menuNav .menuSidebar {
    width: auto
}

.feed .viewportSmall .sitemap .menuNav .menuSidebar .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 .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 {
    margin-top: 1rem;
    font-size: .85rem
}

.feed .genericPage .styleList {
    list-style-type: none;
    padding-left: 0
}

.feed .genericPage .styleList .styleListItem {
    margin: 2rem 0
}

.feed .genericPage .styleList .styleListItem:hover {
    box-shadow: none
}

.feed .genericPage .styleTable {
    font-size: .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 .hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #333;
    background: #f8f8f8
}

.feed .genericPage .hljs-comment, .feed .genericPage .hljs-quote {
    color: #998;
    font-style: italic
}

.feed .genericPage .hljs-keyword, .feed .genericPage .hljs-selector-tag, .feed .genericPage .hljs-subst {
    color: #333;
    font-weight: 700
}

.feed .genericPage .hljs-literal, .feed .genericPage .hljs-number, .feed .genericPage .hljs-tag .hljs-attr, .feed .genericPage .hljs-template-variable, .feed .genericPage .hljs-variable {
    color: teal
}

.feed .genericPage .hljs-doctag, .feed .genericPage .hljs-string {
    color: #d14
}

.feed .genericPage .hljs-section, .feed .genericPage .hljs-selector-id, .feed .genericPage .hljs-title {
    color: #900;
    font-weight: 700
}

.feed .genericPage .hljs-subst {
    font-weight: 400
}

.feed .genericPage .hljs-class .hljs-title, .feed .genericPage .hljs-type {
    color: #458;
    font-weight: 700
}

.feed .genericPage .hljs-attribute, .feed .genericPage .hljs-name, .feed .genericPage .hljs-tag {
    color: navy;
    font-weight: 400
}

.feed .genericPage .hljs-link, .feed .genericPage .hljs-regexp {
    color: #009926
}

.feed .genericPage .hljs-bullet, .feed .genericPage .hljs-symbol {
    color: #990073
}

.feed .genericPage .hljs-built_in, .feed .genericPage .hljs-builtin-name {
    color: #0086b3
}

.feed .genericPage .hljs-meta {
    color: #999;
    font-weight: 700
}

.feed .genericPage .hljs-deletion {
    background: #fdd
}

.feed .genericPage .hljs-addition {
    background: #dfd
}

.feed .genericPage .hljs-emphasis {
    font-style: italic
}

.feed .genericPage .hljs-strong {
    font-weight: 700
}

.feed .genericPage .codeSnippet {
    margin-bottom: .5rem;
    padding: 0
}

.feed .genericPage .codeSnippet .codeSnippetWrapper {
    margin: 0;
    position: relative;
    padding: 2rem 1rem 1rem;
    word-wrap: break-word
}

.feed .genericPage .codeSnippet .codeSnippetWrapper[rel]:before {
    content: attr(rel);
    left: 0;
    background: #cbcbcb;
    padding: 5px 0;
    position: absolute;
    top: 0;
    text-indent: 15px;
    width: 100%
}

.feed .genericPage .codeSnippet .codeSnippetWrapper code {
    font-size: 85%;
    line-height: 1.45;
    overflow: auto
}

.feed .genericPage .guideMenu {
    background-color: #fff;
    margin: 0 -16px
}

.feed .genericPage .guideMenu .guideMenuList {
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    flex-direction: column;
    margin: 0;
    list-style: none;
    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;
    margin: 0;
    line-height: 1.5em;
    padding: 10px;
    text-decoration: none
}

.feed .genericPage .guideMenu .guideMenuLink .icon {
    float: right
}

.feed .genericPage .guideMenu .guideMenuLink .icon .chevronIcon {
    fill: #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;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .genericPage .guideMenu .guideMenuLink.selected:hover {
    background-color: #fff
}

.feed .genericPage .guideMenu .guideMenuLink.selected .chevronIcon {
    fill: #0550c8
}

.feed .genericPage .guideMenu .guideSubMenuList {
    padding-left: 0;
    background-color: #f4f4f4;
    border-top: 1px solid #cbcbcb
}

.feed .genericPage .guideMenu .guideSubMenuList .guideMenuItem {
    list-style: none
}

.feed .genericPage .guideMenu .guideSubMenuList .guideMenuItem a {
    padding-left: 3rem
}

.feed .genericPage .cookieExperience table {
    margin-right: 2em
}

.feed .genericPage .cookieExperience tr {
    border-bottom: 1px solid #cbcbcb
}

.feed .genericPage .cookieExperience tr:last-of-type {
    border-bottom: none
}

.feed .genericPage .cookieExperience td, .feed .genericPage .cookieExperience th {
    padding: 1em
}

@media (max-width: 640px) {
    .feed .genericPage .pageContentWrap {
        flex-direction: column
    }

    .feed .genericPage .pageContentWrap .pageMenu {
        flex-basis: 100%;
        margin: 0
    }

    .feed .genericPage .pageContentWrap .pageContent {
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 2rem
    }

    .feed .genericPage .pageContentWrap .colourList {
        height: auto
    }
}

.feed .trendingList {
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    font-family: Open Sans, sans-serif;
    list-style: none;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

.feed .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.feed .archivesTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #545454
}

.feed .artsTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #801f73
}

.feed .booksTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #00498f
}

.feed .comedyTheme .trendingList-sidebar:not(.trendingList-news) h2, .feed .homepageTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #545454
}

.feed .lifeTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #d83a4a
}

.feed .newsTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #e60505
}

.feed .radioTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #00498f
}

.feed .sportsTheme .trendingList-sidebar:not(.trendingList-news) h2, .feed .televisionTheme .trendingList-sidebar:not(.trendingList-news) h2 {
    border-bottom-color: #545454
}

.feed .trendingList-sidebar {
    margin-bottom: 1rem
}

.feed .trendingList-sidebar .trendingList .listDisplay, .feed .trendingList-sidebar .trendingList .verticalCardList {
    margin-top: 0;
    width: 100%
}

.feed .trendingList-sidebar .trendingList .verticalCardList.cardList .contentListItem:first-child .cardDiscovery .card-content {
    padding-top: 0;
    padding-bottom: 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-right: none;
        border-bottom: 1px solid #e0e0e0;
        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 {
    padding: 0;
    height: 40px;
    width: 40px
}

.feed .author-image .placeholder {
    background: none
}

.feed .author-image .placeholder img {
    border-radius: 20px;
    background: none;
    box-sizing: border-box;
    border: 1px solid #cbcbcb
}

.feed .authorprofile-container .author-image, .feed .authorprofile-container .author-image .placeholder img {
    max-width: none;
    max-height: none
}

.feed .gracenoteWidget {
    margin: 1rem 0
}

.feed .gracenoteWidget iframe {
    width: 0
}

.feed .businessWidget .customHtml {
    border: none;
    background: #fff;
    margin-bottom: 1rem
}

.feed .businessWidget .businessWidgetTitle {
    padding: 1rem;
    background: #fff;
    margin-bottom: 0;
    margin-top: 0
}

.feed .businessWidget.goPublic {
    border: 2px solid #cbcbcb
}

.feed .upakneeWidget .customHtml {
    border: none;
    background: #fff;
    margin-bottom: 1rem
}

.feed .upakneeWidget.upakneeSports {
    margin: 1rem auto
}

.feed .blankPage {
    background: #fff;
    min-height: 800px
}

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

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

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

.feed .pageIntro .imageMedia {
    display: block
}

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

.feed .pageIntro .showName.deptItem-q, .feed .pageIntro .showName.Goods, .feed .pageIntro .showName.label-q, .feed .pageIntro .showName.q, .feed .pageIntro .showName.Q {
    text-transform: lowercase
}

.feed .pageIntro .placeholderImage {
    display: none
}

.feed .pageIntro .host-image .placeholder {
    background: none
}

.feed .pageIntro .host-image img {
    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 {
    content: "";
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    bottom: 18%;
    background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, .1) 30%, #000)
}

.feed .pageIntro.show-commonwealth-games .responsiveNav.introNav {
    background-color: #0074b6
}

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

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

.feed .pageIntro .responsiveNav .moreItemsNav .moreNavListItem {
    border: 1px solid #cbcbcb;
    border-bottom: none;
    background: #fff;
    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%, 54.9%, .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;
    color: #222;
    border: 1px solid #cbcbcb;
    height: 2rem;
    font-size: .9rem;
    padding: 0 .2rem 0 .3rem;
    white-space: nowrap
}

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

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

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

.feed .pageIntro .responsiveNav .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-color: #fff;
    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 {
    visibility: hidden;
    position: absolute
}

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

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

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

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

.feed .pageIntro .responsiveNav.allHidden .subNavListItem {
    visibility: hidden
}

.feed .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
    visibility: visible
}

.feed .scrollDown .pageIntro .responsiveNav.allHidden .subNavListItem.gemWrapper {
    padding-left: .5rem
}

.feed .pageIntro .responsiveNav.allHidden .subNavListItem.moreNavTrigger {
    position: absolute;
    z-index: 1000;
    right: 0;
    padding-left: 0;
    margin-right: 1rem;
    visibility: visible;
    top: 50%;
    transform: translateY(-50%)
}

.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;
    text-decoration: none;
    padding: .2rem .5rem
}

.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 .moreItemsList {
    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: auto;
    padding: 1rem
}

.feed .pageIntro .responsiveNav.introNav .subNavListItem.moreNavTrigger {
    padding: 0
}

.feed .pageIntro.viewportSmall .responsiveNav .moreItemsNav.open .moreItemsList {
    max-height: 500px
}

.feed .moreStories {
    position: relative
}

.feed .moreStories .contentList .contentListCards {
    margin-left: -.5rem;
    margin-right: -.5rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.feed .moreStories .contentList .contentListCards .card {
    flex: 1 1 230px;
    margin: .5rem
}

.feed .detail .moreStories .contentList .contentListCards .card .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

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

.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;
    top: .5rem;
    text-transform: uppercase;
    text-decoration: none
}

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

.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: 1058px)and (min-width: 850px) {
    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-child(-n+2) {
        display: none
    }

    .feed .detail .moreStories .contentList .contentListCards .card:nth-last-of-type(-n+6) {
        border-bottom: none
    }
}

@media only screen and (max-width: 849px)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;
    top: .5rem;
    text-transform: uppercase;
    text-decoration: none
}

.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 {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem
}

.feed .swimlane .moreStories .detailLink {
    display: none
}

.feed .swimlane .moreStories .moreStoriesList {
    padding: 2rem 0
}

.feed .swimlane .moreStories .moreSectionLink {
    top: 2.5rem
}

.feed .swimlane .headingText {
    margin: 0 0 1rem
}

.feed .swimlane .contentListCards {
    display: flex;
    flex-flow: row wrap
}

.feed .swimlane .contentListCards .card, .feed .swimlane .contentListCards .cardRegular {
    border: 1px solid #cbcbcb;
    flex: 1 1 23%
}

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

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

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

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

.feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed:focus, .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed:hover, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed:focus, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .swimlane .contentListCards .card.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .swimlane .contentListCards .cardRegular.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .swimlane .contentListCards .card .metadataText .commentInfo, .feed .swimlane .contentListCards .cardRegular .metadataText .commentInfo {
    display: none
}

.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 {
    margin: 0 0 1rem;
    border-bottom-color: #fff;
    color: #fff
}

.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 {
    max-width: 45rem;
    margin: auto;
    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 {
    text-decoration: none;
    background: #545454;
    color: #fff
}

.feed .swimlane .regionsListWrapper .regionButton:focus {
    border: 2px dotted #545454;
    outline: none
}

.feed .swimlane .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .swimlane .regionsListWrapper .regionFormIntro {
    display: none;
    color: #545454;
    font-size: .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 {
    color: #545454;
    text-decoration: none;
    border: 0;
    font-weight: 400
}

.feed .swimlane .regionsListWrapper .regionLink:focus, .feed .swimlane .regionsListWrapper .regionLink:hover {
    color: #e60505;
    text-decoration: underline;
    outline: none
}

.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;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    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 {
    font-size: .85rem;
    flex: 1 1 40%;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .swimlane .regionsListWrapper.standAlone .regionNameWrapper {
    font-size: 1rem;
    padding: .5rem 0;
    display: inline
}

.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 {
    display: block;
    color: #545454;
    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 {
    box-shadow: inset 0 0 0 1px #545454;
    border: none;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .swimlane .regionsListWrapper.standAlone .regionButton:focus, .feed .swimlane .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .swimlane .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    text-transform: none;
    font-weight: 400
}

.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 {
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    background-color: #fff;
    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 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: none
}

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

.feed .click-wp .swimlane {
    margin: 1rem 0
}

.feed .page-row {
    display: flex
}

.feed .page-row .inner {
    width: 100%
}

.feed .listenLive {
    align-items: center;
    background-color: #fff;
    display: flex;
    padding: 0;
    width: 100%;
    z-index: 900
}

.feed .listenLive .listenLink {
    align-items: center;
    color: #000;
    font-size: .9rem;
    font-weight: 700;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    border: 3px solid #ffdc14;
    width: inherit;
    height: calc(2.25rem - 6px)
}

.feed .listenLive .listenLink:focus, .feed .listenLive .listenLink:hover {
    text-decoration: underline
}

.feed .listenLive .listenLink .icon {
    margin-left: 9px
}

.feed .listenLive .listenLink .icon .mediaIcon:hover {
    fill: #6c95d7
}

.feed .listenLive .listenLink .hide {
    display: none
}

.feed .listenLive .listenLink .nowPlayingNetwork:hover {
    text-decoration: underline;
    color: #757575
}

.feed .listenLive .liveLabel {
    background-color: #ffdc14;
    font-size: .9rem;
    font-weight: 700;
    padding: .5rem 1rem;
    height: 1.25rem
}

.feed .listenLive .locationDropDown {
    position: relative;
    margin-left: 3px
}

.feed .listenLive .locationDropDown .locationButton {
    background-color: #ffdc14;
    color: #000;
    border: 1px solid #ffdc14;
    font-size: .9rem;
    padding: 0 2.5rem 0 1rem;
    width: calc(10rem + 3px);
    white-space: nowrap;
    text-align: left;
    height: 2.25rem
}

.feed .listenLive .locationDropDown .locationButton .chevronIcon {
    border-radius: 10px;
    margin-left: 1rem;
    padding: 3px 2px 1px;
    background: none;
    fill: #000;
    position: absolute;
    right: 1rem;
    top: .8rem
}

.feed .listenLive .locationDropDown .locationButton.open .chevronIcon {
    transform: rotate(180deg)
}

.feed .listenLive .locationDropDown .locationButton:hover {
    background-color: #ffec6a;
    border: 1px solid #ffec6a
}

.feed .listenLive .locationDropDown .locationButton:active, .feed .listenLive .locationDropDown .locationButton:focus {
    background-color: #eacc00;
    border: 1px solid #ffec6a
}

.feed .listenLive .locationDropDown ul {
    border: 3px solid #ffdc14;
    border-top: none;
    position: absolute;
    height: inherit;
    min-width: 10rem;
    margin-top: 0;
    padding: 0;
    z-index: 1
}

.feed .listenLive .locationDropDown ul li {
    background: #fff;
    font-size: .9rem;
    display: block;
    list-style-type: none;
    font-weight: 700
}

.feed .listenLive .locationDropDown ul li button {
    border: none;
    color: #000;
    width: 100%;
    text-align: left;
    padding: .5rem 1rem
}

.feed .listenLive .locationDropDown ul li button:focus, .feed .listenLive .locationDropDown ul li button:hover {
    background-color: #f1f1f1;
    text-decoration: underline
}

.feed .listenLive .locationDropDown ul li:first-child {
    padding-top: .5rem
}

.feed .listenLive .locationDropDown ul li:last-child {
    padding-bottom: .5rem
}

.feed .listenLive.showsProvinces .locationDropDown .locationButton {
    min-width: calc(10rem + 3px)
}

.feed .listenLive.showsProvinces .locationDropDown h4 {
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 100;
    margin: 0 1rem;
    padding: .5rem 0
}

.feed .listenLive.showsProvinces .locationDropDown ul {
    border: none;
    margin: 0;
    position: relative
}

.feed .listenLive.showsProvinces .locationList {
    background-color: #fff;
    border: 3px solid #ffdc14;
    border-top: none;
    max-height: 300px;
    overflow: scroll;
    padding: 1.5rem 0;
    position: absolute;
    width: calc(100% - 6px);
    z-index: 1
}

@media (max-width: 706px) {
    .feed .hasDropdown {
        flex-direction: row;
        flex-wrap: wrap
    }

    .feed .hasDropdown .listenLink {
        margin-top: 3px
    }

    .feed .hasDropdown .listenLink .hide {
        display: none
    }

    .feed .hasDropdown .locationDropDown {
        flex-grow: 1
    }

    .feed .hasDropdown .locationDropDown .locationButton, .feed .hasDropdown .locationDropDown ul {
        width: 100%
    }

    .feed .hasDropdown .locationDropDown ul li {
        padding: .5rem 0
    }

    .feed .hasDropdown .locationDropDown ul li:first-child {
        padding-top: 1rem
    }

    .feed .hasDropdown .locationDropDown ul li:last-child {
        padding-bottom: 1rem
    }
}

.feed .viewportLarge .listenLive, .feed .viewportMedium .listenLive, .feed .viewportXLarge .listenLive {
    position: absolute
}

.feed .viewportLarge .showsProvinces .locationButton, .feed .viewportLarge .showsProvinces .locationList, .feed .viewportXLarge .showsProvinces .locationButton, .feed .viewportXLarge .showsProvinces .locationList {
    width: auto
}

.feed .schedule {
    font-size: .9rem;
    margin-top: 1rem
}

.feed .schedule .scheduleList {
    border: 1px solid #cbcbcb;
    border-top: 4px solid #cbcbcb;
    background-color: #fff;
    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-weight: 700;
    font-size: .8rem;
    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;
    text-decoration: underline;
    margin-top: 1rem
}

.feed .schedule .scheduleLink:hover {
    text-decoration: none
}

.feed .schedule.nowPlaying {
    display: inline-block;
    font-size: .8rem;
    margin: 0
}

.feed .cookieJar .contentParagraph {
    text-align: justify
}

.feed .cookieJar .cookieTable {
    margin-bottom: 30px
}

.feed .cookieJar .cookieTable table.thirdPartyCookies {
    border: 1px solid #ccc;
    margin: 30px auto 0;
    width: 80%
}

.feed .cookieJar .cookieTable table.thirdPartyCookies td, .feed .cookieJar .cookieTable table.thirdPartyCookies tr {
    border: 1px solid #ccc
}

.feed .cookieJar .cookieTable table.thirdPartyCookies td.cookieInfo {
    padding: 10px;
    font-weight: 700
}

.feed .cookieJar .cookieTable table.thirdPartyCookies td.description {
    padding: 10px
}

.feed .cookieJar .cookieTable .cookieRow {
    margin-left: 3em;
    margin-right: 3em;
    border-bottom: 1px solid #ccc;
    display: flex
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo {
    width: 100%;
    flex: 3;
    padding-right: 10px
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo p {
    text-align: justify
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo div.value {
    overflow-wrap: break-word;
    margin-bottom: 15px
}

.feed .cookieJar .cookieTable .cookieRow .cookieInfo div.value span {
    text-align: left;
    display: inline;
    font-style: italic;
    font-size: 14px
}

.feed .cookieJar .cookieTable .cookieRow .cookieActions {
    flex: 1;
    text-align: center;
    padding-top: 3em
}

.feed .cookieJar .loadingIndicator .spinner {
    background-color: transparent;
    color: #545454;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    width: 10rem;
    margin-right: auto;
    margin-left: auto
}

.feed .cookieJar .loadingIndicator .spinner .loader {
    margin-left: 10px;
    float: right
}

.feed .mobileAppCta {
    box-sizing: border-box;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 4.2rem;
    width: 100%;
    min-width: 320px;
    background-color: #fff;
    z-index: 960;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    transform: translateY(100%);
    transition: transform .6s cubic-bezier(.77, 0, .175, 1)
}

.feed .mobileAppCta.slideUp {
    transform: translateY(0)
}

.feed .mobileAppCta .headingText {
    border: none;
    margin: 1rem 16px 1rem 7px
}

.feed .mobileAppCta .icon {
    display: block
}

.feed .mobileAppCta .icon .logoIcon {
    display: block;
    margin: 0;
    transform: translateY(5%)
}

.feed .mobileAppCta .mobileAppCtaLink {
    text-decoration: none;
    align-items: center;
    display: flex;
    justify-content: center
}

.feed .mobileAppCtaBtn {
    display: block;
    background: #e60505;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: .8rem;
    padding: 3px 13px
}

.feed .mobileAppCtaClose {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    padding: 12px;
    background: transparent
}

.feed .mobileAppCtaClose .icon {
    margin: 0;
    padding: 0
}

.feed .mobileAppCtaClose .closeIcon {
    background: transparent;
    padding: 0;
    display: block
}

.feed .mobileAppCtaClose .closeIcon polygon {
    fill: #545454
}

@media (max-width: 399px) {
    .feed .mobileAppCta {
        justify-content: flex-start;
        padding-left: 1rem
    }

    .feed .mobileAppCta .headingText {
        font-size: 1rem;
        margin-right: 10px;
        margin-left: 0
    }
}

.feed .genericWidget.kidsHomepage .placeholder {
    background-color: #f4f4f4 !important;
    margin-left: 80px;
    margin-right: 80px;
    margin-top: 26px
}

.feed .genericWidget.kidsHomepage .placeholder .placeholderImage {
    background-color: #f4f4f4 !important
}

.feed .genericWidget.kidsHomepage .description {
    color: #000 !important;
    font-size: 14px !important;
    margin: 0 !important;
    line-height: 1.3 !important
}

.feed .genericWidget.kidsHomepage .callToAction {
    color: #000;
    font-weight: 700
}

.feed .genericWidget.kidsHomepage .callToAction .chevronIcon {
    fill: #000;
    background-color: #f4f4f4
}

.feed .genericWidget.kidsHomepage .card-content {
    background-color: #f4f4f4 !important;
    margin: 0 1.3rem .4rem 1.5rem !important;
    padding: 0 !important
}

.feed .genericWidget.kidsHomepage .contentWrapper {
    background-color: #f4f4f4 !important
}

.feed .genericWidget.kidsHomepage .cardImageWrap {
    background-color: #f4f4f4
}

.feed .zendeskWidget {
    display: inline-block
}

.feed .zendeskWidget .decision-b {
    display: block
}

.feed #launcher, .feed .zendeskWidget .decision-a {
    display: none
}

.feed .feedbackForm {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    background-color: #f4f4f4;
    margin-right: calc(50vw - 40.5rem);
    z-index: 960;
    opacity: 0;
    transform: translateY(30%);
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1), transform .6s cubic-bezier(.77, 0, .175, 1)
}

.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 {
    display: flex;
    align-self: center
}

.feed .feedbackFormField .iconExclamation {
    display: block;
    height: 17px;
    width: 17px
}

.feed .feedbackFormField.radioField .radioOption {
    display: flex;
    flex-direction: row;
    align-items: center
}

.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 {
    padding: .375rem .5rem;
    border-radius: 3px;
    border: 1px solid #cbcbcb
}

.feed .feedbackForm input:focus, .feed .feedbackForm textarea:focus {
    border-color: #8c8c8c;
    outline: none
}

.feed .feedbackForm input, .feed .feedbackFormSubmitted p, .feed .feedbackForm textarea {
    padding-top: 6px;
    line-height: 1.4;
    font-size: .85rem;
    font-family: Open Sans
}

.feed .feedbackFormSubmitted p {
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin-top: 17px;
    margin-left: 0;
    margin-right: 0
}

.feed .feedbackForm label.field {
    display: block;
    font-size: .875rem;
    margin-top: 1.25rem;
    margin-bottom: .375rem
}

.feed .feedbackFormHeader {
    position: relative;
    background-color: #000;
    color: #fff;
    border-radius: 3px 3px 0 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    margin: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center
}

.feed .feedbackFormClose {
    background: #000;
    border: 2px solid #000;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 11px
}

.feed .feedbackFormClose .icon .closeIcon {
    background: transparent;
    padding: 0;
    transform: translateY(3px)
}

.feed .feedbackFormBtn1 {
    display: block;
    background: #000;
    border: 2px solid #000;
    color: #fff;
    font-size: .8rem;
    margin: 25px 0 0 auto;
    padding: 5px 11px;
    border-radius: 3px
}

.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 {
    margin: .2rem;
    color: #cf0404;
    font-size: .7rem;
    line-height: 1.34
}

@media (max-width: 1068px) {
    .feed .feedbackForm {
        margin-right: 16px
    }
}

@media (max-width: 606px) {
    .feed .feedbackForm {
        margin: 0;
        right: 16px;
        left: 16px;
        width: calc(100% - 32px)
    }
}

.feed .feedbackButton.reportIssue {
    border: none;
    font-weight: 400;
    text-align: left;
    padding: 0
}

.feed .olympicsWidget .customHtml {
    border: none
}

.feed .olympicsWidget .olympicsWidgetBanner {
    display: block;
    padding: 10px 0 0 20px
}

.feed .olympicsWidget .olympicsWidgetBanner img {
    width: 216px;
    height: 37px
}

.feed .olympicsWidget .olympicsWidgetMore {
    text-align: right;
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
    text-decoration: none;
    display: block;
    padding-right: 10px;
    padding-bottom: 10px
}

.feed .olympicsWidget .olympicsWidgetMore:focus, .feed .olympicsWidget .olympicsWidgetMore:hover {
    text-decoration: underline
}

.feed .olympicsWidget .medalAndVideo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #003e73
}

.feed .olympicsWidget .medalAndVideo .icon .chevronIcon.horizontal {
    fill: #fff
}

.feed .olympicsWidget .medalAndVideo .liveVideo {
    flex: 3 0 auto
}

.feed .olympicsWidget .medalAndVideo .medalTable {
    flex: 1 0 0;
    padding: 10px;
    min-width: 300px
}

.feed .olympicsWidget .medalAndVideo .medalTable .headingText {
    color: #fff;
    border-bottom-color: #fff
}

.feed .olympicsWidget .medalAndVideo .medalTable .olympicsWidgetMore {
    padding: 0;
    margin-top: 5px
}

.feed .viewportSmall .olympicsWidget .medalAndVideo {
    display: block
}

.feed .viewportSmall .olympicsWidget .medalAndVideo .medalTable {
    padding: 0;
    border-top: 1px solid #fff
}

.feed .viewportSmall .olympicsWidget .medalAndVideo .medalTable .headingText {
    padding-left: 10px;
    margin: 5px 0;
    border-bottom: none
}

.feed .viewportSmall .olympicsWidget .medalAndVideo .medalTable .olympicsWidgetMore {
    padding-right: 10px;
    padding-bottom: 10px
}

.feed .olympicsWidget .medalTable {
    padding: 1px 2px 0;
    background-color: #0f4c83
}

.feed .olympicsWidget .liveVideo {
    padding: 1px 2px 15px;
    background: linear-gradient(90deg, #0b5f97 0, #003e73)
}

.feed .onPageCTA {
    padding-bottom: 30px;
    padding-top: 15px
}

.feed .onPageCTA-heading-link {
    margin-left: 15px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline
}

.feed .onPageCTA-heading-link:focus {
    outline: 1px dashed #545454
}

.feed .onPageCTA-heading-link:focus:active, .feed .onPageCTA-heading-link:focus:hover {
    outline: none
}

.feed .onPageCTA-heading-link .icon {
    padding-left: 5px
}

.feed .onPageCTA-existingAccount-prompt {
    font-size: .875rem;
    margin-top: 20px;
    margin-bottom: 0
}

.feed .onPageCTA-existingAccount .icon {
    padding-left: 3px
}

.feed .onPageCTA-existingAccount .viafouraLogin {
    font-size: .875rem;
    text-decoration: underline;
    display: inline;
    margin-left: 15px;
    color: #545454;
    border: none
}

.feed .onPageCTA-existingAccount .viafouraLogin .icon {
    display: none
}

.feed .onPageCTA-existingAccount .viafouraLogin:focus {
    outline: 1px dashed #545454
}

.feed .onPageCTA.standardPage {
    max-width: 80rem;
    margin: 0 auto
}

.feed .onPageCTA .onPageCTA-existingAccount-link:hover, .feed .onPageCTA .onPageCTA-heading-link:hover {
    color: #545454
}

.feed .onPageCTA .onPageCTA-existingAccount-link:hover .icon path, .feed .onPageCTA .onPageCTA-heading-link:hover .icon path {
    fill: #545454
}

@media (max-width: 530px) {
    .feed .onPageCTA.flexPage {
        padding: 0 16px
    }
}

.feed .swimlane .onPageCTA {
    max-width: 80rem;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 30px
}

.feed .subregionCTAWrapper {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: -16px;
    margin-bottom: 37px;
    background: #222
}

.feed .subregionCTAWrapper .onPageCTA {
    padding: 20px 24px
}

@media (max-width: 960px) {
    .feed .subregionCTAWrapper {
        margin-left: -16px
    }
}

.feed .comments .onPageCTA {
    padding-bottom: 16px
}

.feed .oc-l-sectionContainer-dark .onPageCTA-existingAccount-link, .feed .oc-l-sectionContainer-dark .onPageCTA-existingAccount-prompt, .feed .oc-l-sectionContainer-dark .onPageCTA-heading-link, .feed .subregionCTAWrapper .onPageCTA-existingAccount-link, .feed .subregionCTAWrapper .onPageCTA-existingAccount-prompt, .feed .subregionCTAWrapper .onPageCTA-heading-link, .feed .swimlane.mediaTheme .onPageCTA-existingAccount-link, .feed .swimlane.mediaTheme .onPageCTA-existingAccount-prompt, .feed .swimlane.mediaTheme .onPageCTA-heading-link {
    color: #fff
}

.feed .oc-l-sectionContainer-dark .onPageCTA-existingAccount-link:hover, .feed .oc-l-sectionContainer-dark .onPageCTA-heading-link:hover, .feed .subregionCTAWrapper .onPageCTA-existingAccount-link:hover, .feed .subregionCTAWrapper .onPageCTA-heading-link:hover, .feed .swimlane.mediaTheme .onPageCTA-existingAccount-link:hover, .feed .swimlane.mediaTheme .onPageCTA-heading-link:hover {
    color: #cbcbcb
}

.feed .oc-l-sectionContainer-dark .onPageCTA-existingAccount-link:hover .icon path, .feed .oc-l-sectionContainer-dark .onPageCTA-heading-link:hover .icon path, .feed .subregionCTAWrapper .onPageCTA-existingAccount-link:hover .icon path, .feed .subregionCTAWrapper .onPageCTA-heading-link:hover .icon path, .feed .swimlane.mediaTheme .onPageCTA-existingAccount-link:hover .icon path, .feed .swimlane.mediaTheme .onPageCTA-heading-link:hover .icon path {
    fill: #cbcbcb
}

.feed .oc-l-sectionContainer-dark .onPageCTA-existingAccount-link:focus, .feed .oc-l-sectionContainer-dark .onPageCTA-heading-link:focus, .feed .subregionCTAWrapper .onPageCTA-existingAccount-link:focus, .feed .subregionCTAWrapper .onPageCTA-heading-link:focus, .feed .swimlane.mediaTheme .onPageCTA-existingAccount-link:focus, .feed .swimlane.mediaTheme .onPageCTA-heading-link:focus {
    outline: 1px dashed #fff
}

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

.feed .oc-l-sectionContainer-light .onPageCTA-existingAccount-link:hover, .feed .oc-l-sectionContainer-light .onPageCTA-heading-link:hover, .feed .swimlane.newsTheme .onPageCTA-existingAccount-link:hover, .feed .swimlane.newsTheme .onPageCTA-heading-link:hover {
    color: #757575
}

.feed .oc-l-sectionContainer-light .onPageCTA-existingAccount-link:hover .icon path, .feed .oc-l-sectionContainer-light .onPageCTA-heading-link:hover .icon path, .feed .swimlane.newsTheme .onPageCTA-existingAccount-link:hover .icon path, .feed .swimlane.newsTheme .onPageCTA-heading-link:hover .icon path {
    fill: #757575
}

.feed .contentListing .contentListingContentListHolder {
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

.feed .contentListing .contentListingContentListHolder .moreStories {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(25% - 1rem);
    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-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 1rem)
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 1rem)
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories .contentListCards {
    display: block
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardFullBleed .card-content {
    margin: 0
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #e60505
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardFullBleed:hover .card-content {
    box-shadow: none
}

.feed .viewportSmall .contentListing .contentListingContentListHolder .moreStories .contentListCards .card.cardFullBleed:hover .card-content:before {
    border: none
}

.feed .election {
    background-color: #f8f8f8;
    padding: 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: .5rem auto 0;
    max-width: 80rem
}

.feed .election .linkbox {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    max-width: 300px;
    order: 0
}

.feed .election .top {
    display: none
}

.feed .election .electiontitle {
    display: inline-block;
    color: #707070;
    font-weight: 400;
    font-size: 1rem;
    margin: 0 0 .7rem
}

@-webkit-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)
    }
}

@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 {
    display: inline-block;
    width: 7px;
    height: 7px;
    vertical-align: middle;
    border-radius: 50%;
    background: #e60505;
    cursor: pointer;
    box-shadow: 0 0 0 #ffdc14;
    -webkit-animation: dot-pulse 2s 5;
    animation: dot-pulse 2s 5
}

.feed .election .pulse:hover {
    -webkit-animation: none;
    animation: none
}

.feed .election .electiontext {
    font-weight: 700;
    line-height: 110%;
    font-size: 1.1rem;
    margin: 0
}

.feed .election .electionlink {
    background: #ffdc14;
    color: #000;
    margin-top: 1rem;
    width: 100%;
    padding: .5rem 0;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    max-width: 250px
}

.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 {
    font-weight: 700;
    padding: 0 .5rem;
    border-width: 2px;
    border-style: solid;
    display: inline-block
}

.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 {
    padding-right: 1rem;
    font-size: 1rem;
    max-width: 250px
}

.feed .viewportMedium .election .linkbox {
    order: 2;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    font-size: 1rem;
    align-items: center;
    margin-top: 1rem
}

.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 {
        padding-right: 1rem;
        font-size: 1rem;
        max-width: 250px
    }

    .feed .election .linkbox {
        order: 2;
        display: flex;
        flex-direction: row;
        max-width: 100%;
        font-size: 1rem;
        align-items: center;
        margin-top: 1rem
    }

    .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 {
    padding-right: 1rem;
    font-size: .9rem;
    max-width: 250px
}

.feed .viewportSmall .election .linkbox {
    order: 2;
    display: flex;
    flex-direction: row;
    max-width: 100%;
    align-items: center;
    margin-top: 1rem
}

.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 {
    padding: .3rem;
    margin-left: .3rem
}

.feed .viewportSmall .election .partybox .moreinfocontainer {
    display: none
}

.feed .viewportSmall .election .partybox .partyname {
    padding: 0 .2rem;
    font-size: .7rem
}

.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 {
        padding-right: 1rem;
        font-size: .9rem;
        max-width: 250px
    }

    .feed .election .linkbox {
        order: 2;
        display: flex;
        flex-direction: row;
        max-width: 100%;
        align-items: center;
        margin-top: 1rem
    }

    .feed .election .electionlink {
        margin-top: 0
    }

    .feed .election .partyboxcontainer {
        width: 100%
    }

    .feed .election .partyboxcontainer div:first-child {
        margin-left: 0
    }

    .feed .election .partybox {
        padding: .3rem;
        margin-left: .3rem
    }

    .feed .election .partybox .moreinfocontainer {
        display: none
    }

    .feed .election .partybox .partyname {
        padding: 0 .2rem;
        font-size: .7rem
    }

    .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 .privacyNotification {
    width: 100%;
    padding: 1.2rem 0;
    background: #236bff;
    font-size: 15px;
    position: fixed;
    bottom: 0;
    z-index: 949;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.feed .privacyNotification .noticeActions, .feed .privacyNotification .noticeMessage {
    margin: .2rem .5rem
}

.feed .privacyNotification .noticeMessage {
    max-width: 40rem
}

.feed .privacyNotification .noticeActions {
    font-weight: 700;
    max-width: 20rem;
    display: flex;
    justify-content: center
}

.feed .privacyNotification .noticeActions .noticeButton, .feed .privacyNotification .noticeActions .noticeLink {
    border: none;
    border-radius: .25rem;
    height: 2.5rem;
    width: 8rem;
    margin: 0 .5rem
}

.feed .privacyNotification .noticeActions .noticeLink {
    background: #0550c8;
    text-align: center;
    line-height: 2.5rem;
    text-decoration: none
}

.feed .privacyNotification .noticeActions .noticeButton {
    background: #222
}

.feed .privacyNotification .noticeActions .noticeButton .removeIcon {
    fill: #fff;
    height: 15px;
    width: 15px;
    position: relative;
    top: .1rem;
    margin-right: .6rem
}

.feed .privacyNotification .noticeButton, .feed .privacyNotification .noticeMessage, .feed .privacyNotification a {
    color: #fff
}

@-webkit-keyframes glow-grow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes glow-grow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.feed .toggleSwitch {
    border: none;
    padding: 0;
    white-space: nowrap;
    margin: 0
}

.feed .toggleSwitch input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    opacity: 0
}

.feed .toggleSwitch .visualSwitch, .feed .toggleSwitch input, .feed .toggleSwitch label {
    position: relative
}

.feed .toggleSwitch label {
    padding: .3em 0
}

.feed .toggleSwitch .visualSwitch {
    display: inline-block;
    vertical-align: middle;
    width: 2.7em;
    height: 1em;
    margin: 0 .5em
}

.feed .toggleSwitch .groove, .feed .toggleSwitch .knob {
    position: absolute
}

.feed .toggleSwitch .groove {
    background: #fff;
    border-radius: .75em;
    border: 1px solid #e0e0e0;
    margin: -1px -1px 0 0;
    width: 100%;
    height: 100%;
    transition: background .2s ease-in-out
}

.feed .toggleSwitch .knob {
    background: #8c8c8c;
    border-radius: 100%;
    border: 1px solid #8c8c8c;
    width: 1em;
    height: 1em;
    margin: -1px 0 0;
    transition: right .2s ease-in-out
}

.feed .toggleSwitch label:first-of-type {
    padding-right: 3.2em;
    margin-right: -3.2em
}

.feed .toggleSwitch label:last-of-type {
    padding-left: 3.2em;
    margin-left: -3.2em
}

.feed .toggleSwitch input:not(:checked):hover + label {
    text-decoration: underline;
    cursor: pointer
}

.feed .toggleSwitch input:not(:checked) + label {
    z-index: 1
}

.feed .toggleSwitch input:checked + label {
    z-index: 0
}

.feed .toggleSwitch input:first-of-type:not(:checked) ~ .visualSwitch .knob {
    left: 1.7em
}

.feed .toggleSwitch:focus-within .groove {
    border: 2px solid #000
}

.feed .toggleSwitch:focus-within .knob:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    top: -11px;
    left: -11px;
    border-radius: 50%;
    background-color: rgba(23, 32, 249, .3);
    -webkit-animation: glow-grow 1.2s ease-in-out infinite;
    animation: glow-grow 1.2s ease-in-out infinite
}

.feed .viafouraLogin {
    display: flex;
    flex-basis: 75px
}

.feed .viafouraLogin .viafouraLogin-text {
    margin-left: 5px;
    align-self: flex-end
}

.feed .viafouraLogin .viafouraLogin-image {
    fill: #545454;
    stroke: #545454;
    padding-right: .5rem;
    height: 20px;
    position: relative;
    bottom: -4px
}

.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 .newsletterWidget {
    color: #000;
    box-sizing: border-box;
    background: #f4f4f4;
    font-size: 2rem;
    line-height: 2.25rem;
    border: 1px solid #dfdfdf;
    padding: 1.5rem 4rem
}

.feed .newsletterWidget *, .feed .newsletterWidget :after, .feed .newsletterWidget :before {
    box-sizing: inherit
}

.feed .newsletterWidget h2 {
    margin: 0;
    line-height: 1;
    font-size: 1.5rem;
    text-align: center
}

.feed .newsletterWidget .show {
    background: transparent
}

.feed .newsletterWidget .newsletterWidgetTextWrapper {
    display: block;
    justify-content: center
}

.feed .newsletterWidget .newsletterWidgetLogo {
    max-width: 100%;
    font-size: 1rem;
    display: block;
    margin: 0 auto
}

.feed .newsletterWidget .newsletterWidgetSloganDesc {
    margin-top: 16px
}

.feed .newsletterWidget .newsletterWidgetSlogan {
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: .5rem;
    margin-top: 0;
    line-height: 1.3;
    display: none
}

.feed .newsletterWidget.newsletterWidget-true .newsletterWidgetSlogan {
    display: block;
    text-align: center;
    margin-top: 20px
}

.feed .newsletterWidget .newsletterWidgetDesc {
    font-size: 14px;
    margin: 0;
    line-height: 1.3
}

.feed .newsletterWidget .newsletterWidgetDesc.hide {
    display: none
}

.feed .newsletterWidget.newsletterWidget-true .newsletterWidgetDesc {
    text-align: center
}

.feed .newsletterWidget .newsletterWidgetLink {
    font-size: 1.125rem;
    padding: .375rem 1rem;
    font-weight: 700;
    color: #fff;
    background: #000;
    text-decoration: none;
    display: block;
    margin: 1rem auto 0;
    width: 30%;
    min-width: 140px;
    text-align: center;
    line-height: normal
}

.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;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 1rem;
    display: block
}

.feed .newsletterWidget .formSubscribe .input-wrapper {
    display: inline-block;
    width: 70%;
    min-width: 210px
}

.feed .newsletterWidget .formSubscribe .input-group {
    position: relative
}

.feed .newsletterWidget .formSubscribe .textbox {
    width: 100%;
    padding: 7px;
    font-size: 16px;
    border: 1px solid #727272
}

.feed .newsletterWidget .formSubscribe .textbox:focus {
    box-shadow: 0 0 2px 2px #4d90fe
}

.feed .newsletterWidget .formSubscribe .submit {
    text-align: center;
    font-size: 1.125rem;
    padding: .35rem 1rem;
    font-weight: 700;
    color: #fff;
    border: 1px solid #000;
    background: #000;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: 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 {
    position: absolute;
    top: 2px;
    right: 0;
    display: none;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 5px
}

.feed .newsletterWidget .formSubscribe .error-icon.show {
    display: inline-block
}

.feed .newsletterWidget .formSubscribe .submit-wrapper {
    display: inline-block;
    width: 30%;
    vertical-align: top
}

.feed .newsletterWidget .formSubscribe .submit-error {
    display: none;
    color: #cf0404;
    max-width: 260px;
    line-height: 1.3;
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px
}

.feed .newsletterWidget .formSubscribe .submit-error.show {
    display: inline-block
}

@-webkit-keyframes blink {
    0% {
        opacity: .2
    }
    20% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }
    20% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

.feed .newsletterWidget .formSubscribe .loading {
    display: none;
    color: #1720f9;
    font-size: 4rem;
    line-height: .5rem
}

.feed .newsletterWidget .formSubscribe .loading span {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.feed .newsletterWidget .formSubscribe .loading span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.feed .newsletterWidget .formSubscribe .loading .span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.feed .newsletterWidget .formSubscribe .loading.show {
    display: inline-block
}

.feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess {
    display: none;
    font-size: 14px;
    margin-top: 1.5rem;
    line-height: 1.3
}

.feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess.show {
    display: block
}

.feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess .opensNewWindow-icon {
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
    width: 16px
}

.feed .newsletterWidget .formSubscribe .hide {
    display: none
}

.feed .newsletterWidget .formSubscribe .screenReader {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.feed .sidebar .newsletterWidget {
    padding: 1.5rem
}

.feed .sidebar .newsletterWidget .formSubscribe .input-wrapper {
    width: 100%;
    padding-bottom: 1rem
}

.feed .sidebar .newsletterWidget .formSubscribe .submit-wrapper {
    width: inherit
}

.feed .sidebar .newsletterWidget .formSubscribe .submit {
    font-size: 1rem
}

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

    .feed .newsletterWidget .newsletterWidgetSloganDesc {
        width: 100%;
        margin-left: 0;
        margin-top: 1.25rem
    }

    .feed .newsletterWidget .newsletterWidgetLogo {
        margin: 0 auto;
        display: block
    }

    .feed .newsletterWidget .formSubscribe .submit-wrapper {
        display: block;
        width: 140px;
        margin-top: 1rem
    }

    .feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess {
        font-size: 1rem;
        margin-top: 0
    }

    .feed .newsletterWidget .formSubscribe .newsletterSubmitSuccess p:first-child {
        margin-top: 0
    }

    .feed .sidebar .newsletterWidget .formSubscribe .submit-wrapper {
        width: 140px;
        margin-top: 0
    }
}

.feed .recommendations .contentList .contentListCards, .feed .recommendations .verticalCardList.cardList .contentList .contentListCards {
    background: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.feed .recommendations .contentList .contentListCards .contentListItem, .feed .recommendations .verticalCardList.cardList .contentList .contentListCards .contentListItem {
    flex-basis: 100%
}

.feed .recommendations.horizontal {
    position: relative
}

.feed .recommendations.horizontal .contentListCards .card {
    border-bottom: none
}

@media only screen and (max-width: 1070px)and (min-width: 865px) {
    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+1) {
        display: none
    }

    .feed .recommendations.horizontal .contentListCards .card:nth-last-of-type(-n+2) a {
        border-right: none
    }
}

@media only screen and (max-width: 864px)and (min-width: 653px) {
    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+2) {
        display: none
    }

    .feed .recommendations.horizontal .contentListCards .card:nth-last-child(-n+3) a {
        border-right: none
    }
}

@media only screen and (max-width: 652px) {
    .feed .recommendations.horizontal .contentListCards .card {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        flex: 1 1 auto;
        margin: 0 1rem
    }

    .feed .recommendations.horizontal .contentListCards .card:last-child {
        border-bottom: none
    }

    .feed .recommendations.horizontal .contentListCards .card .imageMedia {
        display: none
    }
}

.feed .recommendations.vertical .disclaimer-container {
    margin-top: -5px
}

.feed .taggedStories {
    width: 100%
}

.feed .taggedStories .contentList .contentListCards .card .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px
}

.feed .taggedStories .contentList .contentListCards .card:focus, .feed .taggedStories .contentList .contentListCards .card:hover {
    box-shadow: none
}

.feed .taggedStories .contentList .contentListCards .card:focus .headline, .feed .taggedStories .contentList .contentListCards .card:hover .headline {
    text-decoration: underline
}

.feed .videoLinkImageOverlay {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box
}

.feed .videoLinkImageOverlay .imageWrapperUpcomingTime, .feed .videoLinkImageOverlay .label .labelText {
    font-size: .75rem;
    line-height: 1.4;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700
}

.feed .videoLinkImageOverlay .label .labelText {
    padding-top: 0;
    display: block;
    text-align: center
}

.feed .videoLinkImageOverlayPlayBtn {
    display: block;
    margin-right: auto;
    flex-shrink: 0
}

.feed .videoLinkImageOverlay .captions {
    fill: #fff
}

.feed .videoLinkImageOverlayVideoDuration {
    display: flex;
    margin: 0;
    padding: 2px 4px;
    line-height: 1.2;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    background: rgba(0, 0, 0, .7)
}

.feed .videoLinkImageOverlayVideoDuration .captions, .feed .videoLinkImageOverlayVideoDuration p {
    float: left;
    margin: 0
}

.feed .videoLinkImageOverlayLiveLabel, .feed .videoLinkImageOverlayUpcoming {
    display: flex;
    background-color: #ffdc14
}

.feed .videoLinkImageOverlayLiveLabel .captions, .feed .videoLinkImageOverlayUpcoming .captions {
    margin: 1px 5px 0 -6px;
    fill: #000
}

.feed .videoLinkImageOverlayUpcoming {
    display: flex;
    flex-direction: column;
    margin: 0
}

.feed .videoLinkImageOverlayUpcoming .label, .feed .videoLinkImageOverlayUpcomingTime {
    display: block
}

.feed .videoLinkImageOverlayUpcoming .label .labelText, .feed .videoLinkImageOverlayUpcomingTime {
    color: #222;
    line-height: 1.4;
    font-size: .75rem;
    font-weight: 700;
    padding-left: 6px;
    padding-right: 6px
}

.feed .videoLinkImageOverlayUpcomingTime {
    background: #e0e0e0;
    padding-top: 1px;
    margin: 0
}

.feed .videoLinkImageOverlayUpcoming.captions .captions, .feed .videoLinkImageOverlayUpcoming.captions .label {
    float: left
}

.feed .video-item {
    background-color: #fff;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    min-width: 200px;
    border: 1px solid #cbcbcb
}

.feed .video-item.video-card-normal > .video-item-info {
    position: relative
}

.feed .video-item.video-card-normal > .video-item-info .play-button-container {
    display: block;
    position: absolute;
    top: -44px;
    left: 15px
}

.feed .video-item.video-card-normal > .video-item-info .videoInfoLabel {
    position: absolute;
    top: -44px;
    left: calc(100% - 15px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.feed .video-item.video-card-normal > .video-item-info .videoInfoLabel .liveLabel, .feed .video-item.video-card-normal > .video-item-info .videoInfoLabel .videoDuration {
    position: absolute;
    right: 0;
    margin-top: 16px
}

.feed .video-item.video-card-normal > .video-item-info .videoInfoLabel .upcomingLabel {
    margin-top: 0;
    position: relative;
    bottom: 5px;
    right: 100%
}

.feed .video-item.video-card-normal > .video-item-info .video-item-details {
    padding: 12px;
    height: 135px
}

.feed .video-item.video-card-normal > .video-item-info .video-item-details .video-item-title {
    float: left;
    width: 100%;
    color: #000;
    margin: 0;
    display: block;
    max-height: 84px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 21px;
    overflow: hidden
}

.feed .video-item.video-card-normal > .video-item-info .video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    padding: 0 8px 8px 0;
    line-height: 19px;
    font-size: .688rem
}

.feed .video-item.video-card-normal > .video-item-info .video-item-details .video-show-name {
    color: #545454;
    float: left;
    width: 100%;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0
}

.feed .video-item.video-card-horizontal {
    border: none
}

.feed .video-item.video-card-horizontal > .video-item-info {
    position: relative
}

.feed .video-item.video-card-horizontal > .video-item-info .play-button-container {
    display: block;
    position: absolute;
    top: -44px;
    left: 15px
}

.feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel {
    position: absolute;
    top: -44px;
    left: calc(100% - 15px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel .liveLabel, .feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel .videoDuration {
    position: absolute;
    right: 0
}

.feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel .upcomingLabel {
    margin-top: 0;
    position: relative;
    bottom: 5px;
    right: 100%
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details {
    padding: 12px;
    height: 135px
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details .video-item-title {
    float: left;
    width: 100%;
    color: #000;
    display: block;
    max-height: 84px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 21px;
    overflow: hidden
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    padding: 0 8px 8px 0;
    line-height: 19px;
    font-size: .688rem
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details .video-show-name {
    color: #545454;
    float: left;
    width: 100%;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0
}

.feed .video-item.video-card-horizontal > .thumbnail-wrapper {
    float: left;
    width: 178px;
    height: 100px;
    padding: 0
}

.feed .video-item.video-card-horizontal > .video-item-info {
    padding-left: 8px
}

.feed .video-item.video-card-horizontal > .video-item-info .play-button-container {
    bottom: 3px;
    left: 8px;
    top: auto
}

.feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel {
    top: 58px;
    left: 163px
}

.feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel .liveLabel, .feed .video-item.video-card-horizontal > .video-item-info .videoInfoLabel .videoDuration {
    margin-top: 16px
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details {
    width: auto;
    height: 100px;
    padding: 0 0 0 180px
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details .video-item-title {
    margin: 0;
    font-size: .875rem;
    max-height: 63px
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details .video-time-stamp {
    padding: 0
}

.feed .video-item.video-card-horizontal > .video-item-info .video-item-details .video-show-name {
    padding-top: 4px;
    height: 13px;
    overflow: hidden;
    display: block;
    margin: 0;
    font-size: .8rem
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info {
    position: relative
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .play-button-container {
    display: block;
    position: absolute;
    top: -44px;
    left: 15px
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel {
    position: absolute;
    top: -44px;
    left: calc(100% - 15px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel .liveLabel, .feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel .videoDuration {
    position: absolute;
    right: 0;
    margin-top: 16px
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel .upcomingLabel {
    margin-top: 0;
    position: relative;
    bottom: 5px;
    right: 100%
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details {
    padding: 12px;
    height: 135px
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details .video-item-title {
    float: left;
    width: 100%;
    color: #000;
    margin: 0;
    display: block;
    max-height: 84px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 21px;
    overflow: hidden
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    padding: 0 8px 8px 0;
    line-height: 19px;
    font-size: .688rem
}

.feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details .video-show-name {
    color: #545454;
    float: left;
    width: 100%;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0
}

@media only screen and (max-width: 465px) {
    .feed .video-item.video-card-normal-to-horizontal {
        border: none
    }

    .feed .video-item.video-card-normal-to-horizontal > .thumbnail-wrapper {
        float: left;
        width: 178px;
        height: 100px;
        padding: 0
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info {
        padding-left: 8px
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .play-button-container {
        bottom: 3px;
        left: 8px;
        top: auto
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel {
        top: 58px;
        left: 163px
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel .liveLabel, .feed .video-item.video-card-normal-to-horizontal > .video-item-info .videoInfoLabel .videoDuration {
        margin-top: 16px
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details {
        width: auto;
        height: 100px;
        padding: 0 0 0 180px
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details .video-item-title {
        margin: 0;
        font-size: .875rem;
        max-height: 63px
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details .video-time-stamp {
        padding: 0
    }

    .feed .video-item.video-card-normal-to-horizontal > .video-item-info .video-item-details .video-show-name {
        padding-top: 4px;
        height: 13px;
        overflow: hidden;
        display: block;
        margin: 0;
        font-size: .8rem
    }
}

.feed .video-item.placeholder:not(.video-card-overlay) > .thumbnail-wrapper {
    background-color: #d9d9d9
}

.feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .play-button-container {
    display: none
}

.feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-item-title, .feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-item-title:after {
    width: 85%;
    height: 21px;
    margin-bottom: 4px
}

.feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-show-name, .feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-show-name:after {
    width: 70%;
    height: 21px
}

.feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-time-stamp, .feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-time-stamp:after {
    display: none
}

.feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-item-title, .feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-show-name, .feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-time-stamp {
    background: #d9d9d9;
    z-index: 0;
    padding-top: 0;
    position: relative;
    overflow: hidden
}

.feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-item-title:after, .feed .video-item.placeholder:not(.video-card-overlay) .video-item-info .video-item-details .video-show-name:after {
    content: "";
    top: 0;
    position: absolute;
    -webkit-animation: slide 1s infinite;
    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));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1)
}

.feed .video-item.video-card-overlay {
    border: none
}

.feed .video-item.video-card-overlay > .video-item-info {
    position: relative
}

.feed .video-item.video-card-overlay > .video-item-info .play-button-container {
    display: block;
    position: absolute;
    top: -44px;
    left: 15px
}

.feed .video-item.video-card-overlay > .video-item-info .videoInfoLabel {
    position: absolute;
    top: -44px;
    left: calc(100% - 15px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.feed .video-item.video-card-overlay > .video-item-info .videoInfoLabel .liveLabel, .feed .video-item.video-card-overlay > .video-item-info .videoInfoLabel .videoDuration {
    position: absolute;
    right: 0;
    margin-top: 16px
}

.feed .video-item.video-card-overlay > .video-item-info .videoInfoLabel .upcomingLabel {
    margin-top: 0;
    position: relative;
    bottom: 5px;
    right: 100%
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details {
    padding: 12px;
    height: 135px
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-item-title {
    float: left;
    width: 100%;
    color: #000;
    margin: 0;
    display: block;
    max-height: 84px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 21px;
    overflow: hidden
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-time-stamp {
    color: #545454;
    display: inline-block;
    padding: 0 8px 8px 0;
    line-height: 19px;
    font-size: .688rem
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-show-name {
    color: #545454;
    float: left;
    width: 100%;
    font-size: .875rem;
    line-height: 15px;
    margin: 10px 0 0
}

.feed .video-item.video-card-overlay > .thumbnail-wrapper .thumbnail-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .75) 40%, rgba(0, 0, 0, .8));
    pointer-events: none;
    min-height: 70px
}

.feed .video-item.video-card-overlay > .video-item-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8px;
    box-sizing: border-box
}

.feed .video-item.video-card-overlay > .video-item-info .play-button-container {
    position: unset;
    width: 10%;
    height: 10%;
    min-width: 43px;
    max-width: 66px;
    float: left;
    margin-left: 10px
}

.feed .video-item.video-card-overlay > .video-item-info .play-button-container .videoItemPlayBtn {
    width: 100%;
    height: 100%
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details {
    width: calc(100% - 91px);
    max-width: 750px;
    height: auto;
    float: left;
    padding: 0 0 0 15px
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-item-title {
    color: #fff;
    margin: 0 0 10px;
    max-height: 66px
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-show-name {
    display: none
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-time-stamp {
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
    float: left;
    padding-right: 0;
    padding-bottom: 0;
    line-height: normal
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .video-time-stamp:after {
    content: "|";
    padding: 0 4px
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details.live .video-time-stamp {
    display: none
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .videoInfoLabel {
    display: flex;
    position: unset;
    float: left
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .videoInfoLabel .liveLabel, .feed .video-item.video-card-overlay > .video-item-info .video-item-details .videoInfoLabel .videoDuration {
    position: unset;
    margin-top: 0
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .videoInfoLabel .upcomingLabel {
    position: unset;
    display: inline-block;
    text-align: center
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .videoInfoLabel .upcomingLabel .labelAndCaptions {
    float: left;
    width: unset;
    padding: 2px 0
}

.feed .video-item.video-card-overlay > .video-item-info .video-item-details .videoInfoLabel .upcomingLabel .upcomingTime {
    float: left;
    padding: 2px 6px;
    line-height: 0
}

.feed .video-card:focus .video-item-info svg.videoItemPlayBtn path, .feed .video-card:hover .video-item-info svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .video-card:focus .video-item-title, .feed .video-card:hover .video-item-title {
    text-decoration: underline
}

.feed .videoDetailPage .two-columns {
    margin: 0 auto;
    position: relative;
    max-width: 1280px;
    overflow: hidden
}

.feed .videoDetailPage .two-columns > .video-breadcrumb {
    margin-bottom: 15px
}

.feed .videoDetailPage .two-columns > .play-page-main {
    outline: none;
    margin-right: 20px;
    box-sizing: border-box;
    float: left;
    width: calc(100% - 492px)
}

.feed .videoDetailPage .two-columns > .play-page-main .stage > div.details {
    overflow: hidden;
    margin-top: 20px
}

.feed .videoDetailPage .two-columns > .play-page-main .stage > div.details > div.metadata {
    float: left;
    max-width: calc(100% - 320px);
    margin-right: 20px
}

.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 {
    margin: 8px 0;
    font-size: .8rem;
    line-height: 1.4;
    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 {
    display: inline;
    padding: 0 8px;
    border-left: 1px solid #546e7a;
    color: #546e7a
}

.feed .videoDetailPage .two-columns > .play-page-main .stage > div.details > div.metadata > ul.factoids li span.live {
    padding: 0 6px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    opacity: .85;
    background-color: #ffdc16;
    color: #000;
    font-weight: 700
}

.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 {
    width: 18px;
    height: 18px;
    overflow: visible;
    vertical-align: bottom
}

.feed .videoDetailPage .two-columns > .play-page-main .stage > div.details > div.ad-container {
    float: right;
    overflow: hidden;
    width: 300px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 3px;
    color: #666;
    line-height: 40px
}

.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;
        overflow: initial;
        margin: 20px auto 0;
        text-align: center
    }
}

.feed .videoDetailPage .two-columns > .play-page-main .stage.placeholder > div.details > div.metadata {
    width: 100%
}

.feed .videoDetailPage .two-columns > .play-page-main .stage.placeholder > div.details > div.metadata > ul.factoids {
    display: none
}

.feed .videoDetailPage .two-columns > .play-page-main .stage.placeholder > div.details > div.metadata > h1, .feed .videoDetailPage .two-columns > .play-page-main .stage.placeholder > div.details > div.metadata > h1:after {
    width: 100%;
    height: 27px;
    margin-bottom: 20px
}

.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 {
    width: 70%;
    height: 27px
}

.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;
    z-index: 0;
    position: relative;
    overflow: hidden
}

.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 {
    content: "";
    top: 0;
    position: absolute;
    -webkit-animation: slide 1s infinite;
    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));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1)
}

@-webkit-keyframes slide {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%)
    }
}

@keyframes slide {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

.feed .videoDetailPage .two-columns > .play-page-aside {
    padding: 0 4px 4px 8px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 16px;
    width: 472px
}

.feed .videoDetailPage .two-columns > .play-page-aside .video-grid-panel .heading-element-h2 {
    font-size: 1.5rem
}

@media only screen and (max-width: 1100px) {
    .feed .videoDetailPage .two-columns > .play-page-main {
        width: 512px
    }

    .feed .videoDetailPage .two-columns > .play-page-aside {
        width: calc(100% - 532px)
    }
}

@media only screen and (max-width: 1020px) {
    .feed .videoDetailPage .two-columns {
        margin: 0;
        padding: 12px 12px 0
    }

    .feed .videoDetailPage .two-columns > .play-page-main {
        margin-top: 0;
        margin-right: 0;
        width: 100%
    }

    .feed .videoDetailPage .two-columns > .play-page-aside {
        width: 100%;
        margin-top: 20px
    }
}

.feed .videoDetailPage .two-columns .category-clips-swimlane {
    float: left;
    margin: 55px 0
}

.feed .videoDetailPage .two-columns .trending-clips-swimlane {
    float: left
}

.feed .video-index-page {
    padding-top: 24px
}

.feed .video-index-page .page-row {
    width: 100%;
    overflow: hidden;
    margin-bottom: 55px
}

.feed .video-index-page .page-row.highlighted {
    background-color: #e5e5e5
}

.feed .video-index-page .page-row.highlighted > .inner {
    padding-top: 18px;
    padding-bottom: 27px
}

.feed .video-index-page .page-row.highlighted > .inner .video-item-details {
    background-color: #fff
}

.feed .video-index-page .page-row > .inner {
    max-width: 1280px;
    padding: 0 16px;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (max-width: 1020px) {
    .feed .video-index-page .page-row > .inner {
        padding: 0 12px
    }
}

.feed .video-index-page .page-row > .inner .main-big-box {
    float: left;
    margin-left: 40px
}

@media only screen and (max-width: 1315px) {
    .feed .video-index-page .page-row > .inner .main-big-box {
        margin: 28px 0 0;
        width: 100%;
        text-align: center
    }
}

.feed .video-index-page .page-row > .inner .leaderboard {
    text-align: center
}

.feed .video-tabbed-panel {
    float: left;
    display: block;
    width: 100%
}

.feed .video-tabbed-panel > hr {
    background-color: #000;
    border: none;
    height: 1px;
    width: 100%;
    margin-bottom: 14px;
    float: left;
    margin-top: 0
}

.feed .video-tabbed-panel .tab-bar-title {
    float: left;
    list-style: none;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #263238;
    font-size: 19px;
    font-weight: 700;
    margin: 0
}

.feed .video-tabbed-panel .tab-bar {
    list-style: none;
    margin: 0
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item {
    cursor: pointer;
    float: left;
    margin-left: 10px
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item button {
    border: 0;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    color: #666;
    display: block;
    box-sizing: border-box;
    padding: 0 14px;
    background-color: transparent;
    font-weight: 400
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item button:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 3px solid #727272
}

.feed .video-tabbed-panel .tab-bar .tab-bar-item button.active {
    color: #000;
    border-bottom: 3px solid #727272
}

.feed .video-tabbed-panel .video-card-list .video-card .video-item {
    background-color: transparent
}

@media only screen and (min-width: 466px) {
    .feed .video-tabbed-panel .video-card-list .video-card .video-item {
        background-color: #fff
    }

    .feed .video-tabbed-panel .video-card-list .video-card .video-item > .video-item-info .video-item-details {
        position: relative;
        height: 111px;
        padding: 20px;
        width: calc(100% - 40px)
    }

    .feed .video-tabbed-panel .video-card-list .video-card .video-item > .video-item-info .video-item-details .video-item-title {
        margin-top: 0
    }

    .feed .video-tabbed-panel .video-card-list .video-card .video-item > .video-item-info .video-item-details .video-show-name {
        position: absolute;
        bottom: 14px
    }

    .feed .video-tabbed-panel .video-card-list .video-card .video-item.placeholder > .video-item-info .video-item-details .video-show-name {
        position: relative
    }
}

.feed .video-tabbed-panel .video-item.placeholder .video-item-details .video-show-name {
    margin-top: 20px
}

@media only screen and (max-width: 465px) {
    .feed .video-tabbed-panel .video-item.placeholder .video-item-details .video-show-name {
        padding-top: 0;
        margin-top: 0
    }
}

.feed .video-category-page .page-row {
    width: 100%;
    overflow: hidden;
    margin-bottom: 55px
}

.feed .video-category-page .page-row.tight {
    margin-bottom: 35px
}

.feed .video-category-page .page-row.highlighted {
    background-color: #e5e5e5
}

.feed .video-category-page .page-row.highlighted > .inner {
    padding-top: 18px;
    padding-bottom: 27px
}

.feed .video-category-page .page-row > .inner {
    max-width: 1280px;
    padding: 0 12px;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (min-width: 1020px) {
    .feed .video-category-page .page-row > .inner {
        padding: 0 16px
    }
}

.feed .video-category-page .page-row > .inner .leaderboard {
    text-align: center
}

.feed .video-card-list {
    float: left;
    width: 100%
}

.feed .video-card-list > .video-cards-container {
    float: left;
    width: 100%;
    overflow: hidden;
    display: grid;
    flex-wrap: wrap;
    row-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    grid-template-columns:repeat(var(--columnsNum, 5), 1fr)
}

@media only screen and (max-width: 1100px) {
    .feed .video-card-list.flexible > .video-cards-container {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 880px) {
    .feed .video-card-list.flexible > .video-cards-container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 465px) {
    .feed .video-card-list.flexible > .video-cards-container {
        grid-template-columns:repeat(1, 1fr)
    }
}

.feed .video-grid-panel {
    float: left;
    width: 100%
}

.feed .video-grid-panel > .show-more-container {
    float: left;
    width: 100%;
    margin-top: 18px
}

.feed .video-grid-panel > .show-more-container > .show-more {
    display: block;
    margin: 0 auto;
    border: 2px solid;
    color: #212121;
    background-color: #fff;
    text-transform: uppercase;
    padding: 8px 32px;
    font-size: 20px;
    font-weight: 700
}

.feed .video-grid-panel > .show-more-container > .show-more:focus, .feed .video-grid-panel > .show-more-container > .show-more:hover {
    background-color: #212121;
    color: #fff;
    cursor: pointer
}

.feed .recommendations h2.section-title {
    text-transform: uppercase;
    color: #263238;
    font-size: 19px;
    font-weight: 700;
    line-height: 14px;
    height: 26px;
    margin: 0
}

.feed .video-breadcrumb {
    margin: 0;
    padding: 0
}

.feed .video-breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.feed .video-breadcrumb ul li {
    margin: 10px 15px 0 0;
    padding: 0
}

.feed .video-breadcrumb ul li a {
    box-sizing: border-box;
    color: #757575;
    font-size: .875rem;
    font-weight: 700;
    margin-left: -5px;
    padding: 8px 5px;
    text-decoration: none;
    white-space: nowrap
}

.feed .video-breadcrumb ul li a:focus, .feed .video-breadcrumb ul li a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em
}

.feed .video-breadcrumb ul li:not(:last-child):after {
    content: "›";
    color: #757575;
    font-size: 1.25rem;
    line-height: 1;
    margin-left: 13px
}

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

.feed .videoLocal .videoLocalLink {
    color: #545454;
    display: block;
    text-decoration: none;
    border: 0;
    font-weight: 400;
    position: absolute;
    right: 75px;
    top: 10px
}

.feed .videoLocal .videoLocalLink .icon .chevronIcon.horizontal {
    fill: #545454;
    padding-right: 4px
}

.feed .videoLocal .videoLocalLink:focus, .feed .videoLocal .videoLocalLink:hover {
    color: #e60505;
    text-decoration: underline;
    outline: none
}

.feed .videoLocal .videoLocalLink:focus .icon .chevronIcon.horizontal, .feed .videoLocal .videoLocalLink:hover .icon .chevronIcon.horizontal {
    fill: #545454;
    padding-right: 4px
}

.feed .videoLocal .videoLocalRegionListWrapper {
    position: absolute;
    top: 8px;
    right: 0;
    width: auto
}

@media only screen and (min-width: 600px) {
    .feed .videoLocal .videoLocalRegionListWrapper {
        width: 390px
    }
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper {
    background-color: #fff;
    color: #000
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionsList {
    display: none;
    list-style-type: none;
    padding: 0
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionHeading {
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding: .5rem;
    text-transform: uppercase
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionNameWrapper {
    display: inline-block
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionsListItem {
    cursor: pointer;
    font-size: .9rem;
    padding: .5rem 1rem 0 0
}

.feed .videoLocal .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 .videoLocalRegionListWrapper .regionsListWrapper .regionButton:hover {
    text-decoration: none;
    background: #545454;
    color: #fff
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionButton:focus {
    border: 2px dotted #545454;
    outline: none
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionItemLabel {
    cursor: pointer
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionFormIntro {
    display: none;
    color: #545454;
    font-size: .9rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .defaultRegionLabel {
    color: #e60505;
    font-size: .9rem;
    margin-right: .5rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .currentRegion {
    display: inline-block;
    margin-right: 1.5rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionRadioButton {
    margin-right: .3rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionLink {
    color: #545454;
    text-decoration: none;
    border: 0;
    font-weight: 400
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionLink:focus, .feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionLink:hover {
    color: #e60505;
    text-decoration: underline;
    outline: none
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionLink:focus .chevronIcon, .feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionLink:hover .chevronIcon {
    fill: #545454
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionsList {
    display: flex;
    flex-flow: column wrap;
    margin: -6px 1rem 1rem 0;
    padding: .5rem;
    width: 100%
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .currentRegion {
    color: #e60505;
    cursor: auto
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .currentRegion:before {
    content: "•";
    display: inline-block;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionFormIntro {
    display: block
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .icon .chevronIcon {
    transform: rotate(180deg)
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone {
    background: #f4f4f4
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionsListItem {
    font-size: .85rem;
    flex: 1 1 40%;
    line-height: 1.5rem;
    padding: 1rem .5rem 0
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionNameWrapper {
    font-size: 1rem;
    padding: .5rem 0;
    display: inline
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionForm {
    background: #fff
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionFormIntro {
    padding: .5rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionsList {
    border: none;
    clear: both;
    flex-flow: row wrap;
    margin: 0;
    padding: 0
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .defaultRegionLabel {
    display: block;
    color: #545454;
    font-size: .8rem;
    margin: 0 .5rem .3rem 0
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion {
    font-size: 1rem;
    padding: .5rem .5rem 0 0
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion, .feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton {
    background-color: transparent;
    color: #000;
    line-height: 1.2rem;
    margin-right: 0;
    white-space: nowrap
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion:before, .feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton:before {
    display: none
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton {
    box-shadow: inset 0 0 0 1px #545454;
    border: none;
    float: right;
    font-size: .8rem;
    margin-top: .5rem;
    padding: .3rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton:focus, .feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionButton:hover {
    background: #e60505;
    border: none;
    color: #fff;
    outline: none
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .regionLink {
    font-family: Open Sans, sans-serif;
    text-transform: none;
    font-weight: 400
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone .currentRegion {
    font-weight: 700
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone.openRegion .regionForm {
    border: 1px solid #545454
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone.openRegion .regionsList {
    height: 32rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.standAlone.openRegion .regionButton {
    border: 1px solid #545454;
    border-bottom-color: #fff;
    box-shadow: none;
    background-color: #fff;
    color: #e60505;
    margin-bottom: -2px;
    padding: .5rem
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper {
    background-color: transparent
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionButton {
    position: absolute;
    right: 0
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionFormIntro {
    margin-left: 8px;
    margin-top: 10px
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper .regionLink {
    display: none
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionsList {
    margin: -6px 1rem 0 0;
    padding: 1rem
}

@media only screen and (min-width: 1120px) {
    .feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionsList {
        padding-bottom: 0;
        margin-bottom: -7px
    }
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionForm {
    background-color: #f8f8f8;
    margin-top: 10px;
    border: 1px solid #000
}

.feed .videoLocal .videoLocalRegionListWrapper .regionsListWrapper.openRegion .regionFormIntro {
    padding-top: 10px;
    padding-left: 8px
}

.feed .videoInfoLabel .videoDuration {
    display: flex;
    margin: 0;
    padding: 2px 4px;
    line-height: 1.2;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    background: rgba(0, 0, 0, .7)
}

.feed .videoInfoLabel .videoDuration .captions {
    fill: #fff;
    float: left;
    margin: 0
}

.feed .videoInfoLabel .liveLabel {
    display: flex;
    background-color: #ffdc14
}

.feed .videoInfoLabel .liveLabel .label .labelText {
    padding: 0 5px;
    display: block;
    text-align: center;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700
}

.feed .videoInfoLabel .liveLabel .captions {
    fill: #000;
    float: left;
    margin: 1px 5px 0 -3px
}

.feed .videoInfoLabel .upcomingLabel {
    display: inline-block;
    text-align: center
}

.feed .videoInfoLabel .upcomingLabel .labelAndCaptions {
    display: flex;
    width: 100%;
    vertical-align: bottom;
    background-color: #ffdc14
}

.feed .videoInfoLabel .upcomingLabel .labelAndCaptions .label {
    float: left;
    margin: 0 auto
}

.feed .videoInfoLabel .upcomingLabel .labelAndCaptions .label .labelText {
    display: block;
    text-align: center;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700;
    padding: 0 .5rem 0 .3rem
}

.feed .videoInfoLabel .upcomingLabel .labelAndCaptions .captions {
    fill: #000;
    float: left;
    margin: 1px 5px 0 -8px
}

.feed .videoInfoLabel .upcomingLabel .upcomingTime {
    background: #e0e0e0;
    padding: 1px 6px
}

.feed .videoInfoLabel .upcomingLabel .upcomingTime span {
    padding: 0;
    margin: 0;
    color: #222;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700
}

.feed .thumbnail-wrapper {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    background-color: #000
}

.feed .thumbnail-wrapper > .thumbnail-container > img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%
}

.feed .playlist-item {
    display: block;
    min-width: 200px;
    width: 100%
}

.feed .playlist-item .playlist-item-btn {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 15px;
    outline: none;
    padding: 20px 0;
    position: relative;
    text-align: left;
    width: calc(100% - 30px)
}

.feed .playlist-item .playlist-item-btn .thumbnail-wrapper {
    float: left;
    width: 160px;
    height: 90px;
    padding: 0
}

.feed .playlist-item .playlist-item-btn .play-button-container {
    display: block;
    position: absolute;
    bottom: 23px;
    left: 8px
}

.feed .playlist-item .playlist-item-btn .playlist-item-info {
    position: relative
}

.feed .playlist-item .playlist-item-btn .playlist-item-info h3 {
    background: transparent;
    color: #000;
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0;
    max-height: 42px;
    overflow: hidden;
    word-break: break-word
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > .videoInfoLabel {
    float: left;
    margin: 3px 18px 0 0
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > .videoInfoLabel .upcomingLabel {
    display: flex
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > .videoInfoLabel .upcomingLabel .labelAndCaptions {
    width: auto
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > .videoInfoLabel .upcomingLabel .labelAndCaptions .labelText {
    padding: 1px .5rem
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > .videoInfoLabel .upcomingLabel .upcomingTime {
    display: flex;
    flex: 1;
    justify-content: center
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > span {
    margin-right: 18px;
    font-size: .875rem;
    font-weight: 400
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > span.content-area {
    color: #000
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > span.formattedDate {
    color: #757575
}

.feed .playlist-item .playlist-item-btn .playlist-item-info > span:empty {
    margin-right: 0
}

.feed .playlist-item.has-thumbnail .playlist-item-info {
    padding-left: 172px
}

.feed .playlist-item.has-thumbnail .playlist-item-info > span {
    display: block;
    margin: 5px 0 0;
    font-size: .8rem
}

.feed .playlist-item.has-thumbnail .playlist-item-info > .videoInfoLabel {
    position: absolute;
    top: 60px;
    left: 145px
}

.feed .playlist-item.has-thumbnail .playlist-item-info > .videoInfoLabel > .videoDuration {
    position: absolute;
    right: 0
}

.feed .playlist-item.has-thumbnail .playlist-item-info > .videoInfoLabel > .upcomingLabel {
    display: block;
    position: relative;
    right: 100%;
    bottom: 20px
}

.feed .playlist-item.has-thumbnail .playlist-item-info > .videoInfoLabel > .liveLabel {
    position: absolute;
    right: 0
}

@media only screen and (min-width: 915px)and (max-width: 1100px) {
    .feed .playlist-item.has-thumbnail .playlist-item-info h3 {
        margin-bottom: 0;
        font-size: .875rem
    }
}

@media only screen and (min-width: 1100px) {
    .feed .playlist-item.has-thumbnail .playlist-item-info h3 {
        max-height: 65px
    }

    .feed .playlist-item.has-thumbnail .playlist-item-info > span {
        display: inline;
        margin: 0 18px 0 0;
        font-size: .875rem
    }
}

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

.feed .playlist-item.active .playlist-item-btn h3, .feed .playlist-item:focus-within .playlist-item-btn h3, .feed .playlist-item:focus .playlist-item-btn h3, .feed .playlist-item:hover .playlist-item-btn h3 {
    color: #2566cc
}

.feed .playlist-item.active .playlist-item-btn span.video-time-stamp, .feed .playlist-item:focus-within .playlist-item-btn span.video-time-stamp, .feed .playlist-item:focus .playlist-item-btn span.video-time-stamp, .feed .playlist-item:hover .playlist-item-btn span.video-time-stamp {
    color: #696969
}

.feed .playlist-item.active .playlist-item-btn svg.videoItemPlayBtn path, .feed .playlist-item:focus-within .playlist-item-btn svg.videoItemPlayBtn path, .feed .playlist-item:focus .playlist-item-btn svg.videoItemPlayBtn path, .feed .playlist-item:hover .playlist-item-btn svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .playlist-item.active .playlist-item-btn .play-button-container {
    display: none
}

.feed .playlist > h3:first-child {
    display: block;
    background: #222323;
    color: #fff;
    font-size: .8rem;
    margin: 0;
    padding: 10px 18px;
    position: sticky;
    top: 0;
    left: 0
}

.feed .playlist > h3:first-child span {
    font-weight: 400
}

.feed .playlist > .playlist-inner {
    box-sizing: border-box;
    background: #fff;
    position: relative;
    width: 100%;
    height: calc(100% - 38px);
    overflow-y: scroll;
    border-color: #cbcbcb;
    border-style: solid;
    border-width: 0 1px 1px 0
}

@media only screen and (max-width: 768px) {
    .feed .playlist > .playlist-inner {
        border-width: 0 1px 1px
    }
}

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

.feed .video-playlist {
    background: #222323;
    display: flex;
    flex-wrap: wrap
}

.feed .video-playlist .player-placeholder-ui-container {
    background-color: #fff;
    overflow: hidden;
    flex: 0 0 100%;
    align-self: center
}

.feed .video-playlist .player-placeholder-ui-container .player-placeholder-video-ui > .player-placeholder {
    padding-bottom: 0
}

.feed .video-playlist .player-placeholder-ui-container .persistent-player.custom-ui.ad .pp-custom-ui.audio {
    display: none
}

.feed .video-playlist .player-placeholder-ui-container .cbc-caffeine-container {
    max-width: none;
    max-height: none
}

.feed .video-playlist .playlist {
    flex: 0 0 100%;
    height: 260px
}

@media only screen and (min-width: 815px) {
    .feed .video-playlist {
        height: 315px
    }

    .feed .video-playlist .player-placeholder-ui-container {
        flex: 0 0 560px
    }

    .feed .video-playlist .player-placeholder-ui-container .cbc-caffeine-container {
        max-width: 560px;
        max-height: 315px
    }

    .feed .video-playlist .playlist {
        flex: 1;
        height: 100%
    }
}

@media only screen and (min-width: 815px)and (max-width: 915px) {
    .feed .video-playlist.show-thumbnails {
        height: auto
    }

    .feed .video-playlist.show-thumbnails .player-placeholder-ui-container {
        flex: 0 0 100%
    }

    .feed .video-playlist.show-thumbnails .playlist {
        flex: 0 0 100%;
        height: 260px
    }
}

@media only screen and (min-width: 1024px) {
    .feed .video-playlist {
        height: 360px
    }

    .feed .video-playlist .player-placeholder-ui-container {
        flex: 0 0 640px
    }

    .feed .video-playlist .player-placeholder-ui-container .cbc-caffeine-container {
        max-width: 640px;
        max-height: 360px
    }
}

@media only screen and (min-width: 1280px) {
    .feed .video-playlist .player-placeholder-ui-container {
        flex: 1
    }
}

.feed .persistent-player.custom-ui.custom-ui .pp-caffeine-container {
    display: none
}

.feed .persistent-player.custom-ui.custom-ui.ad .pp-caffeine-container {
    display: initial
}

.feed .persistent-player.custom-ui.custom-ui.ad .pp-caffeine-container .cbc-caffeine-player {
    display: none
}

.feed .persistent-player.custom-ui.custom-ui.error .pp-caffeine-container {
    display: initial
}

.feed .persistent-player.custom-ui.custom-ui.error .pp-custom-ui.audio {
    display: none
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio {
    border: 1px solid #cbcbcb;
    width: calc(100% - 2px);
    height: 100%
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control {
    display: flex;
    align-items: center
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .toggle-mute-btn {
    border: 0;
    padding: 0;
    margin-right: 16px;
    width: 21px;
    height: 19px;
    overflow: hidden
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .toggle-mute-btn svg {
    width: 21px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .pp-volume-slider {
    width: calc(100% - 37px);
    -webkit-appearance: none;
    -moz-apperance: none;
    -ms-appearance: none;
    border-radius: 6px;
    height: 6px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(.15, #000), color-stop(.15, track-color))
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .pp-volume-slider:focus {
    outline-style: dotted;
    outline-width: 1px;
    outline-color: #000
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .pp-volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    cursor: pointer
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .pp-volume-slider::-moz-range-thumb {
    -moz-apperance: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    cursor: pointer
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-volume-control .pp-volume-slider::-ms-thumb {
    -ms-appearance: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    cursor: pointer
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar {
    position: relative;
    width: 100%;
    height: 30px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .current-time, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .duration {
    font-size: 12.8px;
    width: 40px;
    position: absolute;
    top: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .current-time {
    left: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .duration {
    right: 0;
    text-align: right
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container {
    position: absolute;
    left: 50px;
    top: 0;
    width: calc(100% - 100px);
    padding: 5px 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress {
    position: relative;
    height: 6px;
    background-color: transparent
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.status-playing .buffer {
    -webkit-animation: animatedbuffer 1s linear infinite;
    animation: animatedbuffer 1s linear infinite
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .buffer, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .playback, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .seek, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .timeline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border: none;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 7px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .buffer::-webkit-progress-bar, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .playback::-webkit-progress-bar, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .seek::-webkit-progress-bar, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .timeline::-webkit-progress-bar {
    background: transparent;
    border-radius: 7px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .buffer::-moz-progress-bar, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .playback::-moz-progress-bar, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .seek::-moz-progress-bar, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .timeline::-moz-progress-bar {
    background: transparent;
    border-radius: 7px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .buffer::-webkit-progress-value, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .playback::-webkit-progress-value, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .seek::-webkit-progress-value, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .timeline::-webkit-progress-value {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress .timeline {
    background-color: #cbcbcb
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress progress.buffer {
    color: #aaa
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress progress.buffer::-webkit-progress-value {
    background-color: #aaa
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress progress.buffer::-moz-progress-bar {
    background-color: #aaa
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.live input.seek, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.live progress.playback {
    display: none
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.live progress.buffer {
    background: repeating-linear-gradient(45deg, rgba(71, 89, 99, .5), rgba(71, 89, 99, .5) 10px, #576d7b 0, #576d7b 20px);
    border-radius: 7px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.live progress.buffer::-webkit-progress-value {
    background: none
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.live progress.buffer::-moz-progress-bar {
    background: none
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress.live progress.buffer::-ms-fill {
    background: none;
    animation-name: none
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress progress.playback {
    color: #e60505
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress progress.playback::-webkit-progress-value {
    background-color: #e60505
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress progress.playback::-moz-progress-bar {
    background-color: #e60505
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress input.seek {
    height: 100%;
    top: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress input.seek:focus {
    outline-style: dotted;
    outline-width: 1px;
    outline-color: #000
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress input.seek::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    cursor: pointer
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress input.seek::-moz-range-thumb {
    -moz-apperance: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    cursor: pointer
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-seekbar .seekprogress-container .seekprogress input.seek::-ms-thumb {
    -ms-appearance: none;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    cursor: pointer
}

@-webkit-keyframes animatedbuffer {
    0% {
        background-position: -56px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes animatedbuffer {
    0% {
        background-position: -56px 0
    }
    to {
        background-position: 0 0
    }
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui {
    width: 100%;
    position: relative;
    margin-top: 40px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper {
    display: flex
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls {
    margin: 0 16px;
    flex: 0 0 auto
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .play-button, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button {
    border: none;
    vertical-align: middle;
    padding: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button:focus, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .play-button:focus, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button:focus, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button:focus, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button:focus {
    outline-style: dotted;
    outline-width: 1px;
    outline-color: #000
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button > svg, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button > svg {
    width: 25px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button:hover path, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button:hover path {
    fill: #747474
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button:hover path:first-child, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button:hover path:first-child {
    fill: transparent;
    stroke: #747474
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button {
    margin-right: 25px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button {
    margin-left: 25px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button > svg, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .play-button > svg, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button > svg {
    width: 60px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button:hover polygon, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .play-button:hover polygon, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button:hover polygon {
    fill: #e60505
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-thumbnail {
    height: 84.375px;
    flex: 0 0 auto;
    margin-top: -24px;
    margin-left: 29px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-thumbnail img {
    width: auto;
    height: 84.375px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata {
    padding-left: 16px;
    flex: 0 1 auto
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata .showname, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata .title {
    padding: 0;
    margin: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata .showname {
    font-size: 12.8px;
    font-weight: 700
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata .title {
    font-size: 13.6px;
    line-height: 19px;
    max-height: 38px;
    overflow: hidden
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-secondary-controls {
    display: flex;
    width: calc(100% - 32px);
    margin: 0 16px;
    padding: 27px 0 8px;
    position: relative
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-secondary-controls .pp-playerui-seekbar {
    width: 70%
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-secondary-controls .pp-playerui-volume-control {
    position: absolute;
    right: 0;
    width: calc(30% - 16px)
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small {
    margin-top: 16px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper {
    display: flex;
    flex-wrap: wrap
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    margin: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button > svg, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button > svg {
    width: 20px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button {
    margin-right: 20px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button {
    margin-left: 20px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .play-button, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button {
    height: 35px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button > svg, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .play-button > svg, .feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button > svg {
    width: 35px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-metadata {
    flex: 1 calc(100% - 110px);
    margin-top: 16px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-metadata .title {
    max-height: 19px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-thumbnail {
    height: 35px;
    margin-top: 16px;
    margin-left: 16px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-thumbnail img {
    height: 35px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-secondary-controls {
    padding: 12px 0 8px
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-secondary-controls .pp-playerui-seekbar {
    width: 90%
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-secondary-controls .pp-playerui-volume-control {
    width: auto
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-secondary-controls .pp-playerui-volume-control button.toggle-mute-btn {
    margin-right: 0
}

.feed .persistent-player.custom-ui.custom-ui .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-secondary-controls .pp-playerui-volume-control input.pp-volume-slider {
    display: none
}

.feed .persistent-player.native-ui.native-ui {
    order: 1
}

.feed .persistent-player.native-ui.native-ui .cbc-caffeine-container[data-status=advertising] [data-uielement=conditional-dock], .feed .persistent-player.native-ui.native-ui .disable-recommend .caffeine-overlay.recommendationcontent {
    display: none
}

.feed .persistent-player-persist-container {
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
    z-index: 950
}

.feed .persistent-player-persist-container.pp-hidden {
    display: none
}

.feed .persistent-player-persist-container.audio {
    width: 100%;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    height: 135px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container {
    position: relative;
    margin: 16px auto 0;
    max-width: 1280px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player-controls {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 6px;
    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 {
    color: #000;
    border: none;
    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-style: dotted;
    outline-width: 1px;
    outline-color: #000
}

.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 {
    width: 14px;
    margin-left: 8px
}

.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 {
    width: 10px;
    margin-left: 8px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player {
    width: 100%;
    border: 0;
    padding: 0
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio {
    padding: 0;
    border: 0
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui {
    margin-top: 0
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-thumbnail {
    box-shadow: 0 0 5px 1px #cbcbcb
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata {
    margin-right: 265px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-secondary-controls {
    padding-top: 17px;
    padding-bottom: 0
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-secondary-controls .pp-playerui-seekbar {
    width: 100%;
    margin-right: 249px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-secondary-controls .pp-playerui-volume-control {
    width: auto
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-primary-controls {
    display: block;
    margin: 0 16px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-metadata, .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-thumbnail {
    margin-top: 12px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-metadata {
    margin-right: 15px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.ad.custom-ui .pp-caffeine-container {
    min-width: 300px;
    width: 50vw;
    max-width: 640px;
    position: absolute;
    bottom: 151px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container {
    margin-right: 265px
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container .cbc-caffeine-error {
    padding: 2%
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container .cbc-caffeine-error p, .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container .cbc-caffeine-error strong {
    float: left;
    padding-left: 0
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container .cbc-caffeine-error p {
    margin-top: 0
}

.feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container .cbc-caffeine-error p, .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player.error.custom-ui .pp-caffeine-container .cbc-caffeine-error-container .cbc-caffeine-error small {
    margin-left: 10px
}

@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: ""
    }

    .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata {
        margin-right: 80px
    }
}

@media only screen and (max-width: 600px) {
    .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container {
        margin: 10px auto 0
    }

    .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui > .pp-playerui-secondary-controls {
        padding-top: 12px
    }

    .feed .persistent-player-persist-container.audio > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio .pp-playerui-audio-ui > .pp-playerui-secondary-controls .pp-playerui-seekbar {
        width: 100%;
        margin-right: 70px
    }
}

.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 > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls {
    margin-right: 0;
    flex: 0 0 auto
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipback-button, .feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .skipforward-button {
    display: none
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button, .feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .play-button, .feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button {
    margin: 0
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .pause-button svg, .feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .play-button svg, .feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-primary-controls .stop-button svg {
    width: 35px
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata {
    margin: 0 110px 0 0;
    padding: 0 16px;
    flex: 1 1 calc(100% - 197px)
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-metadata .title {
    height: 19px
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-secondary-controls, .feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui .pp-playerui-wrapper .pp-playerui-thumbnail {
    display: none
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player > .pp-custom-ui.audio > .pp-playerui-audio-ui.small .pp-playerui-wrapper .pp-playerui-metadata {
    margin: 0 110px 0 0;
    padding-left: 0
}

.feed .persistent-player-persist-container.minimized > div.persistent-player-inner-container > .persistent-player.ad.custom-ui .pp-caffeine-container {
    bottom: 32px
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container {
    width: 400px;
    position: relative;
    display: flex;
    flex-direction: column
}

.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 {
    display: none;
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 950;
    padding: 0
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player-video-ui .close-persistent-player-button svg.closeIcon {
    background: transparent;
    border-radius: 0;
    padding: .2rem;
    width: 15px;
    height: 15px
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player-video-ui #persistent-player-media-metadata-video {
    width: 380px;
    height: 60px;
    padding: 10px;
    background-color: #f8f8f8
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player-video-ui #persistent-player-media-metadata-video .media-title {
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    max-height: 38px;
    overflow: hidden;
    color: #000
}

.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 {
    margin: 0;
    float: left
}

.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 .cbc-caffeine-ads-innercontainer > .ads-message > .message-text, .feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .controls-left .air-date, .feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .controls-left .content-area, .feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .controls-left > h3 {
    display: none
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .cbc-caffeine-ads-innercontainer > .ads-close {
    margin-right: 20px
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container .persistent-player .cbc-caffeine-container {
    width: 400px !important;
    max-height: 225px
}

.feed .persistent-player-persist-container.video .persistent-player-inner-container.hide-dock-btn .controls-right [data-uielement=conditional-dock] {
    display: none
}

.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:focus .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 {
        width: 100%;
        border: none;
        margin: 0
    }

    .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 .cbc-caffeine-container {
        width: 350px !important
    }
}

.feed .player-placeholder-ui-container {
    display: grid
}

.feed .player-placeholder-ui-container .videoInfoLabel .videoDuration {
    display: flex;
    margin: 0;
    padding: 2px 4px;
    line-height: 1.2;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    background: rgba(0, 0, 0, .7)
}

.feed .player-placeholder-ui-container .videoInfoLabel .videoDuration .captions {
    fill: #fff;
    float: left;
    margin: 0
}

.feed .player-placeholder-ui-container .videoInfoLabel .liveLabel {
    display: flex;
    background-color: #ffdc14
}

.feed .player-placeholder-ui-container .videoInfoLabel .liveLabel .label .labelText {
    padding: 0 5px;
    display: block;
    text-align: center;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700
}

.feed .player-placeholder-ui-container .videoInfoLabel .liveLabel .captions {
    fill: #000;
    float: left;
    margin: 1px 5px 0 -3px
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel {
    display: inline-block;
    text-align: center
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel .labelAndCaptions {
    display: flex;
    width: 100%;
    vertical-align: bottom;
    background-color: #ffdc14
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel .labelAndCaptions .label {
    float: left;
    margin: 0 auto
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel .labelAndCaptions .label .labelText {
    display: block;
    text-align: center;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700;
    padding: 0 .5rem 0 .3rem
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel .labelAndCaptions .captions {
    fill: #000;
    float: left;
    margin: 1px 5px 0 -8px
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel .upcomingTime {
    background: #e0e0e0;
    padding: 1px 6px
}

.feed .player-placeholder-ui-container .videoInfoLabel .upcomingLabel .upcomingTime span {
    padding: 0;
    margin: 0;
    color: #222;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui {
    display: grid;
    grid-area: 1/1
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder {
    grid-area: 1/1;
    padding-bottom: 56.25%
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui {
    position: relative;
    grid-area: 1/1;
    overflow: hidden;
    width: 100%;
    height: auto
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.hidden {
    display: none
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked .thumbnail-container > img {
    filter: blur(5px)
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked .thumbnail-container:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .75) 40%, rgba(0, 0, 0, .8));
    pointer-events: none;
    min-height: 70px;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .75) 100%)
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked span.dock-msg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 1
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui .persistent-player .cbc-caffeine-container[data-status^=advertising] [data-uielement=conditional-dock], .feed .player-placeholder-ui-container .player-placeholder-video-ui .persistent-player.disable-recommend .caffeine-overlay.recommendationcontent, .feed .player-placeholder-ui-container .player-placeholder-video-ui .player-placeholder-ui.docked .video-item-info {
    display: none
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:focus .video-item-info svg.videoItemPlayBtn path, .feed .player-placeholder-ui-container .player-placeholder-video-ui:hover .video-item-info svg.videoItemPlayBtn path {
    fill: #ff1a1a
}

.feed .player-placeholder-ui-container .player-placeholder-video-ui:focus .video-item-title, .feed .player-placeholder-ui-container .player-placeholder-video-ui:hover .video-item-title {
    text-decoration: underline
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui {
    margin: 20px 1px;
    padding: 2px;
    width: calc(100% - 2px);
    box-sizing: border-box
}

.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: 1px dotted #000
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 5px 0
}

.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 {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon {
    width: 60px;
    height: 60px
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect {
    fill: #757575;
    -webkit-animation: updown .5s linear infinite;
    animation: updown .5s linear infinite;
    transform-origin: 0 50%;
    transform: scaleY(.5)
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:first-child {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(2) {
    -webkit-animation-delay: 75ms;
    animation-delay: 75ms;
    -webkit-animation-duration: .65s;
    animation-duration: .65s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(3) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(4) {
    -webkit-animation-delay: .125s;
    animation-delay: .125s;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .play-button-container .equalizer-icon rect:nth-child(5) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    -webkit-animation-duration: .85s;
    animation-duration: .85s
}

@-webkit-keyframes updown {
    0% {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

@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 {
    float: left;
    width: 107px;
    height: 60px;
    margin-right: 16px;
    overflow: hidden;
    background-color: #cbcbcb;
    box-shadow: 0 0 5px 1px #cbcbcb;
    border-radius: 1px
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-thumbnail img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-metadata .media-showName {
    display: inline-block;
    font-size: 13.6px;
    color: #000;
    font-weight: 700;
    margin-right: 16px
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-metadata .media-duration {
    display: inline-block;
    font-size: 13.6px;
    font-weight: 700;
    color: #757575
}

.feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-metadata .media-title {
    display: block;
    font-size: 13.6px;
    margin-top: 4px;
    line-height: 18px;
    max-height: 36px;
    margin-left: 203px;
    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 {
        width: 35px;
        height: 35px
    }

    .feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-thumbnail {
        display: none
    }

    .feed .player-placeholder-ui-container .player-placeholder-audio-ui .player-placeholder-ui .media-metadata .media-title {
        margin-left: 55px
    }
}

.feed .player-placeholder-ui-container .persistent-player {
    grid-area: 1/1
}

.feed .frequencyWidget .customHtml {
    border: none;
    background: #fff;
    margin-bottom: 1rem
}

.feed .frequencyWidget .frequencyWidgetTitle {
    padding: 1rem;
    background: #fff;
    margin-bottom: 0;
    margin-top: 0
}

.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;
    margin: 14px 0;
    font-weight: 700;
    text-transform: uppercase
}

.feed .olympicSportsList .legend li {
    display: flex;
    margin: 0 20px 0 0
}

.feed .olympicSportsList .legend .selectSport {
    height: 20px;
    width: 20px;
    display: inline-block
}

.feed .olympicSportsList .legend .followedIcon, .feed .olympicSportsList .legend .followIcon {
    width: 20px;
    height: 20px
}

.feed .olympicSportsList .legend .legendText {
    margin: 0 0 0 10px
}

.feed .olympicSportsList .sportsList {
    width: 100%;
    display: grid;
    grid-gap: 16px;
    margin: 0;
    grid-template-columns:repeat(auto-fit, minmax(234px, 1fr));
    grid-auto-rows: 65px
}

.feed .olympicSportsList .sportsName {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    font-size: 17.3px;
    font-weight: 700;
    line-height: 1.8em;
    padding: 15px;
    box-sizing: border-box;
    height: 100%
}

.feed .olympicSportsList .sportsName .followedIcon, .feed .olympicSportsList .sportsName .followIcon {
    width: 30px;
    height: 30px;
    margin-left: -1px;
    margin-top: -1px
}

.feed .olympicSportsList .sportsName:not(:disabled):focus-within, .feed .olympicSportsList .sportsName:not(:disabled):hover {
    box-shadow: 0 0 0 3px #757575;
    outline: none
}

.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 {
    width: 28px;
    height: 28px;
    text-align: center
}

.feed .olympicSportsList .showSportsContainer {
    margin: 10px 0;
    width: 100%
}

.feed .olympicSportsList .showAllSports {
    background-color: #f4f4f4;
    border: none;
    color: #000;
    display: block;
    margin: 0 auto
}

.feed .olympicSportsList .showAllSports:hover {
    text-decoration: underline
}

.feed .olympicSportsList .showAllSports:focus {
    outline: 2px solid #545454
}

.feed .olympicSportsList .showAllSports .chevronIcon {
    background-color: #f4f4f4;
    fill: #000;
    margin: 0 0 0 10px
}

.feed .olympicSportsList .buildFeed {
    border: none;
    background-color: #b7873c;
    color: #fff;
    display: block;
    font-size: 19.2px;
    margin: 30px auto 0;
    text-transform: uppercase;
    width: 60%;
    border-radius: 3px
}

.feed .olympicSportsList .buildFeed:disabled {
    background-color: #cbae84
}

.feed .myOlympicsWidget .legend {
    padding: 0 20px
}

.feed .myOlympicsContent {
    display: flex;
    justify-content: center
}

.feed .myOlympicsContent .loading {
    display: flex;
    align-items: center;
    flex: none
}

.feed .myOlympicsContent .loading .loadingText {
    font-size: 1.2rem
}

.feed .myOlympicsContent .loading .loader {
    display: inline-block;
    margin-left: 1rem
}

.feed .myOlympicsContent .moreResults {
    background-color: #b7873c;
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 40px auto 0;
    text-transform: uppercase;
    width: 60%;
    height: 63px;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.feed .myOlympicsContent .moreResults .chevronIcon {
    background-color: transparent;
    fill: #fff;
    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 .IconWeather {
    height: 3rem;
    width: 3rem
}

.feed .widgetOpen-false .toggleWidget {
    border: .1875rem solid #ccc
}

.feed .widgetOpen-false .toggleWidget:focus, .feed .widgetOpen-false .toggleWidget:hover {
    border-color: #3b3b3b
}

.feed .widgetOpen-false .toggleWidget:focus svg, .feed .widgetOpen-false .toggleWidget:hover svg {
    fill: #3b3b3b
}

.feed .widgetOpen-false .toggleWidget .expandIcon {
    fill: #949494;
    margin-right: .625rem
}

.feed .widgetOpen-true {
    box-shadow: .125rem 0 .875rem -.1875rem rgba(0, 0, 0, .3)
}

.feed .widgetOpen-true .closeWidget, .feed .widgetOpen-true .expandedWeatherWidget {
    border: .1875rem solid #ccc
}

.feed .widgetOpen-true .closeWidget {
    border-bottom: 0;
    margin-top: -75px
}

.feed .widgetOpen-true .expandedWeatherWidget {
    border-top: 0
}

.feed .widgetOpen-true .closeWidget:focus, .feed .widgetOpen-true .closeWidget:hover {
    border-color: #3b3b3b;
    border-bottom: none
}

.feed .widgetOpen-true .closeWidget:focus + .expandedWeatherWidget, .feed .widgetOpen-true .closeWidget:hover + .expandedWeatherWidget {
    border-color: #3b3b3b
}

.feed .widgetOpen-true .expandIcon {
    display: none
}

.feed .widgetOpen-true svg.collapseIcon {
    fill: #3b3b3b;
    margin-right: .625rem;
    margin-top: -4px
}

.feed .weatherWidget {
    box-sizing: border-box;
    display: flex;
    padding: 0 .3125rem 0 1rem;
    height: 4.688rem
}

.feed .weatherWidget .currentWeatherIcon, .feed .weatherWidget .weatherForecastIcon {
    display: flex;
    align-items: center
}

.feed .weatherWidget .currentWeatherIcon svg {
    height: 2.75rem;
    width: 2.75rem;
    padding: .805rem 0 .405rem
}

.feed .weatherWidget .weatherForecastIcon svg {
    height: 2.125rem;
    width: 2.125rem;
    padding: 1rem 0 .625rem
}

.feed .weatherWidget .currentWeather {
    display: flex;
    width: calc(100% - 14.0625rem)
}

.feed .weatherWidget .weatherForecast {
    width: 10.625rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 0 .625rem
}

.feed .weatherWidget .showWeatherDetails {
    margin: 1.25rem .625rem 1.25rem .9375rem;
    text-align: center;
    width: 1.25rem;
    border: 0;
    padding: 0
}

.feed .weatherWidget .currentWeatherInfo {
    margin-bottom: .125rem
}

.feed .weatherWidget .hourlyForecastInfo, .feed .weatherWidget .weatherInfo {
    display: flex;
    align-items: center
}

.feed .weatherWidget .weatherInfo {
    padding: .0625rem .3125rem .0625rem .75rem
}

.feed .weatherWidget .weatherInfo, .feed .weatherWidget .weatherInfo > div {
    width: 100%
}

.feed .weatherWidget .hourlyForecastInfo {
    margin-left: .5rem
}

.feed .weatherWidget .temp {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 .25rem 0 0;
    float: left
}

.feed .weatherWidget .time {
    margin: 0
}

.feed .weatherWidget .location, .feed .weatherWidget .tempForecast {
    font-size: .875rem;
    line-height: 1.125rem;
    margin: 0
}

.feed .weatherWidget .time, .feed .weatherWidget .weatherDesc, .feed .weatherWidget .weatherDescShort {
    color: #545454;
    font-size: .75rem
}

.feed .weatherWidget .weatherDesc {
    margin: 0
}

.feed .weatherWidget .weatherDescShort {
    display: none
}

.feed .weatherWidget .hourlyForecast {
    display: flex
}

@media only screen and (max-width: 500px) {
    .feed .weatherWidget .currentWeather {
        width: calc(100% - 8rem)
    }

    .feed .weatherWidget .weatherForecast {
        width: 5rem
    }

    .feed .weatherWidget .weatherForecast .hourlyForecast:nth-of-type(2) {
        display: none
    }
}

@media only screen and (max-width: 400px) {
    .feed .weatherWidget .currentWeather {
        width: 100%
    }

    .feed .weatherWidget .weatherForecast {
        display: none
    }
}

@media only screen and (max-width: 320px) {
    .feed .weatherWidget .currentWeather {
        width: 80%
    }

    .feed .weatherWidget .weatherInfo > div {
        width: 70%
    }

    .feed .weatherWidget .currentWeatherInfo {
        max-width: 18.75rem;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box
    }

    .feed .weatherWidget .weatherDesc {
        display: none
    }

    .feed .weatherWidget .weatherDescShort {
        display: block;
        margin: 0;
        text-transform: capitalize
    }
}

.feed .viewportMedium .weatherWidget, .feed .viewportSmall .weatherWidget {
    margin-bottom: 1rem
}

.feed .viewportMedium .widgetOpen-true .expandedWeatherWidget {
    margin-top: -1rem
}

.feed .viewportMedium .widgetOpen-true .closeWidget {
    margin-top: -91px
}

.feed .viewportSmall .widgetOpen-true .closeWidget, .feed .viewportSmall .widgetOpen-true .expandedWeatherWidget {
    border: none
}

.feed .viewportSmall .widgetOpen-true .closeWidget {
    color: #e60505;
    margin-top: 0
}

.feed .icon .chevronIcon {
    background-color: #fff;
    border-radius: 10px;
    fill: #e60505;
    margin-left: 2px;
    padding: 3px 2px 1px;
    vertical-align: middle
}

.feed .icon .chevronIcon.horizontal {
    background: transparent;
    fill: #000;
    padding-top: 1px;
    vertical-align: inherit;
    transform: rotate(270deg)
}

.feed .icon .chevronIcon.white {
    fill: #fff
}

.feed .icon .open .chevronIcon {
    transform: rotate(180deg)
}

.feed .icon .right {
    transform: rotate(270deg)
}

.feed .icon .collapseIcon {
    transform: rotate(180deg)
}

.feed .icon .closeIcon {
    background: #e60505;
    border-radius: 50%;
    fill: #fff;
    padding: .3rem
}

.feed .icon .iconExclamation circle {
    stroke: #e60505;
    fill: #e60606;
    stroke-width: 2px
}

.feed .icon .icon-feature {
    margin: 1rem auto;
    display: block;
    width: 80px;
    height: 80px
}

.feed .icon .logoIcon.headerLogo {
    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 {
    border-radius: 50%;
    fill: #000
}

.feed .icon .followIcon, .feed .icon .unfollowIcon {
    fill: #000
}

.feed .icon .logoIcon.logoMyCbc {
    fill: #fff
}

.feed .icon .logoIcon.logoMyCbc:focus, .feed .icon .logoIcon.logoMyCbc:hover {
    transform: scale(1.15)
}

.feed .icon .feedbackIcon {
    fill: #fff
}

.feed .icon {
    display: inline
}

.feed .icon .logoIcon {
    fill: #e60505;
    margin-left: 1rem;
    vertical-align: middle
}

.feed .icon .logoIcon.logoBooks, .feed .icon .logoIcon.logoNews, .feed .icon .logoIcon.logoRadio {
    fill: #fff
}

.feed .icon .logoIcon.logoArts, .feed .icon .logoIcon.logoDocumentaries, .feed .icon .logoIcon.logoMeta, .feed .icon .logoIcon.logoTV {
    fill: #000
}

.feed .icon .logoIcon.logoComedy, .feed .icon .logoIcon.logoLife {
    fill: #222
}

.feed .icon .logoIcon.detailGem {
    fill: #e60505
}

.feed .icon .logoIcon.footerLogo {
    fill: #fff;
    margin-left: .4rem
}

.feed .icon .logoIcon.notFoundLogo {
    fill: #e60505;
    margin: 1rem -1rem 0 .5rem
}

.feed .icon .logoIcon.logo2017 .st0 {
    fill: #ec1c24
}

.feed .icon .logoIcon.logo2017 .st1 {
    fill: #426fb5
}

.feed .icon .logoIcon.logo2017 .st2 {
    fill: #a22388
}

.feed .icon .logoIcon.logo2017 .st3 {
    fill: #f2971f
}

.feed .icon .logoIcon.logo2017 .st4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #ec1c24
}

.detailLogo .feed .icon .logoIcon.subSectionLogo, .feed .icon .logoIcon.logoBooks {
    fill: #000
}

.feed .bigBoxContainer {
    min-height: 18rem
}

.feed .widgetContainer {
    position: relative
}

.feed .widgetContainer .expandedWidgetContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    padding-top: 2rem
}

.feed .viewportSmall .widgetContainer .closeWidget {
    right: .625rem;
    width: auto;
    z-index: 1
}

.feed .widgetContainer .expandedWeatherWidget {
    box-shadow: .125rem .625rem .75rem -.125rem rgba(0, 0, 0, .3);
    position: absolute;
    background: #fff;
    width: calc(100% - 2.875rem);
    border-top: none;
    padding: 0 1.25rem .625rem;
    z-index: 1
}

.feed .widgetContainer .expandedWeatherWidget .location {
    border-bottom: 1px solid #000;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin: 0;
    padding: 0 0 .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .currentDateTime {
    color: #545454;
    font-size: .75rem;
    line-height: 1.5rem;
    margin: .3125rem 0
}

.feed .widgetContainer .expandedWeatherWidget .hourlyForecastHeading {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    border-bottom: 1px solid #909090;
    margin: 0;
    padding-bottom: .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .hourlyForecast {
    text-align: center
}

.feed .widgetContainer .expandedWeatherWidget .currentWeatherInfo {
    margin-bottom: 2.1875rem
}

.feed .widgetContainer .expandedWeatherWidget .currentWeatherInfo, .feed .widgetContainer .expandedWeatherWidget .summary, .feed .widgetContainer .expandedWeatherWidget .weatherForecast {
    display: flex
}

.feed .widgetContainer .expandedWeatherWidget .currentWeatherInfoContainer {
    display: flex;
    width: 24rem;
    margin: 0 auto
}

.feed .widgetContainer .expandedWeatherWidget .details, .feed .widgetContainer .expandedWeatherWidget .summary {
    font-weight: 700
}

.feed .widgetContainer .expandedWeatherWidget .details p, .feed .widgetContainer .expandedWeatherWidget .summary p {
    margin: 0
}

.feed .widgetContainer .expandedWeatherWidget .detailsParam, .feed .widgetContainer .expandedWeatherWidget .feelsLike, .feed .widgetContainer .expandedWeatherWidget .summaryParam {
    color: #545454;
    font-weight: 400
}

.feed .widgetContainer .expandedWeatherWidget .summary {
    width: 60%
}

.feed .widgetContainer .expandedWeatherWidget .summary .icon {
    padding: .5rem .25rem
}

.feed .widgetContainer .expandedWeatherWidget .summary .IconWeather {
    height: 4.4375rem;
    width: 4.4375rem
}

.feed .widgetContainer .expandedWeatherWidget .summary .temp {
    font-size: 3.75rem;
    line-height: 5.125rem
}

.feed .widgetContainer .expandedWeatherWidget .details {
    width: 40%
}

.feed .widgetContainer .expandedWeatherWidget .details p {
    font-size: .875rem;
    line-height: 1.1875rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast {
    justify-content: space-between;
    padding: 1rem .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast p {
    margin: 0
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast .IconWeather {
    height: 3.75rem;
    width: 3.75rem
}

.feed .widgetContainer .expandedWeatherWidget .time {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: lowercase
}

.feed .widgetContainer .expandedWeatherWidget .tempForecast {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.5rem
}

.feed .widgetContainer .expandedWeatherWidget .feelsLikeForecast {
    color: #545454;
    font-size: .75rem;
    line-height: 1rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast .precipChance {
    font-size: .75rem;
    line-height: 1.25rem;
    margin: .625rem 0 .3125rem
}

.feed .widgetContainer .expandedWeatherWidget .weatherForecast .precipChance .popIcon {
    font-size: 1.25rem
}

.feed .widgetContainer button {
    position: absolute;
    top: 0;
    border: 0;
    width: 100%;
    background: transparent;
    color: transparent;
    text-align: right;
    height: 4.688rem
}

.feed .viewportMedium .widgetContainer .currentWeatherInfoContainer {
    width: 29rem
}

.feed .viewportMedium .widgetContainer .details, .feed .viewportMedium .widgetContainer .summary {
    width: 50%
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .expandedWeatherWidget {
    box-shadow: none;
    z-index: auto
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .currentWeatherInfo, .feed .viewportSmall .widgetContainer .expandedWidgetContainer .currentWeatherInfoContainer {
    flex-wrap: wrap
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .details, .feed .viewportSmall .widgetContainer .expandedWidgetContainer .forecast, .feed .viewportSmall .widgetContainer .expandedWidgetContainer .summary {
    width: 100%
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .summary {
    justify-content: center;
    margin-left: -1.25rem
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .details {
    display: flex;
    justify-content: space-between;
    margin: 1.875rem auto 0;
    width: 20rem
}

.feed .viewportSmall .widgetContainer .expandedWidgetContainer .hourlyForecast:last-child {
    display: none
}

.feed .searchInfoCard {
    text-decoration: none
}

.feed .searchInfoCard .searchInfoCardBackground {
    width: 100%;
    min-height: 100px;
    height: auto;
    border-radius: 5px;
    border: 1px solid #ededed;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100% 0
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient {
    background-image: linear-gradient(90deg, #f6f6f6 47%, transparent)
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient.olympic {
    background-image: none;
    background-color: #f6f6f6
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient {
    min-height: 100px;
    height: auto;
    max-height: 200px;
    background-size: auto 100%
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    min-height: 100px;
    height: auto
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading {
    min-height: 100px;
    height: auto;
    max-height: 200px
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardProfile .searchInfoCardProfilePicture {
    width: 48px;
    height: 60px;
    min-width: 48px;
    min-height: 60px;
    margin: 0 0 0 30px;
    border-radius: 5px;
    border: 1px solid #ededed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardProfile .searchInfoCardProfilePicture {
    width: 48px;
    height: 60px;
    min-width: 48px;
    min-height: 60px;
    margin: 0 0 0 15px
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 31px 0 31px 32px
}

.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;
    width: 100%;
    margin-bottom: 5px
}

.feed .viewportSmall .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo .searchInfoCardType {
    font-size: 1rem
}

.feed .searchInfoCard .searchInfoCardBackground .searchInfoCardGradient .searchInfoCardHeading .searchInfoCardInfo .searchInfoCardTitle {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    font-size: 2.313rem;
    line-height: 35px;
    color: #000;
    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-radius: 5px;
    border: 1px solid #d0d0d0
}

.feed #searchTopVideosSectionBelowInfoCard {
    margin: 18px 0 0
}

.feed .searchInfoCardMedalInfo {
    margin: 0 5% 0 auto
}

.feed .searchInfoCardMedalInfo.mobile {
    display: none;
    margin: 0;
    width: 95%
}

.feed .viewportSmall .searchInfoCardMedalInfo.mobile {
    display: block
}

.feed .viewportSmall .searchInfoCardMedalInfo.desktop {
    display: none
}

.feed .searchInfoCardMedalInfo.country {
    margin: 30px 5% 0 auto
}

.feed .viewportSmall .searchInfoCardMedalInfo.athlete, .feed .viewportSmall .searchInfoCardMedalInfo.country {
    margin: 12px 0 0
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalTitle {
    font-size: .938rem;
    color: #6d6d6d;
    margin-bottom: 10px
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalTitle.country {
    display: none
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalTitle.country {
    display: block
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox {
    font-size: .938rem;
    display: flex;
    justify-content: space-between
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox {
    display: flex
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal {
    display: flex;
    font-size: .938rem;
    margin-right: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal {
    width: 18px;
    height: 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 {
    position: absolute;
    margin-left: 10px;
    z-index: 1
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medal.overlap3 {
    position: absolute;
    margin-left: 20px
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount {
    margin-top: 5px
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.country {
    margin-right: 35px;
    color: #717171;
    font-size: 1.25rem;
    font-weight: 700
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.country {
    margin-right: 0;
    font-size: .938rem
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.athlete {
    color: #717171;
    font-weight: 700;
    margin-right: 20px
}

.feed .viewportSmall .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.athlete {
    font-size: .938rem
}

.feed .searchInfoCardMedalInfo .searchInfoCardMedalBox .medalBox .medalCount.medalAll {
    margin-left: 0
}

.feed .searchInfoCardCountryFlag {
    width: 44px;
    height: 29px;
    min-width: 44px;
    min-height: 29px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin: 2px 12px 0 0
}

.feed .viewportSmall .searchInfoCardCountryFlag {
    width: 33px;
    height: 20px;
    min-width: 33px;
    min-height: 20px;
    margin: 30px 0 0 14px
}

.feed .searchInfoCardCountryFlag.athlete.mobile {
    display: none
}

.feed .viewportSmall .searchInfoCardCountryFlag.athlete.mobile {
    display: block
}

.feed .viewportSmall .searchInfoCardCountryFlag.athlete.desktop {
    display: none
}

.feed .viewportSmall .searchInfoCardCountryFlag.country {
    margin: 3px 10px 0 0
}

.feed .chevron {
    border: solid #000;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-bottom: 3px
}

.feed .viewportSmall .chevron {
    border-width: 0 3px 3px 0;
    padding: 4px
}

.feed .loaderOverlay {
    content: "";
    display: block;
    background: #545454;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    opacity: .6;
    overflow: hidden
}

.feed .pageLoader {
    z-index: 2001;
    position: fixed;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.feed .pageLoader .circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.feed .pageLoader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke-width: 5px;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

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

@keyframes color {
    0%, to {
        stroke: #e60505
    }
    40% {
        stroke: #fff
    }
    66% {
        stroke: #e60505
    }
    80%, 90% {
        stroke: #fff
    }
}

.feed .top-videos {
    display: flex;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 -.5rem
}

.feed .top-videos > .top-videos-card-wrapper {
    flex-grow: 1;
    flex-basis: 32%;
    margin: 0 .5rem;
    min-width: 277px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item {
    padding: 0
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .thumbnail-wrapper {
    float: none;
    width: 100%;
    height: auto;
    padding-top: 56.25%
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .play-button-container {
    top: -55px;
    bottom: auto;
    left: 15px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .play-button-container .videoItemPlayBtn {
    width: 46px;
    height: 46px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .videoInfoLabel {
    top: -44px;
    left: calc(100% - 15px)
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .videoInfoLabel .upcomingLabel .labelAndCaptions .label .labelText {
    min-width: 55px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .video-item-details {
    padding: 24px 20px 20px 12px;
    height: 159px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .video-item-details .video-item-title {
    font-size: 18px;
    line-height: 27px;
    max-height: 108px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .video-item-details .video-show-name {
    font-size: 14px;
    height: 20px;
    margin-top: 10px
}

.feed .top-videos > .top-videos-card-wrapper:first-child .video-item > .video-item-info .video-item-details .video-time-stamp {
    font-size: 14px
}

.feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item, .feed .top-videos > .top-videos-card-wrapper:nth-child(3) .video-item {
    padding: 16px
}

.feed .top-videos > .top-videos-card-wrapper .video-item {
    background-color: #222;
    box-sizing: border-box;
    margin-bottom: 16px
}

.feed .top-videos > .top-videos-card-wrapper .video-item > .video-item-info .video-item-details .video-item-title, .feed .top-videos > .top-videos-card-wrapper .video-item > .video-item-info .video-item-details .video-show-name, .feed .top-videos > .top-videos-card-wrapper .video-item > .video-item-info .video-item-details .video-time-stamp {
    color: #fff
}

@media only screen and (min-width: 600px) {
    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item {
        padding: 0
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .thumbnail-wrapper {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 56.25%
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .play-button-container {
        top: -55px;
        bottom: auto;
        left: 15px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .play-button-container .videoItemPlayBtn {
        width: 46px;
        height: 46px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .videoInfoLabel {
        top: -44px;
        left: calc(100% - 15px)
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .videoInfoLabel .upcomingLabel .labelAndCaptions .label .labelText {
        min-width: 55px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .video-item-details {
        padding: 24px 20px 20px 12px;
        height: 159px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .video-item-details .video-item-title {
        font-size: 18px;
        line-height: 27px;
        max-height: 108px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .video-item-details .video-show-name {
        font-size: 14px;
        height: 20px;
        margin-top: 10px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(2) .video-item > .video-item-info .video-item-details .video-time-stamp {
        font-size: 14px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-item-title {
        font-size: 18px;
        line-height: 27px;
        max-height: 54px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-show-name, .feed .top-videos > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-time-stamp {
        font-size: 14px
    }

    .feed .top-videos > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-show-name {
        height: 20px
    }
}

@media only screen and (min-width: 930px) {
    .feed .top-videos.three-across > .top-videos-card-wrapper {
        flex-basis: 31%
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item {
        padding: 0
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .thumbnail-wrapper {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 56.25%
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .play-button-container {
        top: -55px;
        bottom: auto;
        left: 15px
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .play-button-container .videoItemPlayBtn {
        width: 46px;
        height: 46px
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .videoInfoLabel {
        top: -44px;
        left: calc(100% - 15px)
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .videoInfoLabel .upcomingLabel .labelAndCaptions .label .labelText {
        min-width: 55px
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details {
        padding: 24px 20px 20px 12px;
        height: 159px
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-item-title {
        font-size: 18px;
        line-height: 27px;
        max-height: 108px
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-show-name {
        font-size: 14px;
        height: 20px;
        margin-top: 10px
    }

    .feed .top-videos.three-across > .top-videos-card-wrapper:nth-child(3) .video-item > .video-item-info .video-item-details .video-time-stamp {
        font-size: 14px
    }
}

.feed .storyCTA {
    position: relative;
    min-height: 150px;
    background-color: #eaeaea;
    max-width: 720px;
    padding: 32px;
    margin-bottom: 28px
}

.feed .storyCTA .image {
    position: absolute
}

.feed .storyCTA > :nth-child(n+2) {
    margin: 0 0 0 170px
}

.feed .storyCTA .image {
    width: 150px;
    height: 150px
}

.feed .storyCTA p {
    padding: 10px 0 20px;
    font-size: 1rem;
    line-height: 1.5rem
}

.feed .storyCTA a {
    background-color: #222;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    border: none;
    font-size: 1rem
}

.feed .storyCTA a .icon {
    padding-left: 5px
}

.feed .storyCTA a:focus, .feed .storyCTA a:hover {
    background-color: #545454
}

@media (max-width: 550px) {
    .feed .storyCTA > :nth-child(n+2) {
        margin: 0
    }

    .feed .storyCTA .image {
        width: 66px;
        height: 66px;
        float: right;
        position: static;
        padding: 0 0 10px 10px
    }

    .feed .storyCTA p {
        padding-top: 20px
    }

    .feed .storyCTA a {
        display: block;
        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-top: .344rem;
    padding-bottom: .344rem
}

.feed .newsTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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.regionalNav .navLink.selected {
    background-color: #fff;
    color: #e60505
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-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 .moreButton {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #e60505
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #e60505;
    background: #fff
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid #e60505;
    border-bottom-color: #fff
}

.feed .newsTheme .card:focus, .feed .newsTheme .card:hover {
    box-shadow: 0 0 0 3px #e60505
}

.feed .newsTheme .card.cardFullBleed:focus, .feed .newsTheme .card.cardFullBleed:hover {
    box-shadow: none
}

.feed .newsTheme .card.cardFullBleed .contentWrapper .card-content {
    border-color: #eaeaea
}

.feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #e60505
}

.feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .newsTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #e60505 transparent
}

.feed .newsTheme .card .viewportLarge .cardFullBleed:focus, .feed .newsTheme .card .viewportLarge .cardFullBleed:hover, .feed .newsTheme .card .viewportMedium .cardFullBleed:focus, .feed .newsTheme .card .viewportMedium .cardFullBleed:hover, .feed .newsTheme .card .viewportXLarge .cardFullBleed:focus, .feed .newsTheme .card .viewportXLarge .cardFullBleed:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .newsTheme .card .callToAction, .feed .newsTheme .card .headline {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300
}

.feed .newsTheme .card.cardContentPackage .primaryContent .bulletpoint:before {
    color: #e60505
}

.feed .newsTheme .card.cardDiscovery .contentWrapper .headline {
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

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

.feed .newsTheme .card.cardFeatured.hasVideo .videoContainer {
    width: 100%
}

.feed .newsTheme .card.cardFeatured .imageMedia {
    align-self: flex-start
}

.feed .newsTheme .contentAreaWrap .sidebar .headingText {
    border-bottom-color: #e60505
}

.feed .newsTheme .contentList button.loadMore {
    border-color: #e60505;
    color: #e60505
}

.feed .newsTheme .contentList button.loadMore:hover {
    background-color: #e60505;
    color: #fff
}

.feed .newsTheme .contentList button.loadMore:focus {
    color: #e60505
}

.feed .newsTheme .contentList button.loadMore .chevronIcon {
    fill: #e60505
}

.feed .newsTheme .contentList button.loadMore:hover .chevronIcon {
    fill: #fff
}

.feed .newsTheme .contentList button.loadMore:hover:focus {
    background-color: #fff
}

.feed .newsTheme .contentList button.loadMore:hover:focus .chevronIcon {
    fill: #e60505
}

.feed .newsTheme .contentList button.loadMore.loading {
    background-color: #e60505
}

.feed .newsTheme .contentList button.loadMore.loading .loader {
    border-color: #e60505 transparent #e60505 #e60505
}

.feed .newsTheme .contentList button.loadMore.loading:focus .loader, .feed .newsTheme .contentList button.loadMore.loading:hover .loader {
    border-color: #fff transparent #fff #fff
}

.feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #e60505
}

.feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .newsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .newsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .newsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .newsTheme .viewportLarge .featuredArea .featuredTopStories .secondaryTopStories, .feed .newsTheme .viewportMedium .featuredArea .featuredTopStories .secondaryTopStories, .feed .newsTheme .viewportXLarge .featuredArea .featuredTopStories .secondaryTopStories {
    display: flex
}

.feed .newsTheme .regionInfo .contentList .contentListCards .card, .feed .newsTheme .regionInfo .contentList .contentListCards .card .card-content, .feed .newsTheme .regionInfo .regionsListWrapper.standAlone {
    background-color: #fff
}

.feed .newsTheme .regionInfo .contentList .contentListCards .card .card-content:after {
    border-bottom-color: #fff
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .currentRegion {
    font-family: Stag Medium, trebuchet;
    font-weight: 300
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionHeading {
    background: #e60505
}

.feed .newsTheme .regionInfo .regionsListWrapper.standAlone .regionButton {
    font-family: Stag Medium, trebuchet;
    font-weight: 300
}

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

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

.feed .newsTheme .detail .detailHeadline {
    font-family: Stag Medium, Trebuchet;
    font-weight: 300
}

.feed .newsTheme .story .pullquote .pullquote-quotation {
    font-family: Stag Web, Trebuchet;
    font-weight: 600
}

.feed .newsTheme .pageIntro {
    background-color: #fff;
    color: #000;
    min-height: auto;
    padding-bottom: 0
}

.feed .newsTheme .pageIntro.hasListenLive {
    min-height: 2rem
}

.feed .newsTheme .pageIntro.show-the-national .responsiveNav.allHidden .moreItemsList {
    right: unset
}

.feed .newsTheme .pageIntro.section-news-editorsblog {
    border: 1px solid #cbcbcb
}

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

.feed .newsTheme .trendingList-news .headingText {
    text-transform: none;
    letter-spacing: .35px;
    font-family: Stag Medium, Trebuchet;
    font-weight: 300;
    font-size: 1.5rem;
    border: none;
    line-height: normal
}

@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 .label.flag .labelText {
    background-color: #fff;
    color: #e60505
}

.feed .newsTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit
}

.feed .newsTheme.click-wp .cardContentPackage .primaryHeadline {
    order: 2;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .newsTheme.click-wp .cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    text-align: left;
    margin-top: .6rem;
    margin-bottom: .5rem
}

.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 {
    order: 3;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem
}

.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 {
    order: 1;
    padding-bottom: .6rem;
    margin-top: 0
}

.feed .newsTheme.click-wp .cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    margin-right: 0
}

.feed .newsTheme.click-wp .cardContentPackage .secondaryContent {
    margin-left: 1rem;
    margin-right: 1rem;
    flex-direction: column
}

.feed .newsTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-wrap: wrap;
    flex-direction: column
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn {
    flex-grow: 1;
    margin-left: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
    margin-left: 1rem
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card {
    flex: 1 1 180px
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    width: 192px
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
    padding-bottom: 0
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
    padding-top: 1.2rem
}

.feed .newsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 120px;
    border-top: 1px solid #e0e0e0
}

.feed .artsTheme .card:focus, .feed .artsTheme .card:hover {
    box-shadow: 0 0 0 3px #801f73
}

.feed .artsTheme .card .contentWrapper {
    width: 100%
}

.feed .artsTheme .card.cardFullBleed:focus, .feed .artsTheme .card.cardFullBleed:hover {
    box-shadow: none
}

.feed .artsTheme .card.cardFullBleed .contentWrapper .headline {
    font-weight: 700
}

.feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #801f73
}

.feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .artsTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #801f73 transparent
}

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

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

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

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

.feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .artsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .artsTheme .card.cardMedia > .card-content .label.highlighted span {
    background-color: #fff;
    color: #801f73
}

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

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

.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 .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #801f73
}

.feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content {
    padding-top: .3rem
}

.feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .artsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .artsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .artsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .artsTheme .globalHeader {
    border-bottom: none
}

.feed .artsTheme .globalHeader .headerSearchBar, .feed .artsTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .artsTheme .globalHeader .headerSearchBar .searchBar {
    padding-top: .344rem;
    padding-bottom: .344rem
}

.feed .artsTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .moreNavLink {
    color: #000
}

.feed .artsTheme .globalHeader .landingNav .moreItemsNav .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 .label.flag .labelText {
    color: #801f73
}

.feed .sportsTheme .card:focus, .feed .sportsTheme .card:focus-within, .feed .sportsTheme .card:hover {
    box-shadow: 0 0 0 3px #222
}

.feed .sportsTheme .card.cardFullBleed:focus, .feed .sportsTheme .card.cardFullBleed:hover {
    box-shadow: none
}

.feed .sportsTheme .card.cardFullBleed .contentWrapper .headline {
    font-weight: 700
}

.feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content {
    border-color: #eaeaea
}

.feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #222
}

.feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .sportsTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #222 transparent
}

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

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

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

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

.feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .sportsTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .sportsTheme .card.cardMedia {
    background: transparent;
    border-color: #8c8c8c
}

.feed .sportsTheme .card.cardMedia:hover {
    background-color: #000
}

.feed .sportsTheme .card.cardMedia .imageMedia .placeholder {
    background: radial-gradient(#000, #2d2d2d)
}

.feed .sportsTheme .card.cardMedia .headline {
    color: #fff
}

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

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

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

.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 .card.cardFullBleed:focus, .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #222
}

.feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsored:focus, .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsored:hover, .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .sportsTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsored:focus, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsored:hover, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .sportsTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsored:focus, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsored:hover, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .sportsTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.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-top: .344rem;
    padding-bottom: .344rem
}

.feed .sportsTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .landingNav {
    background-color: #000;
    position: relative;
    z-index: 1
}

.feed .sportsTheme .globalHeader .landingNav .gemSectionLink .navLink {
    color: #fff
}

.feed .sportsTheme .globalHeader .landingNav .subNavList {
    background: transparent
}

.feed .sportsTheme .globalHeader .landingNav .subNavList .navLink, .feed .sportsTheme .globalHeader .landingNav .subNavList .navLink:hover {
    color: #fff
}

.feed .sportsTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #000;
    color: #fff
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:focus, .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:hover {
    color: #fff
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:focus, .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:hover {
    color: #222
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #222
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .sportsTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #222;
    background: #fff
}

.feed .sportsTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid;
    border-color: #000 #000 #fff
}

.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 .slider.section-sports-calgarystampede {
    background-color: #b4001d
}

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

.feed .sportsTheme .gracenoteWidget {
    margin: 1rem 0
}

.feed .sportsTheme .gracenoteWidget iframe {
    width: 0
}

.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 .icon .logoIcon.detailGem {
    fill: #fff
}

.feed .sportsTheme .label.flag .labelText {
    padding: .2rem .5rem;
    background-color: #222;
    color: #fff
}

.feed .sportsTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryHeadline {
    order: 2;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    text-align: left;
    margin-top: .6rem;
    margin-bottom: .5rem
}

.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 {
    order: 3;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem
}

.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 {
    order: 1;
    padding-bottom: .6rem;
    margin-top: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    margin-right: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .secondaryContent {
    margin-left: 1rem;
    margin-right: 1rem;
    flex-direction: column
}

.feed .sportsTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-wrap: wrap;
    flex-direction: column
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn {
    flex-grow: 1;
    margin-left: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
    margin-left: 1rem
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card {
    flex: 1 1 180px
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    width: 192px
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
    padding-bottom: 0
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
    padding-top: 1.2rem
}

.feed .sportsTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 120px;
    border-top: 1px solid #e0e0e0
}

.feed .sportsTheme.olympicsSection div.gracenoteWidget.headingText, .feed .sportsTheme.olympicsSection div.gracenoteWidget .headingText, .feed .sportsTheme.olympicsSection h2.boldHeading.headingText, .feed .sportsTheme.olympicsSection h2.boldHeading .headingText {
    background: none;
    color: #000;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .09px;
    line-height: 43px;
    border-bottom: 1px solid #cbcbcb;
    text-transform: none
}

@media (max-width: 640px) {
    .feed .sportsTheme.olympicsSection div.gracenoteWidget.headingText, .feed .sportsTheme.olympicsSection div.gracenoteWidget .headingText, .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-top: .344rem;
    padding-bottom: .344rem
}

.feed .radioTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .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;
    color: #fff;
    border: 1px solid #fff
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #00498f;
    background: #fff
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    color: #00498f;
    background-color: #fff;
    border: 1px solid #00498f;
    border-bottom-color: #fff
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #00498f
}

.feed .radioTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #00498f;
    color: #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.cardFullBleed:focus, .feed .radioTheme .card.cardFullBleed:hover {
    box-shadow: none
}

.feed .radioTheme .card.cardFullBleed .contentWrapper .card-content {
    border-color: #eaeaea
}

.feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .radioTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #00498f transparent
}

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

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

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

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

.feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .radioTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .radioTheme .card.cardDiscovery:hover, .feed .radioTheme .card.cardMultiLink: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;
    display: none
}

.feed .radioTheme .show .banner.info {
    background-color: #eaeaea;
    border: 1px solid #cbcbcb;
    color: #000
}

.feed .radioTheme .show .showBannerLink {
    color: #00498f
}

.feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .radioTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .radioTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .radioTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .radioTheme .sponsorInfo .sponsorBoxHeading {
    background-color: #00498f;
    color: #fff
}

.feed .radioTheme .pageIntro {
    color: #fff;
    margin-top: -1.05rem
}

.feed .radioTheme .icon .logoIcon.detailGem {
    fill: #fff
}

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

.feed .comedyTheme .card:focus, .feed .comedyTheme .card:hover {
    box-shadow: 0 0 0 3px #dd8f28
}

.feed .comedyTheme .card.cardFullBleed:focus, .feed .comedyTheme .card.cardFullBleed:hover {
    box-shadow: none
}

.feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #dd8f28
}

.feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .comedyTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #dd8f28 transparent
}

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

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

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

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

.feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .comedyTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.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-top: .344rem;
    padding-bottom: .344rem
}

.feed .comedyTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 {
    color: #222;
    border: 1px solid;
    border-color: #222 #222 #fff
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #222
}

.feed .comedyTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #222;
    color: #fff
}

.feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #dd8f28
}

.feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .comedyTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .comedyTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .comedyTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

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

.feed .comedyTheme .icon .logoIcon.detailGem {
    fill: #222
}

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

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

.feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #d83a4a
}

.feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .lifeTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #d83a4a transparent
}

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

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

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

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

.feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .lifeTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.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-top: .344rem;
    padding-bottom: .344rem
}

.feed .lifeTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .moreNavLink {
    color: #222
}

.feed .lifeTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #d83a4a;
    color: #fff
}

.feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #d83a4a
}

.feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .lifeTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .lifeTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .lifeTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .lifeTheme .sponsorInfo .sponsorBoxHeading {
    background-color: #fff;
    color: #d83a4a;
    border-bottom: 1px solid #cbcbcb
}

.feed .lifeTheme .pageIntro {
    background-color: #d83a4a;
    color: #fff;
    margin-top: -1.05rem
}

.feed .lifeTheme .pageIntro.show-the-goods {
    color: #d83a4a
}

.feed .lifeTheme .pageIntro.show-the-goods .showName {
    color: #d83a4a;
    background: url(https://i.cbc.ca/1.4623147!/fileImage/httpImage/the-goods-logo.png) no-repeat 0 0;
    display: block;
    width: 309px;
    height: 119px;
    text-indent: -9999px
}

.feed .lifeTheme .pageIntro.show-the-goods .imageMedia .placeholderImage {
    display: none
}

.feed .lifeTheme .pageIntro.show-the-goods .imageMedia img {
    position: relative;
    width: 448px;
    float: right
}

.feed .lifeTheme .pageIntro.show-holiday {
    padding-bottom: 0;
    min-height: auto
}

.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 {
    width: 170px;
    white-space: normal
}

.feed .lifeTheme .pageIntro.show-the-great-canadian-baking-show .responsiveNav.allHidden .moreItemsList {
    right: -5rem
}

.feed .lifeTheme .pageIntro.show-getaway-guide {
    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 .pageIntro.introNav-life-canadaday {
    padding-bottom: 0;
    min-height: auto
}

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

.feed .archivesTheme .globalHeader {
    border-bottom: none
}

.feed .archivesTheme .globalHeader .headerSearchBar, .feed .archivesTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .archivesTheme .globalHeader .headerSearchBar .searchBar {
    padding-top: .344rem;
    padding-bottom: .344rem
}

.feed .archivesTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

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

.feed .archivesTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .archivesTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #d83a4a
}

.feed .archivesTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .archivesTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #d83a4a transparent
}

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

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

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

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

.feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .archivesTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.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 .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .archivesTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .archivesTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .archivesTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .archivesTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .archivesTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #d83a4a
}

.feed .archivesTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .archivesTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .archivesTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .archivesTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .archivesTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .archivesTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .archivesTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .archivesTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .archivesTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .archivesTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .archivesTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .archivesTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .archivesTheme .sponsorInfo .sponsorBoxHeading {
    background-color: #fff;
    color: #d83a4a;
    border-bottom: 1px solid #cbcbcb
}

.feed .archivesTheme .pageIntro {
    background-color: #d83a4a;
    color: #fff;
    margin-top: -1.05rem
}

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

.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.cardFullBleed {
    border: none
}

.feed .homepageTheme .card.cardFullBleed .card-content {
    border: 1px solid #eaeaea
}

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

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

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

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

.feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .homepageTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .homepageTheme .card.cardContentPackage {
    border: none;
    flex: 1 1 auto
}

.feed .homepageTheme .featuredArea .card.cardFeatured {
    flex-basis: 100%
}

.feed .homepageTheme .featuredArea .card.cardFullBleed {
    border: 1px solid #eaeaea;
    margin: .5rem
}

.feed .homepageTheme .featuredArea .card.cardFullBleed .card-content {
    margin: 0
}

.feed .homepageTheme .featuredArea .card.cardFeatured, .feed .homepageTheme .featuredArea .card.cardRegular {
    padding: 0
}

.feed .homepageTheme .viewportLarge .featuredArea .card.cardFullBleed, .feed .homepageTheme .viewportMedium .featuredArea .card.cardFullBleed, .feed .homepageTheme .viewportXLarge .featuredArea .card.cardFullBleed {
    margin-top: .5rem
}

.feed .homepageTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .homepageTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .homepageTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .homepageTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .homepageTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .homepageTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .homepageTheme .searchBar.compact {
    padding: .7rem 0
}

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

.feed .homepageTheme.click-wp .cardContentPackage {
    flex-basis: 100%;
    max-width: inherit
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryHeadline {
    order: 2;
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryHeadline .primaryHeadlineLink .headline {
    font-size: 1.5rem;
    line-height: 1.9rem;
    text-align: left;
    margin-top: .6rem;
    margin-bottom: .5rem
}

.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 {
    order: 3;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem
}

.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 {
    order: 1;
    padding-bottom: .6rem;
    margin-top: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .primaryContent .primaryImage .primaryImageLink {
    margin-right: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .secondaryContent {
    margin-left: 1rem;
    margin-right: 1rem;
    flex-direction: column
}

.feed .homepageTheme.click-wp .cardContentPackage .secondaryContent .relatedCard {
    flex: initial
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout {
    flex-wrap: wrap;
    flex-direction: column
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .firstContentColumn {
    margin-right: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn {
    flex-grow: 1;
    margin-left: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent {
    margin-left: 1rem
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card {
    flex: 1 1 180px
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    width: 192px
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card:nth-child(2) {
    padding-bottom: 0
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard {
    padding-top: 1.2rem
}

.feed .homepageTheme.click-wp .cardContentPackage .contentFlexLayout .secondContentColumn .tertiaryContent .card.relatedCard:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 120px;
    border-top: 1px solid #e0e0e0
}

.feed .booksTheme .card:focus, .feed .booksTheme .card:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .booksTheme .card.cardFullBleed:focus, .feed .booksTheme .card.cardFullBleed:hover {
    box-shadow: none
}

.feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:focus, .feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:focus:before, .feed .booksTheme .card.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #00498f transparent
}

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

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

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

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

.feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .booksTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.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 .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: 0 0 0 3px #00498f
}

.feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .booksTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .booksTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .booksTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .booksTheme .globalHeader {
    border-bottom: none
}

.feed .booksTheme .globalHeader .headerSearchBar, .feed .booksTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .booksTheme .globalHeader .headerSearchBar .searchBar {
    padding-top: .344rem;
    padding-bottom: .344rem
}

.feed .booksTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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: #fff;
    color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    color: #000;
    border: 1px solid #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #000;
    background: #fff
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #fff;
    background: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000
}

.feed .booksTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #fff;
    color: #000
}

.feed .booksTheme .pageIntro {
    margin-top: -1.05rem
}

.feed .booksTheme .pageIntro img {
    position: relative;
    width: 100%;
    display: block
}

.feed .booksTheme .story .image.extrasmall, .feed .booksTheme .story .image.medium, .feed .booksTheme .story .image.small {
    clear: none
}

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

.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 .viewportLarge .featuredArea .card.cardFullBleed:focus, .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed:hover, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed:focus, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed:hover, .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed:focus, .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed:hover {
    box-shadow: -3px 0 0 0 #f4981e;
    opacity: .85
}

.feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed .card-content:hover, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed .card-content:focus, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed .card-content:hover, .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:focus, .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed .card-content:hover {
    box-shadow: none
}

.feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .app2017Theme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .app2017Theme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .app2017Theme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .app2017Theme .pageIntro {
    background-color: #fff;
    color: #000;
    margin-top: -1.05rem
}

.feed .app2017Theme .pageIntro .placeholder {
    background: none
}

.feed .app2017Theme .pageIntro img {
    position: relative;
    width: 100%;
    display: block
}

.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(https://i.cbc.ca/1.4586011.1521646391!/fileImage/httpImage/we-are-the-best.png) no-repeat 0 0;
    display: block;
    width: 298px;
    height: 200px;
    text-indent: -9999px
}

.feed .app2017Theme .pageIntro.show-becoming-canadian .showName, .feed .app2017Theme .pageIntro.show-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-top: .344rem;
    padding-bottom: .344rem
}

.feed .app2017Theme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .app2017Theme .label.flag .labelText {
    padding: .2rem .5rem;
    border: 1px solid #f4981e
}

.feed .mycbcTheme.detail .ad-risingstar-container {
    min-height: 0
}

.feed .mycbcTheme .card:focus, .feed .mycbcTheme .card:hover {
    box-shadow: 0 0 0 3px #1720f9
}

.feed .mycbcTheme .card .metadata .metaSeparator, .feed .mycbcTheme .card .metadata .timeStamp {
    display: none
}

.feed .mycbcTheme .card .metadata .departmentItem .metaSeparator {
    display: inline
}

.feed .mycbcTheme .card.cardGraphical .label.flag .labelText {
    color: #fff
}

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

.feed .mycbcTheme .card.cardDiscovery:focus, .feed .mycbcTheme .card.cardDiscovery:hover {
    box-shadow: 0 0 0 3px #0550c8
}

.feed .mycbcTheme .contentList button.loadMore {
    display: none
}

.feed .mycbcTheme .globalHeader {
    border-bottom: none
}

.feed .mycbcTheme .globalHeader .headerSearchBar, .feed .mycbcTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .mycbcTheme .globalHeader .headerSearchBar .searchBar {
    padding-top: .344rem;
    padding-bottom: .344rem
}

.feed .mycbcTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.feed .mycbcTheme .globalHeader .searchInput {
    height: 24px
}

.feed .mycbcTheme .globalHeader.open .menuNavWrapper {
    height: auto
}

.feed .mycbcTheme .globalHeader .sideMenu .navLink {
    line-height: normal
}

.feed .mycbcTheme .globalHeader.scrollDown {
    transform: translate3d(0, -48px, 0)
}

.feed .mycbcTheme .globalHeader.open {
    background: rgba(23, 32, 249, .8)
}

.feed .mycbcTheme .globalHeader .landingNav {
    background: #1720f9
}

.feed .mycbcTheme .globalHeader .landingNav .gemSectionLink .navLink, .feed .mycbcTheme .globalHeader .landingNav .subNavList .navLink {
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0550c8
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #1720f9;
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:focus, .feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink.selected:hover {
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:focus, .feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreNavLink:hover {
    color: #1720f9
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    border: 1px solid #fff;
    color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: transparent
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .mycbcTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #236bff;
    background: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid #1720f9;
    border-bottom-color: #fff
}

.feed .mycbcTheme .globalHeader .landingNav .moreItemsNav.open .moreButton .chevronIcon {
    border: none;
    fill: #236bff;
    background: transparent
}

.feed .mycbcTheme .featuredArea .card:first-child {
    flex-basis: 100%
}

.feed .mycbcTheme .featuredArea .card.cardFullBleed {
    border: 1px solid #eaeaea;
    margin: .5rem
}

.feed .mycbcTheme .featuredArea .card.cardFullBleed .card-content {
    margin: 0
}

.feed .mycbcTheme .featuredArea .card.cardFeatured, .feed .mycbcTheme .featuredArea .card.cardRegular {
    padding: 0
}

.feed .mycbcTheme .viewportLarge .featuredArea .card.cardFullBleed, .feed .mycbcTheme .viewportMedium .featuredArea .card.cardFullBleed, .feed .mycbcTheme .viewportXLarge .featuredArea .card.cardFullBleed {
    margin-top: .5rem
}

.feed .mycbcTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .mycbcTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .mycbcTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .mycbcTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .mycbcTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .mycbcTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .mycbcTheme .guideMenu .guideMenuLink:hover {
    background-color: #fff;
    color: #000;
    border: 3px solid #1720f9
}

.feed .mycbcTheme .guideMenu .guideMenuLink.selected {
    color: #e60505;
    cursor: auto
}

.feed .mycbcTheme .guideMenu .guideMenuLink.selected:before {
    content: "•";
    display: inline-block;
    line-height: 1rem;
    margin-right: 3px;
    font-size: 2rem;
    vertical-align: middle
}

.feed .mycbcTheme .guideMenu .guideMenuLink.selected:hover {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none
}

.feed .mycbcTheme .verticalCardList.cardList .contentListItem .card:hover {
    box-shadow: 0 0 0 3px #1720f9
}

.feed .mycbcTheme .verticalCardList.cardList .title {
    text-transform: none
}

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

.feed .mycbcTheme .toggleSwitch {
    font-weight: 700;
    margin-left: 10px
}

.feed .mycbcTheme .toggleSwitch .knob {
    background: #1720f9;
    border-color: #1720f9;
    box-shadow: 0 0 3px 0 #1720f9
}

.feed .mycbcTheme .toggleSwitch input:checked + label {
    color: #1720f9
}

.feed .mycbcTheme .recommendations.sidebar {
    margin: 0
}

.feed .mycbcTheme .headingText {
    text-transform: none
}

.feed .mycbcTheme .icon .logoIcon.detailGem {
    fill: #fff
}

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

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

.feed .televisionTheme .card.cardFullBleed .card-content {
    border: 1px solid #eaeaea
}

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

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

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

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

.feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:focus, .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed:hover {
    box-shadow: none
}

.feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content {
    box-shadow: 0 0 0 1px transparent
}

.feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus, .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover {
    box-shadow: 0 0 0 4px transparent
}

.feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:focus:before, .feed .televisionTheme .card.cardFullBleed.sponsorMeta.cardFullBleed .contentWrapper .card-content:hover:before {
    border-color: #8c8c8c transparent
}

.feed .televisionTheme .featuredArea .card.cardFullBleed {
    border: 1px solid #eaeaea;
    margin: .5rem
}

.feed .televisionTheme .featuredArea .card.cardFullBleed .card-content {
    margin: 0
}

.feed .televisionTheme .featuredArea .card.cardFeatured, .feed .televisionTheme .featuredArea .card.cardRegular {
    padding: 0
}

.feed .televisionTheme .viewportLarge .featuredArea .card.cardFullBleed, .feed .televisionTheme .viewportMedium .featuredArea .card.cardFullBleed, .feed .televisionTheme .viewportXLarge .featuredArea .card.cardFullBleed {
    margin-top: .5rem
}

.feed .televisionTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .televisionTheme .viewportLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .televisionTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .televisionTheme .viewportMedium .featuredArea .card.cardFullBleed.sponsorMeta:hover, .feed .televisionTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:focus, .feed .televisionTheme .viewportXLarge .featuredArea .card.cardFullBleed.sponsorMeta:hover {
    box-shadow: 0 0 0 4px #8c8c8c
}

.feed .televisionTheme .searchBar.compact {
    padding: .7rem 0
}

.feed .visualstoriesTheme .card.cardFullBleed.flag-coming-up .contentWrapper .card-content:after, .feed .visualstoriesTheme .card.cardFullBleed.flag-live-blog .contentWrapper .card-content:after {
    border-bottom-color: #ffdc14
}

.feed .visualstoriesTheme .globalHeader {
    border-bottom: none
}

.feed .visualstoriesTheme .globalHeader .headerSearchBar, .feed .visualstoriesTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .visualstoriesTheme .globalHeader .headerSearchBar .searchBar {
    padding-top: .344rem;
    padding-bottom: .344rem
}

.feed .visualstoriesTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 {
    font-family: Open Sans, sans-serif;
    color: #000;
    font-weight: 700
}

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

.feed .musicTheme.viewportLarge .swimlane {
    width: auto;
    margin-left: 0
}

.feed .musicTheme.viewportLarge .swimlane-video {
    margin-left: 0
}

.feed .musicTheme .landingChessboard .moreStories {
    width: 100%;
    margin: auto
}

.feed .musicTheme .landingChessboard .moreStories .contentList .card.cardShow {
    margin-left: 1rem;
    margin-right: 1rem
}

.feed .musicTheme .landingChessboard .moreStories .contentList .card.cardShow .description {
    display: none
}

.feed .musicTheme .landingChessboard .moreStories .contentList .card.cardShow .headline {
    font-size: 1.2rem;
    line-height: 1.5rem
}

.feed .musicTheme .globalHeader {
    border-bottom: none
}

.feed .musicTheme .globalHeader .headerSearchBar, .feed .musicTheme .globalHeader .menuNavWrapper {
    height: 48px
}

.feed .musicTheme .globalHeader .headerSearchBar .searchBar {
    padding-top: .344rem;
    padding-bottom: .344rem
}

.feed .musicTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .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;
    color: #fff;
    border: 1px solid #fff
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #0a7f9d;
    background: #fff
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav.open .moreButton {
    color: #0a7f9d;
    background-color: #fff;
    border: 1px solid #0a7f9d;
    border-bottom-color: #fff
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .moreNavLink {
    color: #0a7f9d
}

.feed .musicTheme .globalHeader .landingNav .moreItemsNav .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-top: .344rem;
    padding-bottom: .344rem
}

.feed .playerTheme .globalHeader .searchBar.compact .react-autosuggest__suggestions-container--open {
    top: 35px;
    left: 0
}

.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 .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 .moreNavLink {
    color: #000
}

.feed .playerTheme .globalHeader.artsHeader .landingNav .moreItemsNav .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 .moreNavLink {
    color: #222
}

.feed .playerTheme .globalHeader.lifeHeader .landingNav .moreItemsNav .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 .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;
    color: #fff;
    border: 1px solid #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #0a7f9d;
    background: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav.open .moreButton {
    color: #0a7f9d;
    background-color: #fff;
    border: 1px solid #0a7f9d;
    border-bottom-color: #fff
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .moreNavLink {
    color: #0a7f9d
}

.feed .playerTheme .globalHeader.musicHeader .landingNav .moreItemsNav .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.regionalNav .navLink.selected {
    background-color: #fff;
    color: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreNavListItem {
    border-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 .moreButton {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #e60505
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #e60505;
    background: #fff
}

.feed .playerTheme .globalHeader.newsHeader .landingNav .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid #e60505;
    border-bottom-color: #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav, .feed .playerTheme .globalHeader.sportsHeader .landingNav {
    background-color: #000;
    position: relative;
    z-index: 1
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .gemSectionLink .navLink, .feed .playerTheme .globalHeader.sportsHeader .landingNav .gemSectionLink .navLink {
    color: #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .subNavList, .feed .playerTheme .globalHeader.sportsHeader .landingNav .subNavList {
    background: transparent
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .subNavList .navLink, .feed .playerTheme .globalHeader.olympicsHeader .landingNav .subNavList .navLink:hover, .feed .playerTheme .globalHeader.sportsHeader .landingNav .subNavList .navLink, .feed .playerTheme .globalHeader.sportsHeader .landingNav .subNavList .navLink:hover {
    color: #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .subNavList .navLink.selected, .feed .playerTheme .globalHeader.sportsHeader .landingNav .subNavList .navLink.selected {
    background-color: #fff;
    color: #000
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavListItem, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavListItem {
    border-color: #000
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavLink, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavLink {
    color: #000
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavLink.selected, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavLink.selected {
    background-color: #000;
    color: #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavLink.selected:focus, .feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavLink.selected:hover, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavLink.selected:focus, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavLink.selected:hover {
    color: #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavLink:focus, .feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreNavLink:hover, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavLink:focus, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreNavLink:hover {
    color: #222
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreButton, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreButton .chevronIcon, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    border: none;
    fill: #fff;
    background: #222
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    border: none;
    fill: #222;
    background: #fff
}

.feed .playerTheme .globalHeader.olympicsHeader .landingNav .moreItemsNav.open .moreButton, .feed .playerTheme .globalHeader.sportsHeader .landingNav .moreItemsNav.open .moreButton {
    color: #000;
    background-color: #fff;
    border: 1px solid;
    border-color: #000 #000 #fff
}

.feed .metaTheme .featuredArea .card:first-child {
    flex-basis: 100%
}

.feed .metaTheme nav.sclt-landingnav.landingNav {
    display: none
}

.feed .feedTooltip {
    font-size: 1.1rem;
    line-height: 1.8rem;
    padding: 1.5rem 2rem
}

.feed .feedTooltip .introjs-button {
    border-color: #cbcbcb;
    border-radius: 0;
    color: #545454;
    font-size: .9rem;
    margin-left: .5rem;
    text-shadow: none;
    padding: .3rem .5rem
}

.feed .feedTooltip .introjs-button.introjs-donebutton, .feed .feedTooltip .introjs-button.introjs-nextbutton:not(.introjs-disabled), .feed .feedTooltip .introjs-button:focus, .feed .feedTooltip .introjs-button:hover {
    background: #0550c8;
    border-color: #0550c8;
    color: #fff
}

.feed .feedTooltip .introjs-button.introjs-prevbutton {
    background: #fff;
    color: #0550c8;
    border-right: 1px solid #cbcbcb
}

.feed .feedTooltip .introjs-button.introjs-prevbutton:focus, .feed .feedTooltip .introjs-button.introjs-prevbutton:hover {
    border-right: 1px solid #0550c8
}

.feed .feedTooltip .introjs-button.introjs-skipbutton {
    background: #e60505;
    border-color: #e60505;
    color: #fff
}

.feed .feedTooltip .introjs-button.introjs-skipbutton:focus, .feed .feedTooltip .introjs-button.introjs-skipbuttonhover {
    background: #fff;
    border-color: #e60505;
    color: #e60505
}

.feed .feedTooltip .introjs-button.introjs-nextbutton:focus, .feed .feedTooltip .introjs-button.introjs-nextbutton:hover {
    background: #fff;
    color: #0550c8
}

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

.feed .feedTooltip .introjs-tooltiptext a:focus, .feed .feedTooltip .introjs-tooltiptext a:hover {
    background-color: #d8d8d8
}

.feed .feedTooltip .introjs-bullets ul li a.active {
    background: #222
}

.feed .feedTooltip .introjs-bullets button {
    border-radius: 50%;
    border-width: 2px;
    font-size: .85rem
}

.feed .feedTooltip .introjs-bullets button:focus, .feed .feedTooltip .introjs-bullets button:hover {
    background: #e60505;
    color: #fff
}

.feed .feedTooltip .introjs-bullets button.active {
    border-color: #000;
    color: #000
}

.feed .feedTooltip .introjs-bullets button.active:focus, .feed .feedTooltip .introjs-bullets button.active:hover {
    background: #222;
    color: #fff
}

.feed .introjs-hint-pulse {
    border: 5px solid rgba(5, 80, 200, .6);
    background-color: rgba(5, 80, 200, .4)
}

.feed .introjsFloatingElement {
    position: fixed !important
}

.feed .onboarding .globalHeader.introjs-fixParent:not(.open) {
    z-index: auto !important
}

.feed .onboarding .globalHeader.introjs-fixParent .landingNav {
    z-index: 10000000 !important;
    position: relative
}

@media print {
    .feed .appContainer .ad, .feed .appContainer .ad-bigbox, .feed .appContainer .ad-risingstar, .feed .appContainer .advertisement, .feed .appContainer .author-image, .feed .appContainer .authorprofile, .feed .appContainer .bigbox, .feed .appContainer .cbc-caffeine, .feed .appContainer .comments, .feed .appContainer .contentFeedback, .feed .appContainer .detailTrending, .feed .appContainer .followUs, .feed .appContainer .globalFooter .extendedFooter, .feed .appContainer .globalheader-placeholder, .feed .appContainer .globalHeader .landingNav, .feed .appContainer .globalHeader .menuButton, .feed .appContainer .landingNav, .feed .appContainer .moreStories, .feed .appContainer .navLink.search, .feed .appContainer .notificationArea, .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
    }
}