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

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

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

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

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

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

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

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

.feed .homepageTheme:has(.ad.click-wp) .full-width-container.mid-content .feed-content .wallpaper-ad-wrap.left {
    font-family: "Radio Canada", sans-serif;
    left: -407px;
}

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

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

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

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

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

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

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

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

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

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

.feed .appContainer.loaded {
    opacity: 1;
}

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

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

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

.feed .accessibilityLinks>a {
    background: #fff;
    border: 3px solid #0550c8;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    left: -10000px;
    line-height: 18px;
    padding: 16px 25px;
    position: absolute;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .card.cardDiscovery .contentWrapper .headline {
    font-family: "Radio Canada", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.1875rem;
    margin: 0;
}

.feed .card.cardDiscovery .contentWrapper .livebadge {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.feed .card.cardDiscovery .rankIndicator {
    color: #000;
    font-family: "Radio Canada", sans-serif;
    font-size: 26px;
    font-weight: 300;
    height: 0;
    left: -27px;
    position: relative;
}

@media only screen and (max-width: 849px) {
    .feed .card.cardDiscovery .rankIndicator {
        font-size: 22px;
    }
}

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

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

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

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

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

.feed .contentList .card {
    overflow: hidden;
}

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

.feed .imageMedia {
    display: inline;
}

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

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

.feed .detail {
    overflow-x: unset;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feed .cardDiscovery.isTrending .card-content .label.flag {
    display: inline-flex;
}

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

.feed .appContainer:is(.homepageTheme, .betaTheme) .feed-content.content {
    background-color: #f9f9f9;
    padding: 0;
}

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

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

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

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

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

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

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

.feed .headerSearchBar {
    background: #000;
    display: none;
    height: 48px;
    justify-content: space-between;
    margin-right: 12px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 266px;
    z-index: 2000;
}

.feed .headerSearchBar .searchBar {
    display: none;
}

.feed .headerSearchBar .searchBar .search-autocomplete {
    color: #000;
    display: flex;
    height: 25px;
    text-align: left;
    width: inherit;
}

.feed .headerSearchBar .searchClose {
    background: #000;
    border: none;
    cursor: pointer;
    display: none;
}

@media only screen and (max-width: 710px) {
    .feed .headerSearchBar {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
}

.feed .searchBar .searchButton:focus,
.feed .searchBar .searchButton:hover {
    background-color: #e60505;
    color: #fff;
}

.feed .searchBar .searchButton:focus {
    text-decoration: underline;
}

.feed .searchBar .search-autocomplete {
    width: 98%;
}

.feed .searchBar.compact {
    background: #000;
    display: none;
    padding: 0.7rem 0;
    top: 0;
    transition: width 0.4s ease-in-out;
    z-index: 1011;
}

.feed .searchBar.compact .searchButton {
    background-color: #727272;
    border: none;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
}

.feed .searchBar.compact .searchInput {
    width: 187px;
}

.feed .headerSearchBar .searchBar.compact {
    padding-right: 0;
}

.feed .searchBar .searchForm {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin: auto;
    width: 97%;
}

.feed .searchBar .searchInput {
    border: 1px solid #cbcbcb;
    border-radius: 2px;
    box-sizing: border-box;
    flex: 3 1;
    height: 26px;
    margin-right: 1rem;
    padding: 0 0.5rem;
    width: inherit;
}

.feed .searchBar .searchInput:focus {
    border-color: #0550c8;
    border-width: 2px;
}

.feed .viewportLarge .searchBar.compact {
    right: 212px;
}

.feed .verticalCardList.cardList {
    margin-top: 1rem;
}

.feed .verticalCardList.cardList .contentList .contentListCards {
    margin-left: 0;
    margin-right: 0;
}

.feed .verticalCardList.cardList .contentList .contentListCards .card {
    margin: 0;
}

.feed .verticalCardList.cardList .contentList .contentListCards .card:hover {
    z-index: 50;
}

.feed .verticalCardList.cardList .contentList .contentListCards .card:not(:first-child) {
    border-top: none;
}

.feed .trendingList {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    font-family: "Radio Canada", sans-serif;
    list-style: none;
    padding: 0;
}

.feed .trendingList-sidebar {
    margin-bottom: 1rem;
    min-height: 437px;
}

.feed .trendingList-sidebar .trendingList .listDisplay,
.feed .trendingList-sidebar .trendingList .verticalCardList {
    margin-top: 0;
    width: 100%;
}

.feed .author-image {
    height: 40px;
    padding: 0;
    width: 40px;
}

.feed .author-image .placeholder {
    background: none;
}

.feed .author-image .placeholder img {
    background: none;
    border: 1px solid #cbcbcb;
    border-radius: 50%;
    box-sizing: border-box;
}

.feed .olympicSportsList .sportsName:not(:disabled):focus-within,
.feed .olympicSportsList .sportsName:not(:disabled):hover {
    outline: 3px solid #0550c8;
}

.feed .icon .chevronIcon {
    fill: #e60505;
    background-color: #fff;
    border-radius: 10px;
    margin-left: 2px;
    padding: 3px 2px 1px;
    vertical-align: middle;
}

.feed .icon .closeIcon {
    fill: #fff;
    background: #e60505;
    border-radius: 50%;
    padding: 0.3rem;
}

.feed .icon .logoIcon.headerLogo.globalHeaderLogo {
    display: inline-block;
    margin-left: 0;
}

.feed .icon .searchIcon.headerSearch {
    vertical-align: middle;
}

.feed .icon {
    display: inline;
}

.feed .icon .logoIcon {
    fill: #e60505;
    margin-left: 1rem;
    vertical-align: middle;
}

.feed .icon .logoIcon.logoNews {
    fill: #fff;
}

.feed .newsTheme .globalHeader {
    border-bottom: none;
}

.feed .newsTheme .globalHeader .headerSearchBar,
.feed .newsTheme .globalHeader .menuNavWrapper {
    height: 48px;
}

.feed .newsTheme .globalHeader .headerSearchBar .searchBar {
    padding-bottom: 0.344rem;
    padding-top: 0.344rem;
}

.feed .newsTheme .globalHeader .searchInput {
    height: 24px;
}

.feed .newsTheme .globalHeader .sideMenu .navLink {
    line-height: normal;
}

.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 .gemSectionLink .navLink {
    color: #fff;
    font-weight: 400;
}

.feed .newsTheme .globalHeader .landingNav .subNavList a.subNavLink:focus,
.feed .newsTheme .globalHeader .landingNav .subNavList button.moreButton:focus {
    outline-color: #fff;
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton .chevronIcon {
    fill: #fff;
    background: #e60505;
    border: none;
}

.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:focus .chevronIcon,
.feed .newsTheme .globalHeader .landingNav .moreItemsNav .moreButton:hover .chevronIcon {
    fill: #e60505;
    background: #fff;
    border: none;
}

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

.feed .newsTheme .card .headline {
    font-family: "Radio Canada", sans-serif;
    font-weight: 300;
}

.feed .newsTheme .card.cardDiscovery .contentWrapper .headline {
    font-family: "Radio Canada", sans-serif;
    font-weight: 700;
}

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

.feed .newsTheme .detail .detailHeadline {
    font-family: "Radio Canada", sans-serif;
    font-weight: 300;
}

.responsiveNav {
    .responsiveNav {
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #3498db #f0f0f0;
    }

    .responsiveNav::-webkit-scrollbar {
        height: 8px;
    }

    .responsiveNav::-webkit-scrollbar-thumb {
        background: #3498db;
        border-radius: 4px;
    }

    .responsiveNav::-webkit-scrollbar-track {
        background: #f0f0f0;
    }
}

.storyWrapper a {
    color: #e60306;
}

.post-container {
    margin: 0 auto;
    background-color: white;
    border: 1px solid #e1e8ed;
    border-radius: 15px;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.post-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.profile-pic {
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 50%;
    margin-right: 10px;
}

.profile-pic img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.user-info {
    flex-grow: 1;
}

.user-name {
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
}

.user-handle {
    color: #657786;
    font-size: 14px;
    margin: 0;
}

.verified {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
}

.post-content {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.post-actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.actions-left {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
}

.actions-right {
    display: flex;
    gap: 10px;
}

.action-item {
    display: flex;
    align-items: center;
    color: #657786;
    font-size: 14px;
    cursor: pointer;
}

.action-icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

@media (max-width: 500px) {
    .post-container {
        padding: 10px;
    }

    .profile-pic {
        width: 40px;
        height: 40px;
    }

    .profile-pic img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .user-name {
        font-size: 14px;
    }

    .user-handle {
        font-size: 12px;
    }

    .post-content {
        font-size: 14px;
    }

    .action-icon {
        width: 16px;
        height: 16px;
    }

    .action-item {
        font-size: 12px;
    }
}

.custom-blue-button {
    background-color: #ec0000;
    color: #ffffff !important;
    width: 70%;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    display: block;
    margin: 15px auto 0;
    text-align: center !important;
    font-weight: bold;
}

.custom-blue-button:hover {
    background-color: #b80101;
}

#calculator {
    text-align: center;
    background-color: #fff;
    animation: fadeIn 0.5s ease-in-out;
    width: 100%;
}

#slider-container {
    position: relative;
    margin-bottom: 20px;
}

#slider {
    width: 100%;
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out 0.5s forwards;
    -webkit-appearance: none;
    appearance: none;
    height: 20px !important;
    background: #ea1a1a;
    border-radius: 10px;
    outline: none;
    padding: 0;
    position: relative;
    z-index: 2;
}

#slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ea1a1a;
    margin-top: 0px !important;
    z-index: 3;
}

#current-value {
    width: 30%;
    margin: 0 auto;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 18px;
    margin-top: -5px;
    margin-bottom: 10px;
    border-left: 2px solid #ea1a1a;
    border-right: 2px solid #ea1a1a;
    border-bottom: 2px solid #ea1a1a;
}

.slider-labels {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.slider-labels span {
    position: relative;
}

.slider-labels span::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

.result {
    font-size: 18px;
    margin-bottom: 10px;
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out 1s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

img.fb-comment__person-photo {
    object-fit: contain;
    min-width: 50px;
}

@media (max-width: 768px) {
    .fb-comment__btn {
        font-size: 10px !important;
    }
}

.fb-comment__heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #e9ebee;
    align-items: center;
}

.fb-comment__container {
    margin: 20px 0;
    font-family: "Radio Canada", sans-serif;
    line-height: 1.2;
}

.fb-comment__heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #e9ebee;
}

.fb-comment__colvo {
    font-weight: 600;
    font-size: 14px;
    color: #4b4f56;
}

.fb-comment__sort_title {
    color: #4b4f56;
    font-size: 14px;
}

.fb-comment__sort_by {
    background-color: #f5f6f7;
    color: #4b4f56 !important;
    line-height: 22px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    border-radius: 2px;
    border: 1px solid #ccd0d5;
    appearance: unset !important;
}

.fb-comment__form-block {
    display: flex;
    gap: 10px;
    margin: 15px 0;
}

.fb-comment__form-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    flex-shrink: 0;
}

.fb-comment__form {
    border: 1px solid #d3d6db;
    flex-grow: 1;
}

.fb-comment__add-comment {
    min-height: 40px;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
    cursor: text;
    font-family: "Radio Canada", sans-serif;
    font-size: 16px;
    resize: none;
    border: none;
    outline: none;
}

.fb-comment__add-comment:focus {
    border: none;
}

.fb-comment__form-post {
    border-top: 1px solid #d3d6db;
    background: #f5f6f7;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.fb-comment__also {
    display: flex;
    align-items: center;
    gap: 5px;
}

.fb-comment__also-text {
    font-size: 11px;
    color: #90949c;
}

.fb-comment__btn {
    background-color: #9cb4d8;
    color: #fff !important;
    font-family: "Radio Canada", sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 2px;
    flex-shrink: 0;
    border: none;
}

.fb-comment__body {
    margin-top: 20px;
}

.fb-comment__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0;
}

