@font-face {
    font-family: Roboto-fb;
    size-adjust: 100.06%;
    ascent-override: 93%;
    src: local("Arial")
}

@font-face {
    font-family: "Roboto Condensed-fb";
    size-adjust: 88.91%;
    ascent-override: 110%;
    src: local("Arial")
}

.bwtablemarginb {
    margin-bottom: .625rem
}

.bwtablemarginb td,
.bwtablemarginb th {
    border: 0;
    padding: 0;
    vertical-align: baseline
}

.bwtablemarginb tr {
    border: 0;
    padding: 0
}

.bwtablemarginb ul ul {
    list-style-type: circle
}

.bwtablemarginb ol,
.bwtablemarginb ul {
    padding: 0 0 0 1.5rem;
    overflow: hidden;
    margin: 0 0 1.5rem
}

.bwtablemarginb ol li,
.bwtablemarginb ul li {
    margin: 0 0 .3125rem;
    list-style-type: disc
}

.bwtablemarginb blockquote {
    color: #7aa52a;
    border-left: .25rem solid #7aa52a;
    padding-left: 1.25rem;
    margin-bottom: 1.25rem
}

.bwtablemarginb .bwleftsingle {
    border-left: 1pt solid #000
}

.bwtablemarginb .bwtopsingle {
    border-top: 1pt solid #000
}

.bwtablemarginb .bwrightsingle {
    border-right: 1pt solid #000
}

.bwtablemarginb .bwsinglebottom {
    border-bottom: 1pt solid #000
}

.bwtablemarginb .bwvertalignt {
    vertical-align: top
}

.bwtablemarginb .bwvertalignb {
    vertical-align: bottom
}

.bwtablemarginb .bwalignl {
    text-align: left
}

.bwtablemarginb .bwalignc {
    text-align: center
}

.bwtablemarginb .bwpadl0 {
    padding-left: 0
}

.bwtablemarginb .bwpadl3 {
    padding-left: .9375rem
}

.bwtablemarginb .bwpadl5 {
    padding-left: 1.5rem
}

.bwtablemarginb .bwpadr0 {
    padding-right: 0
}

.bwtablemarginb .bwnowrap {
    white-space: nowrap
}

.bwtablemarginb .bwalignr {
    text-align: right;
    list-style-position: inside
}

.bwtablemarginb .bwcellpmargin {
    margin-bottom: 0;
    margin-top: 0;
    white-space: normal
}

.bwtablemarginb .bwrowaltcolor0 {
    background-color: #cef
}

.bwtablemarginb .bwrowaltcolor1 {
    background-color: #d3d3d3
}

.comments__carousel-viafoura-container {
    padding: 1.5rem 0
}

.comments__carousel-viafoura-container .vf-trending-articles__header {
    margin-bottom: 1rem;
    padding-bottom: false !important;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #191919;
    line-height: 1.166;
    text-transform: uppercase
}

.comments__carousel-viafoura-container .vf-trending-articles__content-wrapper {
    border: 0 !important
}

@media only screen and (max-width:767px) {
    .comments__carousel-viafoura-container .vf-trending-articles-list {
        margin-top: 0 !important
    }
}

.comments__carousel-viafoura-container .vf-promo {
    padding-bottom: 0 !important
}

.comments__carousel-viafoura-container .row {
    flex-wrap: nowrap
}

.comments__carousel-viafoura-container p {
    color: #191919;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.25
}

.comments__carousel-viafoura-container .vf-content__icon {
    color: #555;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.comments__carousel-viafoura-container .vf-comment-icon {
    color: #555;
    height: 1rem;
    width: 1rem
}

.comments__section div[data-test=conversations-root-element] {
    outline: 0 !important
}

.comments__section .comments__section__list:focus {
    outline: 0
}

.comments__section .sso-btns {
    margin: 1rem 0
}

.comments__section .sso-btns .signin-button {
    top: 0;
    transform: none
}

.comments__section .sso-btns .signin-button,
.comments__section .sso-btns .signout-button {
    width: 100%
}

.comments__section .sso-btns .signin-button button,
.comments__section .sso-btns .signout-button button {
    padding-top: .5rem;
    padding-bottom: .5rem;
    width: 100%;
    color: #fff;
    background: #005a8c
}

.comments__section .sso-btns .signin-button button:active,
.comments__section .sso-btns .signin-button button:focus,
.comments__section .sso-btns .signin-button button:hover,
.comments__section .sso-btns .signout-button button:active,
.comments__section .sso-btns .signout-button button:focus,
.comments__section .sso-btns .signout-button button:hover {
    background: #002d46;
    color: #fff;
    text-decoration: none
}

.vf-client-settings-form {
    display: none
}

button.vf-loader-button.vf-client-settings-button-update-profile.vf-button.vf-no-outline.is-cta.is-accent-color.is-size-medium {
    display: none
}

.vf3-comments-fadeout {
    z-index: 6 !important
}

.conversation-starter .viafoura {
    --primary-font: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    --accent-color-light: #005a8c;
    --accent-color: #002d46;
    --accent-color-dark: #002d46;
    --text-on-accent-color: #ffffff
}

.conversation-starter .viafoura .vf-conversation-starter_text {
    text-transform: none !important
}

.conversation-starter .conversation-starter-container {
    min-height: 15rem
}

.breadcrumbs {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: #005a8c;
    line-height: 1.2188;
    text-transform: capitalize;
    text-decoration: none
}

.breadcrumbs__items {
    list-style: none;
    margin: 0;
    margin-bottom: .25rem;
    padding-left: 0
}

.breadcrumbs__items .breadcrumbs__item,
.breadcrumbs__items .breadcrumbs__item-link {
    display: inline-block
}

.breadcrumbs__item:not(:last-child)::after {
    content: "/";
    display: inline-block;
    margin: 0 1ch
}

.breadcrumbs__item-link {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.breadcrumbs__item-link,
.breadcrumbs__item-link:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: #005a8c;
    line-height: 1.2188;
    text-transform: capitalize;
    text-decoration: none
}

.breadcrumbs__item-link:active,
.breadcrumbs__item-link:focus,
.breadcrumbs__item-link:hover {
    text-decoration: underline
}

@keyframes slide-in {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

.featured-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 8;
    contain: layout style paint
}

.featured-video .player-wrapper,
.featured-video .youtube-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.featured-video__jw-strategy-title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem !important;
    font-weight: 700;
    color: #191919;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none
}

.control-center {
    display: none;
    z-index: 115;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    padding: 0 .8rem;
    background-color: #fff;
    width: 100%;
    height: 2.063rem;
    border: 1px solid #cacaca
}

.control-center .control-btn-set {
    display: flex
}

.control-center .control-heading {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: .5rem
}

.control-center .control-btn {
    border: 0;
    width: 1rem;
    height: 1rem;
    background-color: #fff
}

.control-center .control-btn:active,
.control-center .control-btn:focus,
.control-center .control-btn:hover {
    cursor: pointer
}

.control-center .control-btn svg {
    fill: none
}

.control-center .icon-max {
    stroke: none;
    stroke-width: 0
}

.control-center .icon-min {
    stroke-width: 2;
    stroke: #191919
}

.control-center .btn-close {
    margin-left: 1rem
}

@supports (-webkit-line-clamp:1) {
    .control-center .control-heading--max {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
}

@supports not (-webkit-line-clamp:1) {
    .control-center .control-heading--max {
        overflow: hidden;
        position: relative;
        line-height: 1rem;
        max-height: 1rem
    }
}

.control-center .control-heading--min {
    display: none
}

.featured-video--fixed {
    contain: style
}

.featured-video--fixed .player-wrapper::after {
    background-color: #000;
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: block
}

.featured-video--fixed .jwplayer {
    position: initial
}

.featured-video--fixed .s2nPlayer {
    top: -25px;
    position: relative
}

.featured-video--fixed .player-wrapper--minimized .jwplayer,
.featured-video--fixed .player-wrapper--minimized .s2nPlayer,
.featured-video--fixed .player-wrapper--minimized .youtube-iframe,
.featured-video--fixed .player-wrapper--minimized.player-wrapper::after {
    opacity: 0;
    display: none
}

.featured-video--fixed .player-wrapper--minimized .video-placeholder {
    display: none
}

.send-to-news {
    padding-bottom: calc(56.25% + 25px)
}

.ds_description,
.ds_dgv_label {
    display: none
}

.ds_cpp {
    margin: 0 !important
}

@media only screen and (max-width:767px) and (orientation:portrait) {
    .featured-video--fixed .video-placeholder {
        opacity: 0
    }

    .featured-video--fixed .btn-toggle-visibility {
        display: none
    }

    .featured-video--fixed .player-wrapper {
        position: fixed;
        z-index: 115;
        height: 9.736875rem;
        animation: none;
        width: 17.31rem;
        right: 1rem;
        left: auto;
        top: auto
    }

    .featured-video--fixed .player-wrapper.player-wrapper--float {
        top: auto
    }

    .featured-video--fixed .player-wrapper .control-center {
        height: 2rem;
        top: -2rem;
        padding-right: .3333333333rem
    }

    .featured-video--fixed .player-wrapper .control-btn {
        width: 1.8rem;
        height: auto
    }

    .featured-video--fixed .player-wrapper .btn-close {
        margin-left: 0;
        margin-top: .125rem
    }

    .featured-video--fixed .player-wrapper .btn-close svg {
        width: 1rem;
        height: 1rem
    }

    .featured-video--fixed .player-wrapper--minimized {
        right: 0;
        left: auto;
        top: auto;
        bottom: 1rem;
        min-height: 0
    }

    .featured-video--fixed .player-wrapper--minimized .control-heading--min {
        display: block
    }

    .featured-video--fixed .player-wrapper--minimized .btn-close,
    .featured-video--fixed .player-wrapper--minimized .control-heading--max {
        display: none
    }

    .featured-video--fixed .player-wrapper--minimized .control-center {
        width: 8.6875rem;
        height: 2.8125rem;
        right: 0;
        bottom: 1rem;
        top: auto
    }

    .featured-video--fixed .player-wrapper--minimized .btn-toggle-visibility {
        width: 8.6875rem;
        height: 2.8125rem;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: flex-end;
        background-color: transparent
    }

    .featured-video--fixed .player-wrapper--minimized .btn-toggle-visibility .icon-mobile {
        width: 1.4375rem;
        background-color: #191919;
        margin-right: .8rem;
        margin-top: .5rem
    }

    .featured-video--fixed .player-wrapper--minimized .btn-toggle-visibility .icon-max {
        stroke: #fff;
        stroke-width: 2
    }

    .featured-video--fixed .player-wrapper--minimized .btn-toggle-visibility .icon-min {
        display: none;
        stroke: none;
        stroke-width: 0
    }

    .featured-video--fixed .control-center {
        display: flex
    }

    .featured-video--fixed .control-btn-set .icon-desktop {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .icon-mobile {
        display: none
    }

    .featured-video--fixed .player-wrapper {
        position: fixed;
        z-index: 115;
        left: auto;
        top: auto;
        bottom: 1.5rem;
        right: 1.5rem;
        width: 34vw;
        height: 19.125vw;
        max-width: 25rem;
        max-height: 14.0625rem;
        animation: slide-in .5s ease-out
    }

    .featured-video--fixed .player-wrapper--minimized {
        height: 0
    }

    .featured-video--fixed .player-wrapper--minimized .icon-max {
        stroke-width: 2;
        stroke: #191919
    }

    .featured-video--fixed .player-wrapper--minimized .icon-min {
        stroke: none;
        stroke-width: 0
    }

    .featured-video--fixed .control-center {
        display: flex;
        top: -2rem
    }

    .featured-video--fixed.send-to-news .player-wrapper--minimized {
        height: 0
    }

    .featured-video--fixed.send-to-news .player-wrapper--minimized .control-center {
        top: -2rem
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    #ds_player_container {
        height: 265px !important
    }

    #ds_ad_container,
    #ds_content_frame,
    #ds_content_frame_parent {
        height: 100% !important
    }
}

@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape) {
    #ds_player_container {
        height: 363px !important
    }

    #ds_ad_container,
    #ds_content_frame,
    #ds_content_frame_parent {
        height: 100% !important
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .featured-video--fixed .player-wrapper--float {
        margin-bottom: 4.126rem
    }
}

.top-trending {
    margin: auto;
    width: auto;
    max-width: 100%
}

.top-trending .list-widget-trending .list-widget__content li {
    overflow: hidden;
    width: 18.5rem;
    margin: 1rem 0 0;
    border-bottom: 1px solid #cacaca;
    padding-right: .5rem
}

.top-trending .list-widget-trending .list-widget__content li:not(:last-child) {
    padding-bottom: .75rem
}

.top-trending .list-widget-trending .list-widget__content li:not(:last-child) .article-card {
    border-right: 1px solid #cacaca
}

.top-trending .list-widget-trending .list-widget__content li .article-card {
    padding-right: .5rem
}

.top-trending .list-widget-trending .list-widget__content li .article-card__headline {
    min-height: 3.75rem;
    font-size: .875rem;
    line-height: 1.125rem
}

.top-trending .list-widget-trending .list-widget__content li .article-card__image {
    width: 4.625rem
}