.fb-comment__comment-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fb-comment__comment {
    display: flex;
    gap: 15px;
}

.fb-comment__person-photo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    flex-shrink: 0;
}

.fb-comment__comment-content {
    flex-direction: column;
}

.fb-comment__name {
    font-weight: 600;
    color: #365899 !important;
    font-size: 14px;
    line-height: 1.4;

    &:hover {
        text-decoration: underline;
    }
}

.fb-comment__text {
    font-size: 14px;
    color: #4b4f56;
    margin: 4px 0 8px !important;
}

.fb-comment__meta {
    display: flex;
    gap: 6px;
    align-items: center;
}

.fb-comment__like,
.fb-comment__reply {
    color: #4267b2 !important;
    font-size: 12px;

    &:hover {
        text-decoration: underline;
    }
}

.fb-comment__like-colvo {
    font-size: 12px;
    color: #90949c;
    display: flex;
    gap: 3px;
}

.fb-comment__like-colvo:before {
    content: url("../img/like.svg");
    width: 10px !important;
}

.fb-comment__date {
    font-size: 12px;
    color: #90949c;
}

.fb-comment__answer {
    margin-left: 65px;
    padding-left: 10px;
    border-left: 1px dotted #d3d6db;
}

a {
    text-decoration: none;
    color: black;
}