.top-trending .list-widget-trending .list-widget__content li .article-card-top-trending__label {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: #de2f27;
    line-height: 1.25;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding-top: .25rem
}

.top-trending .list-widget-trending .list-widget__content li .article-card-top-trending__label .top-trending__icon {
    padding-left: .25rem
}

.share-button__wrapper {
    position: relative
}

.share-button__wrapper a {
    cursor: pointer;
    text-decoration: none
}

.share-button__modal-close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    background-color: transparent;
    border: none
}

.share-button__modal {
    background-color: #fff;
    padding: 1.5rem;
    border: 1px solid #cacaca;
    box-shadow: 0 5px 5px 0 rgba(202, 202, 202, .8);
    text-align: left;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8
}

.share-button__modal--open {
    display: block
}

@media only screen and (max-width:767px) {
    .share-button__modal {
        height: 100vh;
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .share-button__modal {
        position: fixed;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:1024px) {
    .share-button__modal {
        left: unset;
        transform: unset;
        width: 26rem
    }
}

@media only screen and (max-width:1023px) {
    .share-button__modal {
        border: 0
    }

    .share-button__modal .share-button__modal-arrow {
        display: none
    }

    .share-button__modal::after {
        display: block;
        content: "";
        width: 200%;
        height: 100vh;
        position: fixed;
        z-index: -1;
        top: 0;
        left: -50%;
        background-color: #fff
    }
}

.share-button__modal-arrow {
    position: relative;
    display: block;
    height: .6875rem;
    width: 1.5625rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/modal-arrow.svg);
    background-position: center;
    background-size: contain
}

[data-modal-position=top] .share-button__modal-arrow {
    transform: rotate(180deg)
}

[data-modal-position=right] .share-button__modal-arrow {
    transform: rotate(-90deg)
}

[data-modal-position=left] .share-button__modal-arrow {
    transform: rotate(90deg)
}

.share-button__modal-title {
    padding: 0;
    margin: 0;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.25
}

.share-button__modal-article-title {
    margin: .5rem 0 1.5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.166
}

.share-button__modal-items {
    display: flex;
    flex-wrap: wrap
}

.share-button__modal-item {
    width: 50%;
    margin-top: .5rem
}

.share-button__modal-item .share-button__modal-item-icon,
.share-button__modal-item .share-button__modal-item-icon.copy-link__icon,
.share-button__modal-item .share-button__modal-item-img,
.share-button__modal-item svg {
    height: 2rem;
    width: 2rem
}

.share-button__modal-item .share-button__modal-item-text,
.share-button__modal-item .share-button__modal-item-text.copy-link__text {
    padding-left: 1rem
}

.share-button__modal-item--link-copied .share-button__modal-item-link {
    text-decoration: underline;
    color: #005a8c
}

.share-button__modal .share-button__modal-item-link {
    padding: .25rem .125rem;
    transition: color .3s ease-in-out
}

.share-button__modal .share-button__modal-item-link,
.share-button__modal .share-button__modal-item-link:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.25;
    text-decoration: none
}

.share-button__modal .share-button__modal-item-link:active,
.share-button__modal .share-button__modal-item-link:focus,
.share-button__modal .share-button__modal-item-link:hover {
    text-decoration: underline;
    color: #005a8c
}

.social-share.social-share--icons .social-share__link {
    color: #fff;
    text-decoration: none
}

.social-share.social-share--icons .social-share__icon,
.social-share.social-share--icons .social-share__link {
    width: 3rem;
    height: 3rem
}

.social-share--icons.social-share--small .social-share__icon,
.social-share--icons.social-share--small .social-share__link {
    width: 1.5rem;
    height: 1.5rem
}

.social-share--icons.social-share--row .social-share__item {
    display: inline-block;
    margin-right: .5rem
}

.social-share--icons.social-share--column {
    display: flex;
    flex-direction: column
}

.social-share--icons.social-share--column .social-share__item {
    margin-bottom: .5rem
}

.social-share--icons.social-share--column .button__text+.button__icon {
    padding-left: 0;
    padding-right: 0
}

.share-button:active,
.share-button:focus,
.share-button:hover {
    color: #005a8c
}

.share-button--row {
    flex-direction: row
}

.share-button--column {
    flex-direction: column
}

.share-button--column .button__icon {
    margin-bottom: .25rem
}

.header__right .share-button__wrapper--text {
    display: flex;
    align-items: center
}

.header__right .share-button__wrapper--text .share-button {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    color: #191919
}

.header__right .share-button__wrapper--text .share-button.share-button--visible {
    opacity: 1;
    visibility: visible
}

.header__right .share-button__wrapper--text .share-button:active,
.header__right .share-button__wrapper--text .share-button:focus,
.header__right .share-button__wrapper--text .share-button:hover {
    color: #191919
}

.header__right .share-button__wrapper--text .share-button__modal {
    z-index: 99
}

.copy-link {
    cursor: pointer;
    display: inline-flex;
    text-decoration: none
}

.copy-link .copy-link__text {
    transition: color .3s ease-in-out;
    padding-left: .5rem
}

.copy-link .copy-link__icon {
    position: relative;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.copy-link .copy-link__icon svg,
.copy-link .copy-link__icon>span {
    height: inherit;
    width: inherit;
    display: block;
    position: absolute;
    top: 0
}

.copy-link .copy-link__icon .copy {
    visibility: visible;
    opacity: 1
}

.copy-link .copy-link__icon .copied {
    visibility: hidden;
    opacity: 0
}

.copy-link--copied .copy-link__icon .copy {
    visibility: hidden;
    opacity: 0
}

.copy-link--copied .copy-link__icon .copied {
    visibility: visible;
    opacity: 1
}

.copy-link--copied .copy-link__text {
    color: #005a8c;
    text-decoration: underline
}

.author-info {
    background-color: #eee;
    margin-top: 1rem
}

.author-info .author-info__photo {
    border-radius: 50%;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto
}

.author-info .author-info__name {
    font-size: .9375rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem
}

@media only screen and (max-width:767px) {
    .author-info .author-info__name {
        margin-bottom: .5rem
    }
}

.author-info .author-info__biography {
    margin-top: 2rem;
    font-size: 1rem;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.author-info .author-info__biography * {
    display: inline
}

.author-info .author-info__biography h3::after,
.author-info .author-info__biography h4::after,
.author-info .author-info__biography h5::after,
.author-info .author-info__biography h6::after,
.author-info .author-info__biography p::after {
    content: " \a";
    white-space: pre
}

.author-info .author-info__biography p {
    margin-bottom: .5rem
}

.author-info .author-info__biography h1 {
    margin-bottom: 1.5rem
}

.author-info .author-info__biography h2 {
    margin-bottom: 1rem
}

.author-info .author-info__biography h3,
.author-info .author-info__biography h4,
.author-info .author-info__biography h5,
.author-info .author-info__biography h6 {
    margin-bottom: .5rem
}

@media only screen and (max-width:767px) {
    .author-info .author-info__biography {
        margin-top: 1rem
    }
}

.author-info .author-info__slug {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 2rem;
    margin-top: .625rem
}

@media only screen and (max-width:767px) {
    .author-info .author-info__slug {
        margin-left: auto;
        margin-right: auto
    }
}

.article-content__content-group .author-info__biography h1,
.article-content__content-group .author-info__biography h2,
.article-content__content-group .author-info__biography h3,
.article-content__content-group .author-info__biography h4,
.article-content__content-group .author-info__biography h5,
.article-content__content-group .author-info__biography h6,
.article-content__content-group .author-info__biography p {
    margin-top: 0
}

.my-topics {
    margin-bottom: 2rem
}

@media only screen and (max-width:767px) {
    .my-topics {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .my-topics>div {
        padding-left: 0;
        padding-right: 0
    }
}

.my-topics .my-topics-no-recommendations {
    text-align: center;
    font-weight: 700;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin-top: 1.125rem
}

.my-topics .my-topics-section-title {
    font-size: 1.5rem;
    color: #005a8c;
    text-transform: uppercase;
    margin-bottom: 1rem
}

@media only screen and (max-width:767px) {
    .my-topics .my-topics-section-title {
        margin-left: 1rem
    }
}

.my-topics .my-topics-content-wrapper {
    padding: 0 .75rem
}

@media only screen and (max-width:1023px) {
    .my-topics .my-topics-content-wrapper {
        padding: 0
    }
}

.my-topics .my-topics-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.my-topics .my-topics-navigation .my-topics-title {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase
}

.my-topics .my-topics-navigation .my-topics-manage-topics-link {
    color: #005a8c;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    text-decoration: none;
    display: inline-flex
}

.my-topics .my-topics-navigation .my-topics-manage-topics-link svg {
    margin-right: .5rem
}

.my-topics .my-topics-content {
    background-color: #cce4f2
}

@media only screen and (max-width:767px) {
    .my-topics .my-topics-content {
        padding: 1rem
    }
}

@media only screen and (min-width:768px) {
    .my-topics .my-topics-content {
        padding: 1.5rem
    }
}

.my-topics .my-topics-content .my-topics-description {
    margin-top: .5rem
}

.my-topics .my-topics-content .my-topics-topic-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    gap: 1rem .5rem;
    margin-bottom: 0
}

.my-topics .my-topics-content .my-topics-topic-list .my-topics-topic {
    padding: .375rem 1rem;
    background: #fff;
    border-radius: .25rem
}

@media only screen and (max-width:1023px) {
    .my-topics .my-topics-content .my-topics-topic-list .my-topics-topic {
        border: 1px solid #555
    }
}

.my-topics .my-topics-content .my-topics-topic-list .my-topics-topic-popover {
    color: #000
}

.my-topics .my-topics-content .my-topics-topic-list .my-topics-topic-popover .my-topics-topic-popover-actions {
    margin-top: 1rem
}

.my-topics .my-topics-content .my-topics-topic-list .my-topics-topic-popover .my-topics-topic-popover-actions a {
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .my-topics .my-topics-content .my-topics-topic-list .my-topics-topic-popover .my-topics-topic-popover-actions a {
        display: block
    }
}

.my-topics .my-topics-recommendation {
    padding-bottom: 1.5625rem;
    padding-top: 1rem;
    border-bottom: 1px solid #aaa;
    font-size: .8125rem
}

.my-topics .my-topics-recommendation:last-child {
    border-bottom: 0
}

.my-topics .my-topics-recommendation .article-card__headline {
    margin-top: .5rem
}

.my-topics .my-topics-recommendation .article-card__excerpt {
    color: #191919
}

.my-topics .my-topics-recommendation .my-topics-recommendation-metadata {
    fill: #555;
    color: #555
}

.my-topics .my-topics-recommendation .my-topics-recommendation-category {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem
}

.my-topics .my-topics-recommendation .my-topics-recommendation-sponsorship {
    font-size: .8125rem;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    margin-top: .5rem
}

.my-topics .my-topics-recommendation .my-topics-recommendation-sponsorship a {
    text-decoration: none
}

.my-topics .my-topics-recommendation .my-topics-recommendation-sponsorship .my-topics-recommendation-sponsorship-icon {
    fill: #191919
}

.my-topics .my-topics-recommendation .my-topics-recommendation-sponsorship.my-topics-recommendation-sponsorship--link .my-topics-recommendation-sponsorship-name {
    color: #005a8c
}

.my-topics .my-topics-recommendation .my-topics-recommendation-video {
    font-size: .8125rem;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    margin-top: .5rem
}

.my-topics .my-topics-recommendation .article-card__time {
    margin-top: .5rem
}

@supports (-webkit-line-clamp:3) {
    .my-topics .my-topics-recommendation .article-card__headline-clamp {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}

@supports not (-webkit-line-clamp:3) {
    .my-topics .my-topics-recommendation .article-card__headline-clamp {
        overflow: hidden;
        position: relative;
        line-height: 1.25;
        max-height: 3.75em
    }
}

@media only screen and (min-width:1200px) {
    @supports (-webkit-line-clamp:2) {
        .my-topics .my-topics-recommendation .article-card__headline-clamp {
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2
        }
    }

    @supports not (-webkit-line-clamp:2) {
        .my-topics .my-topics-recommendation .article-card__headline-clamp {
            overflow: hidden;
            position: relative;
            line-height: 1.25;
            max-height: 2.5em
        }
    }
}

.my-topics .my-topics__carousel {
    height: 8rem
}

.my-topics .my-topics__carousel .my-topics__carousel__element {
    width: 18.75rem;
    border-right: 1px solid #000;
    padding: 0 1rem
}

.my-topics .my-topics__carousel .my-topics__carousel__element:last-child {
    border-right: 0;
    padding-right: 0
}

.my-topics .my-topics__carousel .my-topics__carousel__element:first-child {
    padding-left: 0
}

.my-topics.my-topics__variant-story .article-card__headline {
    font-size: 1rem !important
}

.my-topics.my-topics__variant-story .my-topics-recommendation-category {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    margin-top: 0;
    font-size: 1rem
}

@supports (-webkit-line-clamp:3) {
    .my-topics.my-topics__variant-story .article-card__headline-clamp {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}

@supports not (-webkit-line-clamp:3) {
    .my-topics.my-topics__variant-story .article-card__headline-clamp {
        overflow: hidden;
        position: relative;
        line-height: 1.25;
        max-height: 3.75em
    }
}

.article-comment {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.article-comment .comment__section-message {
    margin-bottom: 1.5rem;
    background: linear-gradient(180deg, rgba(224, 229, 246, .3) 0, #e0e5f6 100%)
}

.article-comment .comment__section-message .section-message__summary {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    color: #191919;
    line-height: 1.5;
    text-align: center;
    padding: 1.5rem 2rem 7.5rem
}

.article-comment .comment__section-message .section-message__cta-box {
    display: flex;
    background-color: #fff;
    margin: -2.5rem auto 0
}

.article-comment .cta-box__buttons {
    display: flex;
    gap: .625rem;
    flex-direction: column-reverse;
    align-items: center;
    margin: -3.75rem auto 0;
    box-shadow: 0 1px 4px 1px rgba(85, 85, 85, .25);
    background-color: #fff;
    border: 1px solid #d0d0d0;
    padding: 1rem
}

.article-comment .cta-box__buttons a {
    width: 15rem
}

.article-comment .comments__section-disclaimer {
    margin-bottom: 1.5rem;
    font-size: inherit;
    line-height: inherit
}

.article-comment .expansion-panel__summary {
    background: #eee;
    padding: .5rem 1rem
}

.article-comment .expansion-panel__summary-label {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.25;
    text-transform: uppercase
}

.article-comment .expansion-panel__summary-label::after {
    margin-left: auto
}

.article-comment .expansion-panel__body {
    padding-top: .75rem
}

.article-comment .article-card__comment-icon {
    fill: currentColor;
    margin-right: .75rem;
    height: 1rem
}

@media only screen and (max-width:767px) {
    .article-comment .comment__section-message {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:768px) {
    .article-comment .comment__section-message .section-message__summary {
        padding: 1.5rem 1.5rem 3.5rem
    }

    .article-comment .comment__section-message .section-message__cta-box {
        margin: auto
    }

    .article-comment .cta-box__buttons {
        flex-direction: row;
        margin: -2.5rem auto 0
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .article-comment .cta-box__buttons a {
        width: 13.126rem
    }
}

.embed-responsive {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.embed-height {
    position: relative;
    width: 100%
}

.embed-height iframe {
    position: relative;
    width: 100%;
    min-height: var(--height)
}

.direct-embed-video {
    width: 100%
}

.video-fallback,
.video-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.video-fallback {
    display: none;
    z-index: 2;
    flex-direction: column;
    height: 100%;
    text-align: center;
    padding: 1.5rem 1rem;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: .875rem;
    line-height: 1.285
}

.video-fallback-line-1 {
    margin-bottom: 1rem
}

.gallery-block {
    margin-bottom: 1rem;
    width: 100%
}

.gallery-block .gallery__slide-container {
    height: inherit;
    max-height: inherit
}

.gallery-block .gallery {
    position: relative;
    background: #000;
    margin-bottom: 1rem;
    height: 100vh;
    max-height: 75vh;
    transition: max-height .2s ease-in-out, opacity .7s ease-in-out
}

.gallery-block .gallery--fullscreen-open {
    max-height: 100vh
}

.gallery-block .gallery .gallery__button {
    position: absolute;
    z-index: 2;
    display: block;
    height: 2rem;
    width: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.gallery-block .gallery .gallery__button--toggle-fullscreen {
    background-color: rgba(0, 0, 0, .85);
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-fullscreen-white.svg);
    top: .25rem;
    right: 1rem
}

.gallery-block .gallery .gallery__button--prev {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-left-white-shadow.svg);
    left: 1rem
}

.gallery-block .gallery .gallery__button--next {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-right-white-shadow.svg);
    right: 1rem
}

.gallery-block .gallery .gallery__button--toggle-caption {
    background-color: rgba(0, 0, 0, .85);
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-info-white.svg);
    background-size: 60%;
    bottom: .25rem;
    left: 1rem
}

@media only screen and (min-width:1200px) {
    .gallery-block .gallery .gallery__button--toggle-caption {
        bottom: 1rem
    }
}

.gallery-block .gallery--light {
    background: #fff
}

.gallery-block .gallery--light .gallery__button--toggle-caption {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-info-black.svg);
    background-color: #fff
}

.gallery-block .gallery--light .gallery__button--toggle-caption.gallery__button--caption-open {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-close-black.svg);
    background-color: #fff
}

.gallery-block .gallery--light .gallery__button--toggle-fullscreen {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-fullscreen-black.svg);
    background-color: #fff
}

.gallery-block .gallery--light .gallery__button--toggle-fullscreen.gallery__button--fullscreen-open {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-fullscreen-exit-black.svg);
    background-color: #fff
}

.gallery-block .gallery__button--toggle-caption.gallery__button--caption-open {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-close-white.svg)
}

.gallery-block .gallery__button--toggle-fullscreen.gallery__button--fullscreen-open {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-fullscreen-exit-white.svg)
}