p {
    font-size: 18px;
    width: 100%;
    line-height: 24px;
}

.adContainer-cPRxG:not(:has(.ad-interscroller)):not(:has(.outofpage)):not(:has(.teads-adCall)):has(iframe) {
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

.adContainer-cPRxG:not(:has(.ad-interscroller)):not(:has(.outofpage)):has(.teads-adCall):has(.teads-inread) {
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

.icon-o_g8u {
    display: block;
}

.badge-dfdJV {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-family: "Radio Canada", sans-serif;
    justify-content: space-between;
    padding: 4px 8px;
    width: -moz-fit-content;
    width: fit-content;
}

.badge-dfdJV .badgeText-hbNI9 {
    color: #000;
    font-family: "Radio Canada", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: -4%;
    line-height: 1.13rem;
    line-height: normal;
}

.badge-dfdJV.Live-g72Nb {
    background-color: #ffc212;
    height: 26px;
}

.heading-CuIgF {
    display: flex;
    flex: 1;
}

.title-reUIw {
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.7em;
    margin-bottom: 0.5em;
    padding: 0;
    text-transform: uppercase;
}

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

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

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

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

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

.contentFeedback-RoTQP {
    clear: both;
    margin-top: 2.5rem;
    padding: 1rem 0;
}

.contentFeedback-RoTQP .journalistLink-WCERZ,
.contentFeedback-RoTQP .reportIssue-xC8cZ,
.contentFeedback-RoTQP .trustProjectLink-QxM0q {
    border: 0;
    color: #353535;
    font-family: "Radio Canada", sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    line-height: 1.7rem;
    text-decoration: underline;
}

.contentFeedback-RoTQP .journalistLink-WCERZ:focus,
.contentFeedback-RoTQP .journalistLink-WCERZ:hover,
.contentFeedback-RoTQP .reportIssue-xC8cZ:focus,
.contentFeedback-RoTQP .reportIssue-xC8cZ:hover,
.contentFeedback-RoTQP .trustProjectLink-QxM0q:focus,
.contentFeedback-RoTQP .trustProjectLink-QxM0q:hover {
    background-color: #e7e7e7;
    text-decoration: none;
}

.contentFeedback-RoTQP .journalistLink-WCERZ:focus,
.contentFeedback-RoTQP .reportIssue-xC8cZ:focus,
.contentFeedback-RoTQP .trustProjectLink-QxM0q:focus {
    outline: 2px solid #353535;
}

.contentFeedback-RoTQP .reportIssue-xC8cZ {
    background-color: initial;
    border: none;
    color: #353535;
    font-family: "Radio Canada", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.31rem;
    line-height: 1.5rem;
    padding: 0;
    text-decoration: underline;
}

.contentFeedback-RoTQP .reportIssue-xC8cZ .icon .chevronIcon {
    fill: #353535;
    background-color: transparent;
    margin-left: 0.4rem;
}

.contentFeedback-RoTQP .reportIssue-xC8cZ:focus,
.contentFeedback-RoTQP .reportIssue-xC8cZ:hover {
    background-color: #e7e7e7;
    text-decoration: none;
}

.contentFeedback-RoTQP .reportIssue-xC8cZ:focus {
    outline: 2px solid #353535;
}

.contentFeedback-RoTQP .separator-NZujE {
    color: #353535;
    display: inline-block;
    margin: 0 0.5rem;
}

.contentFeedback-RoTQP .bottomSeparator-FdM_L {
    margin-bottom: 1rem;
}

.card-agMf7:focus-visible {
    background: linear-gradient(rgba(238, 0, 0, 0.24), rgba(238, 0, 0, 0.24)),
        linear-gradient(#f9f9f9, #f9f9f9);
    outline: 2px solid #e00;
    text-decoration: underline;
}

a:has(> .card-agMf7),
button:has(> .card-agMf7) {
    border-radius: 12px;
    text-decoration: none;
}

a:has(> .card-agMf7):focus,
button:has(> .card-agMf7):focus {
    outline: none;
}

a:has(> .card-agMf7):focus-visible div,
button:has(> .card-agMf7):focus-visible div {
    background: linear-gradient(rgba(238, 0, 0, 0.24), rgba(238, 0, 0, 0.24)),
        linear-gradient(#f9f9f9, #f9f9f9);
    outline: 2px solid #e00;
    text-decoration: underline;
}

.icon_card-_IktT:focus-visible {
    background: linear-gradient(hsla(0, 0%, 100%, 0.24), hsla(0, 0%, 100%, 0.24)),
        linear-gradient(#d70000, #d70000);
    outline: 2px solid #d70000;
    text-decoration: underline !important;
}

a:has(> .icon_card-_IktT),
button:has(> .icon_card-_IktT) {
    border-radius: 12px;
    display: block;
    padding-right: 16px;
    text-decoration: none;
}

a:has(> .icon_card-_IktT):focus,
button:has(> .icon_card-_IktT):focus {
    outline: none;
}

a:has(> .icon_card-_IktT):focus-visible .icon_card-_IktT,
button:has(> .icon_card-_IktT):focus-visible .icon_card-_IktT {
    background: linear-gradient(hsla(0, 0%, 100%, 0.24), hsla(0, 0%, 100%, 0.24)),
        linear-gradient(#d70000, #d70000);
    outline: 2px solid #d70000;
    text-decoration: underline !important;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4, > .card-_nAO4.horizontalVideo-Nlv7B),
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B) {
    border-radius: 8px;
    outline: none;
    text-decoration: none;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4, > .card-_nAO4.horizontalVideo-Nlv7B) .card-_nAO4.verticalVideo-qVFr4,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B) .card-_nAO4.verticalVideo-qVFr4 {
    outline: none;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7 {
    outline: 3px solid #004c71;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active svg,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active svg {
    background-color: rgba(88, 88, 88, 0.7);
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active .headline-rFBTY,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):active .headline-rFBTY {
    -webkit-text-decoration: underline 2px #004c71;
    text-decoration: underline 2px #004c71;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7 {
    border-radius: 8px;
    outline: 3px solid #0074ad;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover svg,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover svg {
    background-color: rgba(40, 40, 40, 0.7);
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover .headline-rFBTY,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):hover .headline-rFBTY {
    -webkit-text-decoration: underline 2px #0074ad;
    text-decoration: underline 2px #0074ad;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible .card-_nAO4.horizontalVideo-Nlv7B .imageContainer-c56s7,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible .card-_nAO4.verticalVideo-qVFr4 .imageContainer-c56s7 {
    outline: 3px solid #585858;
    outline-offset: 0;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus svg,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible svg,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus svg,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible svg {
    background-color: rgba(60, 60, 60, 0.7);
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus .headline-rFBTY,
a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible .headline-rFBTY,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus .headline-rFBTY,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):focus-visible .headline-rFBTY {
    -webkit-text-decoration: underline 2px #585858;
    text-decoration: underline 2px #585858;
}

a:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):disabled svg,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B):disabled svg {
    background-color: rgba(0, 0, 0, 0.7);
}

a:has(> .card-_nAO4.verticalVideo-qVFr4, > .card-_nAO4.horizontalVideo-Nlv7B)>div:focus-visible svg,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B)>div:focus-visible svg {
    background-color: rgba(60, 60, 60, 0.7);
}

a:has(> .card-_nAO4.verticalVideo-qVFr4, > .card-_nAO4.horizontalVideo-Nlv7B)>div:focus-visible .headline-rFBTY,
button:has(> .card-_nAO4.verticalVideo-qVFr4,
    > .card-_nAO4.horizontalVideo-Nlv7B)>div:focus-visible .headline-rFBTY {
    -webkit-text-decoration: underline 2px #0074ad;
    text-decoration: underline 2px #0074ad;
}

.verticalToHorizontalCard-AluQ4:has(.description-vWo4_) .headline-hLuoA {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    color: #000;
    display: -webkit-box;
    font-family: "Radio Canada", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.95rem;
    margin: 16px 0;
    overflow: hidden;
    padding: 0 16px;
}

.verticalToHorizontalCard-AluQ4:has(.description-vWo4_) .description-vWo4_ {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    color: #000;
    display: -webkit-box;
    font-family: "Radio Canada", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
    margin-top: 0;
    overflow: hidden;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .verticalToHorizontalCard-AluQ4:has(.description-vWo4_) .headline-hLuoA {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        color: #000;
        display: -webkit-box;
        overflow: hidden;
    }

    .verticalToHorizontalCard-AluQ4:has(.description-vWo4_) .description-vWo4_ {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        color: #000;
        display: -webkit-box;
        overflow: hidden;
    }
}

@media (min-width: 964px) {
    .verticalToHorizontalCard-AluQ4:has(.description-vWo4_) .description-vWo4_ {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        color: #000;
        display: -webkit-box;
        overflow: hidden;
    }
}

a:has(> .verticalToHorizontalCard-AluQ4),
button:has(> .verticalToHorizontalCard-AluQ4) {
    border-radius: 8px;
    text-decoration: none;
}

a:has(> .verticalToHorizontalCard-AluQ4):hover,
button:has(> .verticalToHorizontalCard-AluQ4):hover {
    outline: 3px solid #0074ad;
}

a:has(> .verticalToHorizontalCard-AluQ4):hover .description-vWo4_,
a:has(> .verticalToHorizontalCard-AluQ4):hover .title-QwP65,
button:has(> .verticalToHorizontalCard-AluQ4):hover .description-vWo4_,
button:has(> .verticalToHorizontalCard-AluQ4):hover .title-QwP65 {
    -webkit-text-decoration: underline 2px #0074ad;
    text-decoration: underline 2px #0074ad;
    text-underline-offset: 3px;
}

a:has(> .verticalToHorizontalCard-AluQ4):focus,
a:has(> .verticalToHorizontalCard-AluQ4):focus-visible,
button:has(> .verticalToHorizontalCard-AluQ4):focus,
button:has(> .verticalToHorizontalCard-AluQ4):focus-visible {
    outline: 3px solid #585858;
    outline-offset: 0;
}

a:has(> .verticalToHorizontalCard-AluQ4):active,
button:has(> .verticalToHorizontalCard-AluQ4):active {
    outline: 3px solid #004c71;
}

.audioVideo-wP5MJ .imageButton-O_eiC:focus-visible,
.audioVideo-wP5MJ a:focus-visible {
    outline: 3px solid #585858;
    outline-offset: -3px;
}

.audioVideo-wP5MJ .imageButton-O_eiC:focus-visible {
    outline-offset: 0;
}

a:has(> .card-ercJe),
button:has(> .card-ercJe) {
    border-radius: 8px;
    text-decoration: none;
}

.outlined-hTmi5:focus-visible {
    outline: 2px solid #353535;
}

.filled-sh27F:focus-visible {
    background-color: #004c71;
    outline: 2px solid #e00;
}

.iconButton-ahDec.enabled-tNwNO:focus-visible svg {
    background-color: #e7e7e7;
    border: 2px solid #060606;
}

.iconButton-ahDec.dark-jYADk.enabled-tNwNO:focus-visible svg {
    background-color: gray;
}

.iconButton-ahDec.background-A5qe6.enabled-tNwNO:focus-visible svg {
    background-color: #e7e7e7;
    border: 2px solid #060606;
}

.labelledIconButton-DJXCN:focus-visible {
    border: 2px solid #353535;
    margin: -2px;
}

.labelledIconButton-DJXCN:focus-visible span {
    font-family: "Radio Canada", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
}

.labelledIconButton-DJXCN.horizontalNav-vNOyy:focus-visible span {
    font-family: "Radio Canada", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5rem;
}

.labelledIconButton-DJXCN.blackAndWhite-yKULD:focus-visible {
    border: 2px solid #fff;
    margin: -2px;
}

:has(> .swiper-UTnlA) {
    min-width: 0;
}

.ctaContainer-SVmn2 .buttonCTA-kKuOv .buttonCTAContent-XOZna .buttonLink-jYlKG:focus-visible {
    background-color: #585858;
    outline: 2px solid #000;
    outline-offset: 2px;
}

.feed .globalHeader .landingNav {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin: 0 auto;
    min-height: 48px;
}

.feed .globalHeader .landingNav .landingWrapper {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 16px;
    padding-right: 16px;
}

.feed .globalHeader .landingNav .subNavList {
    align-items: center;
    flex-wrap: nowrap;
    height: 48px;
    margin: 0;
    position: relative;
    white-space: nowrap;
}

.feed .globalHeader .landingNav .subNavList .subNavListItem {
    margin: 0;
    padding: 0 1.5rem;
    white-space: nowrap;
    width: auto;
}

.feed .globalHeader .landingNav .subNavList .subNavListItem.gemWrapper {
    padding-left: 0;
}

@media (max-width: 640px) {
    .landingNav .subNavList .subNavListItem {
        padding: 0 0.8rem;
    }
}

.landingNav .subNavList .navLink {
    outline: 3px solid transparent;
}

.privacyPreferences {
    all: unset;
    color: #0550c8;
    cursor: pointer;
}

.privacyPreferences:hover {
    text-decoration: underline;
}

.privacyPreferences:focus {
    outline: 3px solid #0550c8;
    text-decoration: underline;
}

.profileButtonWrapper {
    display: flex;
}

.profileButtonWrapper .profileButtonNav {
    fill: #000;
    stroke: #000;
    background-color: transparent;
    border: none;
    color: #000;
    cursor: pointer;
    margin-right: 16px;
    padding: 0;
    text-decoration: none;
}

.profileButtonWrapper .profileButtonNav:active,
.profileButtonWrapper .profileButtonNav:focus,
.profileButtonWrapper .profileButtonNav:hover {
    fill: #0074ad;
    stroke: #0074ad;
    color: #0074ad;
}

.profileButtonWrapper .profileButtonNav:focus {
    outline: 2px solid #58a4c9;
    outline-offset: 10px;
}

.profileButtonWrapper .profileButtonNav:active {
    outline: none;
}

.profileButtonWrapper .profileButtonNav .profilePic {
    display: inline-block;
    height: 16px;
    width: 16px;
}

.profileButtonWrapper .profileButtonNav .profileText {
    font-family: "Radio Canada", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-left: 12px;
}

@media only screen and (max-width: 767px) {
    .profileButtonWrapper .profileButtonNav {
        margin-left: 4px;
    }

    .profileButtonWrapper .profileButtonNav .profileText {
        height: 1px;
        left: -10000px;
        overflow: hidden;
        position: absolute;
        top: auto;
        width: 1px;
    }

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

.profileButtonWrapper .profileButtonNav .icon {
    bottom: -0.125rem;
    display: inline-block;
    height: 20px;
    position: relative;
}

.feed .globalFooter {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
}

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

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

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

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

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

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

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

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

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

.feed .globalFooter .footerItem {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

.navigation__navLink-JkSdI.horizontalNav-K6bCr a:focus-visible {
    border: 2px solid #353535;
    border-radius: 24px;
    margin: -2px;
}

.navigation__navLink-JkSdI.horizontalNav-K6bCr a:focus-visible a {
    -webkit-text-decoration: underline #353535;
    text-decoration: underline #353535;
}

.navigation__navLink-JkSdI.blackAndWhite-Jj5BV a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.navigation__navLink-JkSdI.blackAndWhite-Jj5BV a:focus-visible a {
    -webkit-text-decoration: underline #fff;
    text-decoration: underline #fff;
}

.chip-EZdDN:focus-visible {
    border: 2px solid #000;
}

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

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

.feed .globalHeader .menuNavWrapper {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    height: 48px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80rem;
    overflow: visible;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
}

.feed .globalHeader .logoWrapper {
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: space-around;
    left: 50%;
    margin-left: -35px;
    position: absolute;
}

.feed .globalHeader .logoWrapper .logo {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 1.3rem;
    font-weight: 700;
    height: 25px;
    padding: 0 5px;
    text-decoration: none;
    z-index: 1;
}

.feed .globalHeader .logoWrapper .logo:focus {
    outline: none;
}

.feed .globalHeader .logoWrapper .logo:focus-visible {
    border-radius: 20px;
    outline: 2px solid #000;
}

.feed .globalHeader .logoWrapper .logo:hover {
    opacity: 0.6;
}

.feed .globalHeader .logoWrapper .logo:active {
    opacity: 0.8;
    outline: none;
}

.feed .globalHeader .logoWrapper .logo .icon {
    line-height: 0;
}

.feed .globalHeader .logoWrapper .logo .logoIcon {
    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 .navLink {
    font-family: "Radio Canada", sans-serif;
    font-size: 1.75rem;
    font-weight: 300;
}

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

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

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

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

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

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

.feed .globalHeader .sideMenu .search {
    fill: #000;
    border: 0;
    color: #000;
    height: 20px;
    margin-right: 44px;
    text-decoration: none;
}

.feed .globalHeader .sideMenu .search:focus {
    outline: none;
}

.feed .globalHeader .sideMenu .search:focus-visible {
    fill: #0074ad;
    border-radius: 20px;
    color: #0074ad;
    outline: 2px solid #0074ad;
    outline-offset: 4px;
}

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

.feed .globalHeader .sideMenu .search:active {
    fill: #004c71;
    color: #004c71;
    outline: none;
}

.feed .globalHeader .sideMenu .search .icon {
    display: inline-block;
    height: 20px;
}

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

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

.feed .globalHeader .sideMenu .search .searchText {
    font-family: "Radio Canada", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    margin-left: 12px;
}

@media only screen and (max-width: 768px) {
    .feed .globalHeader .sideMenu .search {
        margin: 4px 12px;
    }

    .feed .globalHeader .sideMenu .search .searchText {
        display: none;
    }
}

.feed .globalHeader .menuButtonWrapper {
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
}

.feed .globalHeader .menuButtonWrapper .menuButton {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    text-decoration: none;
}

.feed .globalHeader .menuButtonWrapper .menuButton:focus-visible .menuText,
.feed .globalHeader .menuButtonWrapper .menuButton:hover .menuText {
    color: #0074ad;
}

.feed .globalHeader .menuButtonWrapper .menuButton:focus-visible svg path,
.feed .globalHeader .menuButtonWrapper .menuButton:hover svg path {
    fill: #0074ad;
}

.feed .globalHeader .menuButtonWrapper .menuButton:focus {
    outline: none;
}

.feed .globalHeader .menuButtonWrapper .menuButton:focus-visible {
    border-radius: 20px;
    outline: 2px solid #0074ad;
    outline-offset: 4px;
}

.feed .globalHeader .menuButtonWrapper .menuButton:active {
    outline: none;
}

.feed .globalHeader .menuButtonWrapper .menuButton:active .menuText {
    color: #004c71;
}

.feed .globalHeader .menuButtonWrapper .menuButton:active svg path {
    fill: #004c71;
}

.feed .globalHeader .menuButtonWrapper .menuButton .menuText {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    margin-left: 12px;
}

@media only screen and (max-width: 768px) {
    .feed .globalHeader .menuButtonWrapper .menuButton .menuText {
        display: none;
    }
}

.feed .globalHeader .menuButtonWrapper .menuButton svg {
    display: inline-block;
}

@media only screen and (max-width: 768px) and (min-width: 370px) {
    .feed .globalHeader .menuNavWrapper {
        padding: 0;
    }

    .feed .globalHeader .menuNavWrapper .menuButton {
        margin: 8px 16px;
    }
}

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

.feed .globalHeader .subNavList {
    display: flex;
    flex-flow: row wrap;
    padding-left: 0;
}

.feed .globalHeader .subNavList:after {
    content: "";
    flex: auto;
    padding: 0 1rem;
    width: 21%;
}

.feed .globalHeader .subNavList .subNavListItem {
    flex: 0 0 auto;
    list-style-type: none;
    padding: 0 1rem;
    width: 21%;
}

.feed .globalHeader .subNavList .subNavListItem .subNavLink {
    color: #545454;
    font-weight: 400;
    text-transform: none;
}

.feed .globalHeader .moreItemsNav {
    text-align: right;
}

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

.feed .globalHeader .moreItemsNav .moreButton {
    background: transparent;
    border: 1px solid #cbcbcb;
    color: #222;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.2rem 0 0.3rem;
    white-space: nowrap;
}

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

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

.feed .globalHeader .responsiveNav {
    position: relative;
}

.feed .globalHeader .responsiveNav .moreItemsNav {
    text-align: right;
}

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

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

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

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

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

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

.feed .globalHeader .responsiveNav.overflowHidden {
    overflow-x: scroll;
    scrollbar-width: none;
}

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

.feed .globalHeader .responsiveNav .gemWrapper .gemSectionLink {
    padding: 0;
}

.feed .globalHeader .menuNav {
    display: none;
    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 .navLink {
    font-weight: 700;
    text-transform: uppercase;
}

.feed .globalHeader .menuNav .menuSidebar {
    background: #545454;
    display: none;
    width: 125px;
}

.feed .globalHeader .menuNav .menuSidebar .menuSidebarHeading {
    background-color: #727272;
    color: #fff;
    margin: 0;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem {
    padding: 0;
    width: 100%;
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    margin: 0.7rem 0.5rem;
    padding: 0.3rem 0.5rem;
    text-decoration: none;
    text-transform: uppercase;
}

.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:focus,
.feed .globalHeader .menuNav .menuSidebar .subNavList .subNavListItem .subNavLink:hover {
    outline: 3px solid #fff;
}

.filter .checkbox:focus:not(:focus-visible) {
    outline: none;
}

.form-wrapper {
    margin-block: 15px;
}