.gallery-block .gallery__figure,
.gallery-block .gallery__picture {
    height: 100%;
    width: 100%
}

.gallery-block .gallery__figure {
    position: relative;
    overflow: hidden;
    padding: 1rem
}

.gallery-block .gallery__picture {
    position: relative
}

.gallery-block .gallery__picture .gallery__image {
    height: 100%;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 95%
}

.gallery-block .gallery__caption {
    background-color: rgba(0, 0, 0, .85);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 3rem;
    right: 2rem;
    margin: 0;
    padding: .5rem;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .2s ease-in-out, opacity .7s ease-in-out;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.2188
}

.gallery-block .gallery__caption a,
.gallery-block .gallery__caption a:active,
.gallery-block .gallery__caption a:focus,
.gallery-block .gallery__caption a:hover,
.gallery-block .gallery__caption a:visited {
    color: #fff
}

.gallery-block .gallery.gallery--caption-visible .gallery__caption {
    opacity: 1;
    max-height: 90%
}

.gallery-block .gallery__footer {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.285
}

.gallery-block .gallery__footer p {
    margin: 0
}

.gallery-block .gallery__footer .gallery__button {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.285
}

.gallery-block .gallery__footer .gallery__button .gallery__button-icon {
    padding-right: 1ex
}

.gallery-block .gallery__thumbnail-list {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem
}

@media only screen and (min-width:1024px) {
    .gallery-block .gallery__thumbnail-list {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .gallery-block .gallery__thumbnail-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.gallery-block .gallery__thumbnail-item {
    display: block;
    position: relative
}

.gallery-block .gallery__thumbnail-item::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%
}

.gallery-block .gallery__thumbnail-item img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gallery-block .gallery__thumbnail-item img {
    height: 100%;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery-block .gallery__thumbnail-item .carousel__pagination-list-button {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gallery-block .gallery__thumbnail-item .carousel__pagination-item--active {
    opacity: 1;
    border: .25rem solid #005a8c
}

.gallery-block .gallery__fullscreen-error .modal {
    width: 21.875rem;
    max-width: 100%;
    height: 18.5rem;
    min-height: 18.5rem
}

.gallery-block .gallery__fullscreen-error .modal__title {
    font-size: .75rem;
    color: #aaa;
    margin-bottom: -1rem;
    left: -1rem;
    position: relative;
    top: -2rem
}

.gallery-block .gallery__fullscreen-error .button {
    margin-top: 3.25rem
}

.gallery-block .gallery__fullscreen-error .modal__sad-face-icon {
    width: 3.75rem;
    height: 3.75rem
}

.embedded-gallery .gallery-block .gallery {
    max-height: 60vh
}

.featured-gallery .gallery-block .gallery {
    max-height: 60vh
}

@media only screen and (min-width:768px) {
    .article-content-story--feature .gallery__slide-container {
        height: initial
    }

    .article-content-story--feature .embedded-gallery .gallery-block .gallery {
        max-height: 50vh
    }
}

.callout {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: .3125rem
}

.callout--background {
    background: #cce4f2
}

.callout--noindent {
    padding-left: 0
}

@media only screen and (min-width:1024px) {
    .callout--noindent {
        padding-right: 10rem
    }
}

.callout--noindent .callout__icon {
    padding-right: 1rem
}

.callout .button {
    margin-left: 1rem;
    max-height: 2.5rem;
    min-width: 7.25rem
}

.callout .callout__text {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166;
    text-decoration: none
}

.more-topic {
    margin: 1.5rem 0 .5rem;
    position: relative
}

.more-topic .more-topic__title {
    margin-bottom: 1rem
}

.more-topic .more-topic__items {
    height: 7rem
}

.more-topic .more-topic__item {
    background: #002d46;
    height: 6rem;
    width: 100%;
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .more-topic .more-topic__item {
        width: calc(50% - .75rem)
    }

    .more-topic .more-topic__item:not(:last-child) {
        margin-right: 1.5rem
    }
}

.more-topic .more-topic__item a {
    border: 0
}

.more-topic .more-topic__item a,
.more-topic .more-topic__item a:visited {
    color: #fff;
    text-decoration: none
}

.more-topic .more-topic__item a:active,
.more-topic .more-topic__item a:focus,
.more-topic .more-topic__item a:hover {
    color: #fff;
    text-decoration: underline
}

.more-topic .more-topic__item a:not(.more-topic__item--no-image) {
    display: grid;
    grid-template-columns: 6rem 1fr;
    grid-template-rows: auto
}

.more-topic .more-topic__item:focus-within {
    color: #fff;
    text-decoration: underline
}

.more-topic .more-topic__item-image img {
    height: 6rem;
    width: 6rem;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover
}

.more-topic .more-topic__item--no-image {
    display: inline-block
}

.more-topic .more-topic__item--no-image .more-topic__item-text {
    padding-left: 1.5rem
}

.more-topic .more-topic__item-text {
    height: 6rem;
    padding: .5rem;
    padding-right: 1.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    text-decoration: inherit
}

@supports (-webkit-line-clamp:4) {
    .more-topic .more-topic__item-text .more-topic__item-text-clamp {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
}

@supports not (-webkit-line-clamp:4) {
    .more-topic .more-topic__item-text .more-topic__item-text-clamp {
        overflow: hidden;
        position: relative;
        line-height: 1.25;
        max-height: 5em
    }
}

.more-topic .more-topic__button-next[data-carousel-next],
.more-topic .more-topic__button-prev[data-carousel-prev] {
    height: 7rem;
    top: 2.25rem
}

.local-journalism-widget {
    border: 1px solid #cacaca;
    padding: 1rem;
    display: flex;
    align-items: center
}

.find-card,
.find-card__action,
.find-card__action-remove .find-card__action-add,
.find-card__brand,
.find-card__explore,
.find-card__footer,
.find-card__model,
.find-card__year-brand-model {
    display: flex
}

.find-card {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    flex-direction: column;
    justify-content: space-between;
    min-height: 10.06rem;
    border-radius: .25rem;
    border: 1px solid #cacaca;
    position: relative;
    margin-bottom: .75rem;
    padding-bottom: .025rem;
    transition: background-color .1s ease-in-out, border-color .1s ease-in
}

.find-card::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity .1s ease-in-out;
    box-shadow: 0 2px 6px rgba(202, 202, 202, .8)
}

.find-card:focus-within,
.find-card:hover {
    color: inherit;
    background-color: rgb(252.79, 245.77, 216.61)
}

.find-card:focus-within::before,
.find-card:hover::before {
    opacity: 1
}

.find-card.find-card--added {
    border-color: #000
}

.find-card.find-card--added::before {
    opacity: 1
}

.find-card.find-card--added::after {
    content: "";
    display: block;
    height: 1.5625rem;
    width: 1.5625rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-circle-checkmark.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -.78125rem;
    right: -.78125rem
}

.find-card__img {
    padding-top: .75rem;
    padding-bottom: .75rem;
    width: 7.5rem
}

.find-card .find-card__explore {
    font-size: .875rem;
    color: #2a2d62;
    text-decoration: none
}

.find-card .find-card__explore:focus,
.find-card .find-card__explore:hover {
    text-decoration: underline
}

.find-card .find-card__explore::before {
    content: "";
    margin-right: .5rem;
    display: inline-flex;
    height: 1.125rem;
    width: 1.125rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-circle-eye.svg);
    background-position: center;
    background-size: contain
}

.find-card .find-card__pick {
    display: inherit;
    position: absolute;
    max-width: 3.7878787879rem;
    left: 0;
    top: 0;
    padding-left: .25rem;
    padding-top: .25rem;
    z-index: 1;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.33;
    text-transform: uppercase
}

.find-card .find-card__pick::before {
    position: absolute;
    content: "";
    left: -.025rem;
    top: -.025rem;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 50% 50%, 0 100%);
    background-color: #2a2d62;
    border-top-left-radius: .25rem;
    height: 3.90625rem;
    width: 5.6818181818rem
}

.find-card .find-card__sponsored {
    display: inline-flex;
    position: absolute;
    z-index: 1;
    top: .5rem;
    left: .5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.33;
    text-transform: uppercase
}

.find-card .find-card__footer {
    border-top: 1px solid #cacaca;
    height: 2.55rem;
    align-items: stretch;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    background-color: #fff
}

.find-card .find-card__footer .button {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.find-card .find-card__msrp-price,
.find-card .find-card__msrp-title {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif
}

.find-card .find-card__msrp-title {
    font-size: .6875rem;
    color: #555;
    line-height: 1.45
}

.find-card .find-card__model {
    font-weight: 700
}

.find-card .find-card__model-type {
    font-size: 1.25rem
}

.find-card .find-card__trim {
    font-weight: 400;
    font-size: 1.125rem;
    color: #666;
    margin-top: .375rem
}

.find-card__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "img title" "img content1" "explore content2";
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    text-decoration: none;
    padding: .75rem;
    position: relative
}

.find-card__content:active,
.find-card__content:focus,
.find-card__content:hover {
    color: inherit
}

.find-card__content .find-card__img {
    grid-area: img;
    justify-self: center
}

.find-card__content .find-card__title {
    grid-area: title
}

.find-card__content .find-card__content1 {
    grid-area: content1
}

.find-card__content .find-card__content2 {
    grid-area: content2;
    min-height: 40px
}

.find-card__content .find-card__explore {
    grid-area: explore;
    align-self: center;
    justify-self: center
}

.find-card--square {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    flex-direction: column;
    justify-content: space-between;
    min-height: 10.06rem;
    border: 3px solid #fff;
    border-radius: .5rem;
    position: relative;
    padding: 1rem 0;
    margin-bottom: 1.5rem
}

.find-card--square::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.find-card--square:focus-within,
.find-card--square:hover {
    color: inherit;
    border: 3px solid #e6f0ff
}

.find-card--square:focus-within::before,
.find-card--square:hover::before {
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

.find-card--square.find-card--added {
    border: 3px solid #f3c6b3
}

.find-card--square.find-card--added::before {
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

.find-card--square.find-card--added::after {
    content: "";
    display: block;
    height: 1.5625rem;
    width: 1.5625rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-circle-checkmark-inverted.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    top: .5rem;
    right: .5rem
}

.find-card--square .find-card__img {
    padding-top: .75rem;
    padding-bottom: 0;
    width: 7.5rem
}

.find-card--square .find-card__pick {
    display: inherit;
    position: absolute;
    top: -1.875rem;
    z-index: 1;
    background-color: #2a2d62;
    border-radius: 1rem;
    padding: .25rem .5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.33;
    text-transform: uppercase
}

.find-card--square .find-card__sponsored {
    display: inherit;
    position: absolute;
    top: -1.875rem;
    z-index: 1;
    background-color: #000;
    border-radius: 1rem;
    padding: .25rem .8125rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.33;
    text-transform: uppercase
}

.find-card--square .find-card__footer {
    display: flex;
    height: 2rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    margin-right: .5rem;
    margin-top: 1rem
}

.find-card--square .find-card__footer button {
    height: 2rem;
    min-height: 2rem
}

.find-card--square .find-card__footer>* {
    flex: 1
}

.find-card--square .find-card__action-add {
    color: #005a8c
}

.find-card--square .find-card__action-add,
.find-card--square .find-card__action-remove {
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
    font-size: .875rem;
    border: none;
    background-color: #fff
}

.find-card--square .find-card__msrp-price,
.find-card--square .find-card__msrp-title {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem
}

.find-card--square .find-card__msrp-title {
    font-size: .6875rem;
    color: #555;
    line-height: 1.45
}

.find-card--square .find-card__model {
    font-weight: 700
}

.find-card--square .find-card__model-type {
    font-size: 1.25rem
}

.find-card--square .find-card__trim {
    font-weight: 700;
    font-size: 1.125rem;
    color: #005a8c;
    margin-bottom: .5rem;
    text-align: center
}

.find-card__content--square {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    position: relative
}

.find-card__content--square:active,
.find-card__content--square:focus,
.find-card__content--square:hover {
    color: inherit
}

.find-card__content--square .find-card__title {
    align-self: center;
    display: flex;
    flex-direction: row;
    gap: .1875rem;
    align-items: center
}

.find-card__content--square .rating-circular {
    position: absolute;
    top: 2rem;
    margin-left: -1.5rem;
    z-index: -1
}

.find-card__content--square .find-card__img {
    justify-self: center;
    align-self: center;
    width: 16rem
}

.find-card__content--square .trim-selector__modal-image--default {
    width: 100%
}

.identity-intro {
    padding-top: .5rem
}

@media only screen and (min-width:1024px) {
    .identity-intro {
        padding-top: 1.5rem;
        background: 0 0;
        align-items: center
    }
}

.identity-intro h1 {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166;
    padding-bottom: 1rem
}

@media only screen and (min-width:1024px) {
    .identity-intro h1 {
        padding-bottom: 0;
        font-size: 2rem;
        line-height: 1.125;
        margin-bottom: 1.5rem;
        text-align: center
    }
}

.identity-intro h2 {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166;
    margin-bottom: .5rem
}

.identity-intro p {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.2;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .identity-intro__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 25rem
    }
}

.market-logo {
    width: 10.625rem;
    margin: .75rem 0 2rem
}

@media only screen and (min-width:1024px) {
    .market-logo {
        width: 17.5rem;
        margin-top: 0
    }
}

.identity-passwordless-error-screen {
    padding-top: .5rem;
    padding-bottom: 1rem
}

@media only screen and (min-width:1024px) {
    .identity-passwordless-error-screen {
        padding-top: 1.5rem;
        height: 100vh
    }
}

.identity-passwordless-error-screen .identity-passwordless-error-screen__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center
}

@media only screen and (min-width:1024px) {
    .identity-passwordless-error-screen .identity-passwordless-error-screen__button-wrapper {
        width: 25rem
    }
}

.identity-passwordless-error-screen h1 {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:1024px) {
    .identity-passwordless-error-screen h1 {
        font-size: 2rem;
        line-height: 1.125
    }
}

.identity-passwordless-error-screen p {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 1.5rem
}

.identity-screen {
    flex-direction: column
}

.identity-screen h2.blocker-title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166;
    margin-bottom: 1.5rem
}

.identity-screen h2 {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.2;
    margin-bottom: 1.5rem
}

.identity-screen p {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.25;
    margin-bottom: 1rem
}

.identity-screen .text-center {
    text-align: center
}

.identity-screen .identity-subtitle {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.25;
    margin-bottom: 0
}

.identity-screen .form-container__field {
    margin-bottom: 1.5rem
}

.identity-screen .form__label {
    font-weight: 700
}

.identity-screen .form__label--checkbox {
    display: flex;
    align-items: flex-start;
    font-size: .8125rem;
    line-height: 1.2188
}

.identity-screen .form__label--checkbox input[type=checkbox] {
    min-height: auto;
    margin-top: .125rem
}

.identity-screen .identity-mice-type {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.33;
    margin-top: 1rem
}

.identity-screen .identity-form__message--error {
    margin-top: 1.5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: #d2232a;
    line-height: 1.2188
}

.identity-screen .identity-form__message--error ul {
    padding: 0;
    margin: 0
}

.identity-screen .identity-form__message--error li {
    display: flex;
    line-height: 1.166
}

.identity-screen .identity-form__message--error li::before {
    content: "";
    padding-right: 2rem;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-error-alert.svg);
    background-position: 0 0;
    background-size: contain
}

.identity-screen .identity-screen-intro {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.285;
    margin-bottom: 1.5rem
}

.identity-screen .resend-activation-email__message--success {
    display: flex;
    align-items: center;
    font-size: .8125rem;
    line-height: 1.2188;
    padding-top: .5rem;
    margin-bottom: 1.5rem
}

.identity-screen .resend-activation-email__message--success::before {
    content: "";
    margin-right: .25rem;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-success-checkmark.svg);
    background-position: 0 0;
    background-size: contain
}

.identity-screen__content {
    max-width: 100%
}

@media only screen and (min-width:1024px) {
    .identity-screen__content {
        width: 25rem
    }
}

.identity-divider {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: .875rem;
    line-height: 1.285
}

.identity-divider__line {
    background-color: #cacaca;
    width: 100%;
    height: .0625rem
}

.identity-divider__text {
    padding: 0 1rem;
    white-space: nowrap
}

.identity__link-container {
    justify-content: space-between;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.285
}

.identity-screen-success--active .identity-screen-error,
.identity-screen-success--active .identity-screen-form,
.identity-screen-success--active .identity-screen-validating-email {
    display: none
}

.identity-screen-success--active .identity-screen-success {
    display: block
}

.identity-screen-error--active .identity-screen-form,
.identity-screen-error--active .identity-screen-success,
.identity-screen-error--active .identity-screen-validating-email {
    display: none
}

.identity-screen-error--active .identity-screen-error {
    display: block
}

.identity-screen__email-validation-success {
    display: none
}

.identity-screen__email-validation-success--active .identity-screen__email-validation {
    display: none
}

.identity-screen__email-validation-success--active .identity-screen__email-validation-success {
    display: block
}

.loginradius-submit {
    margin-top: 1.5rem
}

.loginradius-submit.loading {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/identity/spinner.gif);
    background-size: 1.5625rem 1.5625rem;
    background-repeat: no-repeat;
    background-position: 70%;
    transition: background-image 0s
}

@media only screen and (min-width:1024px) {
    .loginradius-submit {
        margin-top: 1rem
    }
}

.identity-footer {
    margin: 2rem 0 1rem
}

.identity-footer .copyright__brand-logo {
    float: unset;
    display: block;
    height: auto;
    padding-bottom: .25rem
}

.identity-footer svg {
    fill: #191919
}

.identity-footer p {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.33;
    margin-bottom: .25rem
}

.identity-footer__links {
    display: flex;
    margin-bottom: .5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.33
}

.identity-footer__links li {
    margin-right: 1rem
}

.identity-screen-error,
.identity-screen-form,
.identity-screen-success {
    display: none
}

.identity-screen-form--active .identity-screen-form {
    display: block
}

.content-loginradius-confirmpassword input,
.content-loginradius-password input {
    padding-right: 4rem
}

.show-password-button-container {
    display: flex;
    justify-content: flex-end;
    position: relative;
    bottom: 2.313rem;
    height: 0
}

.show-password-button {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.285;
    text-transform: uppercase;
    width: 4rem;
    height: 2.313rem;
    min-height: 2.313rem;
    display: flex;
    align-items: center;
    padding: 0 1rem
}

.auth-input-edit-button-container {
    display: flex;
    justify-content: flex-end;
    position: relative;
    bottom: 2.313rem;
    height: 0
}

.auth-input-edit-button {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #767676;
    line-height: 1.285;
    text-transform: uppercase;
    width: 4rem;
    height: 2.313rem;
    min-height: 2.313rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 1rem
}

.identity-social-login {
    margin-top: 1.5rem
}

.button__social-login {
    border: .0625rem solid #cacaca;
    box-shadow: 0 .0625rem .0625rem 0 #cacaca;
    background: #fff;
    margin-bottom: 1rem;
    width: 100%
}

.button__social-login .button__icon {
    margin-right: 1rem;
    display: block;
    height: 2.375rem;
    width: 2.375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.button__social-login .button__text {
    width: 11rem;
    text-align: left
}

.button__social-login .button__icon--facebook {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/social-network-icons/icon-facebook.svg)
}

.button__social-login .button__icon--google {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/social-network-icons/icon-google.svg)
}

.button__social-login .button__icon--apple {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/social-network-icons/icon-apple.svg)
}

.button__social-login .button__icon--live {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/social-network-icons/icon-microsoft.svg)
}

.button__social-login.button--active,
.button__social-login:active,
.button__social-login:disabled {
    background-color: #eee
}

.button__social-login:disabled {
    box-shadow: none
}

.button__social-login:disabled .button__icon--facebook {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/social-network-icons/icon-facebook-disabled.svg)
}

.button__social-login:disabled .button__icon--google {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/social-network-icons/icon-google-disabled.svg)
}

.button__social-login--icon-left-aligned {
    margin-bottom: .5rem;
    height: 2.75rem
}

.button__social-login--icon-left-aligned .button__text {
    width: auto
}

.button__social-login--icon-left-aligned .button__icon {
    position: absolute;
    left: .5rem;
    margin-right: 0
}

.button__passwordless-login {
    border: .0625rem solid #cacaca;
    box-shadow: 0 .0625rem .0625rem 0 #cacaca;
    background: #fff;
    margin-bottom: .75rem;
    height: 2.75rem
}

.button__passwordless-login .button__icon {
    margin-right: 1rem;
    display: block;
    height: 1.5625rem;
    width: 1.5625rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.button__passwordless-login .button__icon--email {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-email.svg)
}

.button__passwordless-login .feature-badge {
    position: absolute;
    right: 1rem
}

.button__passwordless-login:active,
.button__passwordless-login:focus,
.button__passwordless-login:hover {
    color: #191919
}

.identity-loader {
    width: 5rem;
    height: 5rem;
    display: block;
    margin: 10% auto;
    border-radius: 50%;
    border: .6666666667rem solid #fff;
    border-top: .6666666667rem solid #555;
    animation: identity-loader-spin 2s linear infinite
}

@keyframes identity-loader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.identity-screen-error--active .identity-screen .identity-screen__loader,
.identity-screen-form--active .identity-screen .identity-screen__loader,
.identity-screen-success--active .identity-screen .identity-screen__loader {
    display: none
}

.identity-loading-screen {
    height: 100vh
}

.identity-loading-screen p {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.25;
    margin-bottom: 1rem
}

.identity-screen-form--bg-white {
    background-color: #fff;
    padding: 1.5rem 2.125rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.content-loginradius-firstname {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: .5rem
}

.content-loginradius-lastname {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: .5rem
}

.button__back-to-site {
    margin-top: 1.5rem
}

.feature-badge {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.33;
    text-transform: uppercase;
    background-color: #d2232a;
    padding: 0 .375rem;
    border-radius: .625rem
}

.identity-page {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: absolute;
    width: 100%;
    height: 100%
}

.identity-page .identity-screen__content {
    margin-bottom: 2rem
}

.identity-page .identity-footer-bar {
    margin-top: auto
}

.identity-footer-bar {
    display: flex;
    justify-content: center;
    padding: .75rem 0;
    border-top: .0625rem solid #cacaca
}

.identity-footer-bar .identity-footer__links {
    margin-bottom: 0
}

.identity-footer-bar .identity__link {
    color: #767676;
    text-decoration: none
}

.identity-footer-bar .identity__link:active,
.identity-footer-bar .identity__link:focus,
.identity-footer-bar .identity__link:hover {
    color: #767676
}

.identity-footer-bar .identity__link:active,
.identity-footer-bar .identity__link:focus,
.identity-footer-bar .identity__link:hover {
    text-decoration: underline
}

.identity-screen-social-form--active .identity-screen-form>:not(#social-login-container) {
    display: none
}

.subscribe-onboarding__title {
    text-align: center;
    margin: 1.5rem 0 .75rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166
}

.subscribe-onboarding__image {
    margin-bottom: 1.26rem
}

.subscribe-onboarding__description {
    text-align: center;
    margin-bottom: 2rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.25
}

.subscribe-onboarding__disclaimer {
    text-align: center;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #767676;
    line-height: 1.33
}

.subscribe-onboarding__button {
    width: 12.5rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.25
}

.identity-steps-taken {
    margin-bottom: .75rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.285
}

.identity-progress-bar {
    display: flex;
    flex-wrap: nowrap;
    height: .75rem
}

.identity-progress-bar .completed {
    background-color: #005a8c
}

.identity-progress-bar span {
    width: 100%;
    background-color: #eaeaea
}

.identity-progress-bar span:first-child {
    border-radius: .625rem 0 0 .625rem
}

.identity-progress-bar span:last-child {
    border-radius: 0 .625rem .625rem 0
}

.follow-author-list {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .follow-author-list {
        flex-direction: row;
        width: auto
    }
}

.follow-author__card {
    border: 1px solid #f1f1f1;
    box-shadow: 0 .25rem .9375rem 0 #cacaca;
    padding: .875rem 1.5rem;
    display: flex;
    justify-content: space-between;
    height: 6.75rem
}

.follow-author__content {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

.follow-author__image {
    margin-right: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.follow-author__name {
    font-size: 1.25rem;
    line-height: 1.2;
    display: block
}

.follow-author__checkbox {
    position: relative;
    display: flex;
    align-items: center
}

.follow-author__checkbox input {
    width: 1.25rem;
    height: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.follow-author__checkbox .follow-author__checked-icon,
.follow-author__checkbox .follow-author__unchecked-icon {
    position: absolute;
    left: 0;
    display: block;
    margin-top: .3125rem
}

.follow-author__checkbox .follow-author__checked-icon {
    display: none
}

.follow-author__checkbox--checked .follow-author__checked-icon {
    display: block
}

.follow-author__checkbox--checked .follow-author__unchecked-icon {
    display: none
}

.contest-widget__card {
    display: flex;
    flex-direction: column-reverse;
    justify-content: left;
    gap: 1.25rem;
    width: 100%;
    max-width: 34.375rem;
    padding: 1.5rem;
    border: .0625rem solid #555;
    border-radius: .5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:420px) {
    .contest-widget__card {
        flex-direction: row-reverse;
        align-items: center
    }
}

.contest-widget__card .contest-widget__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width:420px) {
    .contest-widget__card .contest-widget__content {
        align-items: normal
    }
}

.contest-widget__card .contest-widget__title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.2;
    margin-bottom: .75rem
}

@media only screen and (min-width:420px) {
    .contest-widget__card .contest-widget__title {
        text-align: left
    }
}

.contest-widget__card .contest-widget__description {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.2;
    margin-bottom: 1rem
}

@media only screen and (min-width:420px) {
    .contest-widget__card .contest-widget__description {
        text-align: left
    }
}

.contest-widget__card .contest-widget__button {
    width: 15.3125rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25
}

@media only screen and (min-width:420px) {
    .contest-widget__card .contest-widget__button {
        width: 100%;
        max-width: 15.3125rem
    }
}

.contest-widget__card .contest-widget__image {
    width: 100%
}

@media only screen and (min-width:420px) {
    .contest-widget__card .contest-widget__image {
        width: 9.0625rem
    }
}

.article-block .content-loginradius-password {
    margin-bottom: .5rem
}

.article-block .identity-intro {
    height: auto;
    padding: 2.313rem 0
}

.article-block .identity-intro .h2,
.article-block .identity-intro h2 {
    margin-top: 1.25rem;
    margin-bottom: .75rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    color: #191919;
    line-height: 1.166
}

@media only screen and (min-width:1024px) {
    .article-block .identity-intro__no-logo {
        align-items: flex-start
    }
}

.article-block .identity-intro__description {
    margin-bottom: 1rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #191919;
    line-height: 1.2
}

@media only screen and (min-width:1024px) {

    .article-block .identity-intro .h2,
    .article-block .identity-intro h2 {
        font-size: 2rem;
        line-height: 2.25rem
    }

    .article-block .identity-intro__description {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.article-block .identity-intro .list-checkmark li {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    color: #191919;
    line-height: 1.2;
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 1rem
}

.article-block .identity-intro .list-checkmark li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .25rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQzcHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDQzIDMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Y2hlY2s8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRGVza3RvcC0tLUxGUC1QYXltZW50LUZsb3ctKFBhZ2UpIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC0tLVN1YmNyaWJlLShUaGFuay1Zb3UpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjk5LjAwMDAwMCwgLTEzMS4wMDAwMDApIiBmaWxsPSIjMDAyQzlEIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5NS4wMDAwMDAsIDEzMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJjaGVjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMTMuNjY1MTUwNyAyNi4wMzU3OTQyIDMuNDcxMjkwNTEgMTUuNzc0MDQ5MiAwIDE5LjI0Mzg0NzkgMTMuNjY1MTUwNyAzMyA0MyAzLjQ2OTc5ODY2IDM5LjU1MzE1NTIgMCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem
}

.article-block .identity-screen {
    background: 0 0;
    position: relative;
    min-height: 38.75rem
}

@media only screen and (min-width:1024px) {
    .article-block .identity-screen {
        min-height: 35.625rem
    }
}

@media only screen and (min-width:1024px) {
    .article-block .identity-screen {
        padding: 1.5rem .75rem 1rem
    }

    .article-block .identity-screen .identity-screen-offer {
        margin-top: 1.75rem
    }

    .article-block .identity-screen--piano-offer:not(.identity-screen__no-logo) {
        padding-top: 6rem
    }
}

.article-block .identity-screen .identity-screen-offer {
    width: 16.25rem
}

.article-block .identity-screen .identity-screen__more-offer {
    margin: 1.5rem;
    text-decoration: underline
}

.article-block .identity-screen .identity-screen-form,
.article-block .identity-screen .identity-screen-offer {
    background-color: #fff;
    padding: 1.125rem 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

@media only screen and (min-width:768px) {

    .article-block .identity-screen .identity-screen-form,
    .article-block .identity-screen .identity-screen-offer {
        padding: 1.5rem 2.125rem
    }
}

.article-block .identity-screen .identity__link {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 0;
    text-decoration: underline
}

.article-block .identity-screen .identity__link,
.article-block .identity-screen .identity__link:active,
.article-block .identity-screen .identity__link:focus,
.article-block .identity-screen .identity__link:hover,
.article-block .identity-screen .identity__link:visited {
    color: #414699
}

.article-block .identity-screen .identity__link:active,
.article-block .identity-screen .identity__link:focus,
.article-block .identity-screen .identity__link:hover {
    text-decoration: none
}

.article-block .identity-screen .identity-footer {
    margin: 0
}

.article-block .identity-screen .identity-footer .identity-footer__login-link {
    margin: 1.25rem 0
}

.article-block .identity-screen .identity-footer .identity-footer__active-link {
    margin: 1.25rem 0
}

.article-block .identity-screen .identity-footer__link {
    text-decoration: underline;
    font-weight: 700
}

.article-block-bg {
    background: linear-gradient(180deg, rgba(224, 229, 246, .3) 0, #e0e5f6 100%)
}

.article-block-bg--premium {
    background: linear-gradient(180deg, rgba(255, 229, 122, .3) 0, #ffe57a 100%)
}

.showcase-card {
    display: flex;
    width: 35.25rem;
    height: 17.5rem;
    border: 1px solid #cacaca;
    margin: 1rem 0;
    justify-self: center
}

.showcase-card__cta,
.showcase-card__cta-multiple,
.showcase-card__info {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
    justify-content: space-evenly;
    justify-content: center
}

.showcase-card__img {
    max-height: 60%;
    max-width: 90%;
    margin-bottom: 1rem
}

.showcase-card__info {
    margin-right: 1.5rem
}

.showcase-card_description {
    line-height: 1.166;
    text-align: center
}

@supports (-webkit-line-clamp:7) {
    .showcase-card_description {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7
    }
}

@supports not (-webkit-line-clamp:7) {
    .showcase-card_description {
        overflow: hidden;
        position: relative;
        line-height: 1.166;
        max-height: 8.162em
    }
}

.showcase-card_title {
    display: block;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.166;
    color: #005a8c !important
}

@supports (-webkit-line-clamp:3) {
    .showcase-card_title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}

@supports not (-webkit-line-clamp:3) {
    .showcase-card_title {
        overflow: hidden;
        position: relative;
        line-height: 1.166;
        max-height: 3.498em
    }
}

.showcase-card__cta-multiple .showcase-card__img {
    max-height: 50%
}

.amazon-btn,
.skimlink-btn {
    display: block;
    padding: .5rem;
    width: 80%;
    text-align: center;
    border-radius: .4375rem;
    background-color: #005a8c;
    text-decoration: none !important;
    color: #fff !important
}

.amazon-btn {
    margin-bottom: .5rem
}

.amazon-btn__marketplace {
    display: inline-block
}

@media only screen and (max-width:767px) {
    .amazon-btn__marketplace {
        display: none
    }

    .amazon-btn,
    .skimlink-btn {
        width: 100%
    }

    .showcase-card {
        flex-direction: column-reverse;
        width: auto;
        height: auto;
        align-items: center;
        padding: 1rem
    }

    .showcase-card__cta,
    .showcase-card__info {
        width: 75%;
        margin-right: 0
    }
}

.vehicle-comparisons-widget .vehicle-comparisons-widget__body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

.vehicle-comparisons-widget .vehicle-comparisons-widget__card {
    border: 1px solid #aaa;
    border-radius: .5rem;
    width: calc(50% - .3125rem);
    text-align: center;
    padding: .5rem;
    text-decoration: none;
    color: #191919
}

.vehicle-comparisons-widget .vehicle-comparisons-widget__card:active,
.vehicle-comparisons-widget .vehicle-comparisons-widget__card:focus,
.vehicle-comparisons-widget .vehicle-comparisons-widget__card:hover {
    border-color: #005a8c;
    color: #005a8c
}

.vehicle-comparisons-widget .vehicle-comparisons-widget__card:active .vehicle-comparisons-widget__text,
.vehicle-comparisons-widget .vehicle-comparisons-widget__card:focus .vehicle-comparisons-widget__text,
.vehicle-comparisons-widget .vehicle-comparisons-widget__card:hover .vehicle-comparisons-widget__text {
    color: #005a8c
}

.vehicle-comparisons-widget .vehicle-comparisons-widget__text {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1;
    text-decoration: none;
    font-style: normal
}

.vehicle-comparisons-widget .vehicle-comparisons-widget__icon {
    display: inline-block;
    align-content: center
}

.more-in-subcategory {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    margin-bottom: 2rem
}

.more-in-subcategory__title {
    font-size: 1.25rem;
    font-weight: 700
}

.more-in-subcategory__items {
    color: #191919;
    list-style-type: disc;
    font-size: 1.25rem;
    font-weight: 700;
    padding-left: 1.25rem;
    margin: .25rem 0 .5rem
}

.more-in-subcategory__item a {
    color: #005a8c;
    text-decoration: none
}

.more-in-subcategory__item a:visited {
    color: #005a8c
}

.more-in-subcategory__item a:active,
.more-in-subcategory__item a:focus,
.more-in-subcategory__item a:hover {
    color: #191919;
    text-decoration: underline
}

.more-in-subcategory__see-more {
    font-size: 1rem;
    color: #005a8c;
    text-decoration: none
}

.more-in-subcategory__see-more:visited {
    color: #005a8c
}

.more-in-subcategory__see-more:active,
.more-in-subcategory__see-more:focus,
.more-in-subcategory__see-more:hover {
    color: #191919;
    text-decoration: underline
}

.article-title {
    margin-bottom: .5rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.1
}
.article-title2 {
    margin-bottom: .5rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.3;
    padding: 0rem 3rem;
}

@media only screen and (max-width:1199px) {
    .article-title {
        font-size: 2rem;
        line-height: 1.125
    }
    .article-title2 {
        margin-bottom: .5rem;
        font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        color: #191919;
        line-height: 1.3;
        padding: 0rem 0rem;
    }
}

.article-subtitle {
    margin-bottom: .75rem;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #555;
    line-height: 1.2;
    font-style: italic
}

.article-meta {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    color: #555;
    line-height: 1.2188
}

.article-meta .article-meta-comment-count {
    display: flex;
    align-items: center;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    color: #005a8c;
    line-height: 1.2188;
    text-decoration: none;
    white-space: nowrap
}

.article-meta .article-meta-comment-count .comment-bubble {
    display: flex;
    align-items: center;
    fill: currentColor;
    margin-right: .375rem
}

.article-meta .article-meta-comment-count .article-meta-comment-count__text__wrapper {
    position: relative;
    display: block;
    overflow: hidden
}

.article-meta .article-meta-comment-count .article-meta-comment-count__text__wrapper .vf-comments-count,
.article-meta .article-meta-comment-count .article-meta-comment-count__text__wrapper vf-conversations-count {
    display: none
}

.article-meta .published-by__author {
    font-weight: 700
}

.article-meta .published-by__author a {
    color: inherit;
    text-decoration: none
}

.article-meta .published-by__author a:active,
.article-meta .published-by__author a:focus,
.article-meta .published-by__author a:hover {
    color: #005a8c;
    text-decoration: underline
}

.article-meta .wire-published-by {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0
}

.article-meta .wire-published-by__logo {
    width: 4.375rem;
    height: 4.375rem
}

.article-meta .wire-published-by__author-container {
    width: calc(100% - 4.375rem - 1rem)
}

.article-meta .wire-published-by__company {
    font-weight: 700
}

.featured-gallery,
.featured-image,
.featured-video {
    margin: 1rem 0
}

.embedded-image .image-caption,
.featured-image__caption,
.video-caption {
    margin-top: .5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    color: #555;
    line-height: 1.2188
}

.embedded-image .image-caption .credit,
.featured-image__caption .credit,
.video-caption .credit {
    text-transform: uppercase
}

.video-caption {
    margin-bottom: 1.5rem
}

.video-caption--featured {
    margin-top: -.5rem
}

.article-content-gallery,
.article-content-story {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    color: #191919;
    line-height: 1.5;
    word-wrap: break-word;
    margin-bottom: 2rem
}

.article-content__content-group a:not(.button) {
    color: #191919;
    text-decoration: underline
}

.article-content__content-group a:not(.button):active,
.article-content__content-group a:not(.button):focus,
.article-content__content-group a:not(.button):hover {
    color: #005a8c
}

.article-content__content-group figcaption,
.article-content__content-group figure,
.article-content__content-group p {
    max-width: 100%
}

.article-content__content-group h1,
.article-content__content-group h2:not(.more-topic__title):not(.widget-title__heading):not(.author-info__name),
.article-content__content-group h3:not(.more-topic__item-text),
.article-content__content-group h4,
.article-content__content-group h5 {
    margin-top: 1rem;
    margin-bottom: .5rem
}

.article-content__content-group>h1 {
    font-size: 2rem;
    line-height: 2.25rem
}

.article-content__content-group>h2 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

.article-content__content-group>h3 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.article-content__content-group>h4 {
    color: #191919;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.article-content__content-group>h5 {
    font-size: 1.125rem;
    line-height: 1.25rem
}

@media only screen and (min-width:1200px) {
    .article-content__content-group>h1 {
        font-size: 2.5rem;
        line-height: 2.75rem
    }

    .article-content__content-group>h2 {
        font-size: 2rem;
        line-height: 2.25rem
    }

    .article-content__content-group>h3 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

.article-content__content-group>blockquote {
    margin: 2rem 0
}

.article-content__content-group>blockquote p {
    margin-bottom: .5rem
}

.article-content__content-group p {
    margin-bottom: 1.5rem
}

.article-content__content-group .chapter-separator,
.article-content__content-group .oembed {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:768px) {

    .article-content__content-group .chapter-separator,
    .article-content__content-group .oembed {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.article-content__content-group:last-child {
    margin-bottom: 1.5rem
}

.related-models-widget a:not(.button) {
    text-decoration: none
}

.related-models-widget a:not(.button):active,
.related-models-widget a:not(.button):focus,
.related-models-widget a:not(.button):hover {
    color: #191919
}

.related-models-widget h3.find-card__title,
.related-models-widget p {
    margin-top: 0;
    margin-bottom: 0
}

.related-models-widget [data-carousel-slide-list] [data-carousel-item] {
    padding-top: .875rem
}

.related-models-widget [data-carousel-slide-list] {
    margin-left: .1875rem
}

.related-models-widget [data-carousel-item]:first-of-type {
    padding-left: .5rem
}

.related-models-widget .find-card__msrp-price {
    font-size: 1rem
}

.related-models-widget .find-card__brand,
.related-models-widget .find-card__model,
.related-models-widget .find-card__year-brand-model {
    margin: 0;
    line-height: 1.25;
    font-size: 1.25rem
}

.related-models-widget .find-card__img {
    margin: 0
}

.gallery-content__excerpt {
    margin-bottom: 1.5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #191919;
    line-height: 1.25
}

.embedded-gallery,
.embedded-image {
    margin: 1.5rem 0
}

.embedded-image__ratio {
    display: block;
    width: 100%
}

.embedded-image__ratio img {
    height: 100%;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover
}

.article-content__content-group a>img {
    margin: 1.5rem 0
}

.infobox {
    padding: 2rem;
    background-color: #cce4f2;
    border-top: .0625rem solid #000;
    border-bottom: .0625rem solid #000
}

.infobox .infobox__header,
.infobox .infobox__subheader {
    text-transform: capitalize
}

.infobox .infobox__content,
.infobox .infobox__header,
.infobox .infobox__subheader {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif
}

.infobox .infobox__subheader {
    margin-bottom: 0
}

.infobox.article-content--column {
    margin-bottom: 1.5rem
}

.longform-related-list .list-widget {
    padding: 0;
    border: none
}

.longform-related-list .list-widget .article-card {
    padding: 0;
    border: none
}

.longform-related-list .list-widget li:not(:last-child) {
    padding-bottom: .5rem;
    border-bottom: 1px solid #cacaca
}

.longform-related-list .list-widget a {
    text-decoration: none !important
}

.longform-related-list .list-widget .article-card__image {
    height: auto !important;
    position: relative
}

.longform-related-list .list-widget .article-card__image::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%
}

.longform-related-list .list-widget .article-card__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-header,
.article-header__share-group {
    margin-bottom: 1.5rem;
    margin-top: 1rem
}

@media only screen and (min-width:768px) {

    .article-header,
    .article-header__share-group {
        margin-top: 1.5rem
    }
}

.article-header .featured-gallery,
.article-header .featured-image {
    margin-bottom: 0
}

.article-delimiter {
    margin: 0
}

.article-delimiter::before {
    background-color: #555;
    content: "";
    display: block;
    margin-bottom: 1.5rem;
    height: 1px;
    width: 6.25rem
}

.chapter-separator {
    width: 6.25rem;
    height: 1px;
    border: none;
    background-color: #555;
    margin-left: auto;
    margin-right: auto
}

.oembed>* {
    margin-left: auto;
    margin-right: auto
}

.oembed .fb-post {
    text-align: center;
    width: 100%
}

.oembed .fb-post>* {
    max-width: 100%
}

.oembed .fb-post iframe {
    width: 100% !important
}

.embedded-audio,
.embedded-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.embedded-audio iframe,
.embedded-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.embedded-audio .video-controls,
.embedded-video .video-controls {
    display: none
}

.featured-video .embedded-video {
    position: static
}

.embedded-audio {
    padding-bottom: 75%
}

.table-content {
    width: inherit;
    overflow: auto
}

.article-content-story .published-by {
    margin-bottom: .75rem
}

.article-content-story .published-date {
    margin-bottom: .9375rem
}

@media only screen and (max-width:1023px) {

    .article-content-story .article-comment,
    .article-content-story .article-content__content-group,
    .article-content-story .article-content__share-group,
    .article-content-story .article-content__widget-group,
    .article-content-story .article-header,
    .article-content-story .article-header__share-group {
        max-width: 100vw
    }

    .article-content-story .article-comment:not(.article-content__widget-group--related-story-slot, .article-content__content-group--feature, .article-header--feature),
    .article-content-story .article-content__content-group:not(.article-content__widget-group--related-story-slot, .article-content__content-group--feature, .article-header--feature),
    .article-content-story .article-content__share-group:not(.article-content__widget-group--related-story-slot, .article-content__content-group--feature, .article-header--feature),
    .article-content-story .article-content__widget-group:not(.article-content__widget-group--related-story-slot, .article-content__content-group--feature, .article-header--feature),
    .article-content-story .article-header:not(.article-content__widget-group--related-story-slot, .article-content__content-group--feature, .article-header--feature),
    .article-content-story .article-header__share-group:not(.article-content__widget-group--related-story-slot, .article-content__content-group--feature, .article-header--feature) {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    @supports (grid-template-columns:[track-name] 50px) {
        .article-content-story {
            display: grid;
            grid-template-rows: auto;
            grid-auto-rows: min-content;
            grid-auto-flow: row;
            grid-column-gap: 1.5rem;
            grid-template-columns: [content-pad-start]auto[content-pad-end social-start]calc(3 / 12 * 100% - 2rem) [social-end content-start]calc(6 / 12 * 100% - 2rem) [content-end sidebar-start]calc(3 / 12 * 100% - 2rem) [sidebar-end sidebar-pad-start]auto[sidebar-pad-end]
        }
    }

    @supports (grid-template-columns:[track-name] Min(25%, 250px)) {
        .article-content-story {
            grid-template-columns: [content-pad-start]auto[content-pad-end social-start]min(3 / 12 * 100% - 2rem, 16.875rem) [social-end content-start]min(6 / 12 * 100% - 2rem, 35.25rem) [content-end sidebar-start]min(3 / 12 * 100% - 2rem, 16.875rem) [sidebar-end sidebar-pad-start]auto[sidebar-pad-end]
        }
    }

    .article-content-story .article-content__ad-group {
        grid-column: content-pad-start/sidebar-pad-end
    }

    .article-content-story .article-content__sign-in-group {
        grid-column: content-pad-start/sidebar-pad-end;
        background-color: #fff;
        z-index: 240
    }

    .article-content-story .article-header {
        grid-column: content-start/content-end;
        width: 100%
    }

    .article-content-story .article-header__share-group {
        justify-self: end;
        grid-column: social-start/social-end
    }

    .article-content-story .article-comment {
        grid-column: content-start/content-end;
        width: 100%
    }

    .article-content-story .article-comment .comments__section-viafoura-container {
        width: 100%;
        margin: 0 auto
    }

    .article-content-story .article-comment .comments__section-viafoura-container .viafoura>div[tabindex="0"]:focus {
        outline: 0
    }

    .article-content-story .article-content__content-group,
    .article-content-story .article-content__share-group,
    .article-content-story .article-content__widget-group,
    .article-content-story .social-sidebar {
        grid-column: content-start/content-end
    }

    .article-content-story .article-content__content-group.article-content__content-group--carousel--grid-span {
        grid-column: content-pad-start/sidebar-pad-end
    }

    .article-content-story .article-content__widget-group.article-content__widget-group--hub-and-spoke-slot,
    .article-content-story .article-content__widget-group.article-content__widget-group--trending-slot {
        grid-column: sidebar-start/sidebar-end;
        grid-row: 2/span 3;
        grid-row-start: 4
    }

    .article-content-story .social-sidebar--facebook,
    .article-content-story .social-sidebar--twitter {
        grid-column: sidebar-start/sidebar-end;
        grid-row: auto
    }
}

.article-content-story--feature .article-content__ad-group {
    clear: both
}

.article-content-story--feature .article-content__content-group,
.article-content-story--feature .article-header {
    grid-column-start: content-pad-start;
    grid-column-end: sidebar-pad-end;
    clear: both;
    margin-left: 0;
    margin-right: 0
}

.article-content-story--feature .article-content__content-group>.embedded-gallery,
.article-content-story--feature .article-content__content-group>.embedded-image,
.article-content-story--feature .article-content__content-group>.embedded-video,
.article-content-story--feature .article-content__content-group>.feature-content-priceline-widget,
.article-content-story--feature .article-content__content-group>.featured-video,
.article-content-story--feature .article-content__content-group>.infobox,
.article-content-story--feature .article-content__content-group>.more-topic,
.article-content-story--feature .article-content__content-group>.video-caption--featured,
.article-content-story--feature .article-content__content-group>blockquote,
.article-content-story--feature .article-content__content-group>h1,
.article-content-story--feature .article-content__content-group>h2,
.article-content-story--feature .article-content__content-group>h3,
.article-content-story--feature .article-content__content-group>h4,
.article-content-story--feature .article-content__content-group>h5,
.article-content-story--feature .article-content__content-group>h6,
.article-content-story--feature .article-content__content-group>p {
    width: calc(100% - 1.5rem * 2);
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

.article-content-story--feature .article-content__content-group>.embedded-video,
.article-content-story--feature .article-content__content-group>.featured-video {
    padding-bottom: calc(calc(100% - 1.5rem * 2) * .5625)
}

.article-content-story--feature .article-content__content-group.article-content__content-group--carousel,
.article-content-story--feature .article-content__content-group>.article-content--full_width,
.article-content-story--feature .article-content__content-group>.article-content--half_width_left,
.article-content-story--feature .article-content__content-group>.article-content--half_width_right,
.article-content-story--feature .article-content__content-group>.article-content--left_sidebar,
.article-content-story--feature .article-content__content-group>.article-content--sidebar {
    width: calc(100% - 1.5rem * 2);
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.article-content-story--feature .article-content__content-group .embedded-video,
.article-content-story--feature .article-content__content-group .featured-video {
    clear: both
}

.article-content-story--feature .article-content__content-group .embedded-video #ds_content_frame,
.article-content-story--feature .article-content__content-group .featured-video #ds_content_frame {
    width: 100% !important;
    height: auto !important
}

.article-content-story--feature .article-content__content-group>.article-content--full_page {
    width: 100vw !important;
    margin-left: 0;
    margin-right: 0
}

.article-content-story--feature .article-content__content-group>.article-content--full_page .image-caption,
.article-content-story--feature .article-content__content-group>.article-content--full_page .video-caption {
    width: calc(100% - 1.5rem * 2);
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

@media only screen and (max-width:767px) {
    .article-content-story--feature .article-content__content-group>.article-content--full_page.embedded-video {
        width: calc(100% - 1.5rem * 2) !important;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {

    .article-content-story--feature .article-content__content-group>.embedded-gallery,
    .article-content-story--feature .article-content__content-group>.embedded-image,
    .article-content-story--feature .article-content__content-group>.embedded-video,
    .article-content-story--feature .article-content__content-group>.feature-content-priceline-widget,
    .article-content-story--feature .article-content__content-group>.featured-video,
    .article-content-story--feature .article-content__content-group>.infobox,
    .article-content-story--feature .article-content__content-group>.more-topic,
    .article-content-story--feature .article-content__content-group>.video-caption--featured,
    .article-content-story--feature .article-content__content-group>blockquote,
    .article-content-story--feature .article-content__content-group>h1,
    .article-content-story--feature .article-content__content-group>h2,
    .article-content-story--feature .article-content__content-group>h3,
    .article-content-story--feature .article-content__content-group>h4,
    .article-content-story--feature .article-content__content-group>h5,
    .article-content-story--feature .article-content__content-group>h6,
    .article-content-story--feature .article-content__content-group>p {
        width: min(8 / 12 * 100% - 2rem, 47.5rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-content__content-group>.embedded-video,
    .article-content-story--feature .article-content__content-group>.featured-video {
        padding-bottom: calc(min(8 / 12 * 100% - 2rem, 47.5rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group.article-content__content-group--carousel,
    .article-content-story--feature .article-content__content-group>.article-content--full_width,
    .article-content-story--feature .article-content__content-group>.article-content--half_width_left,
    .article-content-story--feature .article-content__content-group>.article-content--half_width_right,
    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar,
    .article-content-story--feature .article-content__content-group>.article-content--sidebar {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar,
    .article-content-story--feature .article-content__content-group>.article-content--sidebar {
        width: min(5 / 12 * 100% - 2rem, 29.125rem)
    }

    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar.embedded-video,
    .article-content-story--feature .article-content__content-group>.article-content--sidebar.embedded-video {
        padding-bottom: calc(min(5 / 12 * 100% - 2rem, 29.125rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_left,
    .article-content-story--feature .article-content__content-group>.article-content--half_width_right {
        width: min(6 / 12 * 100% - 2rem, 35.25rem)
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_left.embedded-video,
    .article-content-story--feature .article-content__content-group>.article-content--half_width_right.embedded-video {
        padding-bottom: calc(min(6 / 12 * 100% - 2rem, 35.25rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_left,
    .article-content-story--feature .article-content__content-group>.article-content--half_width_right,
    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar,
    .article-content-story--feature .article-content__content-group>.article-content--sidebar {
        margin-top: 0;
        clear: both
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_width {
        width: calc(100% - 1.5rem * 2)
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_width .image-caption,
    .article-content-story--feature .article-content__content-group>.article-content--full_width .video-caption {
        width: min(10 / 12 * 100% - 2rem, 119.5rem);
        margin-left: auto;
        margin-right: auto
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_width.embedded-video {
        padding-bottom: calc(calc(100% - 1.5rem * 2) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_left,
    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar {
        float: left
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_right,
    .article-content-story--feature .article-content__content-group>.article-content--sidebar {
        float: right
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_right+.article-content--half_width_left {
        margin-right: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_left+.article-content--half_width_right {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--left_sidebar+.article-content--sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--sidebar+.article-content--left_sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--left_sidebar+.article-content--half_width_right {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_right+.article-content--left_sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--sidebar+.article-content--half_width_left {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_left+.article-content--sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_page .image-caption,
    .article-content-story--feature .article-content__content-group>.article-content--full_page .video-caption {
        width: min(10 / 12 * 100% - 2rem, 119.5rem);
        margin-left: auto;
        margin-right: auto
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_page.embedded-video {
        padding-bottom: calc(min(10 / 12 * 100% - 2rem, 119.5rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_page.embedded-video .jw-aspect {
        padding-top: calc(min(10 / 12 * 100% - 2rem, 119.5rem) * .5625) !important
    }
}

@media only screen and (min-width:1200px) {

    .article-content-story--feature .article-content__content-group>.embedded-gallery,
    .article-content-story--feature .article-content__content-group>.embedded-image,
    .article-content-story--feature .article-content__content-group>.embedded-video,
    .article-content-story--feature .article-content__content-group>.feature-content-priceline-widget,
    .article-content-story--feature .article-content__content-group>.featured-video,
    .article-content-story--feature .article-content__content-group>.infobox,
    .article-content-story--feature .article-content__content-group>.more-topic,
    .article-content-story--feature .article-content__content-group>.video-caption--featured,
    .article-content-story--feature .article-content__content-group>blockquote,
    .article-content-story--feature .article-content__content-group>h1,
    .article-content-story--feature .article-content__content-group>h2,
    .article-content-story--feature .article-content__content-group>h3,
    .article-content-story--feature .article-content__content-group>h4,
    .article-content-story--feature .article-content__content-group>h5,
    .article-content-story--feature .article-content__content-group>h6,
    .article-content-story--feature .article-content__content-group>p {
        width: min(6 / 12 * 100% - 2rem, 35.25rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-content__content-group>.embedded-video,
    .article-content-story--feature .article-content__content-group>.featured-video {
        padding-bottom: calc(min(6 / 12 * 100% - 2rem, 35.25rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--sidebar {
        width: min(3 / 12 * 100% - 2rem, 16.875rem);
        float: right;
        clear: both;
        margin-right: calc(calc((100% - min(12 * 100% - 2rem, 72rem))/ 2 - 1.5rem) + 1.5rem);
        margin-top: 0
    }

    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar {
        width: min(3 / 12 * 100% - 2rem, 16.875rem);
        float: left;
        clear: both;
        margin-left: calc(calc((100% - min(12 * 100% - 2rem, 72rem))/ 2 - 1.5rem) + 1.5rem);
        margin-top: 0
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_width {
        width: min(12 * 100% - 2rem, 72rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_width .image-caption,
    .article-content-story--feature .article-content__content-group>.article-content--full_width .video-caption {
        width: min(8 / 12 * 100% - 2rem, 47.5rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_right {
        width: min(6 / 12 * 100% - 2rem, 35.25rem);
        margin-right: calc(calc((100% - min(12 * 100% - 2rem, 72rem))/ 2 - 1.5rem) + 1.5rem);
        margin-left: 1.5rem;
        margin-top: 0;
        float: right;
        clear: both
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_left {
        width: min(6 / 12 * 100% - 2rem, 35.25rem);
        margin-left: calc(calc((100% - min(12 * 100% - 2rem, 72rem))/ 2 - 1.5rem) + 1.5rem);
        margin-right: 1.5rem;
        margin-top: 0;
        float: left;
        clear: both
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_right+.article-content--half_width_left {
        margin-right: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_left+.article-content--half_width_right {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--left_sidebar+.article-content--sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--sidebar+.article-content--left_sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--left_sidebar+.article-content--half_width_right {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_right+.article-content--left_sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--sidebar+.article-content--half_width_left {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group .article-content--half_width_left+.article-content--sidebar {
        margin-left: 0;
        clear: none
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_page .image-caption,
    .article-content-story--feature .article-content__content-group>.article-content--full_page .video-caption {
        width: min(8 / 12 * 100% - 2rem, 47.5rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-content__content-group>.article-content--left_sidebar.embedded-video,
    .article-content-story--feature .article-content__content-group>.article-content--sidebar.embedded-video {
        padding-bottom: calc(min(3 / 12 * 100% - 2rem, 16.875rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--half_width_left.embedded-video,
    .article-content-story--feature .article-content__content-group>.article-content--half_width_right.embedded-video {
        padding-bottom: calc(min(6 / 12 * 100% - 2rem, 35.25rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_width.embedded-video {
        padding-bottom: calc(min(12 * 100% - 2rem, 72rem) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_page.embedded-video {
        padding-bottom: calc(calc(100% - 1.5rem * 2) * .5625)
    }

    .article-content-story--feature .article-content__content-group>.article-content--full_page.embedded-video .jw-aspect {
        padding-top: calc(calc(100% - 1.5rem * 2) * .5625) !important
    }
}

.article-content-story--feature .sponsored-meta {
    padding-left: .75rem;
    padding-right: .75rem
}

.article-content-story--feature .breadcrumbs {
    padding-left: .75rem;
    padding-right: .75rem;
    padding-bottom: .75rem
}

.article-content-story--feature .article-header__share-group {
    display: none
}

.article-content-story--feature .article-header__detail {
    position: relative;
    overflow: hidden;
    text-align: center;
    background-color: #191919
}

.article-content-story--feature .article-header__detail__texts {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 1.75rem 1.5rem 1.5rem 1.5rem;
    margin-top: 120%;
    text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;
    background-image: linear-gradient(0deg, #000 69%, rgba(0, 0, 0, .75) 82%, rgba(0, 0, 0, .42) 91%, rgba(0, 0, 0, 0) 100%)
}

.article-content-story--feature .article-header__detail .embedded-video,
.article-content-story--feature .featured-image {
    position: absolute;
    margin-top: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
    overflow: hidden
}

.article-content-story--feature .article-header__detail .embedded-video .video-controls,
.article-content-story--feature .featured-image .video-controls {
    display: block;
    position: absolute;
    z-index: 1;
    right: .5rem;
    top: .5rem;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: .5rem center;
    color: #fff;
    font-family: "PT Sans", "PT Sans-fb", Helvetica, Arial, sans-serif;
    font-size: .875rem;
    padding: .5rem .5rem .5rem 1.875rem;
    border-radius: .375rem
}

.article-content-story--feature .article-header__detail .embedded-video .video-controls.video-controls--playing,
.article-content-story--feature .featured-image .video-controls.video-controls--playing {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-pause.svg)
}

.article-content-story--feature .article-header__detail .embedded-video .video-controls.video-controls--paused,
.article-content-story--feature .featured-image .video-controls.video-controls--paused {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-play.svg)
}

.article-content-story--feature .article-header__detail .embedded-video .jw-state-paused,
.article-content-story--feature .article-header__detail .embedded-video .jw-state-playing,
.article-content-story--feature .featured-image .jw-state-paused,
.article-content-story--feature .featured-image .jw-state-playing {
    width: 250vw !important;
    margin-left: -75%
}

.article-content-story--feature .article-header__detail .embedded-video .jw-title,
.article-content-story--feature .featured-image .jw-title {
    display: none
}

.article-content-story--feature .featured-image__ratio {
    height: 100%;
    display: block
}

.article-content-story--feature .featured-image__image {
    height: 100%;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover
}

.article-content-story--feature .featured-image__caption {
    display: none
}

.article-content-story--feature .article-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.75rem;
    margin-bottom: 1.5rem
}

.article-content-story--feature .article-subtitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    color: #fff;
    line-height: 1.25rem;
    font-style: normal;
    margin-bottom: 1.5rem
}

.article-content-story--feature .article-meta {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    color: #fff
}

.article-content-story--feature .published-by {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .5rem
}

.article-content-story--feature .published-by::before {
    content: "By "
}

.article-content-story--feature .article-meta-comment-count {
    color: #fff;
    margin-top: .5rem;
    justify-content: center
}

@media only screen and (min-width:768px) {
    @supports (grid-template-columns:[track-name] 50px) {
        .article-content-story--feature {
            grid-template-columns: [content-pad-start]auto[content-pad-end social-start]min(3 / 12 * 100% - 2rem, 16.875rem) [social-end content-start]calc(6 / 12 * 100% - 2rem) [content-end sidebar-start]calc(3 / 12 * 100% - 2rem) [sidebar-end sidebar-pad-start]auto[sidebar-pad-end]
        }
    }

    @supports (grid-template-columns:[track-name] Min(25%, 250px)) {
        .article-content-story--feature {
            grid-template-columns: [content-pad-start]auto[content-pad-end social-start]min(3 / 12 * 100% - 2rem, 16.875rem) [social-end content-start]min(6 / 12 * 100% - 2rem, 35.25rem) [content-end sidebar-start]min(3 / 12 * 100% - 2rem, 16.875rem) [sidebar-end sidebar-pad-start]auto[sidebar-pad-end]
        }
    }

    .article-content-story--feature .article-comment {
        grid-column: content-start/content-end
    }

    .article-content-story--feature .breadcrumbs {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .article-content-story--feature .article-header__detail__texts {
        margin-top: 60%
    }

    .article-content-story--feature .article-header__detail .embedded-video .jwplayer {
        width: 120vw !important;
        margin-left: -10%
    }

    .article-content-story--feature .article-meta,
    .article-content-story--feature .article-subtitle,
    .article-content-story--feature .article-title {
        width: calc(10 / 12 * 100% - 2rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
        margin-bottom: 2rem
    }

    .article-content-story--feature .article-subtitle {
        line-height: 1.6875rem;
        margin-bottom: 1rem
    }
}

@media only screen and (min-width:1200px) {
    .article-content-story--feature .article-header__detail__texts {
        margin-top: 40%
    }

    .article-content-story--feature .article-header__detail .embedded-video .jwplayer {
        width: 100vw !important;
        margin-left: 0
    }

    .article-content-story--feature .article-meta,
    .article-content-story--feature .article-subtitle,
    .article-content-story--feature .article-title {
        width: calc(10 / 12 * 100% - 2rem);
        margin-right: auto;
        margin-left: auto
    }

    .article-content-story--feature .article-title {
        font-size: 3rem;
        line-height: 3.9375rem;
        margin-bottom: 3rem
    }

    .article-content-story--feature .article-subtitle {
        font-size: 1.5rem;
        line-height: inherit;
        margin-bottom: 1.75rem
    }

    .article-content-story--feature .published-by {
        font-size: 1.25rem;
        line-height: 1.2;
        margin-bottom: .9375rem
    }

    .article-content-story--feature .article-meta-comment-count {
        margin-top: .9375rem
    }
}

.horoscope-subheader {
    font-size: 1.125rem
}

.horoscope-strong,
.horoscope-subheader {
    font-weight: 700;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif
}

.article-content__content-group .horoscope-subheader {
    margin-bottom: .5rem
}

.comments__section-viafoura-container .email-verification-card {
    border: .5px solid #000;
    border-radius: .5rem;
    padding: 1.5rem;
    box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .25);
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width:768px) {
    .comments__section-viafoura-container .email-verification-card {
        flex-direction: row;
        align-items: flex-end
    }
}

.comments__section-viafoura-container .email-verification-card section {
    flex-grow: 1;
    box-sizing: border-box
}

.comments__section-viafoura-container .email-verification-card section:first-child {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    text-align: center;
    text-wrap: balance
}

@media only screen and (min-width:768px) {
    .comments__section-viafoura-container .email-verification-card section:first-child {
        text-align: left
    }
}

.comments__section-viafoura-container .email-verification-card section:first-child h3 {
    font-size: 1.5rem
}

.comments__section-viafoura-container .email-verification-card section:first-child h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 1.25rem;
    font-family: Georgia, "Times New Roman", Times, serif
}

.comments__section-viafoura-container .email-verification-card section:first-child p {
    font-size: .875rem
}

.comments__section-viafoura-container .email-verification-card section:last-child {
    width: 100%
}

@media only screen and (min-width:768px) {
    .comments__section-viafoura-container .email-verification-card section:last-child {
        max-width: 13.5rem;
        width: 13.5rem
    }
}

.comments__section-viafoura-container .email-verification-card section button {
    width: 100%
}

.comments__section-viafoura-container .email-verification-card.sent {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 0
}

.comments__section-viafoura-container .email-verification-card.sent h3 {
    font-size: 1.5rem;
    margin-top: -1.25rem
}

.comments__section-viafoura-container .email-verification-card.sent h4 {
    font-style: italic;
    font-weight: 400;
    font-size: 1.25rem;
    font-family: Georgia, "Times New Roman", Times, serif
}

.comments__section-viafoura-container .email-verification-card.sent .close-icon-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%
}

.comments__section-viafoura-container .email-verification-card.sent .close-icon-container #email-verification-close {
    cursor: pointer
}

.story-v2-content-element {
    padding-left: 1rem;
    padding-right: 1rem
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .story-v2-content-element {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .story-v2-content-element {
        padding-left: 0;
        padding-right: 0
    }
}

.story-v2-article-content-gallery,
.story-v2-article-content-story {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    color: #191919;
    line-height: 1.875
}

.story-v2-header-padded-content {
    padding-left: 1rem;
    padding-right: 1rem
}

@media only screen and (min-width:768px) {
    .story-v2-header-padded-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .story-v2-header-padded-content {
        padding-left: 0;
        padding-right: 0
    }
}

.story-v2-featured-media-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.story-v2-featured-media-container:not(.story-v2-featured-media-container--gallery) {
    display: flex;
    justify-content: center
}

.story-v2-featured-media-container .featured-gallery,
.story-v2-featured-media-container .featured-image,
.story-v2-featured-media-container .featured-video {
    margin: 0 0 1rem
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .story-v2-featured-media-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .story-v2-featured-media-container:not(.story-v2-featured-media-container--gallery) img {
        width: 72rem
    }
}

@media only screen and (min-width:1200px) {
    .story-v2-featured-media-container {
        padding-left: 0;
        padding-right: 0
    }
}

.story-v2-article-container {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
    width: 100%
}

.story-v2-footer-container {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (max-width:767px) {
    .story-v2-footer-container {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .story-v2-footer-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .story-v2-footer-container {
        max-width: 46.938rem
    }
}

.story-v2-article-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex
}

@media only screen and (min-width:1200px) {
    .story-v2-article-header .article-meta {
        width: 44.5rem
    }
}

.story-v2-sponsorship {
    width: 100%
}

@media only screen and (min-width:1200px) {
    .story-v2-sponsorship {
        width: 47.5rem
    }
}

.story-v2-sponsorship .sponsored-meta--story {
    margin: 0
}

.story-v2-share-group {
    min-width: 3rem;
    display: flex;
    justify-content: flex-start;
    margin-top: .5rem
}

.story-v2-article-header-main {
    display: grid;
    gap: .5rem;
    flex-grow: 1
}

.story-v2-article-header-main .published-by__author a {
    color: #005a8c
}

.story-v2-published-section {
    display: flex
}

@media only screen and (max-width:767px) {
    .story-v2-published-section {
        flex-direction: column;
        gap: .5rem;
        margin-top: .5rem
    }

    .story-v2-published-section .bookmark-wrapper {
        margin-top: -2rem
    }
}

@media only screen and (min-width:768px) {
    .story-v2-published-section {
        align-items: center;
        gap: 1rem
    }

    .story-v2-published-section:not(.saved-articles) {
        margin-top: .5rem
    }
}

.story-v2-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media only screen and (max-width:1023px) {
    .story-v2-block {
        justify-content: center
    }
}

.story-v2-block-content {
    width: 100%
}

@media only screen and (min-width:1200px) {
    .story-v2-block-content {
        max-width: 47.5rem
    }
}

.story-v2-content-element-inline {
    padding: 0
}

@media only screen and (min-width:768px) {
    .story-v2-content-element-inline {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.story-v2-right-rail {
    min-height: 100%;
    min-width: 23rem;
    width: 23rem;
    margin-left: 1rem
}

.story-v2-right-rail .ad__inner__container {
    width: 23rem
}

@media only screen and (max-width:1199px) {
    .story-v2-right-rail {
        display: none
    }
}

.story-v2-right-rail-item {
    position: sticky;
    top: 56px
}

.story-v2-right-rail-item-container {
    padding-bottom: 1rem
}

.story-v2-right-rail-item-container:last-child {
    padding-bottom: 0
}

.story-v2 .article-content__widget-group--newsletter-slot .newsletter-widget__title__new-story-page {
    font-size: 1.25rem
}

.story-v2 .article-content__widget-group--newsletter-slot .newsletter-widget__text__new-story-page {
    margin-bottom: 0
}

.story-v2 .article-content__widget-group--newsletter-slot .newsletter-widget__footer p {
    font-size: .875rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    line-height: normal
}

.story-v2 .article-content__widget-group--newsletter-slot .newsletter-widget__footer p .newsletter-link {
    color: #005a8c;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .story-v2 .article-content__widget-group--newsletter-slot.newsletter--indent {
        width: 19.1875rem;
        float: left;
        padding-right: 1.5rem
    }

    .story-v2 .article-content__widget-group--newsletter-slot.newsletter--indent .newsletter-widget__text__new-story-page {
        font-size: .875rem
    }
}

@media only screen and (min-width:1200px) {
    .story-v2 .article-content__widget-group--newsletter-slot.newsletter--indent {
        margin-left: -3rem
    }
}

.story-v2 .more-topic .more-topic__item {
    background-color: #fff;
    width: 16.125rem
}

.story-v2 .more-topic .more-topic__item-text {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #000;
    line-height: 1.285;
    text-decoration: inherit
}

.story-v2 .more-topic .more-topic__item--no-image .more-topic__item-text {
    padding-left: 0
}

.story-v2 .more-topic .widget-title {
    text-transform: none
}

.story-v2 .more-topic:not(.more-topic--indent) .more-topic__item:not(:last-child) {
    margin-right: 1rem
}

.story-v2 .more-topic:not(.more-topic--indent) .more-topic__title {
    padding-bottom: .5rem;
    border-bottom: 1px solid #555
}

.story-v2 .more-topic a {
    text-decoration: none
}

.story-v2 .more-topic a:not(.more-topic__item--no-image) {
    grid-template-columns: 4fr 1fr
}

@media only screen and (min-width:768px) {
    .story-v2 .more-topic a:not(.more-topic__item--no-image) {
        grid-template-columns: 3fr 1fr
    }
}

.story-v2 .more-topic a:not(.more-topic__item--no-image) .more-topic__item-text {
    grid-column-start: 1;
    grid-row-start: 1;
    padding: .5rem 0;
    padding-right: 1rem
}

.story-v2 .more-topic a:not(.more-topic__item--no-image) .more-topic__item-image {
    margin-top: .5rem
}

.story-v2 .more-topic a:not(.more-topic__item--no-image) .more-topic__item-image img {
    height: 3.375rem;
    width: 4.625rem
}

.story-v2 .more-topic.more-topic--indent .more-topic__title {
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #eee
}

.story-v2 .more-topic.more-topic--indent .more-topic__items {
    height: auto;
    margin-bottom: 1rem
}

.story-v2 .more-topic.more-topic--indent .more-topic__items .more-topic__item {
    margin-bottom: 1rem;
    width: auto
}

@media only screen and (min-width:768px) {
    .story-v2 .more-topic.more-topic--indent {
        width: 18.75rem;
        float: left;
        padding-right: 1.5rem
    }

    .story-v2 .more-topic.more-topic--indent .more-topic__item:not(:last-child) {
        margin-right: inherit
    }
}

@media only screen and (min-width:1200px) {
    .story-v2 .more-topic.more-topic--indent {
        margin-left: -3rem
    }
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>h1 {
    font-size: 2rem;
    line-height: 2.25rem
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>h2 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>h3 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>h4 {
    color: #191919;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>h5 {
    font-size: 1.125rem;
    line-height: 1.25rem
}

@media only screen and (min-width:1200px) {
    .story-v2 .article-content__content-group .story-v2-content-element-inline>h1 {
        font-size: 2.5rem;
        line-height: 2.75rem
    }

    .story-v2 .article-content__content-group .story-v2-content-element-inline>h2 {
        font-size: 2rem;
        line-height: 2.25rem
    }

    .story-v2 .article-content__content-group .story-v2-content-element-inline>h3 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>blockquote {
    margin: 2rem 0
}

.story-v2 .article-content__content-group .story-v2-content-element-inline>blockquote p {
    margin-bottom: .5rem
}

.story-v2 .article-content__journalism-widget,
.story-v2 .article-content__share-group {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (max-width:767px) {

    .story-v2 .article-content__journalism-widget,
    .story-v2 .article-content__share-group {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .story-v2 .article-content__journalism-widget,
    .story-v2 .article-content__share-group {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media only screen and (min-width:1024px) {

    .story-v2 .article-content__journalism-widget,
    .story-v2 .article-content__share-group {
        max-width: 46.938rem
    }
}

.story-v2 .widget-slimcut-ad {
    margin: 0
}

.story-v2 .featured-image__caption {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .story-v2 .featured-image__caption {
        padding-left: 4.813rem;
        padding-right: 4.813rem
    }
}

@media only screen and (min-width:1200px) {
    .story-v2 .featured-image__caption {
        padding-left: 0;
        padding-right: 0
    }
}